$cWhite: #ffffff; $cOrange: #ff8400; $cGray: #8a8a8a; $cDark: #1a1a18; //* customize Theme .breadcrumb { &::before { display: none; } li { margin-right: 40px; a { &:after { content: url('/themes/at_movic/assets/img/modules/appagebuilder/images/arrow_right.svg'); line-height: 1; top: 50%; right: -20px; transform: translateY(-50%); } span { color: $cDark; font-weight: 600; font-size: 12px; font-family: 'Prompt', sans-serif; text-transform: uppercase; } } } } //* page title .page_title_and_arrows { position: relative; font-family: 'Prompt', sans-serif; font-style: italic; font-weight: 800; font-size: 24px; line-height: 34px; text-align: center; color: $cDark; text-transform: uppercase; padding-left: 40px; width: fit-content; &::before { content: ''; position: absolute; left: 0; top: calc(34px / 2); width: 27px; height: 18px; background-image: url('/themes/at_movic/assets/img/three-arrows.svg'); background-position: center; background-repeat: no-repeat; background-size: contain; transform: translateY(-50%); } } .btn_whiteBg_blackBorder_radius { font-family: 'Aeonik', sans-serif; font-weight: 700; font-size: 14px; line-height: 111.5%; display: flex; align-items: center; text-align: center; text-transform: uppercase; color: $cDark; background-color: $cWhite; padding: 14px 64px; border: 2px solid $cDark; border-radius: 50px; } .btn_orange { background: $cOrange; color: #fff; font-size: 14px; font-family: 'Aeonik', sans-serif; padding: 12px 30px; border-radius: 50px; text-align: center; display: inline-block; text-transform: uppercase; font-weight: 600; &:hover { color: $cWhite; } &.disabled { background-color: #8a8a8a; } } .btn_dark { background: $cDark; color: #fff; font-size: 14px; font-family: 'Aeonik', sans-serif; padding: 12px 30px; border-radius: 50px; text-align: center; display: inline-block; text-transform: uppercase; font-weight: 600; &:hover { color: $cWhite; } &.disabled { background-color: #8a8a8a; } } .btn_white_border_orange { background: $cWhite; color: $cOrange; font-size: 14px; font-family: 'Aeonik', sans-serif; padding: 12px 30px; border-radius: 50px; text-align: center; display: inline-block; text-transform: uppercase; font-weight: 600; border: 2px solid $cOrange; &:hover { color: $cOrange; } &.disabled { background-color: #8a8a8a; } } .form-group-password { position: relative; &.active { .eye { &-show { display: block !important; } &-hiden { display: none !important; } } } .eye { position: absolute; right: 14px; bottom: 20px; width: 16px; height: 16px; transform: translateY(50%); cursor: pointer; z-index: 5; &-show { display: none; } &-hiden { display: block; } } } .custom-checkbox input[type='checkbox'] + span, .custom-checkbox input[type='radio'] + span { border: 1px solid #8a8a8a; width: 15px; height: 15px; border-radius: 3px; } .custom-checkbox input[type='checkbox']:checked + span .checkbox-checked { position: absolute; font-size: 0; width: 9px; height: 9px; margin: 2px; border-radius: 3px; background: #8a8a8a; } .custom-checkbox input[type='radio']:checked + span .checkbox-checked { font-size: 0; width: 13px; height: 13px; margin: 2px; border-radius: 100%; background: #8a8a8a; } #footer { .footer-center { background: $cDark; .footer-center-top { padding: 70px 0 90px; .footer-nav-boxes { display: flex; flex-direction: row; flex-wrap: wrap; column-gap: 90px; .ApBlockLink { display: flex; flex-direction: column; .title_block { color: #fff; font-size: 14px; font-weight: 700; margin-bottom: 30px; } ul { flex-direction: column; justify-content: flex-start; li { margin-left: 0; &:not(:last-child) { margin-bottom: 10px; } a { color: #fff; font-size: 14px; font-weight: 400; padding: 0; text-transform: initial; &:hover { text-decoration: none; } } } } } } .footer-contact-social-boxes { .ApImage { margin-bottom: 15px; } .ApHtml { .block_content { p, a { color: #fff; } } } .footer-contact-info { padding: 0; p { color: #fff; font-size: 14px; font-weight: 400; &:not(:last-child) { margin-bottom: 10px; } } } .footer-contact-links { .block_content { p { &:not(:last-child) { margin-bottom: 15px; } a { display: flex; flex-direction: row; align-items: center; gap: 20px; line-height: normal; color: #ff8400; font-size: 20px; font-weight: 700; text-transform: initial; img { padding-bottom: 4px; } } } } } .footer-contact-social { margin-bottom: 0; .block_content { display: flex; flex-direction: row; align-items: center; gap: 25px; } } } } .footer-center-bottom { position: relative; padding: 27px 0 37px; &::before { content: ''; position: absolute; top: 0; left: 9%; width: calc(100% - 18%); height: 1px; background: #555555; } .footer-bottom-icons { margin-bottom: 0; } .footer-bottom-info { margin-bottom: 0; p { color: #555555; font-size: 14px; font-weight: 400; display: flex; align-items: center; justify-content: flex-end; gap: 50px; line-height: 1; padding: 7px 0; strong { font-weight: 600; } } } @media (max-width: 1200px) { &::before { left: 0; width: 100%; } } @media (max-width: 992px) { text-align: center; .footer-bottom-info { margin-top: 20px; .block_content { p { justify-content: center; } } } } } @media (max-width: 1200px) { .footer-center-top { .footer-nav-boxes { column-gap: 65px; } } } @media (max-width: 767px) { .footer-center-top { padding: 70px 0 20px; .footer-nav-boxes { flex-direction: column; width: fit-content; row-gap: 20px; } } } } } #_desktop_cart { .header { position: relative; display: flex; align-items: center; justify-content: center; height: 40px; width: 40px; background: $cOrange; border-radius: 100%; } .cart-products-count { position: absolute; bottom: 0px; right: 0px; background: #000; border-radius: 50px; width: 16px; height: 16px; display: flex; align-items: center; justify-content: center; line-height: 0; color: $cWhite; font-family: monospace, sans-serif; font-size: 11px; } .leo-dropdown-cart { display: none !important; .leo-dropdown-bottom { .leo-cart-dropdown-action { .cart-dropdow-button { &.cart-dropdow-viewcart { @extend .btn_orange; } &.cart-dropdow-checkout { } } } } } } .leo-fly-cart-slidebar { .leo-dropdown-cart { .leo-dropdown-list-item-header { padding: 15px 0; h2 { font-family: 'Prompt', sans-serif; font-style: italic; font-weight: 800; font-size: 24px; line-height: 142.7%; text-align: center; color: #000000; text-transform: uppercase; } } .leo-dropdown-cart-content { display: flex; flex-direction: column; height: 100vh; .leo-dropdown-list-item-warpper { flex-grow: 1; .leo-dropdown-list-item { .leo-dropdown-cart-item { position: relative; padding: 18px 18px 18px 26px; height: 137px !important; &::before { content: ''; position: absolute; bottom: 0; left: 26px; right: 18px; height: 1px; background-color: #cbcbcb; } .leo-cart-item-img { display: flex; align-items: center; height: 100%; } .leo-cart-item-info { .product-name { a { font-family: 'Prompt', sans-serif; font-weight: 400; font-size: 12px; line-height: 1.2; text-transform: uppercase; color: #1a1a18; } } .product-price { .price { font-family: 'Prompt', sans-serif; font-weight: 700; font-size: 14px; line-height: 1.2; text-transform: uppercase; color: #1a1a18; } } .unit-price-cart { display: none; } .product-quantity { display: flex; flex-direction: row; align-items: center; margin-bottom: 8px; margin-top: 8px; .leo-bt-product-quantity { height: auto; i { width: 16px; height: 16px; background-color: #efefef; border-radius: 50px; display: flex; align-items: center; justify-content: center; } } } } } } } .leo-dropdown-bottom { height: auto !important; .leo-dropdown-cart-total { .price-box { display: flex; flex-direction: row; justify-content: space-between; p { font-family: 'Aeonik', sans-serif; font-weight: 700; font-size: 16px; line-height: 142.7%; color: #1a1a18; } } .price-box-btn { margin-bottom: 10px; .btn { @extend .btn_orange; } } .price-box-text { color: #1a1a18; font-weight: 700; font-size: 14px; line-height: 142.7%; display: flex; justify-content: center; align-items: center; column-gap: 7px; margin-bottom: 28px; } } } } } } //* pagination .pagination { border-top: none; #pagination { margin-left: auto; margin-right: auto; } .page-list { li { height: 31px; width: 31px; display: inline-flex; align-items: center; justify-content: center; &.current { background: $cOrange; border-radius: 3px; a { color: $cWhite; } } a { font-family: 'Prompt', sans-serif; font-weight: 700; font-size: 16px; line-height: 142.7%; color: #8a8a8a; } } } } #back-top { bottom: 70px; } //* Single product .product-detail { .product-manufacturer-top { margin-bottom: 30px; } .product-detail-name { color: $cDark; font-weight: 400; font-size: 24px; font-family: 'Prompt', sans-serif; } .product-prices { margin: 15px 0 30px; .current-price { color: $cDark; font-weight: 700; font-size: 24px; font-family: 'Prompt', sans-serif; } .tax-shipping-delivery-label { display: none; } } .product-add-to-cart { .p-cartwapper { padding: 0; margin: 0; border: none; .qty { display: flex; flex-direction: column; .control-label { display: block !important; color: #000; font-weight: 700; font-size: 14px; font-family: 'Aeonik', sans-serif; margin-bottom: 0; margin-top: 0; } .input-group { border: none; #quantity_wanted { color: #000; font-size: 16px; font-weight: 700; min-width: 80px; } .input-group-btn-vertical { .btn { height: 24px; width: 24px; max-width: 24px; min-width: unset; background: #efefef; display: flex; align-items: center; justify-content: center; border-radius: 50px; top: 30px; transform: translateY(-50%); margin: 0; i { color: #000; font-weight: 600; } } } } } .add { .add-to-cart { background: #ff8400; border-radius: 50px; padding: 21px 100px; height: auto; width: auto; line-height: initial; max-width: none; font-weight: 700; font-size: 16px; &:hover { background: #ff8400; } } } .leo-compare-wishlist-button { height: 58px; line-height: 58px; .leo-wishlist-bt-content { line-height: 58px; display: flex; align-items: center; justify-content: center; height: 100%; } .compare { display: none; } } .wishlist-button-add.wishlist-button-product { display: none; } } } .product-tabs.tabs { flex-direction: column; border: none; .tabs-tiles { .tabs-tile { margin-bottom: 80px; .tabs-tile-title { display: flex; flex-direction: row; align-items: center; gap: 8px; margin-bottom: 20px; h2 { color: $cDark; font-weight: 700; font-size: 24px; margin-bottom: 0; text-transform: uppercase; } } .product-description { color: $cDark; font-size: 16px; font-weight: 400; font-family: 'Prompt', sans-serif; ul { padding-left: 30px; } } } } } .product-accessories { .products-section-title { display: flex; flex-direction: row; align-items: center; gap: 8px; margin-bottom: 20px; color: $cDark; font-weight: 700; font-size: 24px; text-transform: uppercase; } .products { .owl-buttons { .owl-prev, .owl-next { &::after { content: ''; position: absolute; inset: 0; background: #dcdcdc; opacity: 0.5; z-index: -1; } &:hover { &::before { color: #000; } } } } .owl-item { .product-miniature { .pro3-btn { position: initial; .wishlist { position: absolute; top: 7px; right: 5px; .btn-product { box-shadow: none; &:hover { background: none; box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.07); } .leo-wishlist-bt-content { align-items: center; justify-content: center; } } } .button-container.cart { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); .add-to-cart { width: fit-content; border-radius: 50px; padding: 0px 30px; background: $cDark; > span { color: #fff; font-weight: 600; font-size: 12px; } .leo-bt-cart-content { display: none; } } } } .product-meta { .product-title { a { color: $cDark; font-weight: 500; font-size: 14px; text-transform: uppercase; } } .product-price-and-shipping { .price { color: $cDark; font-weight: 700; font-size: 14px; line-height: 21px; letter-spacing: 0.015em; font-family: 'Prompt', sans-serif; } } } } } } } #product-availability { margin-bottom: 30px; .product-status-ball { width: 7px; height: 7px; display: inline-block; border-radius: 50px; margin-bottom: 1px; } .product-available { color: $cDark; font-weight: 400; font-size: 16px; font-family: 'Prompt', sans-serif; text-transform: initial; .product-status-ball { background: #3fc600; } } .product-last-items { color: $cDark; font-weight: 400; font-size: 16px; font-family: 'Prompt', sans-serif; text-transform: initial; .product-status-ball { background: #ff8400; } } .product-unavailable { color: $cDark; font-weight: 400; font-size: 16px; font-family: 'Prompt', sans-serif; text-transform: initial; .product-status-ball { background: #e00000; } } } .product-variants { margin: 0; & > .product-variants-item { .color { width: 42px; height: 42px; border: 2px solid #b5b5b5; &:before { line-height: 36px; } } } .product-variants-item { flex-direction: column; align-items: flex-start; gap: 15px; margin-top: 0; .control-label { color: $cDark; font-weight: 700; font-size: 14px; } ul { li { span.color { box-shadow: none; background-size: cover !important; } } } #group_2 { display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px; max-width: 380px; li { margin: 0; label { margin: 0; .radio-label { font-family: 'Prompt', sans-serif; font-weight: 700; font-size: 14px; line-height: 180.69%; text-align: center; color: $cGray; padding: 6px; min-width: 120px; background: #ffffff; border: 2px solid #b5b5b5; border-radius: 80px; } .input-radio[checked='checked'] ~ .radio-label { border-color: #1a1a18; color: #1a1a18; } } } } } } .description-short { .description-short-title { display: flex; flex-direction: row; align-items: center; gap: 8px; margin-bottom: 20px; h2 { color: $cDark; font-weight: 700; font-size: 24px; margin-bottom: 0; text-transform: uppercase; } } } .roduct-comments-box { display: none; } } //* Left bar #left-column { &.sidebar { .block-categories { background: #f5f5f5; border: none; padding-bottom: 25px; .category-top-menu { li { &.active { > a { color: $cOrange; } } } } .category-sub-menu { li { &:after { display: none; } .navbar-toggler { color: #000; } a { color: #000; font-weight: 500; font-size: 14px; font-family: 'Prompt', sans-serif; padding: 7px 0; } .category-sub-menu { padding: 0; } } } .facet-title { display: inline-block; color: #000; font-weight: 700; font-size: 16px; margin-bottom: 13px; } .title_block { padding: 0 0 20px 0; color: #000; font-weight: 700; font-style: italic; font-size: 20px; } } #search_filters_wrapper { background: #f5f5f5; border: none; #search_filters { padding-top: 0; .facet { position: relative; &:first-child { padding-top: 25px; &::after { content: ''; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 1px; background: #cdcdcd; } } &:not(:last-child) { padding-bottom: 25px; margin-bottom: 25px; &::before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; width: 100%; height: 1px; background: #cdcdcd; } } ul { li { .facet-label { display: flex; flex-direction: row; align-items: center; .custom-checkbox { height: auto; line-height: 0; } .search-link { display: flex; flex-direction: row; align-items: center; gap: 5px; color: #000000; font-weight: 500; font-size: 14px; font-family: 'Aeonik', sans-serif; .magnitude { color: #8a8a8a; font-weight: 400; font-size: 10px; font-family: 'Prompt', sans-serif; line-height: 1; height: auto; position: relative; top: 0; right: auto; } } } } } &-color { ul { display: flex; flex-direction: row; flex-wrap: wrap; gap: 17px; li { .facet-label { padding: 0; .custom-checkbox { .color { margin: 0; width: 30px; height: 30px; border-radius: 100%; border-color: #929292; } } .search-link { display: none; } } } } } } } .facet-title { color: #000; font-weight: 700; font-size: 16px; margin-bottom: 13px; text-transform: uppercase; } } } } #content-wrapper { #products { #js-product-list { .products { .product_list { &.grid { .ajax_block_product { .product-miniature { .thumbnail-container { &:hover { .product-image { .pro3-btn { .button-container.cart { opacity: 1; visibility: visible; } } } } .product-image { .product-flag { font-family: 'Prompt', sans-serif; font-weight: 700; font-size: 14px; line-height: 21px; display: inline-flex; align-items: center; text-align: center; letter-spacing: 0.015em; color: #ffffff; background: $cOrange; border-radius: 56px; padding: 6px 20px; } .pro3-btn { inset: 0; filter: none; .wishlist { position: absolute; top: 7px; right: 7px; .leo-wishlist-button { box-shadow: none; &:hover { transform: none; background: transparent; } } > .btn-product { margin-right: 0; .leo-wishlist-bt-content { align-items: center; justify-content: center; } } } .button-container { position: absolute; top: 50%; left: 50%; transform: translateX(-50%); .add-to-cart { @extend .btn_orange; display: flex; justify-content: center; align-items: center; padding: 15px 30px; transition: all 0.5s ease-in; margin-right: 0; width: fit-content; &:hover { background: #000 !important; color: #fff !important; transform: none; } } } } } .product-meta { .product-title { a { color: $cDark; font-weight: 500; font-size: 14px; text-transform: uppercase; } } .product-price-and-shipping { .price { color: $cDark; font-weight: 700; font-size: 14px; line-height: 21px; letter-spacing: 0.015em; font-family: 'Prompt', sans-serif; } } } } } } } &.list { .ajax_block_product { .product-miniature { .thumbnail-container { .product-image { .product-flag { font-family: 'Prompt', sans-serif; font-weight: 700; font-size: 14px; line-height: 21px; display: flex; align-items: center; text-align: center; letter-spacing: 0.015em; color: #ffffff; background: $cOrange; border-radius: 56px; padding: 6px 20px; } .pro3-btn { inset: 0; filter: none; .wishlist { position: absolute; top: 7px; right: 7px; .leo-wishlist-button { box-shadow: none; &:hover { transform: none; background: transparent; } } > .btn-product { margin-right: 0; .leo-wishlist-bt-content { align-items: center; justify-content: center; } } } .button-container { position: absolute; top: 50%; left: 50%; transform: translateX(-50%); .add-to-cart { @extend .btn_orange; display: flex; justify-content: center; align-items: center; padding: 15px 30px; transition: all 0.5s ease-in; margin-right: 0; width: fit-content; &:hover { background: #000 !important; color: #fff !important; transform: none; } } } } } } } } } } } } } } //* REALIZACJA ZAMÓWIENIA -> KROK 2 #checkout { #wrapper { #content { #checkout-personal-information-step { .content { #checkout-login-form { #login-form { .forgot-password { margin: 10px 0 !important; } .form-footer { margin-top: 10px; .btn { @extend .btn_orange; } } } } } } //* KROK 2 #checkout-addresses-step { .content { .js-address-form { h2.h4 { font-family: 'Prompt', sans-serif; font-weight: 700; font-size: 16px; line-height: 142.7%; color: $cDark; } #delivery-addresses, #invoice-addresses { display: grid; gap: 15px; grid-template-columns: repeat(auto-fit, minmax(239px, 1fr)); margin-top: 0; .address-item { border: 2px solid #8a8a8a; border-radius: 10px; background-color: $cWhite; margin-bottom: 0; height: 100%; &.selected { background-color: rgba(0, 0, 0, 0.1); border-color: $cOrange; } .radio-block { .custom-radio { display: none; } .address-alias { font-family: 'Aeonik', sans-serif; font-style: normal; font-weight: 600; font-size: 14px; line-height: 142.7%; color: $cDark; padding: 0; } .address { font-family: 'Aeonik', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 142.7%; color: #000000; margin-left: 0; } } } } .add-address { margin-top: 0; a { font-family: 'Aeonik', sans-serif; font-weight: 400; font-size: 16px; line-height: 142.7%; text-decoration-line: underline; color: #8a8a8a; i { display: none; } } } .billing-address { font-family: 'Aeonik', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 142.7%; color: $cDark; border: 1px solid #ff8400; border-radius: 43px; padding: 13px 30px; } .btn { @extend .btn_orange; float: left !important; } } } } //* Krok 3 #checkout-delivery-step { .realization-form-title { h3 { font-family: 'Prompt', sans-serif; font-style: normal; font-weight: 700; font-size: 16px; line-height: 142.7%; color: $cDark; margin-bottom: 30px; } } .delivery-options-list { .form-fields { .delivery-options { .row { &.delivery-option { display: flex; align-items: center; background: $cWhite; flex-direction: row; border: 1px solid #8a8a8a; border-radius: 43px; cursor: pointer; label { margin-bottom: 0; > .row { display: flex; flex-direction: row; align-items: center; } .col-xs-3 { display: none !important; } .carrier-name { font-family: 'Aeonik', sans-serif; font-style: normal; font-weight: 600; font-size: 14px; line-height: 142.7%; color: $cDark; margin-bottom: 0; } .carrier-delay { font-family: 'Aeonik', sans-serif; font-style: normal; font-weight: 400; font-size: 12px; line-height: 111.5%; color: #8a8a8a; } .carrier-price { font-family: 'Aeonik', sans-serif; font-style: normal; font-weight: 700; font-size: 14px; line-height: 142.7%; color: #1a1a18; } } } } } } .btn.continue { @extend .btn_orange; float: left !important; } } } //* Krok 4 #checkout-payment-step { #payment-confirmation { margin-top: 25px; .ps-shown-by-js { text-align: start; } .btn { @extend .btn_orange; width: fit-content; } } } } } } #order-confirmation { #wrapper { #content-wrapper { #main { #content-hook_order_confirmation { box-shadow: none; border: none; img { margin-bottom: 30px; } h3 { font-family: 'Prompt', sans-serif; font-style: italic; font-weight: 800; font-size: 24px; line-height: 142.7%; text-align: center; color: $cDark; } p { font-family: 'Prompt', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 142.7%; text-align: center; color: $cDark; } .card-block-buttons { display: flex; justify-content: center; flex-wrap: wrap; column-gap: 35px; row-gap: 15px; margin-top: 25px; .btn { &.btn1 { @extend .btn_orange; } &.btn2 { @extend .btn_white_border_orange; } } } } .page-order-confirmation { display: none; } } } } } //* TWOJE KONTO -> global elements #identity, #address, #addresses, #history, #module-leofeature-mywishlist { #wrapper { #main { #content { form { .form-group { margin-bottom: 0; .form-control-label { text-align: start; font-family: 'Aeonik', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 142.7%; color: $cDark; margin-bottom: 1px; .form-control-comment { font-family: 'Aeonik', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 142.7%; color: $cDark; } } .form-control { font-family: 'Aeonik', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 142.7%; color: $cDark; padding: 8px 26px; border: 1px solid #8a8a8a; border-radius: 31px; background-color: #f5f5f5; } .custom-checkbox { label { font-family: 'Aeonik', sans-serif; font-style: normal; font-weight: 400; font-size: 14px; line-height: 142.7%; color: #8a8a8a; } em { font-size: 10px; padding-left: 28px; display: inline-block; a { color: #8a8a8a; } } } } #captcha-row { display: flex; flex-direction: column; } } } .page-footer { display: none; } } } #footer { .footer-top { display: none; } } } //* TWOJE KONTO #my-account { #wrapper { background-image: url('/themes/at_movic/assets/img/my_acc_bg.png'); background-position: right top; background-repeat: no-repeat; background-size: contain; #main { .page-header { h1 { @extend .page_title_and_arrows; } } #content { margin-bottom: 40px; .links { display: flex; flex-direction: row; flex-wrap: wrap; width: 100%; max-width: 842px; a { padding: 0 20px; margin: 12px 0; .link-item { display: flex; flex-direction: column; align-items: center; gap: 10px; font-family: 'Prompt', sans-serif; font-style: normal; font-weight: 700; font-size: 16px; line-height: 142.7%; text-align: center; color: #000000; background: #ffffff; border: 2px solid #e1e1e1; border-radius: 20px; box-shadow: none; i { padding-bottom: 0; } } } } } .page-footer { display: flex; justify-content: center; width: 100%; max-width: 842px; a { @extend .btn_whiteBg_blackBorder_radius; } } } } #footer { .footer-top { display: none; } } } //* TWOJE KONTO -> TWOJE DANE OSOBISTE #identity { #wrapper { #main { .page-header { h1 { @extend .page_title_and_arrows; margin: 0 auto; } } #content { position: relative; background: #f5f5f5; padding: 30px; &::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 100vw; background-image: url('/themes/at_movic/assets/img/kalsport-big-bg.svg'); background-position: center; background-size: contain; background-repeat: no-repeat; transform: translateX(-50%); margin-left: 50%; z-index: -1; } form { .form-footer { .btn { @extend .btn_orange; } } } } } } } //* TWOJE KONTO -> NOWY ADRES #address { #wrapper { #main { .page-header { h1 { @extend .page_title_and_arrows; margin: 0 auto; } } #content { position: relative; background: #f5f5f5; padding: 30px; &::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 100vw; background-image: url('/themes/at_movic/assets/img/kalsport-big-bg.svg'); background-position: center; background-size: contain; background-repeat: no-repeat; transform: translateX(-50%); margin-left: 50%; z-index: -1; } form { .form-fields { margin-bottom: 30px; .form-group:last-child label.required:after { position: relative; opacity: 1; visibility: visible; } } .form-footer { .btn { @extend .btn_orange; } } } } } } } //* TWOJE KONTO -> NOWY ADRES #addresses { #wrapper { #main { .page-header { h1 { @extend .page_title_and_arrows; margin: 0 auto; } } #content { position: relative; background: #f5f5f5; padding: 30px; &::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 100vw; background-image: url('/themes/at_movic/assets/img/kalsport-big-bg.svg'); background-position: center; background-size: 100%; background-repeat: no-repeat; transform: translateX(-50%); margin-left: 50%; z-index: -1; } .col-sm-12 { h4 { font-family: 'Prompt', sans-serif; font-style: normal; font-weight: 700; font-size: 16px; line-height: 142.7%; color: $cDark; margin-bottom: 30px; } } .address { position: relative; border: 2px solid #8a8a8a; border-radius: 10px; box-shadow: none; .address-body { h4 { font-family: 'Prompt', sans-serif; font-style: normal; font-weight: 700; font-size: 16px; line-height: 142.7%; color: $cDark; margin-bottom: 10px; } address { font-family: 'Aeonik', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #000000; margin-bottom: 0; } } .address-footer { border: none; display: flex; flex-direction: column; position: absolute; top: 20px; right: 20px; padding: 0; a { margin-right: 0; &:not(:last-child) { margin-bottom: 12px; } } } } .addresses-footer { margin: 0; > a { @extend .btn_orange; } } } } } } //* TWOJE KONTO -> HISTORIA ZAMÓWIEŃ #history { #wrapper { #main { .page-header { h1 { @extend .page_title_and_arrows; margin: 0 auto; } } #content { #notifications { display: none; } h6 { font-family: 'Prompt', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 142.7%; color: #000000; text-align: center; } .products-not-found { display: flex; align-items: center; height: 250px; justify-content: center; gap: 15px; .no-items { color: $cDark; font-style: italic; font-weight: 800; font-size: 24px; line-height: 142.7%; padding-top: 20px; } } .table-layout { padding: 50px; background: #f5f5f5; margin-top: 40px; .table.table-striped.table-bordered { margin: 0; border: none; .thead-default { tr { background-color: transparent; th { font-family: 'Prompt', sans-serif; font-weight: 700; font-size: 12px; line-height: 142.7%; color: $cOrange; text-transform: uppercase; border: none; } } } tbody { tr { background-color: transparent; border-bottom: 1px solid #8a8a8a; th { font-family: 'Prompt', sans-serif; font-weight: 700; font-size: 12px; line-height: 142.7%; color: $cDark; border: none; } td { font-family: 'Aeonik', sans-serif; font-style: normal; font-weight: 400; font-size: 12px; line-height: 142.5%; text-transform: uppercase; color: $cDark; text-align: start !important; border: none; &.order-actions { display: flex; align-items: center; justify-content: flex-end; gap: 10px; .btn { &.btn1 { @extend .btn_dark; padding: 5px 10px; font-weight: 500; font-size: 10px; } &.btn2 { @extend .btn_orange; padding: 5px 10px; font-weight: 500; font-size: 10px; } } } } } } } } } } } } //* TWOJE KONTO -> HISTORIA ZAMÓWIEŃ -> SZCZEGÓŁY ZAMÓWIENIA #order-detail { #wrapper { #main { .page-header { h1 { @extend .page_title_and_arrows; margin: 0 auto; } } #content { position: relative; background: #f5f5f5; padding: 30px; &::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 100vw; background-image: url('/themes/at_movic/assets/img/kalsport-big-bg.svg'); background-position: center top; background-size: contain; background-repeat: no-repeat; transform: translateX(-50%); margin-left: 50%; z-index: -1; } .box { background: transparent; &.box2 { margin-bottom: 0; padding-bottom: 0; } } #order-infos { .row { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; } strong { font-family: 'Prompt', sans-serif; font-style: normal; font-weight: 700; font-size: 20px; line-height: 142.7%; text-align: center; text-transform: uppercase; color: $cDark; span { color: $cOrange; } } .button-primary { @extend .btn_orange; } ul { li { &:not(:last-child) { margin-bottom: 20px; } strong { font-family: 'Prompt', sans-serif; font-weight: 700; font-size: 16px; line-height: 142.7%; color: $cDark; margin-right: 20px; } font-family: 'Prompt', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 142.7%; color: $cDark; } } } #order-history { padding-top: 20px; h3 { font-family: 'Prompt', sans-serif; font-style: normal; font-weight: 700; font-size: 16px; line-height: 142.7%; color: $cDark; } table { margin: 0; border: none; .thead-default { tr { background-color: transparent; th { font-family: 'Prompt', sans-serif; font-weight: 700; font-size: 12px; line-height: 142.7%; color: $cOrange; text-transform: uppercase; border: none; } } } tbody { tr { background-color: transparent; border-bottom: 1px solid #8a8a8a; th { font-family: 'Prompt', sans-serif; font-weight: 700; font-size: 12px; line-height: 142.7%; color: $cDark; border: none; } td { font-family: 'Aeonik', sans-serif; font-style: normal; font-weight: 400; font-size: 12px; line-height: 142.5%; text-transform: uppercase; color: $cDark; text-align: start !important; border: none; } } } } } .addresses { .col-xs-12 { display: flex; flex-direction: row; flex-wrap: wrap; gap: 20px; } h3.h2 { font-family: 'Prompt', sans-serif; font-weight: 700; font-size: 16px; line-height: 142.7%; color: $cDark; } #delivery-address, #invoice-address { border: 2px solid #8a8a8a; border-radius: 10px; background: #f5f5f5; padding: 20px 30px; width: fit-content; h4 { font-family: 'Aeonik', sans-serif; font-weight: 600; font-size: 16px; line-height: 142.7%; color: #000000; } address { margin-bottom: 0; font-family: 'Aeonik', sans-serif; font-weight: 400; font-size: 16px; line-height: 142.7%; color: #000000; } } } #order-products { border: none; thead { tr { th { font-family: 'Prompt', sans-serif; font-weight: 700; font-size: 16px; line-height: 142.7%; color: $cOrange; border: none; padding-bottom: 20px; } } } tbody { tr { border-bottom: 1px solid #8a8a8a; td { font-family: 'Aeonik', sans-serif; font-weight: 400; font-size: 14px; line-height: 142.5%; text-transform: uppercase; color: $cDark; border: none; &:nth-child(1) { strong { font-weight: 400; } } &:not(:first-child) { font-weight: 700; } } } } tfoot { tr { &.line-products { td { padding-top: 20px; } } &.line-total { td { font-family: 'Prompt', sans-serif; font-weight: 700; font-size: 16px; line-height: 142.7%; color: $cOrange; } } td { font-family: 'Prompt', sans-serif; font-weight: 400; font-size: 16px; line-height: 142.7%; color: $cDark; border: none; padding: 0 10px; text-transform: uppercase; } } } } .table.table-striped.table-bordered { border: none; thead { tr { th { font-family: 'Prompt', sans-serif; font-weight: 700; font-size: 16px; line-height: 142.7%; color: $cOrange; border: none; padding-bottom: 20px; } } } tbody { tr { border-bottom: 1px solid #8a8a8a; background-color: transparent; td { font-family: 'Aeonik', sans-serif; font-weight: 400; font-size: 14px; line-height: 142.5%; text-transform: uppercase; color: $cDark; border: none; &:nth-child(1) { font-weight: 700; } } } } } .messages { h3 { font-family: 'Prompt', sans-serif; font-weight: 700; font-size: 16px; line-height: 142.7%; color: $cDark; } .message-title { font-family: 'Prompt', sans-serif; font-weight: 700; font-size: 16px; line-height: 142.7%; color: $cDark; } .message-text { font-family: 'Prompt', sans-serif; font-style: normal; font-weight: 400; font-size: 16px; line-height: 142.7%; color: $cDark; } } .order-message-form { form { header { margin-bottom: 30px; h3 { font-family: 'Prompt', sans-serif; font-weight: 700; font-size: 16px; line-height: 142.7%; color: $cDark; } p { font-family: 'Prompt', sans-serif; font-weight: 400; font-size: 16px; line-height: 142.7%; color: $cDark; } } section { h3 { font-family: 'Prompt', sans-serif; font-weight: 700; font-size: 16px; line-height: 142.7%; color: $cDark; } .form-group { .form-control-label { font-family: 'Aeonik', sans-serif; font-weight: 400; font-size: 16px; line-height: 142.7%; color: $cDark; text-align: left !important; padding-top: 0; } select.form-control-select { width: 100%; max-width: 460px; border: 1px solid #8a8a8a; border-radius: 31px; background-color: transparent; } textarea { width: 100%; max-width: 520px; border-radius: 5px; border: 1px solid #8a8a8a; background-color: transparent; } } } .form-footer { text-align: left !important; .btn { @extend .btn_orange; } } } } } .page-footer { display: none; } } } #footer { .footer-top { display: none; } } } //* TWOJE KONTO -> LISTA ŻYCZEŃ #module-leofeature-mywishlist { #wrapper { #main { .page-header { margin-bottom: 60px; h1 { @extend .page_title_and_arrows; margin: 0 auto; } } #mywishlist { .new-wishlist { .form-group-title { margin-bottom: 15px; h2 { font-family: 'Prompt', sans-serif; font-weight: 700; font-size: 16px; line-height: 142.7%; color: $cDark; } } label { font-family: 'Aeonik', sans-serif; font-weight: 400; font-size: 16px; line-height: 142.7%; color: $cDark; margin-bottom: 5px; } .form-group-row { display: flex; flex-direction: row; width: 100%; max-width: 480px; input { border: 1px solid #8a8a8a; border-radius: 31px; padding-right: 45px; margin-right: -40px; height: 44px; } .btn { @extend .btn_orange; } @media (max-width: 500px) { flex-direction: column; row-gap: 20px; input { margin-right: 0; padding-right: 16px; } } } } .list-wishlist { table.table { thead { tr { th { font-family: 'Prompt', sans-serif; font-weight: 700; font-size: 12px; line-height: 142.7%; color: $cOrange; border: none; &:not(:nth-child(1)) { text-align: center; } } } } tbody { tr { background: transparent; &.show { background: rgba($cOrange, 0.15) !important; } &.new, &.active { background: rgba($cOrange, 0.8) !important; } td { border-top: none; border-bottom: 1px solid #8a8a8a; &:nth-child(1) { a.view-wishlist-product { font-family: 'Prompt', sans-serif; font-weight: 700; font-size: 12px; line-height: 142.7%; color: $cDark; .material-icons { display: none; } } } &:not(:nth-child(1)) { text-align: center; } a.delete-wishlist { img { filter: brightness(0); } } label.form-check-label { input[type='checkbox'] { position: relative; appearance: none; height: 15px; width: 15px; border: 1px solid #8a8a8a; border-radius: 3px; cursor: pointer; &:checked { &::before { opacity: 1; visibility: visible; } } &::before { content: ''; position: absolute; top: 50%; left: 50%; width: 9px; height: 9px; background: #8a8a8a; border-radius: 2px; transform: translate(-50%, -50%); opacity: 0; visibility: hidden; transition: opacity 200ms ease-in, visibility 200ms ease-in; } } } } } } } } .footer_links { display: none; } } } } .leo-modal-wishlist { .btn { @extend .btn_orange; margin-left: 10px; margin-right: 10px; } } } //* Home Page #index { //* slider // #slideshow-form_9409697207470028 { #slideshow-form_4659265334353033 { .iview-video { .iview-video-show { top: 0 !important; display: block !important; } } .iview-controlNav { display: none; } .iview-directionNav { display: none; } #heroMyVideo { cursor: default; } } // #slideshow-form_7849302495138052 { #slideshow-form_9540575135095924 { .iview-controlNav { display: none; } .slide_config { width: 100% !important; .tp-caption { height: auto !important; } .caption-contain { font-family: 'Prompt', sans-serif; font-style: italic !important; font-weight: 900 !important; font-size: 100px !important; line-height: 111.5% !important; letter-spacing: 0.095em !important; height: auto !important; } } } #tab_4183733975071095 { @media (max-width: 992px) { .owl-item { .item { .product-image { padding-bottom: 10px; } .functional-buttons { padding: 0 15px; } } } } @media (max-width: 575px) { max-width: 300px; margin-left: auto; margin-right: auto; } } .partners_logo_slider { width: 100vw; transform: translateX(-50%); margin-left: 50%; padding: 20px 0; background: #dbdbdb; @media (max-width: 576px) { padding: 10px 0; } .splide__list { align-items: center; .splide__slide { text-align: center; img { filter: opacity(0.5); transition: filter 200ms ease-in; @media (max-width: 576px) { max-height: 35px; } } &:hover { img { filter: opacity(1); } } } } } @media (min-width: 600px) { // #slideshow-form_7849302495138052 { #slideshow-form_9540575135095924 { display: none; } } @media (max-width: 600px) { // #slideshow-form_9409697207470028 { #slideshow-form_4659265334353033 { display: none; } } } //* Login page #authentication { #wrapper { #main { .page-header { h1 { @extend .page_title_and_arrows; margin: 0 auto; } } #content { #login-form { .form-group { .form-control-label { font-family: 'Aeonik', sans-serif; font-weight: 400; font-size: 16px; line-height: 142.7%; color: $cDark; text-align: left !important; } .form-control { background-color: $cWhite; border: 1px solid #8a8a8a; border-radius: 31px; } } .form-footer { text-align: center; .btn { @extend .btn_orange; width: fit-content; } } } .register-form { .form-group { .form-control-label { font-family: 'Aeonik', sans-serif; font-weight: 400; font-size: 16px; line-height: 142.7%; color: $cDark; text-align: left !important; } .form-control { background-color: $cWhite; border: 1px solid #8a8a8a; border-radius: 31px; } } .form-footer { text-align: center; .btn { @extend .btn_orange; width: fit-content; } } } } } } } //* 404 #pagenotfound { #wrapper { .breadcrumb { display: none; } #main { margin-top: 40px; .content { max-width: 740px; p { font-family: 'Prompt', sans-serif; font-style: italic; font-weight: 800; font-size: 24px; line-height: 142.7%; text-align: center; color: $cDark; } .btn { @extend .btn_orange; } } } } #footer { .footer-top { display: none; } } } //* Regulamin .cms-id-3 { #wrapper { .breadcrumb { display: none; } #main { .page-header { h1 { font-family: 'Prompt', sans-serif; font-weight: 700; font-size: 48px; line-height: 103.2%; color: $cOrange; text-transform: uppercase; margin-bottom: 30px; } } #content { h2 { font-family: 'Prompt', sans-serif; font-weight: 700; font-size: 20px; line-height: 142.7%; text-align: center; text-transform: uppercase; color: $cDark; margin-bottom: 65px; } h4 { text-align: center !important; font-family: 'Prompt', sans-serif; font-weight: 700; font-size: 20px; line-height: 142.7%; text-transform: uppercase; color: $cDark; margin-bottom: 20px; } p { font-family: 'Prompt', sans-serif; font-weight: 400; font-size: 16px; line-height: 200.2%; color: $cDark; } ul { li { font-family: 'Prompt', sans-serif; font-weight: 400; font-size: 16px; line-height: 200.2%; color: $cDark; } } } } } #footer { .footer-top { display: none; } } } //* Zwrot i reklamacje .cms-id-7 { #wrapper { .breadcrumb { display: none; } #main { .page-header { h1 { font-family: 'Prompt', sans-serif; font-weight: 700; font-size: 48px; line-height: 103.2%; color: $cOrange; text-transform: uppercase; margin-bottom: 30px; } } #content { h2 { font-family: 'Prompt', sans-serif; font-weight: 800; font-size: 24px; line-height: 142.7%; text-transform: uppercase; color: $cDark; margin-bottom: 20px; font-style: italic; } p { font-family: 'Prompt', sans-serif; font-weight: 400; font-size: 16px; line-height: 200.2%; color: $cDark; } ul { li { font-family: 'Prompt', sans-serif; font-weight: 400; font-size: 16px; line-height: 200.2%; color: $cDark; } } } } } #footer { .footer-top { display: none; } } } //* Polityka prywatnosci .cms-id-2 { #wrapper { .breadcrumb { display: none; } #main { .page-header { h1 { font-family: 'Prompt', sans-serif; font-weight: 700; font-size: 48px; line-height: 103.2%; color: $cOrange; text-transform: uppercase; margin-bottom: 30px; } } #content { h2 { font-family: 'Prompt', sans-serif; font-weight: 700; font-size: 20px; line-height: 142.7%; text-align: center; text-transform: uppercase; color: $cDark; margin-bottom: 20px; } p { font-family: 'Prompt', sans-serif; font-weight: 400; font-size: 16px; line-height: 200.2%; color: $cDark; } ul { li { font-family: 'Prompt', sans-serif; font-weight: 400; font-size: 16px; line-height: 200.2%; color: $cDark; } } } } } #footer { .footer-top { display: none; } } } //* Metody płatności .cms-id-5 { #wrapper { .breadcrumb { display: none; } #main { .page-header { h1 { font-family: 'Prompt', sans-serif; font-weight: 700; font-size: 48px; line-height: 103.2%; color: $cOrange; text-transform: uppercase; margin-bottom: 30px; } } #content { h2 { font-family: 'Prompt', sans-serif; font-weight: 700; font-size: 20px; line-height: 142.7%; text-align: center; text-transform: uppercase; color: $cDark; margin-bottom: 20px; } p { font-family: 'Prompt', sans-serif; font-weight: 400; font-size: 16px; line-height: 200.2%; color: $cDark; } ul { li { font-family: 'Prompt', sans-serif; font-weight: 400; font-size: 16px; line-height: 200.2%; color: $cDark; } } } } } #footer { .footer-top { display: none; } } } //* Blog #module-leoblog-list { .breadcrumb { display: none; } #main { .blog-header { position: relative; height: 155px; width: 100%; display: flex; align-items: center; justify-content: center; margin-bottom: 120px; &::before { content: ''; position: absolute; inset: 0; width: 100vw; margin-left: 50%; background-image: url('/themes/at_movic/assets/img/BLOG-haeder.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; transform: translateX(-50%); } h1 { position: relative; font-family: 'Prompt', sans-serif; font-style: italic; font-weight: 800; font-size: 48px; line-height: 142.7%; color: $cWhite; } } #blog-listing { .secondary-blog { .blog-tiles { width: 100%; max-width: 1150px; margin-left: auto; margin-right: auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(400px, 1fr)); column-gap: 30px; row-gap: 30px; .blog-tile { .blog-item { padding-bottom: 0; .blog-image { margin-bottom: 20px; img { border-radius: 18px; } } .title { margin-bottom: 20px; a { font-family: 'Prompt', sans-serif; font-weight: 700; font-size: 20px; line-height: 142.7%; text-transform: uppercase; color: $cDark; } } .blog-shortinfo { font-family: 'Prompt', sans-serif; font-weight: 400; font-size: 12px; line-height: 142.7%; color: $cDark; padding-bottom: 0; margin-bottom: 25px; } .btn { @extend .btn_orange; } } } } } } } #footer { .footer-top { display: none; } } } //* Single blog #module-leoblog-blog { #wrapper { margin-top: 50px; .breadcrumb { display: none; } #main { width: 100%; max-width: 1000px; margin-left: auto; margin-right: auto; #blogpage { .blog-detail { .blog-image { margin-bottom: 50px; img { width: 100%; max-width: fit-content; } } .article-mini-info { margin-bottom: 80px; .article-added-tile { font-family: 'Prompt', sans-serif; font-weight: 400; font-size: 16px; line-height: 142.7%; text-align: center; color: #8a8a8a; margin-bottom: 13px; } .blog-title { font-family: 'Prompt', sans-serif; font-style: italic; font-weight: 800; font-size: 32px; line-height: 142.7%; text-align: center; text-transform: uppercase; color: $cOrange; } } .blog-description { padding: 0; background: transparent; margin-bottom: 120px; h3 { font-family: 'Prompt', sans-serif; font-weight: 700; font-size: 20px; line-height: 142.7%; text-transform: uppercase; color: $cDark; } p { font-family: 'Aeonik', sans-serif; font-weight: 400; font-size: 16px; line-height: 35px; color: $cDark; } ul { list-style: decimal; padding-left: 25px; margin-bottom: 16px; li { font-family: 'Aeonik', sans-serif; font-weight: 400; font-size: 16px; line-height: 35px; color: $cDark; } } } .social-share, .extra-blogs { display: none; } .article-social { display: flex; flex-direction: row; justify-content: space-between; gap: 50px; flex-wrap: wrap; margin-bottom: 40px; .article-social-text { font-family: 'Prompt', sans-serif; font-style: italic; font-weight: 800; font-size: 32px; line-height: 142.7%; text-transform: uppercase; color: $cDark; margin-bottom: 0; width: 100%; max-width: 400px; } ul { display: flex; flex-direction: row; column-gap: 50px; row-gap: 20px; li { } } } } } } } #footer { .footer-top { display: none; } } } //* heder menu .leo-megamenu { .navbar-nav { li { &.active { overflow: initial; > a { color: $cOrange; } } &.nowosci-link { > a { color: #a6e32e; } } &.bestsellery-link { > a { color: #ff8400; } } } @media (max-width: 1200px) { column-gap: 20px; } } } //* heder menu -> mobile #header { .header-nav { .bottomnav { .wrapper { @media (min-width: 481px) { #_desktop_cart { .header { .desktop_cart_title { display: none; } } } } @media (max-width: 480px) { .navbar-header { text-align: right; margin-top: -60px; .navbar-toggler { position: relative; margin: 0; z-index: 999; } } #_desktop_cart { position: fixed; bottom: 35px; right: 14%; z-index: 999; .header { height: 22px; width: 22px; img { width: 14px; height: 14px; } .cart-products-count { display: none; } .desktop_cart_title { position: absolute; top: 27px; color: $cWhite; font-size: 10px; } } } #_desktop_user_info { .popup-content { top: auto; bottom: calc(100% + 16px); &::before, &::after { transform: rotate(180deg); top: 100%; left: 50%; } } } #leo_search_block_input { width: calc(100vw - 20px); left: 10px; } } &[attr-id='top_menu_black_line'] { @media (max-width: 480px) { position: fixed; bottom: 0; #top_menu_black_line { .top_belt_right { justify-content: flex-start; gap: 0; width: 100%; .block, #_desktop_user_info { width: 25%; justify-content: center; a { font-size: 10px; align-items: center; gap: 5px; flex-direction: column; img { margin-right: 0; } } } #_desktop_user_info { a { i { display: none; } } } } } } } } } } } //* category-products #category-products { .owl-wrapper { .owl-item { .item { article { .product-image { .product-flag { font-family: 'Prompt', sans-serif; font-weight: 700; font-size: 14px; line-height: 21px; display: flex; align-items: center; text-align: center; letter-spacing: 0.015em; color: #ffffff; background: $cOrange; border-radius: 56px; padding: 6px 20px; } .pro3-btn { inset: 0; filter: none; .wishlist { position: absolute; top: 7px; right: 7px; .leo-wishlist-button { box-shadow: none; &:hover { transform: none; background: transparent; } } > .btn-product { margin-right: 0; .leo-wishlist-bt-content { align-items: center; justify-content: center; } } } .button-container { position: absolute; top: 50%; left: 50%; transform: translateX(-50%); .add-to-cart { @extend .btn_orange; display: flex; justify-content: center; align-items: center; padding: 15px 30px; transition: all 0.5s ease-in; margin-right: 0; width: fit-content; &:hover { background: #000 !important; color: #fff !important; transform: none; } } } } } .product-meta { .product-price-and-shipping { text-align: left; font-family: 'Prompt', sans-serif; .price { font-size: 15px; font-weight: 600; } } .product-title { text-align: left; margin-bottom: 10px; a { font-family: 'Aeonik', sans-serif; font-weight: 500; font-size: 15px; text-transform: uppercase; color: $cDark; &:hover { color: #666; } } } } } } } } } .page-index { @media (max-width: 480px) { padding-bottom: 50px; } } //* Contact #contact { overflow-x: hidden; #page { #wrapper { padding-bottom: 0; .breadcrumb { display: none; } #main { #content { padding: 0; border: none; box-shadow: none; margin-bottom: 0; .contact-header { position: relative; padding: 100px 0 300px; display: flex; justify-content: center; &::before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; width: 100vw; margin-left: 50%; transform: translateX(-50%); background-image: url('/themes/at_movic/assets/img/kontakt-bg.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; z-index: 1; } &::after { content: url('/themes/at_movic/assets/img/Watemark.svg'); position: absolute; top: 200px; } h1 { display: inline-block; position: relative; margin-bottom: 0; font-family: 'Prompt', sans-serif; font-style: italic; font-weight: 800; font-size: 48px; line-height: 142.7%; color: $cWhite; text-transform: uppercase; padding-left: 60px; z-index: 2; &::before { content: ''; position: absolute; width: 45px; height: 30px; top: 50%; left: 0; background-image: url('/themes/at_movic/assets/img/three-arrow-white.svg'); background-position: center; background-size: cover; background-repeat: no-repeat; transform: translateY(-50%); } } } .contact-form { position: relative; width: 100%; max-width: 930px; background: $cWhite; box-shadow: 0px 4px 33px rgba(0, 0, 0, 0.12); border-radius: 20px; margin-top: -220px; margin-left: auto; margin-right: auto; margin-bottom: 80px; z-index: 3; padding: 0; form { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 45px 55px; .alert { padding-left: 40px; background: transparent; color: #000; border: none; border-radius: 50px; display: flex; align-items: center; line-height: 1.5; margin: 0; &::before { left: 15px; top: 50%; transform: translateY(-50%); } ul { padding-left: 5px; } } } .contact-form-data { display: grid; grid-template-columns: 285px minmax(460px, 1fr); gap: 70px; align-items: center; .form-contact-texts { .tiles { display: flex; flex-direction: column; row-gap: 40px; .tile { display: flex; flex-direction: row; column-gap: 20px; &-1 { .tile-data { a { font-style: italic; } } } .tile-icon { } .tile-data { p, a { font-family: 'Prompt', sans-serif; font-weight: 400; font-size: 20px; line-height: 142.7%; color: #000000; margin-bottom: 0; } a { font-weight: 700; } } } } } .form-fields { .form-group { display: flex; flex-direction: column; margin-bottom: 10px; h3 { position: relative; font-family: 'Prompt', sans-serif; font-weight: 700; font-size: 20px; line-height: 142.7%; text-transform: uppercase; color: $cDark; padding-left: 40px; margin-bottom: 0; &::before { content: ''; position: absolute; width: 27px; height: 18px; top: 50%; left: 0; background-image: url('/themes/at_movic/assets/img/three-arrows.svg'); background-position: center; background-size: cover; background-repeat: no-repeat; transform: translateY(-50%); } } .form-control-label { font-family: 'Aeonik', sans-serif; font-weight: 400; font-size: 16px; line-height: 142.7%; color: $cDark; text-align: left; margin-bottom: 5px; width: fit-content; } input, select { border: 1px solid #8a8a8a; border-radius: 31px; } textarea { border: 1px solid #8a8a8a; border-radius: 5px; resize: none; } .form-control-comment { display: none; } &.add-file { input { border-top-right-radius: 0; border-bottom-right-radius: 0; border-right: 0; } .input-group-btn { label { @extend .btn_orange; border-top-left-radius: 0; border-bottom-left-radius: 0; } } } } #captcha-box { display: flex; } } @media (max-width: 992px) { grid-template-columns: 1fr; .form-contact-texts { .tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); column-gap: 40px; } } } @media (max-width: 767px) { .form-contact-texts { .tiles { width: fit-content; margin-left: auto; margin-right: auto; } } } } .form-footer { .btn { @extend .btn_orange; width: 100%; max-width: 240px; } } } .contact-form-map { width: 100vw; height: 420px; margin-left: 50%; transform: translateX(-50%); } } } } #footer { .footer-top { display: none; } } } } @media (max-width: 576px) { .slider_bottom { display: none !important; } } //* O nas .cms-id-4 { #wrapper { padding-bottom: 0; .breadcrumb { display: none; } #main { .page-header { display: none; } #content { margin-bottom: 0; .box-01 { position: relative; &::before { content: ''; position: absolute; inset: 0; width: 100vw; margin-left: 50%; background-image: url('/themes/at_movic/assets/img/o-nas/o-nas-box-1.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; transform: translateX(-50%); } .box-wrapper { .box-data { position: relative; padding: 260px 0; h2 { font-family: 'Prompt', sans-serif; font-style: italic; font-weight: 900; font-size: 66px; line-height: 111.5%; letter-spacing: 0.095em; text-transform: uppercase; color: $cOrange; margin-bottom: 24px; width: 100%; max-width: 640px; &::before { content: ''; display: inline-block; margin-right: 5px; width: 82px; height: 50px; background-image: url('/themes/at_movic/assets/img/three-arrows.svg'); background-position: center; background-repeat: no-repeat; background-size: contain; } } p { font-family: 'Prompt', sans-serif; font-weight: 700; font-size: 20px; line-height: 142.7%; text-transform: uppercase; color: $cWhite; width: 100%; max-width: 500px; } } } @media (max-width: 991px) { &::before { background-position: 25%; } } @media (max-width: 767px) { .box-wrapper { .box-data { padding: 150px 0; h2 { font-size: 36px; max-width: 350px; &::before { width: 38px; height: 24px; } } p { font-size: 16px; max-width: 360px; } } } } @media (max-width: 500px) { &::before { content: ''; position: absolute; inset: 0; width: 100vw; height: 225px; margin-left: 0; background-image: url('/themes/at_movic/assets/img/o-nas/o-nas-box-1-mobile.jpg'); background-position: top right; background-size: contain; background-repeat: no-repeat; transform: none; } &::after { content: ''; position: absolute; inset: 0; background: $cDark; width: 100vw; transform: translateX(-50%); margin-left: 50%; z-index: -1; } .box-wrapper { .box-data { padding: 220px 0 50px; h2 { font-size: 27px; } p { font-size: 14px; } } } } } .box-02 { position: relative; overflow-y: clip; &::before { content: ''; position: absolute; inset: 0; width: 100vw; margin-left: 50%; transform: translateX(-50%); background: $cOrange; } &::after { content: ''; position: absolute; right: 0; bottom: -50%; width: 700px; height: 690px; margin-left: 50%; background-image: url('/themes/at_movic/assets/img/o-nas/o-nas-box-2-ball.png'); background-position: center; background-size: cover; background-repeat: no-repeat; opacity: 0.05; } .box-wrapper { position: relative; display: flex; flex-direction: column; align-items: center; padding: 75px 0 115px; img { margin-bottom: -60px; } h2 { font-family: 'Prompt', sans-serif; font-style: italic; font-weight: 900; font-size: 67.6834px; line-height: 111.5%; text-align: center; letter-spacing: 0.095em; text-transform: uppercase; color: $cWhite; margin-bottom: 40px; &::before { content: ''; display: inline-block; margin-right: 30px; width: 90px; height: 50px; background-image: url('/themes/at_movic/assets/img/three-arrow-white.svg'); background-position: center; background-repeat: no-repeat; background-size: contain; } } p { font-family: 'Prompt', sans-serif; font-weight: 400; font-size: 20px; line-height: 186.7%; text-align: center; color: $cWhite; width: 100%; max-width: 930px; } } @media (max-width: 767px) { &::after { width: 400px; height: 390px; right: -100px; } .box-wrapper { padding: 35px 0 60px; img { max-width: 150px; margin-bottom: -30px; } h2 { font-size: 36px; max-width: 350px; margin-bottom: 10px; &::before { display: none; } &::after { content: ''; display: block; width: 38px; height: 24px; background-image: url('/themes/at_movic/assets/img/three-arrow-white.svg'); background-position: center; background-repeat: no-repeat; background-size: contain; margin-left: auto; margin-right: auto; margin-top: 15px; } } p { font-size: 16px; max-width: 360px; } } } @media (max-width: 500px) { &::after { width: 250px; height: 245px; right: -62px; bottom: -90px; } .box-wrapper { img { max-width: 120px; margin-bottom: -20px; } h2 { font-size: 27px; } p { font-size: 14px; } } } } .box-03 { position: relative; &::before { content: ''; position: absolute; inset: 0; width: 100vw; margin-left: 50%; background-image: url('/themes/at_movic/assets/img/o-nas/o-nas-box-3.jpg'); background-position: center; background-size: cover; background-repeat: no-repeat; transform: translateX(-50%); } .box-wrapper { position: relative; padding: 140px 0; .box-data { h2 { display: flex; flex-direction: row; align-items: center; font-family: 'Prompt', sans-serif; font-style: italic; font-weight: 900; font-size: 66px; line-height: 111.5%; letter-spacing: 0.095em; text-transform: uppercase; color: $cWhite; margin-bottom: 30px; width: 100%; max-width: 750px; &::after { content: ''; display: inline-block; width: 280px; height: 120px; background-image: url('/themes/at_movic/assets/img/three-arrows.svg'); background-position: center; background-repeat: no-repeat; background-size: contain; } } p { font-family: 'Prompt', sans-serif; font-weight: 400; font-size: 16px; line-height: 186.7%; color: $cWhite; margin-bottom: 30px; width: 100%; max-width: 420px; } a { @extend .btn_orange; } } } @media (max-width: 767px) { .box-wrapper { padding: 70px 0; .box-data { text-align: center; h2 { font-size: 36px; flex-direction: column; margin-bottom: 10px; row-gap: 10px; &::after { width: 38px; height: 24px; } } p { font-size: 16px; margin-left: auto; margin-right: auto; } } } } @media (max-width: 500px) { &::before { background-image: url('/themes/at_movic/assets/img/o-nas/o-nas-box-3-mobile.jpg'); } .box-wrapper { padding: 70px 0 250px; .box-data { h2 { font-size: 27px; } p { font-size: 14px; } .btn { font-size: 10px; } } } } } .box-04 { position: relative; overflow-y: clip; .box-wrapper { padding: 160px 0; &::before { content: ''; position: absolute; inset: 0 0 -80px 0; margin-left: 50%; width: 100vw; background-image: url('/themes/at_movic/assets/img/Watemark.svg'); background-position: center bottom; background-repeat: no-repeat; background-size: contain; transform: translateX(-50%); opacity: 0.5; } .box-data { position: relative; display: grid; grid-template-columns: 1fr 1fr; .tile-1 { width: 100%; max-width: 580px; h2 { font-family: 'Prompt', sans-serif; font-style: italic; font-weight: 900; font-size: 66px; line-height: 111.5%; letter-spacing: 0.095em; text-transform: uppercase; color: $cDark; &::after { content: ''; display: block; width: 80px; height: 52px; margin-top: 20px; background-image: url('/themes/at_movic/assets/img/three-arrows.svg'); background-position: center; background-repeat: no-repeat; background-size: contain; } } } .tile-2 { width: 100%; max-width: 570px; p { font-family: 'Prompt', sans-serif; font-weight: 400; font-size: 16px; line-height: 186.7%; color: #000000; } } } } @media (max-width: 1200px) { .box-wrapper { .box-data { grid-template-columns: 1fr; row-gap: 50px; .tile-1 { max-width: unset; } .tile-2 { max-width: unset; } } } } @media (max-width: 767px) { .box-wrapper { padding: 70px 0; .box-data { row-gap: 10px; .tile-1 { h2 { font-size: 36px; &::after { width: 38px; height: 24px; } } } .tile-2 { p { font-size: 16px; } } } } } @media (max-width: 500px) { .box-wrapper { &::before { inset: 0; } .box-data { .tile-1 { h2 { font-size: 27px; } } .tile-2 { p { font-size: 14px; } } } } } } .box-05 { position: relative; .box-wrapper { padding: 115px 0; &::before { content: ''; position: absolute; inset: 0; margin-left: 50%; width: 100vw; background-image: url('/themes/at_movic/assets/img/o-nas/o-nas-box-5.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; transform: translateX(-50%); } .box-data { position: relative; width: 100%; max-width: 420px; margin: auto; h2 { font-family: 'Prompt', sans-serif; font-style: italic; font-weight: 900; font-size: 44px; line-height: 111.5%; text-align: center; letter-spacing: 0.095em; text-transform: uppercase; color: $cWhite; } } } @media (max-width: 767px) { .box-wrapper { padding: 70px 0; .box-data { max-width: 360px; h2 { font-size: 36px; } } } } @media (max-width: 500px) { .box-wrapper { .box-data { h2 { font-size: 27px; } } } } } } } } #footer { .footer-top { display: none; } } } section[type='availability'] { #filter_2 { display: none !important; } } @media (max-width: 576px) { #slideshow-form_7849302495138052 { .iview { height: 30vh !important; .iviewSlider { height: 1090px !important; .slide_config { height: 100% !important; } } } } } .social-sharing { display: none !important; } .js-mailalert { display: flex; flex-wrap: wrap; .js-mailalert-add { background: #000; } @media (min-width: 992px) { input { width: 50% !important; } .js-mailalert-add { width: 50%; margin-top: 0 !important; } } @media (max-width: 991px) { input { width: 100% !important; } .js-mailalert-add { width: 100%; margin-top: 0 !important; } } } .alert-danger { background: $cOrange; border: 0; color: #fff; letter-spacing: 0 !important; } //* newsletter .box-newletter5 { .block_newsletter { form { display: flex; flex-direction: column-reverse; p.alert { background: #1a1a18; color: white; border: none; border-radius: 50px; display: flex; align-items: center; line-height: 1.5; } .block_newsletter_alert { padding-left: 40px; position: relative; &::before { left: 15px; top: 50%; transform: translateY(-50%); } } } } } #identity { form { .custom-checkbox input[type='checkbox'], .custom-checkbox input[type='radio'] { top: -21px; } } } #invoice_bill { margin-bottom: 25px; } #header { .leo-megamenu { .navbar-nav { > li:last-child { a { color: #dd001c !important; } } } } }