/* /* Theme Name: EcoKids Theme URI: https://ecokids.hu Description: Az EcoKids webáruház alapértelmezett sablonja Author: Digitalform Author URI: http://www.digitalform.hu/ Version: 1 */ *{ margin: 0; border: 0; padding: 0; flex-wrap: wrap; text-decoration: none; -webkit-border-radius: none; } *, *:after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } :root { --color-red: #ff3333; --color-dark: #221b1a; --color-pink: #ee2a7b; --color-blue: #313e72; --color-silver: #f0f0f0; --color-silver-line: #dddddd; --color-gray: #999999; --color-green: #084838; --color-light-green: #d9fe98; --color-dark-green: #06362a; --color-brown: #a45944; --title-size: min(5vw, 5em); } html, body { height: 100%; } body { font-family: 'PT Sans', sans-serif; font-size: 17px; font-weight: 400; color: #444; background: var(--color-silver); } body.rwd_menu__opened { overflow: hidden; } img.alignleft, img.alignright, img.aligncenter, img.alignnone { max-width: 100%; } img.alignleft { margin: 0 20px 10px 0; float: left; } img.alignright { margin: 0 0 10px 20px; float: right; } h1, h2, h3, h4, h5 { font-weight: normal; line-height: 100%; } hr { margin: 30px 0; border-top: 2px solid var(--color-silver-line); clear: both; } button, input, select, textarea { font-family: 'PT Sans', sans-serif; font-size: 15px; font-weight: 400; outline: none; } mark { background: none !important; } .inner { max-width: 1200px; margin: auto; position: relative; } .inner.inner_900 { max-width: 900px; } .left { float: left; } .right { float: right; } .clear { clear: both; } .b_r_3 { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .b_r_50p { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .vertical_middle { top: 50%; position: relative; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .hide { display: none !important; } .has_shadow { -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.2); box-shadow: 0 2px 3px rgba(0,0,0,0.2); } .fieldset_1 { margin-bottom: 30px; padding: 20px; background: #f9f9f9; border: 1px solid var(--color-silver-line); } /* Buttons */ .button { height: 40px; padding: 0 15px; font-size: 17px; font-weight: 700; text-transform: uppercase; text-decoration: none !important; color: white !important; line-height: 20px; background-color: var(--color-pink); display: inline-flex; align-items: center; justify-content: center; position: relative; cursor: pointer; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } .button:hover { background-color: #182c66; } .button:disabled { color: white !important; background-color: #ccc !important; cursor: not-allowed; } .button_dark { color: white !important; background-color: var(--color-blue); } .button_small { height: 36px; font-size: 14px; line-height: 36px; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; } .button_large { height: 50px; padding: 0 20px; line-height: 50px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; } /* Font */ .red { color: #fb4f1d; } .center { text-align: center; } .sec_font, .woocommerce h3 { font-family: 'Barlow Condensed', sans-serif; } .uppercase { text-transform: uppercase; } /* Animation */ .anim, .modal:before, #header menu ul li a:after { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } /* Col */ .row { width: 100%; font-size: 0; } .row > .col { font-size: 16px; vertical-align: top; display: inline-block; } .row .col_50 { width: 50%; } .row .col_33 { width: 33.3333333333%; } .row .col_25 { width: 25%; } .row .col_20 { width: 20%; } .row .col_16 { width: 16.6666666666%; } .row .col_14 { width: 14.28%; } .row.row_table { display: table; table-layout: fixed; } .row.row_table > .col { display: table-cell; } /* Checkbox and radio */ input[type="checkbox"], input[type="radio"] { width: 20px; min-width: 20px; height: 20px; margin: -4px 4px 0 0 !important; padding: 0 !important; text-align: center !important; background-color: white; border: 1px solid #d8d8d8; clear: none; cursor: pointer; display: inline-block; line-height: 0; outline: 0; vertical-align: middle !important; -webkit-appearance: none; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: .05s border-color ease-in-out; transition: .05s border-color ease-in-out; } input[type="radio"] { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } input[type="radio"]:checked:before { width: 10px; height: 10px; left: 4px; top: 4px; text-align: center; background: #359d35; position: relative; border-radius: 8px; display: block; content: ''; } input[type="checkbox"]:checked:before { width: 10px; height: 10px; left: 4px; top: 4px; text-align: center; background: #359d35; position: relative; display: block; content: ''; } /* ---------------------- NOTIFICATIONS ---------------------- */ .mfp-content .modal_panel { margin: 20px auto; background: white; position: relative; } .mfp-content .modal_panel.modal_added_to_cart { max-width: 600px; padding: 30px; } .mfp-content .modal_panel h3 { margin-bottom: 20px; font-size: 30px; font-weight: 500; color: #359d35; line-height: 100%; } .mfp-content .modal_panel h3:before { left: 0; top: 0; font-size: 30px; position: absolute; } .mfp-content .modal_panel .thumbnail { width: 150px; height: 150px; padding: 4px; text-align: center; border: 1px solid var(--color-silver-line); } .mfp-content .modal_panel .thumbnail img { max-width: 140px; max-height: 140px; } .mfp-content .modal_panel .datas { width: calc(100% - 150px); padding-top: 10px; padding-left: 20px; } .mfp-content .modal_panel .datas h4 { margin-bottom: 15px; font-size: 18px; font-weight: 700; color: #3a3a3a; } .mfp-content .modal_panel .datas .price { margin-bottom: 15px; font-size: 20px; color: #8a817a; } .mfp-content .modal_panel .datas .price del { display: none; } /* Has preordered product */ .mfp-content .modal_panel.has_preordered_product { max-width: 420px; padding: 20px; border-top: 5px solid var(--color-pink); -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .mfp-content .modal_panel.has_preordered_product h2 { font-size: 30px; margin-bottom: 20px; line-height: 100%; } .mfp-content .modal_panel.has_preordered_product p { margin-bottom: 10px; text-align: left; } /* Close */ .mfp-content .mfp-close { width: 40px; height: 40px; right: 20px; top: 60px; padding: 0 !important; text-align: center !important; color: white; background: var(--color-pink); opacity: 1 !important; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .mfp-content .mfp-close:hover { background: var(--color-blue); } .mfp-content .modal_panel.modal_added_to_cart .mfp-close { right: -20px; top: -20px; } /* ---------------- RWD NAV ---------------- */ #rwd_menu { width: 100%; left: 0; top: 0; bottom: 0; background: rgba(245 247 249 / 50%); position: fixed; z-index: 1000; visibility: hidden; opacity: 0; } #rwd_menu .rwd_menu_wrap { width: 480px; height: 100%; right: -100%; top: 0; background: var(--color-blue); position: absolute; overflow-y: auto; } #rwd_menu .rwd_menu_wrap label { margin-bottom: 10px; font-size: 16px; font-weight: 700; text-transform: uppercase; color: var(--color-pink); } #rwd_menu .rwd_menu_wrap .rwd_menu_section { padding-left: 50px; padding-right: 50px; } #rwd_menu .rwd_menu_wrap .rwd_menu_section.useful_info { padding-top: 50px; padding-bottom: 50px; background: rgba(255 255 255 / 5%); } /* RWD menu header */ #rwd_menu .rwd_header { height: 100px; position: relative; } #rwd_menu .rwd_header img { width: auto; height: 40px; left: 50px; display: block; position: absolute; } #rwd_menu .rwd_header .rwd_button { width: 50px; height: 50px; right: 50px; background: white; position: absolute; z-index: 2; cursor: pointer; border-radius: 50%; } #rwd_menu .rwd_header .rwd_button .burg { width: 20px; height: 2px; left: 15px; top: calc(50% - 1px); background: transparent; display: block; position: absolute; -moz-transition: 0.2s; -o-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; } #rwd_menu .rwd_header .rwd_button .burg:before, #rwd_menu .rwd_header .rwd_button .burg:after { width: 20px; height: 1px; background: var(--color-blue); position: absolute; content: ''; -moz-transition: 0.2s; -o-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; } #rwd_menu .rwd_header .rwd_button .burg:before { top: 0; left: 0; -webkit-transform: rotate(45deg); } #rwd_menu .rwd_header .rwd_button .burg:after { top: 0; right: 0; -webkit-transform: rotate(-45deg); } /* Contacts */ #rwd_menu .rwd_contacts { margin-bottom: 30px; } #rwd_menu .rwd_contacts .button { width: 100%; } /* Menu */ #rwd_menu .menu ul li { float: none !important; position: relative; } #rwd_menu .menu ul li.hide_in_rwd { display: none; } #rwd_menu .menu ul li a { color: white; display: block; } /* Primary menu */ #rwd_menu ul.primary_menu { margin-bottom: 30px; list-style: none; } #rwd_menu ul.primary_menu li { border-bottom: 1px solid rgba(255 255 255 / 20%); } #rwd_menu ul.primary_menu li:last-child { border-bottom: none; } #rwd_menu ul.primary_menu li a { padding: 15px 0; font-size: 18px; font-weight: 700; color: white; line-height: 100%; display: block; position: relative; } #rwd_menu ul.primary_menu li a:hover { text-decoration: underline; text-decoration-thickness: 1px; } #rwd_menu ul.primary_menu li.menu-item-has-children > a:after { width: 30px; height: 30px; right: 0; top: calc(50% - 15px); background: url(images/icon_arrow_down_white.svg) no-repeat center; background-size: 16px; border: 1px solid rgba(255 255 255 / 20%); position: absolute; content: ''; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #rwd_menu ul.primary_menu li.menu-item-has-children.open > a:after { ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } #rwd_menu ul.primary_menu.categories li a { padding: 20px 0 20px 50px; } #rwd_menu ul.primary_menu.categories li a .icon { width: 40px; height: 40px; left: 0; top: 9px; background: var(--color-blue); position: absolute; display: flex; justify-content: center; align-items: center; border-radius: 50px; } #rwd_menu ul.primary_menu.categories li a .icon img { width: 20px; height: 20px; display: block; filter: invert(100%) sepia(0) saturate(0) hue-rotate(0deg) brightness(300%); } #rwd_menu ul.primary_menu li ul { margin-bottom: 20px; padding: 10px 0; background: rgba(0 0 0 / 30%); display: none; list-style: none; border-radius: 10px; } #rwd_menu ul.primary_menu li ul li { margin: 2px 0; color: var(--color-gold); border-bottom: none !important; } #rwd_menu ul.primary_menu li ul li a { padding: 10px 20px !important; font-size: 17px; font-weight: 400; color: white !important; line-height: 20px; position: relative; } #rwd_menu ul.primary_menu li ul li a:before { width: 6px; height: 6px; left: 10px; top: 21px; background: var(--color-gold); position: absolute; content: ''; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } /* Secondary menu */ #rwd_menu ul.secondary_menu { margin-bottom: 50px; list-style: none; } #rwd_menu ul.secondary_menu li { margin-bottom: 5px; } #rwd_menu ul.secondary_menu li a { font-size: 18px; font-weight: 700; color: white; } #rwd_menu ul.secondary_menu li a:hover { text-decoration: underline; } body.rwd_menu__opened #rwd_menu { visibility: visible; opacity: 100%; } body.rwd_menu__opened #rwd_menu .rwd_menu_wrap { right: 0; } /* --------------- HEADER --------------- */ #header { width: 100%; margin-bottom: 20px; background: white; } body.home #header { margin-bottom: 0; } /* Header top */ #header .header_top { height: 40px; font-size: 15px; color: #9a9fce; line-height: 40px; background: var(--color-blue); } #header .header_top span { vertical-align: top; display: inline-block; } #header .header_top span.sep { height: 40px; margin: 0 10px; border-right: 1px solid rgba(255,255,255,0.2); } #header .header_top a { text-decoration: underline; color: white; } #header .header_top a:hover { text-decoration: none; } #header .header_top .facebook { height: 40px; padding-right: 50px; text-decoration: none; display: block; position: relative; } #header .header_top .facebook:before { width: 40px; height: 40px; right: 0; top: 0; font-size: 20px; text-align: center; text-decoration: none; line-height: 40px; background: rgba(255,255,255,0.1) url(images/icon_facebook_white.svg) no-repeat center; background-size: auto 20px; position: absolute; content: ''; } #header .header_top .alt_profile { } #header .header_top .alt_profile .left { width: 50%; height: 100%; border-right: 1px solid rgba(255,255,255,0.2); } #header .header_top .alt_profile .right { width: 50%; } /* Header bottom */ #header .header_bottom { height: 110px; position: relative; } #header .header_bottom .panel { height: 50px; } #header .header_bottom .inner { height: 100%; } /* Logo */ #header .header_bottom .logo { width: auto; height: 100px; left: 0; position: absolute; } #header .header_bottom .logo img { width: auto; height: 100%; display: block; } /* Search */ #header .header_bottom .aws-container { width: calc(100% - 500px); height: 50px; top: 50%; margin-right: 30px; float: right; position: relative; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #header .header_bottom .aws-container form { height: 50px; background: var(--color-silver); -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; } #header .header_bottom .aws-container form .aws-wrapper { height: 100%; } #header .header_bottom .aws-container form .aws-form-btn { width: 52px; height: 52px; top: -1px; right: 0; background: var(--color-blue); border: none !important; position: absolute; z-index: 2; -webkit-border-radius: 100% !important; -moz-border-radius: 100% !important; border-radius: 100% !important; cursor: pointer; } #header .header_bottom .aws-container form .aws-form-btn span { width: 100%; height: 30px; } #header .header_bottom .aws-container form .aws-form-btn svg { fill: white; } #header .header_bottom .aws-container form input[type=search] { height: 48px; padding-left: 15px; font-size: 16px; background: transparent; border: none; position: relative; z-index: 1; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } #header .header_bottom .alt_aws_search_button a { width: 52px; height: 52px; margin-top: -1px; padding-top: 11px; background: var(--color-blue) url(images/icon_search_white.svg) no-repeat center; background-size: auto 30px; display: block; position: relative; z-index: 2; -webkit-border-radius: 100% !important; -moz-border-radius: 100% !important; border-radius: 100% !important; cursor: pointer; } #header .header_bottom .alt_aws_search_button a:hover { background-color: #3a3a3a; } #header .header_bottom .alt_aws_search_button.active a { background-image: url(images/icon_cancel_white.svg); background-size: auto 20px; } /* Account */ #header .header_bottom .account_panel a { height: 50px; padding-left: 35px; font-size: 18px; font-weight: 700; color: #3a3a3a; line-height: 50px; background: url(images/icon_account.svg) no-repeat left center; background-size: auto 30px; display: inline-block; } #header .header_bottom .account_panel a:hover { text-decoration: underline; } /* Cart */ #header .cart_panel { margin-left: 20px; padding-left: 50px; line-height: 50px; border-left: 1px solid var(--color-silver-line); position: relative; } #header .ajax_cart { height: 50px; padding-left: 45px; display: block; position: relative; } #header .ajax_cart:before { width: 50px; height: 50px; left: 0; top: 0; background: url(images/icon_cart.svg) no-repeat left center; background-size: auto 32px; position: absolute; z-index: 1; content: ''; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #header .ajax_cart .count { min-width: 24px; height: 24px; right: 105%; top: 50%; margin-top: -12px; padding: 0 5px; font-size: 14px; text-align: center; color: white; line-height: 24px; background: var(--color-pink); position: absolute; z-index: 2; } #header .ajax_cart .count:after { left: 23px; top: 50%; border: solid transparent; content: ''; height: 0; width: 0; position: absolute; pointer-events: none; border-color: transparent; border-left-color: var(--color-pink); border-width: 5px; margin-top: -5px; } #header .ajax_cart .total { font-size: 25px; color: #858585; line-height: 80%; display: inline-block; } #header .ajax_cart .total div { font-size: 20px; color: #3a3a3a; } /* Menu */ #header #menu { height: 54px; background: #359d35; } #header #menu ul { font-size: 0; position: relative; } #header #menu ul li { padding-right: 1px; vertical-align: top; display: inline-block; position: relative; } #header #menu ul li:after { width: 1px; height: 30px; right: 0; top: 12px; background: #2b7f2b; position: absolute; content: ''; } #header #menu ul li:nth-last-child(2):after { display: none; } #header #menu ul li a { height: 54px; padding: 0 15px; font-size: 20px; text-transform: uppercase; color: white; line-height: 54px; display: block; } #header #menu ul li:first-child a { padding-left: 0; } #header #menu ul li a:hover { text-decoration: underline; text-decoration-thickness: 1px; } #header #menu ul li.menu-item-has-children a { } #header #menu ul li.wholeseller a { padding-left: 50px; background: url(images/icon_wholeseller_white.svg) no-repeat 20px center; background-size: auto 20px; } #header #menu ul li.last { right: 0; top: 0; background: rgba(0,0,0,0.1); position: absolute; } #header #menu ul li.last:after { display: none; } #header #menu ul li ul { min-width: 200px; left: 0; top: 100%; background: white; position: absolute; z-index: 100; visibility: hidden; opacity: 0; -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2); box-shadow: 1px 1px 2px rgba(0,0,0,0.2); } #header #menu ul li ul li { display: block; } #header #menu ul li ul li:after { display: none; } #header #menu ul li ul li a { height: auto !important; padding: 10px 10px 10px 30px !important; font-size: 20px; text-transform: none; color: #3a3a3a; line-height: 100%; border-bottom: 1px solid var(--color-silver-line); display: block; position: relative; } #header #menu ul li ul li a:hover { text-decoration: underline !important; } #header #menu ul li ul li a:before { width: 6px; height: 6px; left: 15px; top: 18px; background: var(--color-pink); position: absolute; content: ''; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } #header #menu ul li ul li:last-child a { border-bottom: none; } #header #menu ul li.menu-item-has-children:hover { } #header #menu ul li.menu-item-has-children:hover a { color: #3a3a3a; background: white; } #header #menu ul li.menu-item-has-children:hover a:hover { text-decoration: none; } #header #menu ul li.menu-item-has-children:hover ul { visibility: visible; opacity: 1; } /* Alternative search panel */ #header .alt_search_panel { height: 50px; font-size: 0; border-top: 1px solid var(--color-silver-line); display: none; } #header .alt_search_panel input[type=text] { width: calc(100% - 50px); height: 50px; padding-left: 10px; font-size: 17px; vertical-align: top; display: inline-block; } #header .alt_search_panel input[type=submit] { width: 50px; height: 50px; vertical-align: top; background: var(--color-blue) url(images/icon_search_white.svg) no-repeat center; background-size: auto 30px; display: inline-block; cursor: pointer; } #header .alt_search_panel input[type=submit]:hover { background-color: #3a3a3a; } /* Dropdown product categories */ #header .dropdown_product_categories select { width: 100%; height: 50px; padding-left: 10px; font-size: 17px; color: white; background: #359d35; } /* RWD button */ #header .rwd_button { width: 60px; height: 60px; right: 10px; font-size: 30px; background: transparent; position: absolute; z-index: 2; cursor: pointer; } #header .rwd_button .burg { width: 40px; height: 2px; left: 10px; top: 30px; background: #3a3a3a; display: block; position: relative; -moz-transition: 0.2s; -o-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; } #header .rwd_button .burg:before, #header .rwd_button .burg:after { width: 40px; height: 2px; background: #3a3a3a; position: absolute; content: ''; -moz-transition: 0.2s; -o-transition: 0.2s; -webkit-transition: 0.2s; transition: 0.2s; } #header .rwd_button .burg:before { top: -10px; left: 0; } #header .rwd_button .burg:after { top: 10px; right: 0; } body.rwd_menu__opened #header .rwd_button .burg { background: transparent; } body.rwd_menu__opened #header .rwd_button .burg:before { top: 0; -webkit-transform: rotate(45deg); } body.rwd_menu__opened #header .rwd_button .burg:after { top: 0; -webkit-transform: rotate(-45deg); } /* Header HOOK */ body.fixed_header #header { width: 100%; position: fixed; z-index: 100; -webkit-box-shadow: 0 6px 6px -6px rgba(0,0,0,0.7); -moz-box-shadow: 0 6px 6px -6px rgba(0,0,0,0.7); box-shadow: 0 6px 6px -6px rgba(0,0,0,0.7); -webkit-animation: header_down 1s infinite; -moz-animation: header_down 1s infinite; -o-animation: header_down 1s infinite; animation: header_down 1s infinite; animation-iteration-count: 1; } body.fixed_header #header .header_bottom { height: 70px; } body.fixed_header #header .header_bottom .logo { height: 60px; } body.fixed_header #header .header_top, body.fixed_header #header #menu { display: none; } /* --------------- SLIDER --------------- */ #slider { position: relative; z-index: 1; clear: both; } #slider .slick-list, #slider .slick-track { height: 100%; } #slider .slick-slide { max-height: 500px; min-height: 220px; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; outline: none; } #slider .slick-slide:after { padding-top: 40%; display: block; position: relative; content: ''; z-index: 1; } #slider .slick-slide .entry { width: 100%; height: 100%; left: 0; top: 0; position: absolute; z-index: 2; } #slider .slick-slide .inner { height: 100%; } #slider .slick-slide .title { width: 50%; padding: 10px 0; font-size: 50px; line-height: 100%; } #slider .slick-slide .text { width: 50%; padding: 10px 0; font-size: 17px; line-height: 26px; } #slider .slick-slide .button { margin-top: 30px; } /* Arrows */ #slider .slick-arrow { width: 50px; height: 50px; left: calc((100% - 1200px) /2 - 100px); top: 50%; text-indent: -9999px; background: white url(images/icon_arrow_left.svg) no-repeat center; background-size: 24px auto; position: absolute; z-index: 10; cursor: pointer; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.2); box-shadow: 1px 1px 2px rgba(0,0,0,0.2); } #slider .slick-arrow.slick-next { left: auto; right: calc((100% - 1200px) /2 - 100px); background-image: url(images/icon_arrow_right.svg); } /* Dots */ #slider ul.slick-dots { width: 100%; left: 0; bottom: 20px; font-size: 0; text-align: center; position: absolute; z-index: 10; } #slider ul.slick-dots li { margin: 0 10px; vertical-align: top; display: inline-block; } #slider ul.slick-dots li button { width: 20px; height: 20px; text-indent: -9999px; background: white; cursor: pointer; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; } #slider ul.slick-dots li button:hover { opacity: 0.9; } #slider ul.slick-dots li.slick-active button { background: var(--color-blue); } /* -------------- WHY US -------------- */ #whyus { background: white; border-bottom: 1px solid var(--color-silver-line); } #whyus .col { height: 130px; padding: 30px 20px 0 70px; border-right: 1px solid var(--color-silver-line); position: relative; } #whyus .col:last-child { border-right: none; } #whyus .col:nth-child(2), #whyus .col:nth-child(3) { padding-left: 100px; } #whyus .col img { width: auto; height: 50px; left: 0; position: absolute; } #whyus .col:nth-child(2) img, #whyus .col:nth-child(3) img { left: 20px; } #whyus .col .title { margin-bottom: 5px; font-size: 24px; font-weight: 700; color: var(--color-blue); line-height: 100%; } #whyus .col .text { font-size: 16px; color: #888; line-height: 20px; } #whyus .col a { font-weight: 700; color: #44403e; } #whyus .col a:hover { text-decoration: underline; } /* --------------- OFFERS --------------- */ #offers { margin-top: 20px; } #offers .offers_wrapper { margin-left: -10px; margin-right: -10px; font-size: 0; } #offers .offers_wrapper .offer { width: 50%; margin-bottom: 20px; padding-left: 10px; padding-right: 10px; vertical-align: top; display: inline-block; } #offers .offers_wrapper .offer .wrapper { background-color: var(--color-blue); } #offers .offers_wrapper .offer .wrapper .row { min-height: 320px; } #offers .offers_wrapper .offer .wrapper .col { width: 50%; } #offers .offers_wrapper .offer .wrapper .col.col_entry { padding: 30px; position: relative; } #offers .offers_wrapper .offer .wrapper .col.col_entry .title { font-size: 34px; font-weight: 700; } #offers .offers_wrapper .offer .wrapper .col.col_entry .subtitle { margin-bottom: 20px; font-size: 14px; font-weight: 700; opacity: 0.5; } #offers .offers_wrapper .offer .wrapper .col.col_entry .button { left: 30px; bottom: 30px; position: absolute; } #offers .offers_wrapper .offer .wrapper .col.col_image { background-repeat: no-repeat; background-position: center; background-size: cover; } /* ---------------- PRODUCTS ---------------- */ #featured_products { padding: 50px 0; } #featured_products .header_title { position: relative; } #featured_products .header_title .title { margin-bottom: 40px; font-size: 40px; color: #3a3a3a; position: relative; z-index: 1; } #featured_products .header_title .alt_button { height: 40px; left: 0; top: 1px; padding: 0 20px 0 45px; font-size: 16px; font-weight: 700; color: white; line-height: 40px; background: var(--color-blue) url(images/icon_grid_white.svg) no-repeat 15px center; background-size: auto 18px; position: absolute; z-index: 2; border-radius: 20px; -webkit-box-shadow: 0 5px 10px rgba(0 0 0 / 10%); box-shadow: 0 5px 10px rgba(0 0 0 / 10%); } #featured_products .header_title .alt_button:hover { background-color: var(--color-dark); } #featured_products .header_title .alt_button.sale_products { left: auto; right: 0; background-image: url(images/icon_percentage_white.svg); background-size: auto 22px; } /* ------------------ ABOUT US ------------------ */ #aboutus { height: 400px; background: url(images/bgr_aboutus.png) no-repeat center bottom; } #aboutus .entry { width: 50%; height: 400px; padding: 80px 50px 50px; } #aboutus .entry img { width: auto; height: 50px; margin-bottom: 20px; display: inline-block; } #aboutus .entry .title { margin-bottom: 20px; font-size: 35px; color: #3a3a3a; line-height: 100%; } #aboutus .entry .text p { font-size: 16px; line-height: 24px; } #aboutus .entry .text p { margin-bottom: 10px; } #aboutus .entry .text p:last-child { margin-bottom: 0; } #aboutus .entry a.read_more { margin-top: 20px; } /* ------------------ BREADCRUMB ------------------ */ /* Breadcrumb */ #breadcrumb_share { font-weight: 700; color: #3a3a3a; } #breadcrumb_share a { font-weight: normal; text-decoration: underline; color: #777; } #breadcrumb_share a:hover { color: #444; } body.single-product #breadcrumb_share { margin-bottom: 20px; } /* BEFORE CONTENT */ #before_content { margin-bottom: 10px; } .rank-math-breadcrumb { font-size: 14px; font-weight: 700; line-height: 20px; } .rank-math-breadcrumb p { margin-bottom: 0 !important; } .rank-math-breadcrumb a { font-weight: 400; text-decoration: underline; } /* ------------------ CONTAINER ------------------ */ #container { line-height: 25px; position: relative; } #container .container_wrap { display: flex; justify-content: space-between; } body.fixed_header #frontpage, body.fixed_header #container { padding-top: 210px; } /* Content */ #content { padding-bottom: 50px; flex: 1; } #content.single { width: 100%; max-width: 800px; margin-left: auto; } #content a { text-decoration: underline; color: #312d2b; } #content a:hover { color: #000; } #content p { margin-bottom: 20px; } #content strong { color: #000; } #content h1 { margin-bottom: 20px; font-size: 50px; font-weight: 700; color: var(--color-blue); line-height: 100%; } #content h2 { margin-bottom: 20px; font-size: 30px; font-weight: 700; color: #3a3a3a; line-height: 100%; } #content h3 { margin-bottom: 10px; font-size: 25px; font-weight: 700; color: var(--color-pink); line-height: 100%; } /* List */ #content ul { margin-left: 20px; margin-bottom: 20px; list-style: square; } #content ul li { list-style: square; } #content ul.faq { margin-bottom: 30px; } #content ul.faq li { list-style: square; } #content ul.nomargin { margin-left: 0; } #content ul.nomargin li { list-style: none; } #content ol { margin-left: 20px; margin-bottom: 20px; } #content ol li { list-style: decimal; } /* Table */ #content table { width: 100%; margin-bottom: 20px; border-collapse: collapse; border-spacing: 0; } #content table:not(.shop_table) thead td { padding: 10px; font-size: 14px; font-weight: 700; text-transform: uppercase; color: white !important; line-height: 100%; background: var(--color-blue); } #content table:not(.shop_table) thead td strong { color: white !important; } #content table:not(.shop_table) tbody td { padding: 10px; background: white; border: 1px solid var(--color-silver-line); } /* Archive */ #content ul.archive li { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid var(--color-silver-line); } #content ul.archive li a.thumbnail { width: 40%; display: block; } #content ul.archive li a.thumbnail img { width: 100%; height: auto; display: block; } #content ul.archive li .entry { width: 55%; } #content ul.archive li .entry h4 { } #content ul.archive li .entry h4 a { font-size: 25px; text-decoration: none; line-height: 100%; } #content ul.archive li .entry .excerpt { margin-top: 5px; } #content ul.archive li .entry .date { font-size: 14px; font-weight: 900; color: #8a3995; } /* FAQ */ #content .faq_list h3 { color: #258b26; } /* Open sidebar */ #content .open_sidebar { width: 100%; height: 50px; margin-bottom: 20px; font-size: 17px; font-weight: 700; color: white; line-height: 50px; background: var(--color-pink); cursor: pointer; } #content .open_sidebar:hover, #content .open_sidebar.active { background: var(--color-blue); } #content .open_sidebar img { width: auto; height: 24px; margin-bottom: 4px; vertical-align: middle; display: inline-block; } /* Has sidebar */ .has_sidebar #content h1 { padding-left: 30px; } /* Blog wrapper */ #content .blog_wrap { margin-left: -20px; margin-right: -20px; display: flex; } #content .blog_wrap .blog { width: calc(33.3333333333% - 40px); top: 0; margin: 40px 20px 0; background: white; position: relative; } #content .blog_wrap .blog:nth-child(-n+3) { margin-top: 0; } #content .blog_wrap .blog:hover { top: -5px; -webkit-box-shadow: 0 10px 20px rgba(0 0 0 / 20%); box-shadow: 0 10px 20px rgba(0 0 0 / 20%); } #content .blog_wrap .blog .thumbnail { display: block; overflow: hidden; } #content .blog_wrap .blog .thumbnail img { width: 100%; height: auto; display: block; } #content .blog_wrap .blog .entry { padding: 20px; } #content .blog_wrap .blog .entry h3 { margin-bottom: 30px !important; } #content .blog_wrap .blog .entry h3 a { font-size: 25px; text-decoration: none !important; color: var(--color-blue); } #content .blog_wrap .blog .entry h3 a:hover { color: #3a3a3a; } #content .blog_wrap .blog .entry .datetime { font-size: 14px; text-transform: uppercase; color: var(--color-pink); } /* ---------------- PARTNERS ---------------- */ #partners { padding-top: 50px; background: white; } #partners h3 { margin-bottom: 10px; font-size: 20px; font-weight: 700; color: var(--color-pink); line-height: 100%; } #partners ul { margin-bottom: 50px; font-size: 0; } #partners ul li { width: 50%; margin-bottom: 50px; font-size: 17px; vertical-align: top; line-height: 25px; display: inline-block; } #partners ul li a { text-decoration: underline; color: var(--color-pink); } #partners ul li a:hover { color: #182c66; } #partners .title { margin-bottom: 30px; font-size: 40px; color: var(--color-pink); line-height: 100%; } #partners .text { margin-bottom: 20px; } #partners .text_wrapper { padding-bottom: 50px; } /* ---------------- SIDEBAR ---------------- */ #sidebar { width: 250px; margin-right: 50px; padding-right: 20px; border-right: 1px solid var(--color-gray); } #sidebar .button { width: 100%; padding: 0; display: block; } #sidebar .close_sidebar { width: 100%; height: 40px; left: 0; top: 0; font-size: 17px; font-weight: 700; text-transform: uppercase; color: white; line-height: 40px; background-color: var(--color-pink); display: block; position: absolute; cursor: pointer; } #sidebar .close_sidebar:hover { color: #3a3a3a; background-color: white; } #sidebar .widget { margin-bottom: 30px; } #sidebar .widget .widget_title { margin-bottom: 10px; font-size: 20px !important; color: var(--color-dark); line-height: 100% !important; } /* Categories */ #sidebar .widget.widget_product_categories ul { margin-left: 20px; } #sidebar .widget.widget_product_categories ul li a { color: var(--color-pink); } #sidebar .widget.widget_product_categories ul li a:hover { text-decoration: underline; color: var(--color-dark); } /* Price filter */ #sidebar .widget.widget_price_filter .price_slider_amount { display: flex; } #sidebar .widget.widget_price_filter .price_slider_amount .price_label { width: 100%; margin-top: 10px; font-size: 14px; order: 1; } #sidebar .widget.widget_price_filter .price_slider_amount .button { order: 2; } /* Other */ #sidebar .open_close__sidebar { display: none; } /* Product list */ #sidebar .widget.widget_products ul li { margin-bottom: 15px; padding: 0 0 15px 60px; border-bottom: 1px solid var(--color-silver-line); position: relative; list-style: none; } #sidebar .widget.widget_products ul li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } #sidebar .widget.widget_products ul li a { text-decoration: none !important; display: block; } #sidebar .widget.widget_products ul li img { max-width: 50px; max-height: 50px; left: 0; top: 0; padding: 5px; background: white; border: 1px solid var(--color-gray); display: block; position: absolute; border-radius: 3px; } #sidebar .widget.widget_products ul li .product-title { margin-bottom: 5px; font-size: 15px; font-weight: 700; color: var(--color-blue); line-height: 100%; display: block; } #sidebar .widget.widget_products ul li .amount, #sidebar .widget.widget_products ul li .additional_text { font-weight: 700; text-decoration: none !important; color: var(--color-pink); line-height: 16px; } #sidebar .widget.widget_products ul li del { text-decoration: line-through; color: #959595; display: block; } #sidebar .widget.widget_products ul li del .amount, #sidebar .widget.widget_products ul li del .additional_text { font-size: 13px; font-weight: normal; color: #959595; } /* ------------------ WOO FILTER ------------------ */ .woof_products_top_panel li span { background-image: url(images/icon_delete.svg); background-size: 14px !important; } /* Cart */ .widget_shopping_cart li { border-bottom: 1px solid #545557; position: relative; } .widget_shopping_cart li:last-child { border-bottom: none; } .widget_shopping_cart li a { padding-left: 50px; padding-right: 20px; line-height: 100%; position: relative; } .widget_shopping_cart li a:hover { text-decoration: underline; } .widget_shopping_cart li a img { width: 40px; height: auto; left: 0; top: 0; position: absolute; } .widget_shopping_cart li a.remove { width: 15px; height: 15px; right: 0; top: 0; padding: 0 !important; text-align: center; color: #b81c23 !important; line-height: 15px; position: absolute; z-index: 10; } .widget_shopping_cart li a.remove:hover { color: #000 !important; } .widget_shopping_cart li span.quantity { padding-left: 50px; font-size: 13px; color: #999; display: block; } .widget_shopping_cart .total { height: 40px; font-size: 16px; line-height: 40px; } .widget_shopping_cart .total strong { font-weight: normal; color: #999 !important; } .widget_shopping_cart .total .amount { font-weight: 900; color: #000; float: right; } .widget_shopping_cart .buttons { height: 40px; } .widget_shopping_cart .buttons a.checkout { display: none; } .widget_shopping_cart .buttons a { height: 38px; padding: 0 15px; font-size: 17px; text-decoration: none !important; color: white !important; line-height: 38px; background: #adbe9e; border-bottom: 2px solid #8fa67a; display: inline-block; position: relative; cursor: pointer; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; transition: all 0.1s ease-out; } .widget_shopping_cart .buttons a:hover { opacity: 0.95; } .widget_shopping_cart .buttons a:active { height: 37px; top: 1px; border-bottom-width: 1px; } /* ------------------- PAGINATION ------------------- */ .pagination { margin-bottom: 30px; padding-top: 10px; border-top: 3px solid var(--color-silver-line); } .pagination span, .pagination a { padding: 5px 0 5px 0; } .pagination span.pages { font-weight: bold; float: right; } .pagination span.current, .pagination a { width: 30px; margin-right: 5px; text-align: center; display: inline-block; } .pagination span.current { background: #121212; color: white; } .pagination a { text-decoration: none !important; } .pagination a:hover { -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; } /* --------------- FOOTER --------------- */ #footer { padding-top: 3px; font-size: 16px; color: white; background: var(--color-blue); } /* Footer top */ #footer .footer_top { padding: 70px 0; } #footer .footer_top .col { min-height: 250px; padding: 0 20px; border-right: 1px solid #6d6c99; } #footer .footer_top .col.last { border-right: none; } #footer .footer_top .col .icon { margin-bottom: 20px; } #footer .footer_top .col .icon img { width: auto; height: 50px; display: inline-block; } #footer .footer_top .col a { font-size: 16px; text-decoration: underline; color: #9a9fce; } #footer .footer_top .col a:hover { color: white; } #footer .footer_top .col p { margin-bottom: 30px; font-size: 16px; color: #9a9fce; } #footer .footer_top .col h3 { margin-bottom: 5px; font-size: 23px; } #footer .footer_top .col img { max-width: 100%; height: auto; display: inline-block; } #footer .footer_top .col.col_social a.social { width: 50px; height: 50px; margin: 0 6px; vertical-align: top; background-repeat: no-repeat; background-position: center; background-size: auto 30px; border: 1px solid rgba(255,255,255,0.3); display: inline-block; } #footer .footer_top .col.col_social a.social:hover { border-color: white; } #footer .footer_top .col.col_social a.social.facebook { background-image: url(images/icon_facebook_white.svg); } #footer .footer_top .col.col_social a.social.instagram { background-image: url(images/icon_instagram_white.svg); } #footer .footer_top .col.col_social a.social.youtube { background-image: url(images/icon_youtube_white.svg); } #footer .footer_top .col.col_social a.social span { display: none; } /* Footer bottom */ #footer .footer_bottom { font-size: 14px; vertical-align: top; color: white; border-top: 1px solid #6d6c99; } #footer .footer_bottom .inner { padding-top: 40px; padding-bottom: 40px; } #footer .footer_bottom a { text-decoration: underline; color: white; } #footer .footer_bottom a:hover { text-decoration: none; } #footer .footer_bottom span { vertical-align: top; display: inline-block; } #footer .footer_bottom ul { font-size: 0; vertical-align: top; display: inline-block; } #footer .footer_bottom ul li { margin-left: 10px; padding-left: 13px; vertical-align: top; display: inline-block; position: relative; } #footer .footer_bottom ul li:before { width: 3px; height: 3px; left: 0; top: 8px; background: #6d6c99; position: absolute; content: ''; } #footer .footer_bottom ul li a { font-size: 14px; color: white; } #footer .footer_bottom ul li a:hover { text-decoration: underline; } #footer .footer_bottom .scroll_somewhere { width: 100px; height: 100%; right: 0; top: 0; padding-top: 25px; color: white; border-left: 1px solid #6d6c99; border-right: 1px solid #6d6c99; position: absolute; } #footer .footer_bottom .scroll_somewhere:hover { text-decoration: underline; } #footer .footer_bottom .scroll_somewhere img { width: auto; height: 20px; margin: 0 auto 10px; display: block; } /* ------------------ KEYFRAMES ------------------ */ @-webkit-keyframes swing { 25% { -webkit-transform: rotate3d(0, 0, 1, 6deg); transform: rotate3d(0, 0, 1, 6deg); } 50% { -webkit-transform: rotate3d(0, 0, 1, -4deg); transform: rotate3d(0, 0, 1, -4deg); } 75% { -webkit-transform: rotate3d(0, 0, 1, 2deg); transform: rotate3d(0, 0, 1, 2deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 25% { -webkit-transform: rotate3d(0, 0, 1, 6deg); transform: rotate3d(0, 0, 1, 6deg); } 50% { -webkit-transform: rotate3d(0, 0, 1, -4deg); transform: rotate3d(0, 0, 1, -4deg); } 75% { -webkit-transform: rotate3d(0, 0, 1, 2deg); transform: rotate3d(0, 0, 1, 2deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @-webkit-keyframes header_down { from { top: -70px; } to { top: 0; } } @-moz-keyframes header_down { from { top: -70px; } to { top: 0; } } @-o-keyframes header_down { from { top: -70px; } top { top: 0; } } @keyframes header_down { from { top: -70px; } to { top: 0; } } /* ------------------ RWD DESIGN ------------------ */ @media only screen and (max-width: 1400px) { /* SLIDER: Arrows */ #slider .slick-arrow { left: auto; right: 80px; top: auto; bottom: 0; } #slider .slick-arrow.slick-next { right: 20px; } } @media only screen and (max-width: 1200px) { /* DEFAULT */ .p_l_30 { padding-left: 20px; } .p_r_30 { padding-right: 20px; } /* HEADER: Logo */ #header .header_bottom .logo { height: 80px; left: 20px; } /* HEADER: Menu */ #header #menu ul li a { font-size: 22px; } /* SLIDER */ #slider .slick-slide .title { font-size: 40px; } #slider .slick-slide .button { margin-top: 10px; } /* WHY US */ #whyus .col { padding: 20px 20px 0 70px; } #whyus .col .title { font-size: 22px; } #whyus .col .text { font-size: 16px; } /* OFFERS */ #offers .offers_wrapper .offer .wrapper .col.col_entry .title { font-size: 30px; } /* CONTENT: Blog wrapper */ #content .blog_wrap { margin-left: -10px; margin-right: -10px; } #content .blog_wrap .blog { width: calc(33.3333333333% - 20px); margin: 40px 10px 0; } #content .blog_wrap .blog .entry h3 a { font-size: 26px; } /* ABOUT US */ #aboutus { height: auto; background: white; border-top: 1px solid var(--color-silver-line); } #aboutus .entry { width: 100%; height: auto; padding: 30px 20px; } /* FOOTER: Footer bottom */ #footer .footer_bottom .scroll_somewhere { border-right: none; } } @media only screen and (max-width: 960px) { /* DISPLAY: Block */ .show_in_960 { display: block !important; } /* DISPLAY: None */ .hide_in_960 { display: none !important; } /* HEADER */ #header .inner { padding-right: 80px; } /* HEADER: Header bottom */ #header .header_bottom { height: 100px; } /* HEADER: Search */ #header .header_bottom .aws-container { width: calc(100% - 350px); margin-right: 0; } /* SLIDER: Arrows */ #slider .slick-arrow { width: 40px; height: 40px; right: 70px; background-size: 20px auto; } /* WHY US */ #whyus .col { padding: 20px; text-align: center; } #whyus .col img { left: auto; top: 0; display: inline-block; position: relative; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } #whyus .col:nth-child(2), #whyus .col:nth-child(3) { padding-left: 20px; } #whyus .col:nth-child(2) img, #whyus .col:nth-child(3) img { left: auto; } #whyus .col .title { font-size: 20px; } #whyus .col .text { font-size: 15px; line-height: 18px; } /* OFFERS */ #offers .offers_wrapper { margin-left: 0; margin-right: 0; } #offers .offers_wrapper .offer { width: 100%; padding-left: 0; padding-right: 0; display: block; } #offers .offers_wrapper .offer .wrapper .row { min-height: 300px; } #offers .offers_wrapper .offer .wrapper .col.col_entry { padding: 20px; } #offers .offers_wrapper .offer .wrapper .col.col_entry .title { font-size: 26px; } #offers .offers_wrapper .offer .wrapper .col.col_entry .button { left: 20px; bottom: 20px; } /* PRODUCTS */ #featured_products { padding: 30px 0; } /* CONTENT */ #content { width: 100%; max-width: inherit; float: none; } /* SIDEBAR */ #sidebar { width: 300px; height: 100%; left: -100%; top: 0; margin-right: 0; padding: 50px 20px 20px; background: white; position: fixed; z-index: 99; overflow: auto; } body.opened_sidebar #sidebar { left: 0; } /* FOOTER: Footer top */ #footer .footer_top { padding: 50px 0; } #footer .footer_top .col { width: 50%; padding-top: 30px; } #footer .footer_top .col.col_social { width: 100%; min-height: inherit; padding-bottom: 30px; padding-top: 0; border-right: none; border-bottom: 1px solid #6d6c99; display: block; } } @media only screen and (max-width: 768px) { /* DISPLAY: None */ .hide_in_768 { display: none !important; } /* DISPLAY: Block */ .show_in_768 { display: block !important; } /* HEADER: Search */ #header .header_bottom .aws-container { display: none; } /* SLIDER */ #slider .slick-slide .title { font-size: 5vw; } /* PRODUCTS */ #featured_products { padding: 20px 0; } #featured_products .header_title { margin-bottom: 30px; text-align: center; } #featured_products .header_title .title { margin-bottom: 5px; } #featured_products .header_title .alt_button { left: auto; top: auto; margin: 10px 0; display: inline-block; position: relative; } #featured_products .header_title .alt_button.sale_products { left: auto; right: auto; } /* CONTENT */ #content h1 { font-size: 6vw; } /* CONTENT: Blog wrapper */ #content .blog_wrap .blog { width: calc(50% - 20px); } #content .blog_wrap .blog:nth-child(3n) { margin-top: 40px; } #content .blog_wrap .blog .entry h3 a { font-size: 30px; } /* PARTNERS */ #partners ul li { width: 100%; max-width: 480px; margin-left: auto; margin-right: auto; display: block; } } @media only screen and (max-width: 640px) { /* DISPLAY: None */ .hide_in_640 { display: none !important; } /* HEADER */ #header .inner { padding-right: 70px; } /* HEADER: Cart */ #header .cart_panel { margin-left: 40px; padding-left: 0; border-left: none; } /* SLIDER */ #slider .slick-slide .title { font-size: 6vw; } /* WHY US */ #whyus .row { display: block; } #whyus .col { width: 100%; height: auto; padding: 20px 20px 20px 55px; text-align: left; border-right: none; border-bottom: 1px solid var(--color-silver-line); display: block; } #whyus .col:nth-child(3) { border-bottom: none; } #whyus .col img { height: 45px; left: 0; top: 20px; position: absolute; } #whyus .col:nth-child(2), #whyus .col:nth-child(3) { padding-left: 55px; } #whyus .col:nth-child(2) img, #whyus .col:nth-child(3) img { left: 0; } #whyus .col .title { font-size: 20px; } #whyus .col .text { font-size: 15px; line-height: 18px; } /* CONTENT */ #content h1 { font-size: 8vw; } /* CONTENT: Blog wrapper */ #content .blog_wrap { max-width: 400px; margin-left: auto; margin-right: auto; } #content .blog_wrap .blog { width: 100%; margin-top: 40px !important; padding-left: 0; padding-right: 0; display: block; } #content .blog_wrap .blog:first-child { margin-top: 0 !important; } /* FOOTER: Footer top */ #footer .footer_top { padding: 50px 0; } #footer .footer_top .col { width: 100%; min-height: inherit; padding-bottom: 30px; display: block; border-right: none; border-bottom: 1px solid #6d6c99; } #footer .footer_top .col.last { padding-bottom: 0; border-bottom: none; } } @media only screen and (max-width: 480px) { /* DISPLAY: None */ .hide_in_480 { display: none !important; } /* DISPLAY: Block */ .show_in_480 { display: block !important; } /* NOTIFICATIONS */ .overlay .notification { min-height: 200px; border: none; } .overlay .notification h3 { padding-right: 40px; font-size: 24px; } .overlay .notification .thumbnail { width: 80px; height: 80px; } .overlay .notification .thumbnail img { max-width: 70px; max-height: 70px; } .overlay .notification .datas { width: calc(100% - 80px); } .overlay .notification .datas .button { padding: 0 10px; font-size: 16px; } /* RWD NAV */ #rwd_menu .rwd_menu_wrap { width: calc(100% - 20px); } #rwd_menu .rwd_menu_wrap .rwd_menu_section { padding-left: 30px; padding-right: 30px; } #rwd_menu .rwd_menu_wrap .rwd_menu_section.useful_info { padding-top: 30px; padding-bottom: 30px; } /* RWD NAV: RWD menu header */ #rwd_menu .rwd_header img { left: 30px; } #rwd_menu .rwd_header .rwd_button { right: 30px; } /* HEADER: Header top */ #header .header_top .inner { padding-left: 0; padding-right: 0; } /* SLIDER */ #slider .slick-slide .title { font-size: 7vw; } #slider .slick-slide .button { height: 40px; padding: 0 15px; line-height: 40px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } /* OFFERS */ #offers .offers_wrapper .offer .wrapper .row { min-height: 220px; } #offers .offers_wrapper .offer .wrapper .col.col_entry .title { font-size: 24px; } #offers .offers_wrapper .offer .wrapper .col.col_entry .subtitle { margin-bottom: 10px; } /* CONTENT */ #content h1 { font-size: 8vw; } /* CONTENT: Blog wrapper */ #content .blog_wrap .blog .entry h3 a { font-size: 24px; } } @media only screen and (max-width: 320px) { /* DISPLAY: None */ .hide_in_320 { display: none !important; } /* DISPLAY: Block */ .show_in_320 { display: block !important; } /* CONTENT: Blog wrapper */ #content .blog_wrap .blog .entry h3 a { font-size: 20px; } } /* --------------- PRINT --------------- */ @media print { /* DISPLAY: None */ .hide_in_print { display: none !important; visibility: hidden; opacity: 0; } /* HEADER: Hgroup */ header hgroup { text-align: center; } header hgroup .logo { max-width: 226px; left: auto; position: static; } header hgroup .logo img { max-width: 226px; } /* Content */ #container.single:before { display: none; } #container #content { width: 100% !important; max-width: none !important; padding-left: 0 !important; float: none !important; } }