/* Theme Name: Tapis Studio Theme URI: https://tapis-studio.com Description: Tapis Studio Author: Jorge Lima Author URI: https://hommes.studio Template: generatepress Version: 0.1 */ /*NORMALIZE CSS*/ *, a, abbr, acronym, address, applet, b, big, body, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, html, i, iframe, img, ins, kbd, label, legend, object, q, s, samp, small, span, strike, strong, sub, sup, tbody, td, tfoot, th, thead, tr, tt, u, var, select, input, textarea, :focus ::-moz-focus-inner {margin: 0;padding: 0;border: 0;outline: 0} * { font-family: Montserrat; } body {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-appearance: none;box-sizing: border-box;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} textarea:focus, input:focus, *:focus, input:focus{outline: none!important;} body {font-feature-settings: 'pnum' on, 'lnum' on;} .uppercase{text-transform: uppercase;} .clear-both{clear: both;} .hidden{display: none!important;} .hide {display: none;} .text-center {text-align:center;} .text-left {text-align:left;} .text-right {text-align:right;} .text-justify {text-align:justify;} .pad-tb-20 {padding-top: 20px; padding-bottom: 20px;} .pad-tb-30 {padding-top: 30px; padding-bottom: 30px;} .pad-tb-40 {padding-top: 40px; padding-bottom: 40px;} .pad-tb-50 {padding-top: 50px; padding-bottom: 50px;} #wpadminbar{border-bottom: 1px solid #484848;} body .is-layout-flex { display: flex; flex-wrap: wrap } /** * Table of Contents * * 1.0 - General * 1.1 - Links * 1.2 - forms * 1.3 - GP Elements Headers * 1.4 - Elementor pages width layout * 2.0 - Navigation * 3.0 - Woocommerce * 3.1 - Notificações e Alertas * 3.2 - Bread Crumb * 3.3 - Titulos paginas * 3.4 - All Products * 3.4.1 - Fixar Barra filtros desktop * 3.4.2 - Barra de Pesquisa produtos * 3.4.3 - Filtros * 3.4.4 - Grelha produtos * 3.4.4.1 - Grelha Produtos dark bg * 3.4.4.2 - Woocommerce Product Shortcode * 3.5 - Single Product * 3.6 - Checkout * 3.6.1 - Checkout thank you page * 3.7 - Cart * 3.8 - My account * 3.8.1 - Wishlist * 3.8.2 - Cupons * 3.8.3 - Forms and buttons * 3.8.4 - Dashboard * 3.8.5 - Calendly-button * 4.0 - Homepage * 5.0 - Free catalog * 6.0 - Lookbook * 7.0 - Journal/blog * 8.0 - Coverage * 9.0 - Shop the look * 9.1 - Categories Menu * 9.2 - Highlights section * 9.3 - Page Blocks * 10.0 - Ebooks * 11.0 - Professional Area * 12.0 - Search results * 13.0 - Newsletter * 14.0 - Customization * 15.0 - Footer * **/ /** 1.0 - General **/ .font-bodoni {} .bg-grey-light {background: #EFEFEF;} .section-title { max-width: 1440px; width:100%; padding-top: 80px; padding-bottom: 40px; margin-left: auto; margin-right: auto; } .now-trending-title, .section-title h2 { line-height: 1; font-family: 'Montserrat', serif; text-transform: uppercase; text-align: center; margin-bottom: 0px; line-height: 1.29em; letter-spacing: .01em; color: #111111; } .section-title h2 {font-size: 40px;} .now-trending-title {font-size: 28px;} .generate-back-to-top {bottom: 90px;} .separate-containers .paging-navigation {display: flex; justify-content: center; width: 100%;} @media (min-width:769px) { .visible-desktop, .break-line {display: block!important;} .visible-mobile {display: none!important;} } @media (max-width:768px) { .visible-desktop, .break-line {display: none!important;} .visible-mobile {display: block!important;} .section-title h2 {font-size: 28px;} } @media (min-width:1024px) { #rev_slider_46_1_forcefullwidth .visible-mobile {display: none!important;} } /*Temp hide product category on customization page*/ .customization .cust-cat {display: none!important;} .dialog-type-lightbox {z-index: 99999!important;} .custom-cta-popup h2 span{font-weight: 700!important;} /*Botões popups*/ .popups-btn .dialog-close-button { padding: 15px; transition: all 0.25s ease; position: absolute; right: 0; top:0; } .popups-btn.popups-btn-black .dialog-close-button {background-color: #111; opacity: 0.9;} .popups-btn.popups-btn-black .dialog-close-button:hover {opacity: 1; background-color: #111;} .popups-btn.popups-btn-black .dialog-close-button i {color: #ffffff;} .popups-btn.popups-btn-white .dialog-close-button {background-color: #ffffff;} .popups-btn.popups-btn-white .dialog-close-button:hover {background-color: #111;} .popups-btn.popups-btn-white .dialog-close-button i {color: #111111;} .popups-btn.popups-btn-white .dialog-close-button:hover i {color: #ffffff;} /*End Botões popups*/ /*BOTÕES SLICK SLIDE*/ .slick-slide button {background-color: transparent; color: #111111;} .slick-slide .slick-prev, .slick-slide .slick-next { top: 50%; z-index: 10; width: 50px; height: 50px; overflow: hidden; border: 0; background-color: transparent; background-position: center; background-repeat: no-repeat; cursor: pointer; opacity: 0.9; transform: translateY(-50%); transition: all 0.25s ease; } .slick-slide button.slick-prev:hover, .slick-slide button.slick-next:hover { outline: none; background: transparent; color: transparent; } .slick-slide button.slick-prev:hover:before, .slick-slide button.slick-prev:focus:before, .slick-slide button.slick-next:hover:before, .slick-slide button.slick-next:focus:before {opacity:1;} button.slick-prev:before, button.slick-next:before { font-family: "Font Awesome 5 Free"; font-size: 20px; line-height: 1; color: #111111; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 900; } button.slick-prev:before {content: "\f053";} button.slick-next:before {content: "\f054";} .now-trending-slider button.slick-prev {left: -20px; z-index: 10;} .now-trending-slider button.slick-next {right: -20px; z-index: 10;} button.slick-prev {left: 10px; z-index: 10;} button.slick-next {right: 10px; z-index: 10;} /** 1.1 - Links **/ .link-white a {color: #656565;} .link-white a:hover {color: #F0F0F0;} .rs-layer a.link-dark {color: #ffffff;} .rs-layer a.link-dark:hover {color: #03f70c;} .link-dark a {color: #F0F0F0;} .link-dark a:hover {color: #03f70c;} .link-underline a, a.link-underline {text-decoration: underline; text-underline-position: under;} .cta-link-underline .elementor-cta__button.elementor-button { text-decoration: underline!important; text-underline-position: under!important; padding: 0px; } /*.site-content a,*/ .single .inside-article a { text-decoration: underline; } .thank-you-cta a{ text-decoration: none; } li.menu-item a, a.woof_front_toggle, a.title, .post-details-container a.post-excerpt, .block h2 a, a.post-title, a.frm_button_submit, a.elementor-button-link{ text-decoration: none; } /*btn bounce top effect*/ .btn-bounce .elementor-button, .btn-bounce-top { text-transform: uppercase; text-decoration: none; padding: 12px 24px; display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; } .btn-bounce a.elementor-button:before, .btn-bounce-top:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .btn-bounce .elementor-button:hover:before, .btn-bounce .elementor-button:focus:before, .btn-bounce .elementor-button:active:before, .btn-bounce-top:hover:before, .btn-bounce-top:focus:before, .btn-bounce-top:active:before { -webkit-transform: scaleY(1); transform: scaleY(1); -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /*white style bounce button*/ .btn-bounce.white .elementor-button:hover, .btn-bounce.white .elementor-button:focus, .btn-bounce.white .elementor-button:active, .btn-bounce-top.white:hover, .btn-bounce-top.white:focus, .btn-bounce-top.white:active, .btn-bounce-top.white.active {color: #111111;} .btn-bounce.white .elementor-button:before, .btn-bounce-top.white:before {background: #ffffff;} .btn-bounce.white .elementor-button, .btn-bounce-top.white { color: #ffffff; background: transparent; border-bottom: 1px solid #ffffff; -webkit-tap-highlight-color: rgba(255,255,255,0); } /*black style bounce button*/ .btn-bounce.black .elementor-button:hover, .btn-bounce.black .elementor-button:focus, .btn-bounce.black .elementor-button:active, .btn-bounce-top.black:hover, .btn-bounce-top.black:focus, .btn-bounce-top.black:active, .btn-bounce-top.black.active {color: #ffffff;} .btn-bounce.black .elementor-button:before, .btn-bounce-top.black:before {background: #111111;} .btn-bounce.black .elementor-button, .btn-bounce-top.black { color: #111111; background: transparent; border-bottom: 1px solid #111111; -webkit-tap-highlight-color: rgba(0,0,0,0); } /*End btn bounce top effect*/ /*FAQ'S TABS STYLES*/ /*.faq-toggle .elementor-tab-content p { font-weight: 300; font-size: 20px; line-height: 32px; color: #111111; }*/ /** 1.2 - Forms **/ /*My Acconunt form*/ .show-password {position: relative;} .show-passs-inner {position: absolute; top:37px; right:15px;} .show-pass-checkbox input[type="checkbox"], .show-pass-checkbox .checked {display: none;} .show-pass-checkbox input[type="checkbox"]:checked~.checked {display: inline-block;} .show-pass-checkbox input[type="checkbox"]:checked~.unchecked {display: none;} .show-pass-checkbox input[type="checkbox"] {opacity:0;} #frm_field_310_container {display: none;} /*End my account form*/ /* Product inquiry*/ #form_form-ebook-download, #form_productinquiry, #form_form-ebook-download5e79f8b3f3 {opacity: 1!important;} #form_productinquiry .frm_submit {text-align: center;} #frm_field_272_container, #frm_field_252_container {background: #efefef; padding: 10px;} #frm_field_272_container p, #frm_field_252_container p {margin-bottom: 0;} #frm_field_272_container span, #frm_field_252_container span { font-size: 16px; line-height: 1.5; font-weight: 400; text-transform: uppercase; color:#111111; } #frm_field_272_container span::after, #frm_field_252_container span::after { content: ""; width: 55px; display: block; height: 2px; background-color: #111111; margin-top: 10px; } /*My Acconunt form*/ .show-password {position: relative;} .show-passs-inner {position: absolute; top:37px; right:15px;} .show-pass-checkbox input[type="checkbox"], .show-pass-checkbox .checked {display: none;} .show-pass-checkbox input[type="checkbox"]:checked~.checked {display: inline-block;} .show-pass-checkbox input[type="checkbox"]:checked~.unchecked {display: none;} .show-pass-checkbox input[type="checkbox"] {opacity:0;} #frm_field_310_container {display: none;} #frm_form_13_container i.fas.fa-eye, #frm_form_13_container i.fas.fa-eye.unchecked, #frm_form_13_container .show-pass-checkbox input[type="checkbox"]:checked~.checked { position: absolute; top: -18px; right: 0px; } #frm_form_13_container .frm_opt_container { display: flex; gap: 15px; flex-direction: column; } /*End my account form*/ /*Search forms*/ #ajaxsearchpro2_1 div.asp_simple-circle, #ajaxsearchpro2_2 div.asp_simple-circle, #ajaxsearchpro1_1 div.asp_simple-circle, #ajaxsearchpro1_2 div.asp_simple-circle { margin: 0; height: 50%; width: 50%; } #ajaxsearchpro1_1 .probox, #ajaxsearchpro1_2 .probox, div.asp_m.asp_m_1 .probox, #ajaxsearchpro2_1 .probox, #ajaxsearchpro2_2 .probox, div.asp_m.asp_m_2 .probox, .asp_w_container .probox { height: 42px; box-shadow:none; } div.asp_m.ajaxsearchpro .probox {align-items: center;} #ajaxsearchpro2_1 .probox .proinput input.orig, #ajaxsearchpro2_2 .probox .proinput input.orig, #ajaxsearchpro1_1 .probox .proinput input.orig, #ajaxsearchpro1_2 .probox .proinput input.orig, div.asp_m.asp_m_1 .probox .proinput input.orig { height: 42px; } .results .item div.asp_content, .results .item div.asp_content, div.asp_r.asp_r_1 .results .item div.asp_content, div.asp_r.asp_r_2 .results .item div.asp_content { color: #656565; } .results .item .asp_content h3, div.asp_r.asp_r_1 .results .item .asp_content h3, div.asp_r.asp_r_2 .results .item .asp_content h3, .results .item .asp_content h3 a, div.asp_r.asp_r_1 .results .item .asp_content h3 a, div.asp_r.asp_r_2 .results .item .asp_content h3 a { color: #111111!important; text-transform: uppercase!important; } #ajaxsearchprores1_1.vertical, #ajaxsearchprores2_1.vertical, div.asp_r.asp_r_1.vertical, div.asp_r.asp_r_2.vertical { box-shadow: none!important; border-radius: 0px!important; border: 1px solid #111111!important; } .frm_style_formidable-style.with_frm_style .form-field input:not([type="file"]):focus, .frm_style_formidable-style.with_frm_style .form-field select:focus, .frm_style_formidable-style.with_frm_style .form-field textarea:focus { box-shadow: none!important; } input::placeholder, textarea::placeholder, .with_frm_style input::placeholder, .with_frm_style textarea::placeholder { color: #111111!important; opacity:1; } .with_frm_style .text-center {text-align:center;} .with_frm_style .frm_form_fields > fieldset {padding: 0px;} input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;} button, input[type="button"], input[type="reset"], input[type="submit"] { border: none; background: #111111; cursor: pointer; -webkit-appearance: button; color: #ffffff; text-transform:uppercase; border-radius: 0px!important; } button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background: #656565; color: #ffffff; } /* Formulários fundo escuro*/ .dark-form-style input::placeholder, .dark-form-style textarea::placeholder, .dark-form-style .with_frm_style input::placeholder, .dark-form-style .with_frm_style textarea::placeholder { color: #ffffff!important; opacity:1; } .dark-form-style input::placeholder:hover, .dark-form-style textarea::placeholder:hover, .dark-form-style .with_frm_style input::placeholder:hover, .dark-form-style .with_frm_style textarea::placeholder:hover { color: rgba(255,255,255,.4);} .dark-form-style .with_frm_style input[type="text"], .dark-form-style .with_frm_style input[type="password"], .dark-form-style .with_frm_style input[type="email"], .dark-form-style .with_frm_style input[type="number"], .dark-form-style .with_frm_style input[type="url"], .dark-form-style .with_frm_style input[type="tel"], .dark-form-style .with_frm_style input[type="phone"], .dark-form-style .with_frm_style input[type="search"], .dark-form-style .with_frm_style select, .dark-form-style .with_frm_style textarea, .dark-form-style .frm_form_fields_style, .dark-form-style .with_frm_style .frm_scroll_box .frm_opt_container, .dark-form-style .frm_form_fields_active_style, .dark-form-style .frm_form_fields_error_style, .dark-form-style .with_frm_style .frm-card-element.StripeElement, .dark-form-style .with_frm_style .chosen-container-multi .chosen-choices, .dark-form-style .with_frm_style .chosen-container-single .chosen-single { border-color: rgba(0,0,0,.5); box-shadow: none; color: #FFFFFF; background-color: rgba(0,0,0,.25); } .dark-form-style .frm_style_formidable-style.with_frm_style .form-field input:not([type="file"]):hover, .dark-form-style .frm_style_formidable-style.with_frm_style select:hover, .dark-form-style .frm_style_formidable-style.with_frm_style textarea:hover, .dark-form-style .frm_style_formidable-style.with_frm_style .frm_focus_field input[type="text"]:hover, .dark-form-style .frm_style_formidable-style.with_frm_style .frm_focus_field input[type="password"]:hover, .dark-form-style .frm_style_formidable-style.with_frm_style .frm_focus_field input[type="email"]:hover, .dark-form-style .frm_style_formidable-style.with_frm_style .frm_focus_field input[type="number"]:hover, .dark-form-style .frm_style_formidable-style.with_frm_style .frm_focus_field input[type="url"]:hover, .dark-form-style .frm_style_formidable-style.with_frm_style .frm_focus_field input[type="tel"]:hover, .dark-form-style .frm_style_formidable-style.with_frm_style .frm_focus_field input[type="search"]:hover, .dark-form-style .frm_style_formidable-style.with_frm_style .form-field input:not([type="file"]):focus, .dark-form-style .frm_style_formidable-style.with_frm_style select:focus, .dark-form-style .frm_style_formidable-style.with_frm_style textarea:focus, .dark-form-style .frm_style_formidable-style.with_frm_style .frm_focus_field input[type="text"]:focus, .dark-form-style .frm_style_formidable-style.with_frm_style .frm_focus_field input[type="password"]:focus, .dark-form-style .frm_style_formidable-style.with_frm_style .frm_focus_field input[type="email"]:focus, .dark-form-style .frm_style_formidable-style.with_frm_style .frm_focus_field input[type="number"]:focus, .dark-form-style .frm_style_formidable-style.with_frm_style .frm_focus_field input[type="url"]:focus, .dark-form-style .frm_style_formidable-style.with_frm_style .frm_focus_field input[type="tel"]:focus, .dark-form-style .frm_style_formidable-style.with_frm_style .frm_focus_field input[type="search"]:focus, .dark-form-style .frm_form_fields_active_style, .dark-form-style .frm_style_formidable-style.with_frm_style .frm_focus_field .frm-card-element.StripeElement, .dark-form-style .frm_style_formidable-style.with_frm_style .chosen-container-single.chosen-container-active .chosen-single, .dark-form-style .frm_style_formidable-style.with_frm_style .chosen-container-active .chosen-choices { background-color: rgba(0,0,0,.25); border-color: rgba(255,255,255,.5); box-shadow: none; color: #ffffff; } .dark-form-style .frm_style_formidable-style.with_frm_style .frm_blank_field input[type="text"], .dark-form-style .frm_style_formidable-style.with_frm_style .frm_blank_field input[type="password"], .dark-form-style .frm_style_formidable-style.with_frm_style .frm_blank_field input[type="url"], .dark-form-style .frm_style_formidable-style.with_frm_style .frm_blank_field input[type="tel"], .dark-form-style .frm_style_formidable-style.with_frm_style .frm_blank_field input[type="number"], .dark-form-style .frm_style_formidable-style.with_frm_style .frm_blank_field input[type="email"], .dark-form-style .frm_style_formidable-style.with_frm_style .frm_blank_field textarea, .dark-form-style .frm_style_formidable-style.with_frm_style .frm_blank_field .mce-edit-area iframe, .dark-form-style .frm_style_formidable-style.with_frm_style .frm_blank_field select, .frm_form_fields_error_style, .dark-form-style .frm_style_formidable-style.with_frm_style .frm_blank_field .frm-g-recaptcha iframe, .dark-form-style .frm_style_formidable-style.with_frm_style .frm_blank_field .g-recaptcha iframe, .dark-form-style .frm_style_formidable-style.with_frm_style .frm_blank_field .frm-card-element.StripeElement, .dark-form-style .frm_style_formidable-style.with_frm_style .frm_blank_field .chosen-container-multi .chosen-choices, .dark-form-style .frm_style_formidable-style.with_frm_style .frm_blank_field .chosen-container-single .chosen-single, .dark-form-style .frm_style_formidable-style.with_frm_style .frm_form_field :invalid { background-color: rgba(0,0,0,.50); box-shadow: none; color: #ffffff; } .dark-form-style .with_frm_style .frm_radio label, .dark-form-style .with_frm_style .frm_checkbox label {color: #FFFFFF;} .dark-form-style a {color: #666666;} .dark-form-style a:hover {color: #ffffff;} .dark-form-style .frm_style_formidable-style.with_frm_style .frm_error_style { /*background-color: rgba(255,255,255,.3);*/ background-color: rgba(233,75,60,.1); color: #ffffff; text-align: center; } .dark-form-style .frm_style_formidable-style.with_frm_style .frm_error_style p {margin-bottom: 0px;} .dark-form-style .with_frm_style .frm_message, .dark-form-style .frm_success_style { border-color: rgba(0,0,0,.5); color: #FFFFFF; background-color: rgba(0,0,0,.25); text-align: center; } .dark-form-style .with_frm_style .frm_message p {color: #FFFFFF;} .dark-form-style .frm_style_formidable-style.with_frm_style .frm_compact .frm_dropzone.dz-clickable .dz-message, .dark-form-style .frm_style_formidable-style.with_frm_style input[type="submit"], .dark-form-style .frm_style_formidable-style.with_frm_style .frm_submit input[type="button"], .dark-form-style .frm_style_formidable-style.with_frm_style .frm_submit button, .dark-form-style .frm_form_submit_style, .frm_style_formidable-style.with_frm_style .frm-edit-page-btn { border: 1px solid #ffffff; background: transparent; cursor: pointer; -webkit-appearance: button; color: #ffffff; text-transform:uppercase; border-radius: 0px!important; box-shadow: none; } .dark-form-style .frm_style_formidable-style.with_frm_style input[type="submit"]:hover, .dark-form-style .frm_style_formidable-style.with_frm_style .frm_submit input[type="button"]:hover, .dark-form-style .frm_style_formidable-style.with_frm_style .frm_submit button:hover, .dark-form-style .frm_form_submit_style, .frm_style_formidable-style.with_frm_style .frm-edit-page-btn:hover { background: #ffffff; color: #111111; border: 1px solid #ffffff; } .dark-form-style .frm_style_formidable-style.with_frm_style .frm_blank_field label, .dark-form-style .frm_style_formidable-style.with_frm_style .frm_error { color: #E94B3CFF; } .dark-form-style .frm_style_formidable-style.with_frm_style .frm_blank_field input[type="text"], .dark-form-style .frm_style_formidable-style.with_frm_style .frm_blank_field input[type="password"], .dark-form-style .frm_style_formidable-style.with_frm_style .frm_blank_field input[type="url"], .dark-form-style .frm_style_formidable-style.with_frm_style .frm_blank_field input[type="tel"], .dark-form-style .frm_style_formidable-style.with_frm_style .frm_blank_field input[type="number"], .dark-form-style .frm_style_formidable-style.with_frm_style .frm_blank_field input[type="email"], .dark-form-style .frm_style_formidable-style.with_frm_style .frm_blank_field textarea, .dark-form-style .frm_style_formidable-style.with_frm_style .frm_blank_field .mce-edit-area iframe, .dark-form-style .frm_style_formidable-style.with_frm_style .frm_blank_field select, .dark-form-style .frm_form_fields_error_style, .dark-form-style .frm_style_formidable-style.with_frm_style .frm_blank_field .frm-g-recaptcha iframe, .dark-form-style .frm_style_formidable-style.with_frm_style .frm_blank_field .g-recaptcha iframe, .dark-form-style .frm_style_formidable-style.with_frm_style .frm_blank_field .frm-card-element.StripeElement, .dark-form-style .frm_style_formidable-style.with_frm_style .frm_blank_field .chosen-container-multi .chosen-choices, .dark-form-style .frm_style_formidable-style.with_frm_style .frm_blank_field .chosen-container-single .chosen-single, .dark-form-style .frm_style_formidable-style.with_frm_style .frm_form_field :invalid {border-color: #E94B3CFF;} .dark-form-style .frm_style_formidable-style.with_frm_style .frm_error_style {border: 1px solid #E94B3CFF;} /* End Formulários fundo escuro*/ /*Trade Program Form*/ .trade-program-form.dark-form-style .with_frm_style input[type="text"], .trade-program-form.dark-form-style .with_frm_style input[type="password"], .trade-program-form.dark-form-style .with_frm_style input[type="email"], .trade-program-form.dark-form-style .with_frm_style input[type="number"], .trade-program-form.dark-form-style .with_frm_style input[type="url"], .trade-program-form.dark-form-style .with_frm_style input[type="tel"], .trade-program-form.dark-form-style .with_frm_style input[type="phone"], .trade-program-form.dark-form-style .with_frm_style input[type="search"], .trade-program-form.dark-form-style .with_frm_style select, .trade-program-form.dark-form-style .with_frm_style textarea, .trade-program-form.dark-form-style .frm_form_fields_style, .trade-program-form.dark-form-style .with_frm_style .frm_scroll_box .frm_opt_container, .trade-program-form.dark-form-style .frm_form_fields_active_style, .trade-program-form.dark-form-style .frm_form_fields_error_style, .trade-program-form.dark-form-style .with_frm_style .frm-card-element.StripeElement, .trade-program-form.dark-form-style .with_frm_style .chosen-container-multi .chosen-choices, .trade-program-form.dark-form-style .with_frm_style .chosen-container-single .chosen-single { border-top: none; border-left: none; border-right: none; border-bottom: 1px solid white; box-shadow: none; color: #FFFFFF; background-color: transparent; } .trade-program-form.dark-form-style .frm_style_formidable-style.with_frm_style .form-field input:not([type="file"]):hover, .trade-program-form.dark-form-style .frm_style_formidable-style.with_frm_style select:hover, .trade-program-form.dark-form-style .frm_style_formidable-style.with_frm_style textarea:hover, .trade-program-form.dark-form-style .frm_style_formidable-style.with_frm_style .frm_focus_field input[type="text"]:hover, .trade-program-form.dark-form-style .frm_style_formidable-style.with_frm_style .frm_focus_field input[type="password"]:hover, .trade-program-form.dark-form-style .frm_style_formidable-style.with_frm_style .frm_focus_field input[type="email"]:hover, .trade-program-form.dark-form-style .frm_style_formidable-style.with_frm_style .frm_focus_field input[type="number"]:hover, .trade-program-form.dark-form-style .frm_style_formidable-style.with_frm_style .frm_focus_field input[type="url"]:hover, .trade-program-form.dark-form-style .frm_style_formidable-style.with_frm_style .frm_focus_field input[type="tel"]:hover, .trade-program-form.dark-form-style .frm_style_formidable-style.with_frm_style .frm_focus_field input[type="search"]:hover, .trade-program-form.dark-form-style .frm_style_formidable-style.with_frm_style .form-field input:not([type="file"]):focus, .trade-program-form.dark-form-style .frm_style_formidable-style.with_frm_style select:focus, .trade-program-form.dark-form-style .frm_style_formidable-style.with_frm_style textarea:focus, .trade-program-form.dark-form-style .frm_style_formidable-style.with_frm_style .frm_focus_field input[type="text"]:focus, .trade-program-form.dark-form-style .frm_style_formidable-style.with_frm_style .frm_focus_field input[type="password"]:focus, .trade-program-form.dark-form-style .frm_style_formidable-style.with_frm_style .frm_focus_field input[type="email"]:focus, .trade-program-form.dark-form-style .frm_style_formidable-style.with_frm_style .frm_focus_field input[type="number"]:focus, .trade-program-form.dark-form-style .frm_style_formidable-style.with_frm_style .frm_focus_field input[type="url"]:focus, .trade-program-form.dark-form-style .frm_style_formidable-style.with_frm_style .frm_focus_field input[type="tel"]:focus, .trade-program-form.dark-form-style .frm_style_formidable-style.with_frm_style .frm_focus_field input[type="search"]:focus, .trade-program-form.dark-form-style .frm_form_fields_active_style, .trade-program-form.dark-form-style .frm_style_formidable-style.with_frm_style .frm_focus_field .frm-card-element.StripeElement, .trade-program-form.dark-form-style .frm_style_formidable-style.with_frm_style .chosen-container-single.chosen-container-active .chosen-single, .trade-program-form.dark-form-style .frm_style_formidable-style.with_frm_style .chosen-container-active .chosen-choices { border-top: none; border-left: none; border-right: none; border-bottom: 1px solid rgba(255,255,255,.5);; box-shadow: none; color: #FFFFFF; background-color: transparent; } .trade-program-form.dark-form-style .frm_style_formidable-style.with_frm_style .frm_blank_field input[type="text"], .trade-program-form.dark-form-style .frm_style_formidable-style.with_frm_style .frm_blank_field input[type="password"], .trade-program-form.dark-form-style .frm_style_formidable-style.with_frm_style .frm_blank_field input[type="url"], .trade-program-form.dark-form-style .frm_style_formidable-style.with_frm_style .frm_blank_field input[type="tel"], .trade-program-form.dark-form-style .frm_style_formidable-style.with_frm_style .frm_blank_field input[type="number"], .trade-program-form.dark-form-style .frm_style_formidable-style.with_frm_style .frm_blank_field input[type="email"], .trade-program-form.dark-form-style .frm_style_formidable-style.with_frm_style .frm_blank_field textarea, .trade-program-form.dark-form-style .frm_style_formidable-style.with_frm_style .frm_blank_field .mce-edit-area iframe, .trade-program-form.dark-form-style .frm_style_formidable-style.with_frm_style .frm_blank_field select, .frm_form_fields_error_style, .trade-program-form.dark-form-style .frm_style_formidable-style.with_frm_style .frm_blank_field .frm-g-recaptcha iframe, .trade-program-form.dark-form-style .frm_style_formidable-style.with_frm_style .frm_blank_field .g-recaptcha iframe, .trade-program-form.dark-form-style .frm_style_formidable-style.with_frm_style .frm_blank_field .frm-card-element.StripeElement, .trade-program-form.dark-form-style .frm_style_formidable-style.with_frm_style .frm_blank_field .chosen-container-multi .chosen-choices, .trade-program-form.dark-form-style .frm_style_formidable-style.with_frm_style .frm_blank_field .chosen-container-single .chosen-single, .trade-program-form.dark-form-style .frm_style_formidable-style.with_frm_style .frm_form_field :invalid { background-color: transparent; box-shadow: none; color: #ffffff; } .trade-program-form #frm_desc_field_crf70 {padding-top: 10px; color: #ffffff;} .trade-program-form .with_frm_style .frm_submit {text-align: center;} /*End trade program form*/ /*End Subscrive form horizontal*/ .custom .white-form-style .frm_checkbox label, .custom .white-form-style .frm_radio label, .custom .white-form-style .frm_checkbox label a, .custom .white-form-style .frm_radio label a, .custom .white-form-style input::placeholder/*, .custom .white-form-style input*/ {color: #fff;opacity: 1;} /** End - Forms **/ /** 1.3 - GP Elements Headers **/ .custom-header {position: relative; height: 350px;} .custom-header h1.header-title { text-transform: uppercase; font-size: 48px; letter-spacing: .1em; font-family: 'Montserrat', serif;; color:#ffffff; margin-bottom:0px; } @media (max-width:767px) { .custom-header {height: 250px;} .press-coverage .custom-header {height: 150px;} .press-coverage .custom-header h1.header-title {font-size: 33px;} .custom-header .custom-header-wrapp {width:100%;} .custom-header .custom-header-title, .custom-header .acconut-header-title { font-size: 28px!important; } } @media (max-width:968px) { .custom-header h1.header-title {font-size: 38px;} .custom-header {height: 250px;} .trade .custom-header {height: 170px;} .press-coverage .custom-header {height: 200px;} } .custom-header .header-overlay { height: 100%; width: 100%; top: 0; left: 0; position: absolute; background-color: #000000; opacity: 0.6; transition: background 0.3s, border-radius 0.3s, opacity 0.3s; } .custom-header .custom-header-wrapp { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); text-align: center; } .custom-header .custom-header-title, .custom-header .acconut-header-title { color: #FFFFFF; margin-bottom: 0; } .custom-header .custom-header-title {font-size: 45px;} .custom-header .acconut-header-title {font-size: 40px;} .custom-header .custom-sub-title { text-transform: uppercase; color:#ffffff; font-size: 14px; letter-spacing: .15em; } .custom-header .acconut-header-links {color: #ffffff;} .custom-header .acconut-header-links a { color: #ffffff; text-decoration: underline; text-underline-position: under; font-size: 0.85rem; font-weight: normal; letter-spacing: .12px; font-weight: 400; } .ebook-header { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: auto; margin-left: auto; position: relative; margin-bottom: 2em; } @media (max-width:768px){ .ebook-header {margin-bottom: 0px;} } .ebook-header-title { text-transform: uppercase; font-size: 34px; } /** End - GP Elements Headers **/ /**1.4 - Elementor pages width layout**/ .elementor-section.elementor-section-boxed > .elementor-container {max-width: 1140px;} /**End Elementor pages width layout**/ /** 2.0 - Navigation **/ /*MENU*/ .main-navigation .main-nav ul li.menu-green-color a{color: #03f70c;} .main-navigation .main-nav ul li.menu-green-color a:hover{color: #111111} .main-navigation .main-nav ul li.red-color a{color: #f30000;font-weight: 600;} .main-navigation .main-nav ul li.red-color a:hover{color: #111111} .custom #menu-shop-page-sidebar li.menu-green-color a{color: #03f70c;font-weight: 600;display: block;margin-bottom: 2px;} .custom #menu-shop-page-sidebar li.menu-green-color a:hover{color: #111111} .canva-logo a {display: block!important;width: 80%;border: none!important;} .top-bar {background: #222!important; position: -webkit-sticky; position: sticky; top: 0; z-index: 999; } .top-bar .inside-top-bar{max-width: 100%; padding:5px 20px 5px 20px;display: block;color: #fff; text-transform: uppercase;} .top-bar .inside-top-bar a{color: #fff;} .top-bar .inside-top-bar .widget{display: block;} .top-bar .wp-block-columns {justify-content: space-between;} .top-bar .center-top{text-align: center;} .top-bar .center-top a{text-decoration: underline;} .top-bar .right-top{text-align: right;} .top-bar .right-top li{display: inline-block;margin-left: 10px;} .top-bar .right-top li a.follow-bt, .top-bar .right-top li a.call-bt{font-size:20px; line-height: 0;} .inside-top-bar.grid-container {margin-bottom: 5px;} .main-navigation .inside-navigation {background-color: #ffffff;} nav .inside-navigation {position: inherit; width: 100%;} #sticky-navigation .inside-navigation{position: relative;padding: 0 40px; max-width: 100%;} #sticky-navigation.has-sticky-branding .main-nav{margin-left: 5%;} /*WELCOME MESSAGE MENU BAR*/ .site-header {border-bottom: 1px solid #ddd;} .home .welcome-message {margin-bottom: 0px;} .welcome-message a.welcome-promo-close {position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 20px; height: 18px;} .welcome-message { position: relative; padding: 10px 50px; text-align: center; text-transform: uppercase; font-size: 12px; line-height: 18px; background-color: #ffffff/*#f6f5f3*/; /*border-top: 1px solid #ddd;*/ border-bottom: 1px solid #ddd; } .welcome-message.block-message { background: black; color: white; font-weight: 600; padding: 20px 20px; } .welcome-message a {text-decoration: underline; text-underline-position: under;} .main-navigation .menu-bar-items .cart-contents.shopping-cart.has-svg-icon::before {font-size: 26px!important;} .main-navigation .menu-bar-items a {font-size: 22px} .main-navigation .menu-bar-items .menu-my-account ul#account-sub-menu li.menu-item a {font-size: 14px!important;} /* .main-navigation ul ul {transition: opacity 500ms linear, left 0s ease;} .dropdown-hover .main-navigation:not(.toggled) ul li:hover > ul, .dropdown-hover .main-navigation:not(.toggled) ul li.sfHover > ul { transition-delay: 1s; } */ @media (max-width: 769px) { .welcome-message {padding: 10px 10px; margin-bottom: 0px;} .main-navigation .menu-bar-items .cart-contents.shopping-cart.has-svg-icon::before {font-size: 24px!important;} .main-navigation .menu-bar-items a {font-size: 20px!important;} } @media(max-width:400px){ .main-navigation .menu-bar-item>a { padding-left: 15px; padding-right: 15px; } } @media (min-width: 769px) { nav .main-nav .mega-menu {position: static;} nav .main-nav .mega-menu > ul { position: absolute; width: 100%; left: 0 !important; display: flex!important; flex-wrap: wrap; background-color: #EFEFEF; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.06); text-align: center; align-items: center; } nav .main-nav .mega-menu ul .sub-menu {padding: 40px 0px 40px 0px;} nav .main-nav .mega-menu.mega-menu-col-2 > ul > li.mega-menu-left {max-width: 720px; margin-left: auto!important;} nav .main-nav .mega-menu.mega-menu-col-2 > ul > li.mega-menu-right {max-width: 720px; margin-right: auto!important;} nav .main-nav .mega-menu > ul > li:not(:first-child) {padding-left: 24px;} .sub-menu .menu-item-object-page, .main-navigation ul ul li.mega-menu-link, .sub-menu .menu-item-type-post_type_archive, .menu-item.menu-item-type-custom.menu-item-12477{border-bottom: 1px solid #cfcfcf;} .main-navigation ul ul li.mega-menu-link:last-child {border-bottom: none;} .main-navigation .main-nav ul ul li .sub-menu .menu-item-object-page > a, .main-navigation ul ul li.mega-menu-link > a, .menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-12477 a { line-break: auto; line-height: 1.3em; font-size: 25px; font-weight: 600; overflow-wrap: normal; color: #111111; padding-bottom: 3px; margin-left: 0px !important; text-align: center; } li#menu-item-12477 a:hover { background: transparent; color: #656565; } li#menu-item-5795:hover a { background: transparent; } .main-navigation .main-nav ul ul li[class*="current-menu-"] > a, .main-navigation ul ul li.mega-menu-link.current-menu-item > a, .main-navigation .main-nav ul ul li .sub-menu .menu-item-object-page > a:hover, .main-navigation .main-nav ul ul li .sub-menu .menu-item-object-page > a:focus, /*.main-navigation ul ul li.mega-menu-link > a:hover,*/ .main-navigation ul ul li.mega-menu-link > a:focus { background: transparent!important; color: #656565!important; } nav .main-nav .mega-menu>ul>li { display: inline-block; width: 25%; vertical-align: top; } nav .main-nav .mega-menu.mega-menu-col-1>ul>li {width: 49%;} nav .main-nav .mega-menu.mega-menu-col-2>ul>li {width: 49%;} nav .main-nav .mega-menu.mega-menu-col-3>ul>li {width: 33.3333%;} nav .main-nav .mega-menu.mega-menu-col-5>ul>li {width: 20%;} nav .main-nav .mega-menu.mega-menu-col-2>ul>li.mega-menu-left.ebooks {width: 49%;} nav .main-nav .mega-menu.mega-menu-col-2>ul>li.mega-menu-right.ebooks {width: 49%;} nav .main-nav .mega-menu ul.toggled-on .sub-menu{ position: static; display: block; opacity: 1; visibility: visible; width: 100%; box-shadow: 0 0 0; left: 0; height: auto; pointer-events: auto; transform: scale(1); font-family: 'Montserrat', serif; } nav .main-nav .mega-menu ul.toggled-on .sub-menu {pointer-events: auto;} nav .main-nav .mega-menu .sub-menu .menu-item-has-children .dropdown-menu-toggle {display: none;} } .main-navigation ul ul li.image-link-1 { width: 100%;float: left; padding: 2px;} .main-navigation ul ul li.image-link-2 { width: 50%;float: left; padding: 2px;} .main-navigation ul ul li.image-link-3 { width: 50%;float: right; padding: 2px;} .main-navigation ul ul li.ebooks-img-link { width: 30%;float: left; padding: 2px;} .main-navigation ul ul li.ebooks-img-link-2 { width: 30%;float: left; padding: 2px;} .main-navigation ul ul li.ebooks-img-link-3 { width: 30%;float: right; padding: 2px;} nav .main-nav .mega-menu.mega-menu-col-2 > ul > li.mega-menu-left a, nav .main-nav .mega-menu.mega-menu-col-2 > ul > li.mega-menu-right a {display: none;} nav .main-nav .mega-menu.mega-menu-col-2 > ul > li.mega-menu-left > ul.sub-menu > li > a, nav .main-nav .mega-menu.mega-menu-col-2 > ul > li.mega-menu-right > ul.sub-menu > li > a {display: block;} .main-navigation ul ul li.ebooks-img-link, .main-navigation ul ul li.ebooks-img-link-2, .main-navigation ul ul li.ebooks-img-link-3, .main-navigation ul ul li.image-link-1, .main-navigation ul ul li.image-link-3, .main-navigation ul ul li.image-link-2 { display: block; margin: 2px; text-indent: -9999px; /*overflow: hidden;*/ } .main-navigation ul ul li.image-link-1, .main-navigation ul ul li.image-link-2, .main-navigation ul ul li.image-link-3{width:100%; height: 385px;} .main-navigation ul ul li.ebooks-img-link, .main-navigation ul ul li.ebooks-img-link-2, .main-navigation ul ul li.ebooks-img-link-3 {width:32.7%; height: 350px;} ul li.ebooks-img-link::after, ul li.ebooks-img-link-2::after, ul li.ebooks-img-link-3::after, ul li.image-link-1::after, ul li.image-link-3::after, ul li.image-link-2::after { width: 100%; right: 0px; bottom: 30px; font-weight: 600; text-align: center; color: #ffffff; font-size: 15px; font-family: Montserrat, sans-serif; text-transform: uppercase; letter-spacing: .5px; position: absolute; border: none; z-index: 9999; text-indent: 10px; line-height: 1.5em; background-color: #0000008f; padding-top: 10px; padding-bottom: 10px; pointer-events: none; } ul li.ebooks-img-link::after {content: "SHOP BY ROOM";} ul li.ebooks-img-link-2::after {content: "SHOP BY STYLE";} ul li.ebooks-img-link-3::after {content: "COMPLETE WITH";} ul li.image-link-1::after {content: "SHOP BY ROOM";} ul li.image-link-2::after {content: "Kids";} ul li.image-link-3::after {content: "Eco";} .custom #account-sub-menu.sub-menu{display: block; visibility: visible;} .mega-menu-right ul.sub-menu { display: flex!important; } /*Close button*/ .close-my-js{ font-size: 50px!important; padding: 0!important; line-height: 50px!important; } .close-my-js:hover { background: transparent!important; } .close-my-js-wrap{ width: 50px!important; padding: 0!important; position: absolute!important; right: 50px!important; top: 0!important; } /*End Close button*/ li.simple-drop ul.sub-menu{ background-color:#efefef;} .main-navigation .main-nav li.simple-drop ul.sub-menu{width: max-content;min-width: 270px;} .main-navigation .main-nav li.simple-drop ul.sub-menu a{line-break: auto; line-height: 1.3em; font-size: 19px; font-weight: 600; overflow-wrap: normal; color: #111111; padding: 10px 50px; text-align: center;} li.simple-drop ul.sub-menu .close-my-js-wrap{display: none;} /*Shop Decor menu img*/ .main-navigation ul ul li.image-link-1 {background: url('img/room-by-room-new.jpg') no-repeat fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; pointer-events: all; background-position: 25% 50%; border: 0; } .main-navigation ul ul li.image-link-2 {background: url('img/kids collection.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; pointer-events: all; border: 0; } .main-navigation ul ul li.image-link-3 {background: url('img/eco collection.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; pointer-events: all; border: 0; } /*Ebooks menu img*/ .main-navigation ul ul li.ebooks-img-link {background: url('img/room-by-room.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; pointer-events: all; border: 0; } .main-navigation ul ul li.ebooks-img-link-2 {background: url('img/by-style.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; pointer-events: all; border: 0; } .main-navigation ul ul li.ebooks-img-link-3 { background: url('img/essentials-menu.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; pointer-events: all; border: 0; } .main-navigation ul ul li.ebooks-img-link a, .main-navigation ul ul li.ebooks-img-link-2 a, .main-navigation ul ul li.ebooks-img-link-3 a, .main-navigation ul ul li.image-link-1 a, .main-navigation ul ul li.image-link-3 a, .main-navigation ul ul li.image-link-2 a { background: transparent; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .main-navigation ul ul li.ebooks-img-link:hover a, .main-navigation ul ul li.ebooks-img-link-2:hover a, .main-navigation ul ul li.ebooks-img-link-3:hover a, .main-navigation ul ul li.image-link-1:hover a, .main-navigation ul ul li.image-link-3:hover a, .main-navigation ul ul li.image-link-2:hover a { background: #111111!important; opacity: 0.3; } .main-navigation ul ul li:hover.ebooks-img-link > a, .main-navigation ul ul li:hover.ebooks-img-link-2 > a, .main-navigation ul ul li:hover.ebooks-img-link-3 > a, .main-navigation ul ul li:hover.image-link-1 > a, .main-navigation ul ul li:hover.image-link-2 > a, .main-navigation ul ul li:hover.image-link-3 > a, .main-navigation ul ul li.image-link-1.current-menu-item > a, .main-navigation ul ul li.image-link-2.current-menu-item > a, .main-navigation ul ul li.image-link-3.current-menu-item > a, .main-navigation ul ul li.ebooks-img-link.current-menu-item > a, .main-navigation ul ul li.ebooks-img-link-2.current-menu-item > a, .main-navigation ul ul li.ebooks-img-link a:hover, .main-navigation ul ul li.ebooks-img-link-2 a:hover, .main-navigation ul ul li.ebooks-img-link-3 a:hover, .main-navigation ul ul li.image-link-1 a:hover, .main-navigation ul ul li.image-link-3 a:hover, .main-navigation ul ul li.image-link-2 a:hover {background: transparent;} @media (max-width:968px) { nav .main-nav .mega-menu.mega-menu-col-2>ul>li.mega-menu-left {width: 40%;} nav .main-nav .mega-menu.mega-menu-col-2>ul>li.mega-menu-right {width: 60%;} nav .main-nav .mega-menu.mega-menu-col-2>ul>li.mega-menu-left.ebooks {width: 30%!important;} nav .main-nav .mega-menu.mega-menu-col-2>ul>li.mega-menu-right.ebooks {width: 60%!important;} .main-navigation ul ul li.image-link-1, .main-navigation ul ul li.image-link-3, .main-navigation ul ul li.image-link-2 {width: 48%; height: 280px;} .main-navigation ul ul li.ebooks-img-link, .main-navigation ul ul li.ebooks-img-link-2, .main-navigation ul ul li.ebooks-img-link-3 {width: 32%; height: 250px;} .main-navigation ul ul li.mega-menu-link > a {line-break: auto; line-height: 1.5em; font-size: 18px;} } .widget_shopping_cart .woocommerce-mini-cart__buttons {align-items: center; justify-content: center;} button.menu-toggle, button.menu-toggle:hover, button.menu-toggle:focus {background-color: transparent;} /*dropdown my account*/ .menu-my-account {display: inline-block;} .menu-my-account li {display: inline-flex;} .menu-my-account li.menu-item {line-height: 50px;} .menu-my-account li.menu-item a{padding-left: 20px; padding-right: 20px; color: #111111;} .menu-my-account li.menu-item a:hover{ color: #656565;} .menu-my-account ul.sub-menu { top:50px; background-color: #ffffff; position: absolute; min-width: 150px; right: 0; box-shadow: 0 2px 2px rgba(0,0,0,.1); z-index: 99999; left: -99999px; opacity: 0; height: 0; overflow: hidden; pointer-events: none; transition: opacity 80ms linear; transition-delay: 0s; transition-delay: 0s; padding-bottom: 10px; } .is_stuck .menu-my-account ul.sub-menu {top:40px;} .menu-my-account li.menu-item a.btn-logout { margin: 5px 15px; width: 100%; text-align: center; padding: 2px; line-height: inherit; font-size: 14px; background-color: #ffffff; color: #111111; border: 1px solid #111111; } .menu-my-account li.menu-item a.btn-logout:hover {background-color: #111111; color: #ffffff;} @media(max-width:400px){ .menu-my-account li.menu-item a { padding-left: 15px; padding-right: 15px; } } .main-navigation .trade-menu-item{background-color: #03f70c; border: 2px solid #111; position: relative;top: -4px;} .main-navigation span.trade-menu-item{top: 0;} .main-navigation .trade-menu-item a{font-size: 13px;font-weight: 700;padding:0 5px;} /*Barra de pesquisa menu superior*/ .navigation-search.nav-search-active {background-color: #FFFFFF; padding: 25px 100px 25px 40px;} .main-navigation .menu-bar-items .search-item.active > a { position: absolute; padding: 10px; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-22%); transform: translateX(-50%) translateY(-22%); color: #111111; font-size: 20px; } /* .main-navigation .menu-bar-items .search-item.active > a { color: #111111; font-size: 20px; display: flex; justify-content: center; align-items: center; height: 100px; padding-left: 0px; padding-right: 10px; }*/ .main-navigation .menu-bar-items .search-item.active > a:hover {color:#656565;} #ajaxsearchpro1_3, #ajaxsearchpro1_2, #ajaxsearchpro1_1 { border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #111111; } #sticky-navigation .menu-bar-items .search-item.active > a {line-height: 50px;} .top-bar .menu-shop-page-sidebar {margin-bottom: 0px;} .top-bar .wp-block-columns {margin-bottom: 0px;} .top-bar .tb-middle a:hover {color:#ffffff;} .top-bar .wp-block-column.tb-left, .top-bar .wp-block-column.tb-right {flex-basis:25%;} .top-bar .wp-block-column.tb-center {flex-basis:40%;} .sticky-enabled .main-navigation.is_stuck { top: 32px!important; } /* (A) FIXED WRAPPER */ .top-bar .wp-block-column.tb-center .hwrap { overflow: hidden; /* HIDE SCROLL BAR */ /*background: #fff;*/ } /* (B) MOVING TICKER WRAPPER */ .top-bar .wp-block-column.tb-center .hmove { display: flex; } /* (C) ITEMS - INTO A LONG HORIZONTAL ROW */ .top-bar .wp-block-column.tb-center .hitem { flex-shrink: 0; width: 100%; box-sizing: border-box; /*padding: 10px;*/ text-align: center; color:#fff; font-weight: bold; } .top-bar .wp-block-column.tb-center .hitem a{text-decoration: underline;color: #03f70c;} /* (D) ANIMATION - MOVE ITEMS FROM RIGHT TO LEFT */ /* 4 ITEMS -400%, CHANGE THIS IF YOU ADD/REMOVE ITEMS */ @keyframes tickerh { 0% { transform: translate3d(100%, 0, 0); } 100% { transform: translate3d(-400%, 0, 0); } } .top-bar .wp-block-column.tb-center .hmove { animation: tickerh linear 35s infinite; } .top-bar .wp-block-column.tb-center .hmove:hover { animation-play-state: paused; } .top-bar ul.left-top {display: inline-flex;} .top-bar ul li {margin-right: calc(20px/2); margin-left: calc(20px/2);} .top-bar ul li a:hover {color: #03f70c;} .inside-top-bar p {display: none;} .widget #menu-shop-page-sidebar li {margin-bottom: 0;} .widget #menu-shop-page-sidebar .menu-item-has-children > a{ display: block; padding: 0.9rem 0;/*0.5*/ } .filter-content div ul li.current-menu-item.menu-item-has-children{ font-weight: 400; } .widget #menu-shop-page-sidebar .sub-menu{ display: none; } .widget #menu-shop-page-sidebar .menu-item-has-children.active > a{ } .widget #menu-shop-page-sidebar .menu-item-has-children > a:after, .widget #menu-shop-page-sidebar .menu-item-has-children > a:before { content: ''; position: absolute; right: 0.4em; top: 1.4em; width: 1.4px; height: 0.6em; font-weight: 600; background-color: #111111; transition: all 0.2s; } #menu-shop-page-sidebar li#menu-item-15304 { padding: 0; } .widget #menu-shop-page-sidebar .menu-item-has-children > a:after {transform: rotate(90deg);} .widget #menu-shop-page-sidebar .menu-item-has-children> a:before {transform: rotate(0deg);} .widget #menu-shop-page-sidebar .menu-item-has-children.active > a:before {transform: rotate(90deg);} .filter-content div ul li.current-menu-item .sub-menu { font-weight: 400; } .inside-left-sidebar .woof_container_inner h4:hover { color: #03f70c; cursor: pointer; } .custom .woof_checkbox_label:hover {color: var(--green-color);} @media (max-width: 750px) { .navigation-search.nav-search-active {padding: 15px 15px 15px 15px;} .sticky-enabled .main-navigation.is_stuck { top: 60px!important; } } @media (min-width:769px) and (max-width:992px) { .inside-header {padding: 10px 20px 10px 20px!important;} .main-navigation a {font-size: 14px;} .main-navigation .main-nav ul li a, .menu-toggle, .main-navigation .menu-bar-item > a {line-height: 30px;} #site-navigation .main-nav ul li a {padding-left: 10px; padding-right: 10px; line-height: 30px;} .main-navigation .menu-bar-items {flex: 1; justify-content: flex-end;} .top-bar {font-size: 12px;} .top-bar ul li {margin-right: calc(10px/2); margin-left: calc(10px/2);} .top-bar .wp-block-column.tb-left {flex-basis: 60%;} .top-bar .wp-block-column.tb-right {flex-basis: 40%;} .main-navigation .menu-bar-items .search-item.active > a { -webkit-transform: translateX(-100%) translateY(-22%); transform: translateX(-100%) translateY(-22%);} } @media (max-width:768px) { .main-navigation .menu-bar-items .search-item.active > a { -webkit-transform: translateX(10%) translateY(-140%); transform: translateX(10%) translateY(-140%); font-size: 20px!important; } .navigation-search.nav-search-active {padding: 15px 60px 15px 15px;} .main-navigation ul.menu-my-account {display:inline-block;} .main-navigation:not(.toggled) ul li.sfHover> ul, .main-navigation:not(.toggled) ul li:hover> ul {left: 0;} .top-bar .inside-top-bar {padding: 10px 0!important;} .top-bar .wp-block-columns {margin-bottom: 0px; flex-wrap: wrap;} .top-bar ul li {margin-right: calc(3px/2); margin-left: calc(3px/2);} .top-bar .wp-block-column.tb-left {flex-basis: 25%!important; flex-grow: 0;} .top-bar .wp-block-column.tb-right { flex-basis: 20%!important; flex-grow: 0; position: absolute; right: 5px; top: 10px;} .top-bar .wp-block-column.tb-center {flex-basis: 100%!important;} .top-bar .wp-block-column.tb-center .hwrap { margin-top: 8px; font-size:10px; } .mobile-sticky-menu .main-navigation:not(#mobile-header).toggled .main-nav > ul, .mobile-header-sticky #mobile-header.toggled .main-nav > ul { background-color: #2e2e2e; padding: 10px; border-bottom: solid 3px #ffffff; } .mobile-sticky-menu .main-navigation:not(#mobile-header).toggled .main-nav > ul li a, .mobile-header-sticky #mobile-header.toggled .main-nav > ul li a { font-size: 16px; color: #a4a4a4; line-height: 1; position: relative; padding: 18px 30px; -webkit-transition: all .4s; -moz-transition: all .4s; } .mobile-sticky-menu .main-navigation:not(#mobile-header).toggled .main-nav > ul li:hover a, .mobile-header-sticky #mobile-header.toggled .main-nav > ul li:hover a { color:#ffffff; background-color: transparent;} } /*End Barra de pesquisa menu superior*/ /*MOBILE MENU - OFF CANVAS*/ .slideout-navigation.do-overlay .inside-navigation {padding: 0px 0px 0px!important;position: relative;} .slideout-navigation.do-overlay .canva-logo { display: block; margin-left: 20px; text-indent: -9999px; width: 100px; height: 60px; background: url('https://tapis-studio.com/wp-content/uploads/logo-tapis-studio.svg'); background-size: 220px 82px; background-repeat: no-repeat; margin-bottom: 40px !important; } .slideout-navigation .main-nav, .slideout-navigation .slideout-widget:not(:last-child) {margin-bottom: 20px!important;} .slideout-widget {margin: 0px!important;} .site-logo.mobile-header-logo img{ max-width: 85px; } @media (max-width:768px) { .main-navigation.sticky-navigation-transition .site-logo img{ height: 50px; } .main-navigation .main-nav ul li a {padding: 0px!important;} } .slideout-navigation.do-overlay .slideout-exit {position: absolute!important; z-index: 100;} #generate-slideout-menu.do-overlay .slideout-menu ul { display: flex; flex-direction: column; list-style: none; flex-flow: column nowrap; } #generate-slideout-menu.do-overlay .slideout-menu li, #generate-slideout-menu.do-overlay .menu-canvas-sub-menu-container li, .slideout-navigation.do-overlay .inside-navigation {background-color: transparent!important; text-align: left!important;} .slideout-navigation.do-overlay {background-color: #EFEFEF!important;} .slideout-navigation.do-overlay .slideout-menu li a { line-break: auto; line-height: 1.5em; font-size: 33px; font-weight: 600; overflow-wrap: normal; color:#111111; padding-bottom: 3px; border-bottom: solid 1px transparent; border-bottom-color: transparent; margin-left: 20px!important; width: 90%; } #generate-slideout-menu.do-overlay li[class*="current-menu-"] > a { background-color: transparent!important; color: #111111!important; border-bottom-color: #111111; } .slideout-navigation .slideout-widget .menu-canvas-sub-menu-container ul { display: flex; flex-direction: column; list-style: none; flex-flow: column nowrap; border-top: 1px solid rgb(0, 0, 0, 0.4); border-bottom: 1px solid rgb(0, 0, 0, 0.4); padding-top: 2rem; padding-bottom: 2rem; margin-left: 20px; margin-right: 20px; } #generate-slideout-menu.do-overlay .menu-canvas-sub-menu-container li a { padding-left: 0px; letter-spacing: 0.01em; line-break: auto; line-height: 1.5em; font-size: 20px; font-weight: 400; color:#111111; } /*cart menu*/ .woocommerce ul.cart_list li img { width: 40px!important; top: -10px!important; } .cart-contents > span.number-of-items { background-color: #111111!important; color: #ffffff!important; margin-left: -3px!important; top: -10px!important; } @media (max-width: 768px){ .menu-my-account {display: inline-block;} .main-navigation ul .menu-item-has-children ul { background-color: #efefef; } .main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a, .main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a { color: #03f70c!important;; background-color: #efefef!important;; } body .slideout-navigation.do-overlay .menu-item-has-children .dropdown-menu-toggle { border-left: none; } #generate-slideout-menu { z-index: 100001; height: 100%; } } /*END MENU*/ /** 3.0 - Woocommerce **/ .woocommerce a.remove {line-height: 14px!important;} /** 3.1 - notificações e alertas **/ .woocommerce-error, .woocommerce-info, .woocommerce-message {border-left:none!important; padding: 10px 20px!important;} .woocommerce-info {border-bottom: 1px solid #e5e5e5!important;} .woocommerce-message {border-bottom: 1px solid #111111!important;} .woocommerce-error {border-bottom: 1px solid #CE0A24!important;} p.cart-empty.woocommerce-info { padding: 20px 30px!important; text-align: center; position: relative; border-bottom: none!important; } /** 3.2 - Bread crumb **/ .woocommerce .woocommerce-breadcrumb, .woocommerce-breadcrumb a{color: #656565;} .woocommerce-breadcrumb a:hover{color: #111111;} /** 3.3 - Titulos paginas **/ .woocommerce-Address-title.title, .checkout .entry-header, .woocommerce-cart .entry-header, .woocommerce-products-header {border-bottom: 1px solid #e5e5e5; margin-bottom: 10px;} .entry-header {padding-bottom: 12px;} .woocommerce-products-header__title.page-title, .entry-header h1.entry-title { font-size: 24px; line-height: 30px; font-weight: 400; text-transform: uppercase; } .cart-contents.shopping-cart.has-svg-icon span svg {display: none;} .cart-contents.shopping-cart.has-svg-icon:before, #wc-sticky-cart-panel .button:before, div.product form.cart .button:before, .single_add_to_cart_button:before, .product_type_simple:before, .add_to_cart_button:before { font-family: "eicons"; font-weight: normal; content: "\e8e4"; font-size: 17px; } .products .product .product_type_simple { color: #656565; padding: 10px; margin: 0!important; float: right; width: 48%; text-align: left; background-color: transparent; } .products .product .product_type_simple:hover { color: #111; background-color: transparent; } #wc-sticky-cart-panel .button:before {margin-right: 0;} div.product form.cart .button:before, .add_to_cart_button:before {margin-right:5px;} /** 3.4 - All Products **/ .inside-left-sidebar > .widget {padding: 0px!important;} .filters .wp-block-search__inside-wrapper, .inside-right-sidebar .wp-block-search__inside-wrapper, .inside-left-sidebar .wp-block-search__inside-wrapper { border-bottom: 1px solid; border-color: #000; position: relative; } .filters .wp-block-search__inside-wrapper:after, .inside-right-sidebar .wp-block-search__inside-wrapper:after, .inside-left-sidebar .wp-block-search__inside-wrapper:after { content: ''; position: absolute; width: 100%; transform: scaleX(0); height: 2px; bottom: 0; left: 0; background-color: #111111; transform-origin: bottom right; transition: transform 0.25s ease-in-out; } .filters .wp-block-search__inside-wrapper:hover:after, .inside-right-sidebar .wp-block-search__inside-wrapper:hover:after, .inside-left-sidebar .wp-block-search__inside-wrapper:hover:after { transform: scaleX(1); transform-origin: bottom left; } .filters input[type="search"], .inside-right-sidebar input[type="search"], .inside-left-sidebar input[type="search"] {border:none; background: #f7f7f7;} .filters .wp-block-search__button, .inside-right-sidebar .wp-block-search__button, .inside-left-sidebar .wp-block-search__button { margin-left: 0px; font-size: 0px; color: #111111; background: #f7f7f7; padding-left: 10px; padding-right: 10px; border: none; } .filters .wp-block-search__button:hover, .inside-right-sidebar .wp-block-search__button:hover, .inside-left-sidebar .wp-block-search__button:hover {border-color: #656565;} .filters .wp-block-search__button::before, .inside-right-sidebar .wp-block-search__button::before, .inside-left-sidebar .wp-block-search__button::before { font-family: "eicons"; font-weight: normal; content: "\e851"; font-size: 15px; color: #656565; float: right; } .filters .wp-block-search__button::before, .inside-right-sidebar .wp-block-search__inside-wrapper:hover .wp-block-search__button::before, .inside-left-sidebar .wp-block-search__inside-wrapper:hover .wp-block-search__button::before {color: #111111;} @media (max-width:992px) { .woocommerce .site-content .content-area {width: 100%;} .woocommerce-shop .separate-containers .site-main {margin:0px;} } @media screen and (min-device-width: 992px) and (max-device-width: 1200px) { .woocommerce-shop .inside-left-sidebar, .single-post .inside-right-sidebar {top: 4%;} } /*End fixar posição barra filtros desktop*/ .single-post .inside-right-sidebar {background-color: #ffffff;} .single-post .inside-right-sidebar #block-2 { position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; top:30px; background-color: #f7f7f7; z-index: 2000; } .type-post a { text-decoration: underline; font-weight: 600; } /* .single-post .inside-right-sidebar #block-31 { position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; top:20px; }*/ /** 3.4.2 - Barra de Pesquisa produtos **/ .sidebar .widget.widget_block {margin-bottom: 0px;} .sidebar .widget.widget_block input[type="search"]:-ms-input-placeholder {text-transform: uppercase;} .sidebar .widget.widget_block input[type="search"]::-webkit-input-placeholder {text-transform: uppercase;} .sidebar .widget.widget_block input[type="search"]::placeholder {text-transform: uppercase;} .sidebar .widget.widget_block input[type="search"] {background-color: #f7f7f7;} .sidebar .widget.widget_block input[type="search"]:hover, .sidebar .widget.widget_block input[type="search"]:focus {border-color:#111111;} .wc-block-product-search .wc-block-product-search__button {padding: 15px;} .sidebar .widget.widget_block button.wc-block-product-search__button svg{display: none;} .sidebar .widget.widget_block button.wc-block-product-search__button::before { font-family: "eicons"; font-weight: normal; content: "\e851"; font-size: 15px; } /** End Barra de Pesquisa produtos **/ /** 3.4.3 - filtros **/ /*Filter Section*/ .inside-left-sidebar div.asp_w.ajaxsearchpro.asp_non_compact {min-width: 100%!important;} /*toggle menus filtros*/ .filter-accordion {margin: 3em auto; max-width: 100%;} .filter-toggle {display: none;} .filter-option {position: relative; margin-bottom: 10px;} .filter-option.title-link {border-bottom: 1px solid #e5e5e5;transition: 0.5s} .filter-option.title-link:hover {border-bottom: 1px solid #111111;} .filter-option.title-link a:hover,.filter-option.title-link a:active,.filter-option.title-link a:focus {color: black;} a.filter-title:before { content: ''; background: white; border: 1px solid; width: 8px; height: 8px; top: 19px; transform: rotate(45deg); right: 13px; border-left: none; border-bottom: none; } a.filter-title:after {content: '';} .filter-title, .filter-content { backface-visibility: hidden; transform: translateZ(0); transition: all 0.2s; } .filter-title { background: #fff; padding: 1em; display: block; font-family: Montserrat, sans-serif; font-weight: 500; font-size: 14px; line-height: 1.25; color: #111111; cursor: pointer; text-transform:uppercase; } .filter-title:after, .filter-title:before { content: ''; position: absolute; right: 1.25em; top: 1.25em; width: 1px; height: 0.75em; background-color: #111111; transition: all 0.2s; } .filter-title:after {transform: rotate(90deg);} .filter-content { max-height: 0; overflow: hidden; background-color: #fff; } .filter-option.title-link { border-bottom: 1px solid #e5e5e5; transition: 0.5s; } .filter-content div { margin: 0; padding: 0.5em; font-size: 1em; line-height: 1.5; text-transform: uppercase; color: #656565; padding-bottom: 0; } .filter-toggle + .filter-title {border-bottom: 1px solid #e5e5e5;} .filter-toggle:hover + .filter-title {border-bottom: 1px solid #111111;} .filter-toggle:checked + .filter-title {border-bottom: 1px solid #111111;} .filter-toggle:checked + .filter-title + .filter-content {max-height: 100%;} .filter-toggle:checked + .filter-title:before {transform: rotate(90deg) !important;} .filter-content.full-height { max-height: 100%; } .filter-content div ul li.current-menu-item { color: #111111; font-weight: 600; } @media (max-width: 768px){ .filter-content div{ margin-left: 15px; } .filter-accordion{ margin:1em auto; } } /*end toggle menus filtros*/ .widget #menu-shop-page-sidebar .sub-menu ~ .widget #menu-shop-page-sidebar .sub-menu .current-menu-item{display: block;} /* Filter menu mobile*/ .filters-button-wrapper { border-bottom: 1px solid #e5e5e5; width: auto; display: none; margin-bottom: 20px; } /* Side navigation menu mobile */ .filters { height: 100%; width: 100%; left: 0; background-color: #ffffff; overflow-x: visible; padding-top: 0; transition: 0.5s; z-index: 9999; position: sticky; top: 80px; padding-bottom: 25px; } .offcanvas a:focus, .offcanvas a:hover {color: #111111;} .filters .closebtn { display: none; position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px; } .filters a.link-sort { font-size: 1em; line-height: 1.5; text-transform: uppercase; } .filters a.link-sort.active { font-weight: 600; } .filters ul.sort-menu { margin: 1.5em auto; padding-left: 10px; } .filters ul.sort-menu li{ margin-bottom: 1em; } /* Style the tab */ .tab { overflow: hidden; border: none; background-color: #c1c1c1; display: flex; justify-content: space-around; margin: 0; padding: 0; } /* Style the buttons inside the tab */ .tab button { background-color: white; color: black; float: left; border: none; outline: none; cursor: pointer; padding: 14px 0px; transition: 0.3s; font-size: 15px; width: 33.3%; position: relative; text-transform: none; margin: 1px; } /* Change background color of buttons on hover */ .tab button:hover { background-color: #222; color: white; } /* Create an active/current tablink class */ .tab button.active { background-color: #222; color: white; } .tab button i{ transition: 0.5s; margin-left: 5px; } .tab button.active i{ transform: rotate(180deg); } .woof_container_inner h4{ font-family: Montserrat, sans-serif; } .woof_checkbox_term, .icheckbox_minimal-grey, .widget-woof .woof_checkbox_term, .widget-woof .icheckbox_minimal-grey{ display: inline-block; } .menu-item a , .woof_checkbox_label { font-size: 15px; padding: 0.5rem 0; } .woof_container_inner h4:hover , .menu-shop-page-sidebar-container .menu-item-object-page a:hover , .filter-title-sub > a:hover { border-bottom: 1px solid #111; } .woof_container_inner h4, .menu-shop-page-sidebar-container .menu-item-object-page a, .filter-title-sub > a { font-weight: 600; font-size: 14px; transition: 0.5s; line-height: 1.25; border-bottom: 1px solid #e5e5e5; } .woof_container_inner h4 a.woof_front_toggle{ font-weight: 400; } .woof_checkbox_label { margin-left: 5px !important; padding-bottom: 0; } .main-navigation ul ul li.mega-menu-link.custom-title { border-bottom: none; pointer-events: none; color: #111111; } .main-navigation ul ul li.mega-menu-link.custom-title:hover a { color: #111111!important; } .main-navigation ul ul li.mega-menu-link.custom-title a{ cursor: context-menu; } .icheckbox_minimal-grey.disabled + .woof_checkbox_label { color: #d9dbe4; } .top-link-filter a:after, .top-link-filter a:before { position: absolute; right: 0.7em; top: 11px; width: 1px; height: 0.75em; background-color: #111; transition: all 0.2s; } .top-link-filter a:hover:after{ background-color: #03F70C; } .top-link-filter a:hover:before{ border-color: #03F70C; } .top-link-filter a:after { content: ''; transform: rotate(90deg); } .top-link-filter a:before { content: ''; background: #fff; border: 1px solid; width: 8px; height: 8px; top: 12px; transform: rotate(45deg); right: 5px; border-left: none; border-bottom: none; } /* Style the tab content */ .tabcontent { display: none; padding: 6px 12px; border: 1px solid #ccc; border-top: none; } .widget.widget-woof {margin-top: 0px;} .woof_checkbox_count{display:none} ul.woof_list {padding-left: 10px !important;margin-left:10px !important;text-transform: uppercase;} .woof_container_inner h4 { margin-bottom: 0; text-transform: uppercase; padding: 0.9rem 0; margin: 0 0.5rem; display: flex; } a.woof_front_toggle { font-size: 1.2em; position: relative; top: -3px; flex-grow: 1; text-align: right; } .top-link-filter a { display: block; } .woof_container { padding-bottom: 0; margin-bottom: 0; } @media (max-width: 768px){ .woof_container_inner h4 { font-size:1em; } .woof_redraw_zone { margin-top: 1.5em; } .woocommerce .entry-content .filters .woocommerce-ordering { max-width: 100%; } .woocommerce-ordering{ display: none; } } /* .filters a { text-decoration: none; display: block; transition: 0.3s } !*.filters .woof_block_html_items.woof_closed_block.woof_closed_block { position: absolute; }*! .filters .woof_submit_search_form_container { position: absolute; bottom: -60px; right: 0; font-size: 12px; } .mobile-button-trade-wrap span.trade-menu-item { display: inherit; text-align: center; max-width: 150px; margin: 0 auto; padding: 10px; } .mobile-button-trade-wrap+p{ margin: 0; } aside#block-24 { margin-top: auto!important; } .slideout-navigation.do-overlay .inside-navigation{ height: 90%; justify-content: flex-start; } @media screen and (max-width: 700px) { .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {float: right!important;} .woocommerce .products ul, .woocommerce ul.products {margin: 1em 0 1em 0;} } @media screen and (max-width: 768px) { .woocommerce .entry-content .woocommerce-ordering { margin-bottom: 40px; margin-left: auto; margin-right: auto; max-width: 200px; float: none!important; } } button.filters-button { background-color: #ffffff; color: #111111; border: none; display: flex; justify-content: center; padding: 10px; } button.filters-button:hover, button.filters-button:focus {color: #111111; background-color: #FFFFFF;} .filters-button .icon { display: inline-block; width: 20px; height: 20px; background-size: cover; } .icon-filters { background-image: url('data:image/svg+xml;utf8,Options'); stroke: #111111; fill: #111111; } .filters-button-wrapper { border-bottom: 1px solid #e5e5e5; width:auto; display: inline-block; margin-bottom: 20px; } .filters-button-wrapper:after { display:block; content: ''; border-bottom: solid 1px #111111; transform: scaleX(0); transition: transform 250ms ease-in-out; } .filters-button-wrapper:hover:after { transform: scaleX(1); } @media screen and (max-height: 450px) { .filters {padding-top: 15px;} } /*End filter menu mobile*/ /** End filtros **/ /** 3.4.4 - Grelha produtos normal**/ .wc-prod-slider, .woocommerce ul.products li.product { border-bottom: 1px solid #e5e5e5; background-color: rgba(255,255,255,0.25); } .wc-prod-slider:after, .woocommerce ul.products li.product:after { background: none repeat scroll 0 0 transparent; bottom: 0; content: ""; display: block; height: 1px; left: 50%; position: absolute; background: #000000; transition: width 0.3s ease 0s, left 0.3s ease 0s; width: 0; } .wc-prod-slider:hover:after, .woocommerce ul.products li.product:hover:after { width: 100%; left: 0; } .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 16px; text-transform: uppercase; line-height: 1.2; margin: 50px 0 10px 0; letter-spacing: .28px; } .woocommerce ul.products li.product .price {font-size: 14px; font-weight: 600;} .woocommerce div.product p.price, .woocommerce ul.products li.product .price del {font-weight: 400;} .woocommerce ul.products li.product .loop-list-cat:last-child {line-height: 40px;} .woocommerce ul.products li.product .loop-list-cat a{color: #656565; font-size: 13px;} .woocommerce ul.products li.product .loop-list-cat a:hover{color: #111111;} .woocommerce ul.products li.product .price {margin-top: 10px; margin-bottom: 15px;} .products .product .iconic-ww-button{ margin: 0!important; float: left; width:48%; text-align: right; } .products .product .add_to_cart_button{ margin: 0!important; float: right; width:48%; text-align: left; } .products .product .add_to_cart_button, .products .product .iconic-ww-button.iconic-ww-button--add-to-wishlist { background-color: transparent; color: #656565; padding: 10px; } .products .product .add_to_cart_button:hover, .products .product .iconic-ww-button.iconic-ww-button--add-to-wishlist:hover {color: #111111; background-color: transparent;} .products .product .iconic-ww-icon {width:20px;} /** End Grelha produtos **/ /** 3.4.4.1 - Grelha Produtos dark bg**/ .dark-product-style .woocommerce ul.products li.product { border-bottom: 1px solid #111111; background-color: rgba(255,255,255,0.2); /*background-color: rgba(51,51,51,0.85);*/ } .dark-product-style .woocommerce ul.products li.product:after { display:block; content: ''; border-bottom: solid 1px #ffffff; transform: scaleX(0); transition: transform 250ms ease-in-out; } .dark-product-style .woocommerce ul.products li.product:hover:after { transform: scaleX(1); } .dark-product-style .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 16px; text-transform: uppercase; line-height: 1.2; margin: 50px 0 10px 0; letter-spacing: .28px; color: #ffffff; } .dark-product-style .woocommerce ul.products li.product .price {font-size: 14px; font-weight: 600; color: #e5e5e5;} .dark-product-style .woocommerce div.product p.price, .woocommerce ul.products li.product .price del {font-weight: 400;} .dark-product-style .woocommerce ul.products li.product .loop-list-cat:last-child {line-height: 40px;} .dark-product-style .woocommerce ul.products li.product .loop-list-cat a{color: rgba(255,255,255,.5); font-size: 13px;} .dark-product-style .woocommerce ul.products li.product .loop-list-cat a:hover{color: #e5e5e5;} .dark-product-style .woocommerce ul.products li.product .price {margin-top: 10px; margin-bottom: 15px;} .dark-product-style .products .product .iconic-ww-button{ margin: 0!important; float: left; width:48%; text-align: right; } .dark-product-style .products .product .add_to_cart_button{ margin: 0!important; float: right; width:48%; text-align: left; } .dark-product-style .products .product .add_to_cart_button, .dark-product-style .products .product .iconic-ww-button.iconic-ww-button--add-to-wishlist { background-color: transparent; color: rgba(255,255,255,.5); padding: 10px; } .dark-product-style .products .product .add_to_cart_button:hover, .dark-product-style .products .product .iconic-ww-button.iconic-ww-button--add-to-wishlist:hover {color: #e5e5e5; background-color: transparent;} .dark-product-style .products .product .iconic-ww-icon {width:20px;} /**End Grelha Produtos dark bg**/ /** 3.4.4.2 - Woocommerce Product Shortcode**/ .woocommerce ul.products li.product{margin-bottom:10px;} .woocommerce.woo-sale-discount li.purchasable{display: none;} .woocommerce.woo-sale-discount li.sale.purchasable{display: block;} /** End Woocommerce Product Shortcode**/ /*Custom woocommerce blocks*/ .home .all-product-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; grid-template-areas: "a b"; } .home .all-product-grid div:nth-child(2) {padding: 20px;} .all-product-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; grid-template-areas: "a b b"; } .all-product-grid.reverse {grid-template-areas: "a a b";} .all-product-grid div:nth-child(1) {grid-area: a;} .all-product-grid div:nth-child(2) { grid-area: b; align-self: start; min-height: 100%; } .all-product-grid .center { display: flex; flex-direction:column; justify-content: center; } .product-callout {position: relative;} .product-callout { overflow: hidden; height: 500px; width: 100%; margin:0; /*background: linear-gradient(145deg, rgba(245,243,239,1) 0%, rgba(225,224,220,1) 100%);*/ } .product-callout img { -o-object-fit: cover; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .product-callout.ambient img{width: 100%; height: 100%;} .product-callout.product img{width: 100%; height:auto;} .product-callout-in-list figure.product-callout.ambient {height: 350px;} .all-product-grid figcaption {/*margin-top: 15px;*/ padding: 5px;} .home .all-product-grid figcaption h3 {font-size: 30px; line-height: 1.375; margin-bottom: 10px;} .all-product-grid figcaption h3 {font-size: 1.2rem; letter-spacing: .2px; line-height: 1.5; margin: 10px 0px 10px 0px; text-transform: uppercase; font-family: 'Montserrat', serif;} .all-product-grid figcaption h3:hover {text-decoration: underline; text-underline-position: under;} .home .all-product-grid figcaption h3:hover {text-decoration: none;} .product-callout-in-list p, .all-product-grid figcaption p { font-size: .875em; line-height: 1.42857; font-weight: 300; color:#111111; } /* Styles of product card in middle block */ .product-callout-in-list .inside-wc-product-image{ height: 477px; display: flex; position: relative; } .product-callout-in-list .inside-wc-product-image img{ object-fit: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #FFF; } .product-callout-in-list .inside-wc-product-image img:hover{opacity: 0; background-color: transparent;} .product-callout-in-list h3{ margin-top: 10px; padding: 5px; margin-bottom: 5px; } .product-callout-in-list p{ padding: 0 5px; } .product-callout-in-list .iconic-ww-button--add-to-wishlist { margin: 0!important; float: left; width: 45%; text-align: right; color: #656565; } .product-callout-in-list .iconic-ww-button--add-to-wishlist:hover{ color: #111111; } .infinite-scroll-item .product-callout-in-list a.add_to_cart_button { background-color: transparent; color: #656565; padding: 3px; margin: 0 10%; } .infinite-scroll-item .product-callout-in-list a.add_to_cart_button:hover { color: #111111; background-color: transparent; } .product-callout-in-list .price { text-align: center; width: 100%; display: inherit; font-weight: 600; color: black; font-size: 14px; } .product-callout-in-list h3 { margin-top: 10px; padding: 5px; margin-bottom: 5px; font-size: 16px; text-transform: uppercase; line-height: 1.2; letter-spacing: .28px; text-align: center; display: inherit; } .product-callout-in-list li.infinite-scroll-item { list-style: none; border-bottom: 1px solid #e5e5e5; background-color: rgba(255,255,255,0.25); padding-bottom: 10px; position: relative; } .product-callout-in-list li.infinite-scroll-item:after { background: none repeat scroll 0 0 transparent; bottom: 0; content: ""; display: block; height: 1px; left: 50%; position: absolute; background: #000000; transition: width 0.3s ease 0s, left 0.3s ease 0s; width: 0; } .product-callout-in-list li.infinite-scroll-item:hover:after { width: 100%; left: 0; } @media (max-width: 768px){ .product-callout-in-list .inside-wc-product-image img{ height: 100%; width: auto; } .product-callout{ height: 370px; } } /* End styles of product card in middle block */ @media (max-width:768px) { .all-product-grid, .all-product-grid.reverse { grid-template-columns: repeat(2, 1fr); grid-template-areas: "a a" "b b"; } .home .all-product-grid { margin: 4px; grid-template-columns: repeat(1, 1fr); grid-template-areas: "a" "b"; } } /*end Custom woocommerce blocks*/ /*Shop Loop Featured blocks*/ .shop-loop-featured-blocks {display: grid;grid-template-columns: repeat(3, 1fr);grid-gap:40px;text-align: center;margin-top: 50px;} .shop-loop-featured-blocks h6 {font-size: 20px;color: #111;margin-bottom: 5px;} .shop-loop-featured-blocks span{display: block;font-size: 14px;margin-bottom: 5px;} .custom .button.button-light-border{font-weight: 600;font-size: 13px;letter-spacing: 1px;padding: 5px 20px;border-bottom: 1px solid #111;background: #fff;color: #111;} .custom .button.button-light-border:hover{background: #fff; color: #111;border-bottom: 1px solid #03f70c;} @media(max-width: 768px){ .shop-loop-featured-blocks { grid-template-columns: repeat(1, 1fr); } } /** 3.5 Single Product **/ .custom .iconic-woothumbs-images__slide{background-color: transparent;} .custom .iconic-woothumbs-thumbnails__image-wrapper:after { border: 1px solid #484848; } /*Single product page*/ span.product-alert{text-transform: uppercase;display: block;font-size: 11px;margin:15px 0 30px;} .share-product {margin-top:30px; display: flex; align-items: center;} .share-product span {text-transform: uppercase;} .share-product .addthis_inline_share_toolbox{display: inline-block; top: 0px;position: relative;} .single-product span[style].at-icon-wrapper { background-color: #111111; border-radius: 25px; line-height: 32px!important; height: 32px!important; width: 32px!important; } span.at4-share-count-container { display: none; } .single-product .addthis_inline_share_toolbox .at-icon-wrapper .at-icon { fill: rgb(255, 255, 255)!important; width: 32px!important; height: 32px!important; padding: 4px; } .single-product #at15s .at-icon {width: 32px; height: 32px; padding: 4px;} a.button.get-this-look {background-color: #111111!important; color: #ffffff;} a.button.get-this-look:hover {background-color: #656565!important; color: #ffffff;} .single-product .summary h1.entry-title { letter-spacing: .05em; font-weight: 500; font-size: 32px; text-transform: uppercase; /* margin-bottom: 16px; */ } .single-product .summary h1.entry-title span{font-size: 45%;} span.free-shipping { font-size: 13px; margin-bottom: 20px; display: block; text-transform: uppercase; } .single-product p.price { letter-spacing: .16px; margin-bottom:0; line-height: 1; } .single-product div.product .stock { letter-spacing: .05em; text-align: left; text-transform: uppercase; line-height: 1.25rem; color: green; } /* .single-product div.product.outofstock .stock{color: red;} .single-product div.product .stock.available-on-backorder{color: orange;} */ .single-product div.product.outofstock .stock, .single-product div.product .stock.available-on-backorder{display: none;} .single-product .related.products {margin-top: 20px;} .up-sells.upsells.products h2:first-child, .related.products h2:first-child {border-bottom: 1px solid #e5e5e5;} .up-sells.upsells.products h2, .related.products h2 { text-align: left; text-transform: uppercase; letter-spacing: 2.1px; font-weight: 400; padding-bottom: 16px; margin-bottom: 24px; } p.accordion { color: #111111; text-transform: uppercase; letter-spacing: 2.1px; font-weight: 400; padding: 0px!important; } p.accordion:after { padding: 10px 0; display:block; content: ''; border-bottom: solid 1px #111111; transform: scaleX(0); transition: transform 250ms ease-in-out;} p.accordion:hover:after{transform: scaleX(1);} p.accordion.active, p.accordion:hover {color: #656565;} p.accordion.active:before {content: "\f068";} p.accordion:before {font-family: "Font Awesome 5 Free";font-weight: 600;content: "\f067";font-size: 15px;color: #111111;float: right;margin-right: 5px;} .button-360 {margin-bottom: 16px;} .button-360:hover {opacity: 0.7;} /* Style the element that is used to open and close the accordion class */ .single-product-accordion{margin-top:30px;} p.accordion { cursor: pointer; padding: 10px 0; width: 100%; text-align: left; border: none; outline: none; transition: 0.4s; margin-bottom: 5px; text-transform: uppercase; letter-spacing: 1px; font-weight: 500; border-bottom: 1px solid #e5e5e5; } div.panel { padding: 0; background-color: white; max-height: 0; overflow: hidden; transition: 0.4s ease-in-out; opacity: 0; margin-bottom:10px; font-size: 13px; } div.panel ul{margin: 0;padding: 0 0 15px 15px;} @media (max-width:767px){ div.panel {padding: 0px;} } div.panel.show {opacity: 1; max-height: 500px;} .single-product-accordion p{margin-bottom: 1em} span.product-extra-title {display: block; text-transform: uppercase; font-weight: 400;} /*botão wish-list*/ div.summary > a.iconic-ww-button.iconic-ww-button--add-to-wishlist {background-color: transparent; color: #111111;} div.summary > a:hover.iconic-ww-button.iconic-ww-button--add-to-wishlist {color: #656565;} div.summary .iconic-ww-icon {width: 16px; margin: 0; height: 0px; position: relative;} div.summary .iconic-ww-button .iconic-ww-icon {margin: 0;} @media (max-width:767px) { /* div.product form.cart {align-items: center; justify-content: center;}*/ div.summary > a.iconic-ww-button.iconic-ww-button--add-to-wishlist { bottom: 46px; left: 8%; right: 8%; text-align: center; } div.summary > form.cart .button {width: 49%; padding: 10px 0px;} .single-product .summary h1.entry-title {font-size:30px;} } ul.title.payments{margin:0 0 50px; list-style-type: none;} p.title.highlights { margin-bottom: 10px; text-transform: uppercase; font-size:14px; } ul.title.payments li.title {font-size:14px!important;margin-right: 10px!important; color: #222!important;text-transform: uppercase;} ul.title.payments li{display: inline-block;text-transform: uppercase; color: #999; margin: 0 5px 0 0; font-size: 12px;} ul.title.payments li.svg { position: relative; width: 27px;; height: auto; top: 2px; } p.title.highlights.guaranty::before{ content: url(img/guaranty.svg); width: 15px; display: inline-block; position: relative; top: 4px;} p.title.highlights.handcrafted::before{ content: url(img/handcrafted.svg); width: 15px; display: inline-block; position: relative; top:2px;} /* span.free-shipping::before{content: url(img/delivery.svg); width: 15px; display: inline-block; position: relative; top:2px;} */ /* Single Add Button */ ul.single-cta_btn.mb-20 {margin-bottom: 2em;} .woocommerce div.product form.cart .button {font-size:14px;padding: 10px 17px;} ul.single-cta_btn li.cta-columns a.btn-fw { width:100%!important; text-transform: uppercase; text-align: center; } .woocommerce a.button.button.single_register_account { background-color: #ffffff; color: #111111; border: 1px solid #e5e5e5; width: 100%; padding: 10px 20px; text-transform: uppercase; text-align: center; } .woocommerce a.button:hover.single_register_account { background-color: #111111; color: #ffffff; border: 1px solid #111111; } .single-product-cta-btn form.cart {margin-bottom: 0px!important; flex-wrap: nowrap!important;} .logged-in .single-product-cta-btn form.cart .button {width:auto;} .single-product-cta-btn form.cart .button {width:100%} .single_register_account:before, .single_add_to_cart_button:before {margin-right: 5px;} .single_add_to_cart_button.dark-bt:before, .single_register_account:before { font-family: "eicons"; font-weight: normal; content: "\e93d"; font-size: 22px; } .single_add_to_cart_button.dark-bt:before { -webkit-text-stroke: 1px #000000; -webkit-text-fill-color: #FFFFFF; } .single_add_to_cart_button.dark-bt:hover:before { -webkit-text-stroke: 1px #03f70c; -webkit-text-fill-color: #ffffff; } .btn-custumize{ text-transform: uppercase; text-align: center; display: flex; justify-content: center; padding: 7px 0 9px; color: #222; text-decoration: none!important; } button.print-pdf { background: none; color: #222; padding: 0; } .custom .btn-custumize.white{border-bottom: 1px solid #e5e5e5; background: #fff; color: #000; border-top: 0; text-decoration: none; border-left: 0; border-right: 0;} .custom .btn-custumize.white:hover{ border-left: 0; border-right: 0; border-top: 0;border-bottom: 1px solid #03f70c;} a.btn-custumize { text-decoration: none; } .btn-custumize:hover{/*background: #03f70c; color: #fff; border: 1px solid #03f70c;*/color: #222;} .custom .btn-custumize.white:hover{ border-left: 0; border-right: 0; border-top: 0;border-bottom: 1px solid #03f70c;} @media (max-width:767px) { .single_register_account:before, .single_add_to_cart_button:before {font-size: 18px;} .btn-custumize { border: none; } } /* End Single Add Button*/ /*get the look section*/ .single-room-by-room .entry-content:not(:first-child) { margin-top: 0em;} .single-get-look{display: flex; margin-top: 100px;} .single-get-look .left{width: 48%;} .single-get-look .right{width: 48%; margin-left: auto;} .single-get-look .up-sells {margin-top: 0;} .single-get-look .up-sells ul.products{grid-template-columns: repeat(2,minmax(0,1fr))!important;} .single-cta_btn.columns-3 .btn-whatapp span.hide {display: block; float: right; margin-left: .4em;} .single-cta_btn.columns-3 .btn-whatapp span {display:inline;} .single-cta_btn.columns-3 .btn-whatapp span.download {float: left;} @media (max-width:992px) { .single-cta_btn.columns-3 button {text-align: center;} .single-cta_btn.columns-3 .btn-whatapp span.hide {display: none;} .single-get-look{display: flex; flex-direction: column-reverse;} .single-get-look .left, .single-get-look .right {width: 100%;} .single-get-look .left {margin-bottom: 0px;} .single-get-look .right {margin-bottom: 20px;} a.button.get-this-look {display: flex; justify-content: center; align-items: center;} } @media (max-width:767px) { .single-get-look{margin-top: 20px; display: flex; flex-direction: column-reverse;} .single-get-look .left, .single-get-look .right {width: 100%;} .single-get-look .left {margin-bottom: 0px;} .single-get-look .right {margin-bottom: 20px;} a.button.get-this-look {display: flex; justify-content: center; align-items: center;} } /*cta content blocks*/ /*footer blocks section*/ ul.footer-blocks {padding-bottom: 20px;} ul.footer-blocks li {padding: 30px;} .footer-blocks .img-container { width: 100%; height: 500px; margin: 0px; padding: 0px; overflow: hidden; display: flex; justify-content: center; align-items: center; } .footer-blocks .img-container img {height: 100%; width: auto;} .footer-blocks h4 { font-size: 24px; text-transform: uppercase; font-weight: 300; margin: 16px 0px 8px; } .footer-blocks h4 span{font-weight: 600;} .footer-blocks p { margin: 16px 0px 16px; line-height: 1.5; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .footer-blocks button.btn-blocks-footer { background-color: transparent; color: #111111; padding: 0px; border-bottom: 1px solid #b0b0b0;} .footer-blocks button.btn-blocks-footer:hover {color: #656565;} .footer-blocks button.btn-blocks-footer:after { padding: 2px 0; display:block; content: ''; border-bottom: solid 1px #111111; transform: scaleX(0); transition: transform 250ms ease-in-out;} .footer-blocks button.btn-blocks-footer:hover:after{transform: scaleX(1);} @media (max-width:992px) { .footer-blocks h4 {font-size: 20px;} ul.footer-blocks {margin:20px!important;} ul.footer-blocks li {padding: 5px;} } @media (max-width: 767px) { ul.footer-blocks {display: block!important; margin: 20px!important;} ul.footer-blocks li {margin-bottom: 20px!important; padding: 10px;} .footer-blocks .img-container {max-height: 350px;} } /*ICONES WHY HOMMES*/ .icon-why { display: inline-block; width: 70px; height: 70px; background-size: cover; fill: #111111; margin-bottom: 10px; } @media (max-width:767px) { .icon-why {width: 50px; height: 50px;} ul.why-block {display: block!important; grid-template-columns: repeat(1,minmax(0,1fr));} } .icon-why-exclusive { background-image: url('data:image/svg+xml;utf8,'); } .icon-why-support { background-image: url('data:image/svg+xml;utf8,'); } .icon-why-protection { background-image: url('data:image/svg+xml;utf8,'); } /*END WHY HOMMES*/ /*ICONES TRADE PROGRAM*/ .logged-in .trade-bg {display: none;} .trade .entry-content, .trade .trade-cta {display: none;} .trade-bg {background: #EFEFEF;} .trade-boxed { width: 100%; max-width: 1440px; margin-left: auto; margin-right: auto; padding: 30px; } .trade-cta { display: grid; grid-gap: 0px; grid-template-columns: minmax(80%, auto) 1fr; padding: 25px 0px 25px 0px; width:100%; border-bottom: 1px solid #aaaaaa; } .trade-cta .right {display: flex; justify-content: flex-end; align-items: center;} .trade-cta .left p {margin-bottom: 10px;} .trade-cta .left h3 {margin-bottom: 0px;} .trade-grid { display: grid; grid-gap: 10px; grid-template-columns: repeat(4, 1fr); padding: 45px 0px 25px 0px; } .trade-cta a.button {background-color: #111111;} .trade-cta a.button:hover {background-color: #656565;} .trade-benefits{ position: relative; width:100%; background-color: transparent; text-align: center; } .trade-benefits figcaption {padding: 12% 10% 14%;} .trade-benefits img {width: 20px; margin: 0px;} .trade-benefits i { font-size: 54px; color: #111111; width: 80px; line-height: 80px; background-color: #ffffff; border-radius: 50%; padding: 0; margin: 0 0 10px; text-align: center; display: inline-block; } .trade-benefits h3 { color: #111111; font-size: 20px; font-weight: 300; line-height: 24px; margin: 5px 0; } .trade-benefits p {font-size: 0.9em; font-weight: 300; margin: 0 0 20px;} @media (max-width:992px) { .trade-cta {grid-template-columns: minmax(60%, 20%) 1fr; padding: 25px 25px 25px 25px;} .trade-benefits h3 {min-height: 50px;} } @media (max-width:767px) { .trade-boxed {padding: 5px;} .trade-grid {grid-template-columns: repeat(2, 1fr);} .trade-cta {grid-template-columns: minmax(60%, 20%) 1fr; padding: 25px 10px 25px 10px;} .trade-cta .left h3 {font-size: 25px;} .trade-cta .left p {font-size: 12px;} } .trade-program-form .link-underline a {color: #ffffff;} .trade-program-form .link-underline a:hover {color:#C0C0C0;} /*END TRADE PROGRAM*/ /*Botões de navegação entre produtos*/ /* .single-produc-navigation a{ height: 50px; width: 25px; cursor: pointer; background-color: rgba(0,0,0,.1); color: #111111; position: absolute; top:50%; line-height: 50px; text-align: center; z-index: 200; } .single-produc-navigation a.next {float: right; right: 0;} .single-produc-navigation a.prev {float: left; left: 0;} @media(max-width: 768px){ .single-produc-navigation a.next, .single-produc-navigation a.prev{ top: 30%; } } */ /*End Botões de navegação entre produtos*/ /*botões personalizados*/ ul.single-product-cta-btn.columns-2 { display: grid; grid-gap: 20px; margin: 0; /* grid-template-columns: repeat(1,minmax(0,1fr)); */ grid-template-columns: none; list-style: none outside; margin-bottom: 20px; } .woocommerce .single-product-cta-btn a.single_register_account{height: 50px;line-height: 25px;} /*.logged-in ul.single-product-cta-btn.columns-2:first-of-type {grid-template-columns: repeat(1,minmax(0,1fr));}*/ ul.single-cta_btn {display: grid;grid-gap: 20px;margin: 0;grid-template-columns: repeat(2,minmax(0,1fr));list-style: none outside;} ul.single-cta_btn li.cta-columns {width: auto;margin-left: 0;margin-right: 0;margin-bottom: 0;display: block;flex-direction: column;} ul.single-cta_btn li.cta-columns button{width: 100%;background: #fff;border: 1px solid #e5e5e5;color: #111111;} ul.single-cta_btn li.cta-columns button:hover {background: #111;border: 1px solid #111; color: #fff;} /*ul.single-cta_btn.columns-3{grid-template-columns: repeat(3,minmax(0,1fr)); margin-top:20px;}*/ ul.single-cta_btn.columns-3 li.cta-columns button {display: flex; justify-content: center;} ul.single-cta_btn.columns-3 {grid-template-columns: repeat(3, 1fr); margin-top:20px;} ul.single-cta_btn.columns-3 li.cta-columns button{border:none; background-color: #ffffff;padding: 10px 0; color: #111111;} ul.single-cta_btn.columns-3 li.cta-columns {border-bottom: 1px solid #e5e5e5} ul.single-cta_btn.columns-3 li.cta-columns:after { display:block; content: ''; border-bottom: solid 1px #111111; transform: scaleX(0); transition: transform 250ms ease-in-out;} ul.single-cta_btn.columns-3 li.cta-columns:hover:after{transform: scaleX(1);} ul.single-cta_btn.columns-3 li.cta-columns button:hover{background: #fff; color: #656565;} ul.single-cta_btn.columns-3 li.cta-columns button span::before{font-family: "eicons";font-weight: normal;font-size: 15px;margin-right: 10px;} ul.single-cta_btn.columns-2 li.cta-columns button.underline-button{ background: transparent; border: none; color: #000000; border-bottom: 1px solid #e5e5e5 } ul.single-cta_btn.columns-2 li.cta-columns.underline-button-wrap:after{ display: block; content: ''; border-bottom: solid 1px #111111; transform: scaleX(0); transition: transform 250ms ease-in-out; } ul.single-cta_btn.columns-2 li.cta-columns.underline-button-wrap:hover:after { transform: scaleX(1); } @media (max-width: 1300px) { ul.single-product-cta-btn.columns-2{ grid-template-columns: none; } } @media (max-width:768px) { ul.single-cta_btn {font-size: 17px;} ul.single-cta_btn.mb-20 {margin-bottom: 1em;} ul.single-product-cta-btn.columns-2, ul.single-cta_btn:first-of-type { grid-template-columns: repeat(1,minmax(0,1fr))!important; } .logged-in ul.single-cta_btn:first-of-type {grid-template-columns: repeat(2,minmax(0,1fr))!important;} ul.single-cta_btn:nth-of-type(2n) {grid-gap: 10px;} ul.single-cta_btn.columns-3 {grid-template-columns: repeat(2, 1fr); margin-top:10px; margin-bottom: 30px;} ul.single-cta_btn.columns-3 .cta-columns:first-of-type {grid-column-end: span 2; grid-row-end: span 1;} ul.single-cta_btn.columns-3 .cta-columns:nth-child(2) {grid-column: 1; grid-row: auto/auto;} .grid-strength{grid-template-columns: repeat(1,1fr);margin: 40px 0 0;grid-gap: 0;} .grid-strength p.shipping{margin-top: 30px;left: 496px;position: relative;} .block.center {border:none} ul.single-cta_btn.columns-2 li.cta-columns.underline-button-wrap-mob:after{ display: block; content: ''; border-bottom: solid 1px #111111; transform: scaleX(0); transition: transform 250ms ease-in-out; } ul.single-cta_btn.columns-2 li.cta-columns.underline-button-wrap-mob:hover:after { transform: scaleX(1); } ul.single-cta_btn .underline-button-wrap-mob button.btn-whatapp { border: none; border-bottom: 1px solid gray; background: transparent; } } /*End botões personalizados*/ /* Strength Block ******/ .grid-strength { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 40px; /*margin: 100px 0;*/ } .single-product .grid-strength {margin: 100px 0;} .grid-strength .block{text-align: center;} .grid-strength img{width: auto; height:30px} .grid-strength h4{font-size: 20px; line-height: 20px; margin: 0 0 15px; text-transform: uppercase;} .grid-strength p{font-size: 12px;padding: 0 30px;} .grid-strength .shipping img{height: 40px; margin-bottom: -10px;} /*.grid-strength .shipping p{margin-top:25px;}*/ .grid-strength .handcraft {border-left: 1px solid;border-right: 1px solid;border-color: #ccc; } @media (max-width:768px) { .grid-strength{grid-template-columns: repeat(1,1fr);margin: 40px 0 0;grid-gap: 0;} .grid-strength .handcraft {border:medium none} } /*End Single Product page*/ /** 3.6 Checkout page **/ .select2-container--default .select2-selection--single {background-color: #fafafa;border: 1px solid #cccccc;border-radius: 0px;padding: 7px 15px;height: 44px;line-height: 40px;} .select2-container--default .select2-selection--single .select2-selection__arrow b {margin-left: -10px; margin-top: 5px;} .woocommerce-checkout-review-order-table tfoot td {border-bottom: 1px solid #e5e5e5!important;} .woocommerce-checkout-review-order-table td.product-name {text-align: left;} .woocommerce-checkout-review-order-table tfoot tr.cart-subtotal th {color: #111111; font-weight: 400;} .woocommerce-checkout-review-order-table tfoot tr.order-total, .woocommerce-checkout-review-order-table tfoot tr.order-total td .woocommerce-Price-amount {color: #111111; font-weight: 700;} .woocommerce-checkout-review-order-table tfoot td .woocommerce-Price-amount {font-weight: normal; color: #111111;} .woocommerce-billing-fields h3, h3#order_review_heading {letter-spacing: 2.1px;font-weight: 400;text-transform: uppercase;border-bottom: 1px solid #e5e5e5;padding-bottom: 24px;margin-bottom: 30px;} /*End Checkout page*/ /** 3.6.1 - Checkout thank you page **/ .woocommerce-order-received .welcome-message {margin-bottom: 0px;} .woocommerce-order-received .site-main {margin: 0px;} .woocommerce-order-received .grid-container {max-width: 100%;} .woocommerce-order-received .grid-container .site-content {padding: 0px;} .woocommerce-order-received .grid-container .inside-article {background-color: #111111; padding: 40px 40px 0px 40px;} .woocommerce-order-received .grid-container .inside-article .entry-header h1 {color: #FFFFFF; text-align: center;} .woocommerce-order-received .grid-container .woocommerce-order {text-align: center; background-color: #111111; padding: 0px 40px 60px 40px; color: #fff;} @media (max-width: 767px) { .woocommerce-order-received .grid-container .inside-article {background-color: #111111;padding: 60px 20px 0px 20px;} .woocommerce-order-received .grid-container .woocommerce-order {padding: 0px 20px 30px 20px;} .woocommerce-order-received .grid-container .woocommerce-order ul li.link-account { flex-grow: 1; font-size: 15px; padding: 0 0 25px 0; border: none; } .woocommerce-order-received .grid-container .woocommerce-order ul {max-width: 200px;} } .woocommerce-order-received .grid-container .woocommerce-order ul { display: flex; flex-wrap: wrap; list-style: none outside; align-items: center; justify-content: center; margin: 0 auto 30px; border-bottom: 1px solid white; } .woocommerce-order-received .grid-container .woocommerce-order ul li { /* border-right: 1px solid #FFFFFF; text-align: center; font-size: 25px; padding: 0 15px 0 15px; line-height: 25px; */ border: 0; text-align: center; font-size: 12px; padding: 0 15px 30px 15px; line-height: 25px; } /* João */ .woocommerce-order .woocommerce-customer-details address { text-align: center;} .woocommerce-order-received .grid-container .woocommerce-order h3 { color: white; font-size: 18px; } .woocommerce-order-received .grid-container .woocommerce-order ul li.link-account {font-size: 15px;} .woocommerce-order-received .grid-container .woocommerce-order a {color: #FFFFFF;} .woocommerce-order-received .grid-container .woocommerce-order a:hover {color: rgba(255,255,255,0.5);} .woocommerce-order-received .grid-container .woocommerce-order ul li:last-child {border: none;} .woocommerce-order-received .grid-container .woocommerce-order h2 { color: #FFFFFF; font-size: 24px; line-height: 1.25; font-weight: 500; letter-spacing: 1.2px; text-transform: uppercase; margin-bottom: 1.5em; } .thank-you-block-inner a.green-text{ color: #03f70c; text-decoration: none; } /*End checkout thank you page*/ /* 3.7 - Cart*/ .woocommerce table.shop_table th { font-size: 1rem; font-weight: 400; text-transform: uppercase; background-color: transparent!important; border-bottom: 1px solid #e5e5e5!important; letter-spacing: .14px; } .woocommerce table.shop_table td.product-price {color: #111111; font-weight: 400;} .woocommerce table.shop_table td.product-subtotal {color: #111111; font-weight: 500;} .cart_totals h2 { letter-spacing: 2.1px; font-weight: 400; font-size: 18px; text-transform: uppercase; padding-left: 20px; } .cart_totals .shop_table {color: #111111;} .cart_totals .shop_table td {text-align: right;} .cart_totals .shop_table tr.cart-subtotal th { font-size: 16px; letter-spacing: .14px; font-weight: 400; } .cart_totals .shop_table tr.order-total th { font-size: 16px; letter-spacing: .14px; font-weight: 700; } #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {width: 60px!important;} @media (max-width:767px) { #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img { width: 60%!important; display: flex; justify-content: center; margin-right: auto; margin-left: auto; } .woocommerce #content table.cart .product-thumbnail, .woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail {display: block;} .woocommerce table td.product-thumbnail:before {display: none;} } p.return-to-shop {text-align: center;} .woocommerce table.shop_table .coupon label{display: none;} .woocommerce-checkout #coupons_list {margin-bottom: 1.75em;} /*End Cart page*/ /** 3.8 - My account **/ @media only screen and (min-width: 992px) { .my-account .container {max-width: 1240px;} } .my-account .entry-header {padding-top: 20px;} /*CLIENT AREA*/ /** 3.8.1 - Wishlist **/ /*button icon*/ .iconic-ww-wishlist-items__item-column .star-rating, .iconic-ww-button.iconic-ww-button--add-to-wishlist span{display: none;} .iconic-ww-button.iconic-ww-button--add-to-wishlist:before { font-family: "eicons"; font-weight: normal; content: "\e923"; font-size: 20px; } .iconic-ww-modal__close {color: #111111;} .iconic-ww-modal__close:hover {color: #656565;} .iconic-ww-form__notice--error {background: #111111; color: #fff;} .select2-container--default .select2-selection--single .select2-selection__arrow {top: -6px;} .iconic-ww-wishlist-meta .iconic-ww-badge, .iconic-ww-badge {background: #656565;} .iconic-ww-table .add_to_cart_button::before {margin-right: 0px;} /*tabela wishlist*/ .iconic-ww-table { border-collapse: collapse; margin: 0; padding: 0; width: 100%; table-layout: fixed; border: none; } .iconic-ww-table caption {font-size: 1.5em; margin: .5em 0 .75em;} .iconic-ww-table tr {padding: .35em;} .iconic-ww-table th, .iconic-ww-table td {padding: 20px; text-align: center;} .iconic-ww-table td.iconic-ww-wishlist-items__item-column--thumbnail {padding: 0px;} .woocommerce .star-rating { display: none; /*display: flex; justify-content: center; align-items: center; text-align: center; margin-left: auto; margin-right: auto;*/ } .iconic-ww-table td .iconic-ww-wishlists-table__actions ul { display: flex; justify-content: center; align-items: center; } .iconic-ww-table th { font-size: 1rem; font-weight: 400; letter-spacing: .14px; text-transform: uppercase; border-bottom: 1px solid #e5e5e5!important; } .iconic-ww-wishlist-items td, .iconic-ww-wishlist-items th, .iconic-ww-wishlist-meta__item .iconic-ww-badge {vertical-align: middle;} .iconic-ww-wishlist-items .iconic-ww-button--delete span {display: none;} .iconic-ww-wishlist-items__added-date {margin: 10px 0 5px!important;} @media screen and (max-width: 600px) { .iconic-ww-table tr:nth-child(2n) td {background-color: rgba(0,0,0,.025);} .woocommerce .star-rating { display: flex; justify-content: flex-end; align-items: end; text-align: right; margin-left: auto; margin-right: 0; } .iconic-ww-wishlist-items .iconic-ww-button--delete span {display: block;} .iconic-ww-table {border: none;} .iconic-ww-table th, .iconic-ww-table td {padding: 10px;} .iconic-ww-table caption { font-size: 1rem; font-weight: 400; letter-spacing: .14px; } .iconic-ww-table thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .iconic-ww-table tr { border-bottom: 2px solid #e5e5e5; display: block; } .iconic-ww-table td { border-bottom: 1px solid #e5e5e5; display: block; font-size: .9em; text-align: right; } .iconic-ww-wishlist-items__item-column--thumbnail, .iconic-ww-table .iconic-ww-wishlist-items__item-column--delete-item { width: auto; text-align: center; } .iconic-ww-table td .iconic-ww-wishlists-table__actions ul { justify-content: end; align-items: end; } .iconic-ww-wishlist-items__item-column--thumbnail img { max-width: 60%!important; text-align: center; display: flex; margin-left: auto; margin-right: auto; } .iconic-ww-table td::before { content: attr(data-label); float: left; font-size: .9em; font-weight: 400; letter-spacing: .14px; text-transform: uppercase; } .iconic-ww-table td:last-child {border-bottom: 0;} } .iconic-ww-wishlist-items .iconic-ww-button--delete {margin-top: 4px !important; display: inline-flex;} /** End Wishlist **/ /** 3.8.2 - Cupons **/ #coupons_list h4 {font-weight: 300;} .woocommerce-MyAccount-content h2 {font-weight: normal;} #sc-cc .sc-coupon { border-radius: 0px!important; border-left: none!important; border-right: none!important; border-top: none!important; border-bottom: 1px solid #e5e5e5!important; } #sc-cc .sc-coupon:hover, #sc-cc .sc-coupon:hover:after {border-bottom: solid 1px #111111!important;} #sc-cc .sc-coupon:after:hover { display: block; content: ''; transform: scaleX(0); transition: transform 250ms ease-in-out; } #sc-cc .hover, #sc-cc .hover:border-b, #sc-cc .hover\:border-gray-700:hover, #sc-cc .hover:border-gray-700 {border: none!important;} /** 3.8.3 - Forms and buttons **/ .woocommerce form input[type="text"], .woocommerce form input[type="email"], .woocommerce form input[type="url"], .woocommerce form input[type="password"], .woocommerce form input[type="search"], .woocommerce form input[type="tel"], .woocommerce form input[type="number"], .woocommerce form textarea, .woocommerce form select, .select2-container--default .select2-selection--single .select2-selection__rendered { color: #111111;} a.edit, .woocommerce-MyAccount-orders .button, .iconic-ww-table .add_to_cart_button {background-color: #111111!important; color: #ffffff;} a.edit:hover, .woocommerce-MyAccount-orders .button:hover, .iconic-ww-table .add_to_cart_button:hover {background-color: #656565!important; color: #ffffff;} a.edit {padding: 5px 10px 5px 10px;} .woocommerce-Address a.edit:before, .woocommerce-Address:nth-child(2) a.edit:before, .woocommerce-MyAccount-orders .woocommerce-button.button:before {font-family: "Font Awesome 5 Free";font-weight: 600;margin-right: 5px;} .woocommerce-Address a.edit:before {content: "\f044";} .woocommerce-Address:nth-child(2) a.edit:before {content: "\f067";} .woocommerce-MyAccount-orders .woocommerce-button.button:before {content: "\f06e";} .woocommerce-Address-title h3 { font-size: 16px; text-transform: uppercase; line-height: 1.2; letter-spacing: .28px; } .woocommerce-MyAccount-content p button.button { margin-top: 15px; display: flex; justify-content: center; margin-left: auto; margin-right: auto; } .custom .with_frm_style .frm_message, .custom .frm_success_style { border: none; background: transparent!important; text-align: center; } .custom .with_frm_style h3.frm_form_title {font-size: 24px; text-transform: uppercase; font-weight: 600; text-align: center; margin-bottom: 1rem; color: #111; border: medium none; box-shadow: none;} .custom .frm-show-form div.frm_description p{text-align: center;} /**HOME PAGE BUTTONS**/ .the-arrow { width: 1px; transition: all 0.2s; } .the-arrow.-left { position: absolute; top: 50%; left: 0; } .the-arrow.-left > .shaft { width: 0; background-color: #111; } .the-arrow.-left > .shaft:before, .the-arrow.-left > .shaft:after { width: 0; background-color: #111; } .the-arrow.-left > .shaft:before { transform: rotate(0); } .the-arrow.-left > .shaft:after { transform: rotate(0); } .the-arrow.-right { top:0px; } .the-arrow.-right > .shaft { width: 1px; transition-delay: 0.2s; } .the-arrow.-right > .shaft:before, .the-arrow.-right > .shaft:after { width: 8px; transition-delay: 0.3s; transition: all 0.5s; } .the-arrow.-right > .shaft:before { transform: rotate(40deg); } .the-arrow.-right > .shaft:after { transform: rotate(-40deg); } .the-arrow > .shaft { background-color: #111; display: block; height: 1px; position: relative; transition: all 0.2s; transition-delay: 0; will-change: transform; } .the-arrow > .shaft:before, .the-arrow > .shaft:after { background-color: #111; content: ""; display: block; height: 1px; position: absolute; top: 0; right: 0; transition: all 0.2s; transition-delay: 0; } .the-arrow > .shaft:before { transform-origin: top right; } .the-arrow > .shaft:after { transform-origin: bottom right; } .animated-arrow { display: inline-block; color: #111; font-size: 14px; font-weight: 600; text-decoration: none; position: relative; transition: all 0.2s; letter-spacing: 0.5px; text-transform: uppercase; } .animated-arrow.right {float: right;margin-right: 40px;} .animated-arrow:hover { color: #808080; } .animated-arrow:hover > .the-arrow.-left > .shaft { width: 64px; transition-delay: 0.1s; background-color: #808080; } .animated-arrow:hover > .the-arrow.-left > .shaft:before, .animated-arrow:hover > .the-arrow.-left > .shaft:after { width: 8px; transition-delay: 0.1s; background-color: #808080; } .animated-arrow:hover > .the-arrow.-left > .shaft:before { transform: rotate(40deg); } .animated-arrow:hover > .the-arrow.-left > .shaft:after { transform: rotate(-40deg); } .animated-arrow:hover > .main { transform: translateX(17px); transform: translateX(80px); } .animated-arrow:hover > .main > .the-arrow.-right > .shaft { width: 0; transform: translateX(200%); transition-delay: 0; } .animated-arrow:hover > .main > .the-arrow.-right > .shaft:before, .animated-arrow:hover > .main > .the-arrow.-right > .shaft:after { width: 0; transition-delay: 0; transition: all 0.1s; } .animated-arrow:hover > .main > .the-arrow.-right > .shaft:before { transform: rotate(0); } .animated-arrow:hover > .main > .the-arrow.-right > .shaft:after { transform: rotate(0); } .animated-arrow > .main { display: flex; align-items: center; transition: all 0.2s; } .animated-arrow > .main > .text { margin: 0 16px 0 0; line-height: 1; } .animated-arrow > .main > .the-arrow { position: relative; } @media(max-width: 768px){ a.animated-arrow.left { margin-left: 15px; } } /**END HOME PAGE BUTTONS**/ /** End Forms and buttons **/ /** 3.8.4 - Dashboard **/ .woocommerce-MyAccount-navigation ul {border-top: none!important;} .woocommerce-account .woocommerce-MyAccount-navigation {width: 20%!important;} .woocommerce-account .woocommerce-MyAccount-content {width: 75%!important;} @media (max-width:767px) { .woocommerce-account .woocommerce-MyAccount-navigation {display:none;} .woocommerce-account .woocommerce-MyAccount-content {width: 100%!important;} } /*hide sidebar menu on test .post-9 .inside-article .entry-content .woocommerce .woocommerce-MyAccount-navigation {display:none;} .post-9 .inside-article .entry-content .woocommerce .woocommerce-MyAccount-content {width: 100%!important;} */ /* botões de destaque */ .my-account-grid { display: flex; flex-wrap: wrap; max-width: 100%; } .my-account-card { font-family: Montserrat, sans-serif; line-height: 1.5em; flex: 30% 0 0; box-sizing: border-box; margin: 10px; justify-content: space-around; text-align:center; text-decoration:none; background: #efefef; /*box-shadow: 0 1px 3px 0 rgba(0,0,0,.12),0 1px 2px 0 rgba(0,0,0,.12);*/ } @media (max-width:992px) { .my-account-card {flex: 46% 0 0;} .my-account-card p {min-height: 70px!important;} } @media (max-width: 767px) { .my-account-card {flex: 100%;} } .my-account-card *, .my-account-card *:before, .my-account-card *:after { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.25s linear; transition: all 0.25s linear; } .my-account-card h2 { padding-top: 20px; padding-bottom: 20px; font-size: 24px; color:#111111; } .my-account-card p { color: #656565; min-height: 72px; padding-left: 15px; padding-right: 15px; } a.my-account-card figcaption { position: relative; border-bottom: 1px solid #e5e5e5; } a.my-account-card figcaption:after { bottom: 0; content: ""; display: block; height: 1px; left: 50%; position: absolute; background: #111111; transition: width 0.3s ease 0s, left 0.3s ease 0s; width: 0; } a.my-account-card:hover figcaption:after{ width: 100%; left: 0; } /*End Dashboard*/ /** 3.8.5 - calendely button**/ /*calendely button*/ .my-account .inside-article { position: relative; } .calendly-button{ position: fixed; z-index: 10000; right:-1px; top: 40%; cursor: pointer; background-color: #111; color: #fff; -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translateY(-100%) rotate(270deg) translateX(50%); -ms-transform: translateY(-100%) rotate(270deg) translateX(50%); transform: translateY(-100%) rotate(270deg) translateX(50%); padding:10px 15px 12px; } .calendly-cta { /*padding: 10px 20px;*/ font: 14px 'poppins', sans-serif; text-transform: uppercase; letter-spacing: 1.2px; color: #fff!important; text-align: center; /*background: #000000; border-radius: 3px;*/ } a.calendly-cta { text-decoration: none; } .custom-header-button { position: absolute; right: 40px; top: 0px; } .calendely-btn { padding: 10px 20px; font: 13px/60px 'poppins', sans-serif; text-transform: uppercase; letter-spacing: 1px; color: #03f70c !important; text-align: center; background: #000000; border-radius: 3px; animation: shadow-pulse 1s infinite; } .calendely-btn:hover { background: #656565; } @keyframes shadow-pulse { 0% { box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2); } 100% { box-shadow: 0 0 0 15px rgba(0, 0, 0, 0); } } @keyframes shadow-pulse-big { 0% { box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.1); } 100% { box-shadow: 0 0 0 35px rgba(0, 0, 0, 0); } } @media (min-width: 1024px) { .calendely-btn { padding: 10px 40px; } } @media (max-width: 992px) { .custom-header-button { right: 20px; } } @media (max-width: 768px) { .custom-header-button { right: 10px; } } @keyframes pulse { 0% { transform: scale(1, 1); } 50% { opacity: 0.3; } 100% { transform: scale(1.5); opacity: 0; } } /*End calendely button*/ /** End 3.8 - My account **/ /** 4.0 - Homepage **/ /*HOMEGAGE V2*/ .home-collections-slider .slick-slide {margin: 0 10px;} .homepage2 .widget-title::after {background-color: #03f70c;} /* Common Base Styles for ALL CTA types */ .cta-link { color: #333; border:2px solid #03f70c; text-transform: uppercase; font-weight: 600; letter-spacing: 0.7px; padding: 12px 15px; margin: 50px auto 10px; display: table; background: #fff; -webkit-transition: background 1s; /* For Safari 3.0 to 6.0 */ transition: background 1s; /* For modern browsers */ text-decoration: none!important; font-family: 'montserrat'; } .cta-link:hover { background-color:#03f70c ; color: #333; } h3.homepage-headings{padding: 0 40px;letter-spacing: 5px;} .homepage-collections-grid{margin: 0 auto;max-width: 90%;} .homepage-collections-grid.grid-block-1{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 10px;} .homepage-collections-grid.grid-block-2{display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 10px;} .homepage-collections-grid.grid-block-3{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 10px;} @media (max-width:768px) { .homepage-collections-grid.grid-block-1 { grid-template-columns: repeat(2, 1fr); } } /* @media (min-width: 900px) { .homepage-collections-grid { grid-template-columns: repeat(4, 1fr); } } **/ /*.homepage-collections-grid div.block{position: relative;height: 96.6%;}*/ .homepage-collections-grid.grid-block-1 .span-col-2{grid-column: span 2 / auto;} .homepage-collections-grid.grid-block-1 .span-row-2{grid-row: span 2 / auto;} .homepage-collections-grid.grid-block-1 img {height: 100%;width: 100%;} /* NOVO OUT 2022 */ .homepage-collections-grid figure { position: relative; float: left; overflow: hidden; /* margin: 10px 1%; min-width: 320px; max-width: 480px; max-height: 360px; width: 48%; background: #3085a3; */ text-align: center; cursor: pointer; } .homepage-collections-grid figure img { position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 0.8; } .homepage-collections-grid figure figcaption { padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .homepage-collections-grid figure figcaption::before, .homepage-collections-grid figure figcaption::after { pointer-events: none; } .homepage-collections-grid figure figcaption, .homepage-collections-grid figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .homepage-collections-grid figure figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } .homepage-collections-grid figure h2 { word-spacing: 10px; font-weight: 300; color: #fff; } .homepage-collections-grid figure h2 span { font-weight:400; letter-spacing: 1px; } .homepage-collections-grid figure h2, .homepage-collections-grid figure p { margin: 0; } .homepage-collections-grid figure p { letter-spacing: 1px; font-size: 68.5%; } figure.effect-oscar { /*background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%); background: linear-gradient(45deg, #22682a 0%,#9b4a1b 40%,#3a342a 100%);*/ background: -webkit-linear-gradient(45deg, #000 0%, #333 40%, #000 100%); background: linear-gradient(45deg, #000 0%,#333 40%,#000 100%); height: 100%; } figure.effect-oscar.white { /*background: -webkit-linear-gradient(45deg, #22682a 0%, #9b4a1b 40%, #3a342a 100%); background: linear-gradient(45deg, #22682a 0%,#9b4a1b 40%,#3a342a 100%);*/ background: -webkit-linear-gradient(45deg, #ededed 0%, #fff 40%, #ededed 100%); background: linear-gradient(45deg, #ededed 0%,#fff 40%,#ededed 100%); background: #FFF; } figure.effect-oscar img { opacity: 0.9; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } figure.effect-oscar.white img { opacity: 1; } figure.effect-oscar figcaption { padding: 3em; background-color:/* rgba(58,52,42,0.7)*/transparent; -webkit-transition: background-color 0.35s; transition: background-color 0.35s; } figure.effect-oscar figcaption::before { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; /*border: 1px solid #fff;*/ content: ''; } figure.effect-oscar h2 { margin: 38% 0 10px 0; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); text-transform: uppercase; } figure.effect-oscar.white h2 {margin: 21% 0 10px 0;} figure.effect-oscar.sideblocks h2 {margin: 24% 0 10px 0;font-size: 35px; text-transform: uppercase;} figure.effect-oscar figcaption::before, figure.effect-oscar p { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(0); transform: scale(0); font-family: 'montserrat'; } figure.effect-oscar:hover h2 { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-oscar:hover figcaption::before, figure.effect-oscar:hover p { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } figure.effect-oscar:hover figcaption { background-color: rgba(58,52,42,0); } figure.effect-oscar:hover img { /*opacity: 0.4;*/ opacity: 0.2; } figure.effect-oscar.white:hover img {opacity: 0.7;} @media screen and (max-width: 50em) { /*.content { padding: 0 10px; text-align: center; }*/ .homepage-collections-grid figure { display: inline-block; float: none; margin: 10px auto; width: 100%; height: auto; } } @media screen and (max-width:820px) { figure.effect-oscar figcaption {padding:10px;} figure.effect-oscar h2{font-size: 30px;} /*figure.effect-oscar.sideblocks h2 {margin: 0 0 10px 0;} figure.effect-oscar.sideblocks h2.long-tag {margin:-65px 0 10px 0;}*/ } @media screen and (max-width:768px) { /*figure.effect-oscar figcaption {padding:10px;}*/ figure.effect-oscar h2{font-size:40px;} figure.effect-oscar.sideblocks h2 {margin: 12% 0 10px 0;} figure.effect-oscar.sideblocks h2.long-tag {margin:-30px 0 10px 0;} /*figure.effect-oscar.sideblocks h2 {margin: 0 0 10px 0;} figure.effect-oscar.sideblocks h2.long-tag {margin:-65px 0 10px 0;}*/ } @media screen and (max-width:480px) { .home-spacer.wp-block-spacer {height: 30px!important;} figure.effect-oscar h2{font-size: 30px;} figure.effect-oscar figcaption {padding:10px;} figure.effect-oscar.white h2 {margin:20% 0 10px 0; } figure.effect-oscar.sideblocks h2 {margin:-20px 0 10px 0;} /*figure.effect-oscar.sideblocks h2.long-tag {margin:-80px 0 10px 0;}*/ /*.homepage-collections-grid figure.sideblocks h2 span.tapis-catalog{position: absolute;left: 0;top: 0;}*/ figure.effect-oscar:hover figcaption::before, figure.effect-oscar:hover p {opacity: 0;-webkit-transform: scale(1);transform: scale(1);} figure.effect-oscar:hover h2 {-webkit-transform: none;transform: none;} .tag-line{display: none!important;} } @media screen and (max-width:375px) { figure.effect-oscar.sideblocks h2.long-tag {margin:-80px 0 10px 0;} } /* NOVO FEV 2023 */ .homepage-grid {display: grid;grid-template-columns: repeat(5, 1fr);grid-gap:20px;padding:20px;} .container-grid {position: relative;} .homepage-grid .overlay { position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0);transition: background 0.5s ease;} .homepage-grid .container:hover .overlay {display: block;background: rgba(0, 0, 0, .3);} .homepage-grid img {width: 100%;height: auto;} .homepage-grid .title {position: absolute;width: 100%;left: 0;top:45%;font-weight: 700;font-size: 30px;text-align: center;text-transform: uppercase;color: white;z-index: 1;transition: top .5s ease;} .homepage-grid .container-grid:hover .title {top:40%;} .homepage-grid .button {position: absolute;width: 100%;left:0;top: 180px;text-align: center;opacity: 0;transition: opacity .35s ease;} .homepage-grid .button a {width: 200px;text-align: center;color: white;z-index: 1;} .homepage-grid .container-grid:hover .button {opacity: 1;} @media screen and (max-width: 50em) { .homepage-grid {grid-template-columns: repeat(2, 1fr);} .homepage-grid .span-col-2{grid-column: span 2 / auto;} .homepage-grid .title {top:40%; font-size: 25px;} .homepage-grid .span-col-2 .title{top:45%;font-size: 30px;} .homepage-grid .button {top:80px;} } /*POSTS HOMEPAGE SHORCODE*/ .post-bottom{ max-width: 1440px; width: 100%; background: #fafafa; } .home-page-posts button.slick-prev.slick-arrow { left: -50px; } .home-page-posts button.slick-next.slick-arrow { right: -50px; } .post-bottom a.post-thumbnail { height: 100%; width: 100%; background-size: cover!important; background-repeat: no-repeat!important; background-position: center!important; display: flex; align-items: center; } .full-width-custom .post-list-item::after{ content: none; } .full-width-custom .post-list-item { border-bottom: none; position: relative; } .post-bottom .post-list-item { padding: 0; } .home-page-posts .post-thumbnail-container.wide { width: 100%; min-width: 50%; height: 100%; } .home-page-posts .post-list-item.left-text.wide{ padding-right: 0; display: flex!important; } .home-page-posts .post-list-item .wide-text{ padding-left: 50px; max-width: 90%; } .home-page-posts .post-list-item .post-excerpt h2{ font-size: 30px; font-weight: 400; font-family: 'Montserrat'; } .full-width-custom .wide-text h2.section-title { text-align: left; padding-top: 50px; padding-bottom: 0; } .home-page-posts .wide-text p.body-text-small{ text-align: justify; } .full-width-custom.post-bottom{ margin: 0 auto 50px auto; max-width: 90%; } .home-page-posts .post-list-item.slick-slide { display: flex; } @media (max-width: 769px) { .full-width-custom .post-thumbnail-container img{ min-height: unset; } .full-width-custom .post-list-item { flex-direction: column-reverse; } .full-width-custom .post-list-item .post-thumbnail-container { flex-basis: auto; } .post-bottom{ margin: 0; padding: 0 20px; padding-bottom: 25px; } .full-width-custom.post-bottom { padding: 0; } .full-width-custom .post-list-item.left-text.wide { padding: 0!important; } section.full-width-custom.main-screen { min-height: 75vh; } section.full-width-custom.section-wrap{ margin: 0; } .post-thumbnail-container.wide { width: 100%; min-width: 110%; height: 100%; } .home-page-posts .post-list-item .wide-text { padding: 0 20px 20px; max-width: 100%; } .full-width-custom .wide-text h2.section-title { text-align: left; padding-top: 0; padding-bottom: 10px; } .home-page-posts .post-list-item.slick-slide { overflow: hidden; } .home-page-posts button.slick-prev.slick-arrow {left:0;} .home-page-posts button.slick-next.slick-arrow{right: 0;} } /*************************************/ /* FIM NOVO */ .gallery-text{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; text-align: center; opacity: 1; align-items: center; display: grid; cursor: pointer; -webkit-transition: opacity 0.1s; -moz-transition: opacity 0.1s; transition: opacity 0.1s;text-indent: 0; } .gallery-text:hover{ display: none!important; font-size: 0; text-indent: -99999999px; } .gallery-text h3{ color: white; display: inline-table; vertical-align:middle; line-height:100%; } .gallery-text-2{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; text-align: center; background-color: rgba(6, 255, 12,0.5); opacity: 0; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; transition: opacity 0.6s; align-items: center; display: grid; cursor: pointer; } .gallery-text-2:hover{ opacity: 1; } .gallery-text-2 h3{ color: white; display: inline-table; vertical-align:middle; line-height:100%; } /*END HOMEPAGE V2*/ /*TAPIS*/ .homepage-block {max-width: 1440px;margin: 0 auto;margin-bottom:75px;} .homepage-block.full-with{max-width: 100%;/*padding: 50px 0;*/margin: 0;} .homepage-block .inner-padding{padding: 50px;} .homepage-block h2{text-transform: uppercase;font-weight: 600;margin: 0;} .homepage-block span.main h2{margin-right:40px;} .homepage-block h3{font-size: 15px;color: #484848; text-transform: uppercase;} .homepage-block a.wp-block-button__link{background: transparent;color: #484848;text-transform: uppercase;font-weight: 600;border-bottom: 1px solid;border-radius: 0;} .homepage-block p{text-align: justify;} .homepage-block .wp-block-group__inner-container{padding: 40px 20px 20px;} .fullwidth-img img{width: 100%; object-fit: cover;} .wp-container-3.homepage-block.full-with h3{margin: 0;} .wp-container-4.homepage-block.full-with{padding-top: 0;} .wp-container-2.homepage-block.full-with{padding-top: 50px;} .wp-container-3.homepage-block{margin-bottom:75px; padding-bottom: 50px;} .homepage-block ul.home-featured-slider{margin: 0;} .product-slider ul{margin: 0;} .homepage-block .home-featured-slider .inside-wc-product-image img{background: transparent;} .homepage-block .home-featured-slider .inside-wc-product-image img:hover{background: transparent;} .homepage-block .home-featured-slider .inside-wc-product-image{min-height:250px} .wp-block-spacer.home-page-block { height: 100px; } @media (max-width: 768px) { .homepage-block .inner-padding{padding: 15px;} .wp-block-spacer.home-page-block { height: 0!important; } .homepage-block h2.mob-margin, .homepage-block a.mob-margin, .homepage-block h3.mob-margin{ margin: 0 15px; } .homepage-block .wp-block-group__inner-container{padding: 0;} .wp-block-columns.is-not-stacked-on-mobile.home-pagesbs-block { display: flex; flex-wrap: wrap!important; justify-content: center; } .wp-block-columns.is-not-stacked-on-mobile.home-pagesbs-block>.wp-block-column { flex-basis: auto; flex-grow: 0; width: 100%; max-width: 170px; } .wp-block-column.is-vertically-aligned-bottom.home-page-third-img { flex-basis: auto!important; flex-grow: 0; margin: 0 auto; width: 180px; } .wp-container-17 { margin-top: 40px; flex-direction: column-reverse; } .homepage-block.full-with{padding: 30px 0;} .wp-container-23 { margin-bottom: 0; } .wp-container-21 { margin-bottom: 30px; } .wp-container-24 .wp-block-image { width: 80%; margin: 0 auto; } } /*END TAPIS*/ .home .tree-column{ max-width: 100%;padding: 50px 10px 0px 0px;} .home .tree-column .wp-block-column{margin-left: 10px!important;} .home-heading-title { font-size: 1.7rem; font-weight: 300; text-transform: uppercase; letter-spacing: 6px; color: #111111; margin-bottom: 0px; } /*category grid*/ .category-grid .home-card {min-width: 100%;} .category-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; grid-template-areas: "b c a a" "d e a a"; } .category-grid div:nth-child(1) { grid-area: a; min-height:200px; order: 4; } .category-grid div:nth-child(2) { grid-area: b; min-height:100%; } .category-grid div:nth-child(3) { grid-area: c; min-height:100%; } .category-grid div:nth-child(4) { grid-area: d; min-height:100%; } .category-grid div:nth-child(5) { grid-area: e; min-height:100%; } /* @media (max-width:992px) { .category-grid {grid-template-rows:24% 24% 25% 25%;} }*/ @media (max-width:768px) { .category-grid { grid-template-columns: repeat(2, 1fr); grid-template-areas: "a a" "b c" "d e"; } } /*end category grid*/ /* Home big text section*/ .home .home-text-block {background-color: #fff;} .home .home-text-block-content .title, .home .home-text-block-content .desc {color: #000;} .home-text-block { background-color: #000; color: #fff; padding: 0 20px; text-align: center; } .home-text-block-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 80px 0 80px 0; } .home-text-block-content .title { font-size: 85px; line-height: 1; font-family: 'Montserrat', serif; letter-spacing: .2px; max-width: 920px; padding-bottom: 24px; text-transform: uppercase; color: #ffffff; } .home-text-block-content .desc { font-size: 12px; line-height: 1.5; letter-spacing: .5px; max-width: 1440px; padding-bottom: 14px; font-weight: 500; text-transform: uppercase; color: #ffffff; } .home-text-block-content .desc.last {padding-bottom: 0; margin-bottom: 0;} @media (max-width: 767px) { .home-text-block-content .title {font-size:60px;} } @media (min-width:768px) and (max-width:992px) { .home-text-block-content .title {font-size:70px;} } /* End Home big text section*/ /*Products Slick Slide*/ .home-block-wrapper-boxed.most-wanted {padding: 0px;} ul.product-slider, ul.home-featured-slider, ul.inspirations-slider {margin: 30px 0;}/*margin: 0; */ .product-slider .slick-slide, .home-pets-slider .slick-slide, .home-outdoor-slider .slick-slide, .home-featured-slider .slick-slide, .inspirations-slider .slick-slide {padding: 10px; text-align: center;} .product-slider .wc-product-image, .home-featured-slider .wc-product-image, .inspirations-slider .wc-product-image {position: relative;} .product-slider .inside-wc-product-image, .home-featured-slider .inside-wc-product-image, .inspirations-slider .inside-wc-product-image { overflow: hidden; min-height:350px; width: 100%; margin:0; /*background: linear-gradient(145deg, rgba(245,243,239,1) 0%, rgba(225,224,220,1) 100%);*/ } @media (max-width: 768px) { .product-slider .inside-wc-product-image { min-height:170px; } .woocommerce.product-slider{ margin: 20px 0; } } .product-slider .inside-wc-product-image img, .home-featured-slider .inside-wc-product-image img, .inspirations-slider .inside-wc-product-image img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -o-object-fit: cover; object-fit: cover; background-color: #fff; transition: opacity 0.7s; } .product-slider .inside-wc-product-image img:hover, .home-featured-slider .inside-wc-product-image img:hover, .inspirations-slider .inside-wc-product-image img:hover{ opacity:0.9; background-color: #fff; } /* .product-slider .inside-wc-product-image img:hover, .home-featured-slider .inside-wc-product-image img:hover, .inspirations-slider .inside-wc-product-image img:hover{ opacity: 1; background-color: #fff; }*/ body.viva-magenta-rugs-pantone-23 .product-slider li.slick-slide a, body.viva-magenta-rugs-pantone-23 .product-slider li.slick-slide h3, body.viva-magenta-rugs-pantone-23 .product-slider li.slick-slide .price, body.viva-magenta-rugs-pantone-23 .product-slider .slick-prev:before, body.viva-magenta-rugs-pantone-23 .product-slider .slick-next:before, body.interiors-forecasting-trends-2023-cool-colors-ebook .product-slider li.slick-slide a, body.interiors-forecasting-trends-2023-cool-colors-ebook .product-slider li.slick-slide h3, body.interiors-forecasting-trends-2023-cool-colors-ebook .product-slider li.slick-slide .price, body.interiors-forecasting-trends-2023-cool-colors-ebook .product-slider .slick-prev:before, body.interiors-forecasting-trends-2023-cool-colors-ebook .product-slider .slick-next:before, body.interiors-forecasting-trends-2023-cool-colors-ebook .products-column a, body.interiors-forecasting-trends-2023-cool-colors-ebook .products-column h3, body.interiors-forecasting-trends-2023-cool-colors-ebook .products-column .price, body.interiors-forecasting-trends-2023-cool-colors-ebook .elementor-template label, body.interiors-forecasting-trends-2023-cool-colors-ebook .elementor-template label a, body.interiors-forecasting-trends-2023-cool-colors-ebook .products-column, body.viva-magenta-rugs-pantone-23 .elementor-template label, body.viva-magenta-rugs-pantone-23 .elementor-template label a, body.interiors-forecasting-trends-2023-sunny-colors-ebook .products-column a, body.interiors-forecasting-trends-2023-sunny-colors-ebook .products-column h3, body.interiors-forecasting-trends-2023-sunny-colors-ebook .products-column .price, body.interiors-forecasting-trends-2023-sunny-colors-ebook .products-column, body.interiors-forecasting-trends-2023-sunny-colors-ebook .elementor-template label, body.interiors-forecasting-trends-2023-sunny-colors-ebook .elementor-template label a, body.color-gambling-future-trends-2023 .elementor-template label, body.color-gambling-future-trends-2023 .elementor-template label a, .form-white label, .form-white label a{color: #fff!important;} body.interiors-forecasting-trends-2023-cool-colors-ebook.woocommerce-page.columns-1 ul.products li.product, .woocommerce.columns-1 ul.products li.product { width: auto;} .home-pets-slider li, .home-outdoor-slider li, .product-slider li, .home-featured-slider li, .inspirations-slider li { /*border-bottom: 1px solid #e5e5e5;*/ position: relative; } .home-pets-slider li::after, .home-outdoor-slider li::after, .product-slider li::after, .home-featured-slider li::after, .inspirations-slider li::after { background: none repeat scroll 0 0 transparent; bottom: 0; content: ""; display: block; height: 1px; left: 50%; position: absolute; background: #000000; transition: width 0.3s ease 0s, left 0.3s ease 0s; width: 0; } .home-outdoor-slider li:hover::after, .home-pets-slider li:hover::after, .product-slider li:hover::after, .home-featured-slider li:hover::after, .inspirations-slider li:hover::after { width: 100%; left: 0; } .home-outdoor-slider .woocommerce-loop-product__title, .home-pets-slider .woocommerce-loop-product__title, .product-slider .woocommerce-loop-product__title, .home-featured-slider .woocommerce-loop-product__title, .inspirations-slider .woocommerce-loop-product__title { font-size: 16px; text-transform: uppercase; line-height: 1.2; margin: 10px 0 10px 0; letter-spacing: .28px; } .product-slider span.loop-list-cat a, .home-outdoor-slider span.loop-list-cat a, .home-pets-slider span.loop-list-cat a, .home-featured-slider span.loop-list-cat a, .inspirations-slider span.loop-list-cat a { font-size: 13px; color: #656565; } .home-pets-slider span.loop-list-cat a:hover, .home-outdoor-slider span.loop-list-cat a:hover, .product-slider span.loop-list-cat a:hover, .home-featured-slider span.loop-list-cat a:hover, .inspirations-slider span.loop-list-cat a:hover { color: #111111; } .home-pets-slider .slick-slide a.iconic-ww-button, .home-outdoor-slider .slick-slide a.iconic-ww-button, .product-slider .slick-slide a.iconic-ww-button, .home-featured-slider .slick-slide a.iconic-ww-button, .home-pets-slider .slick-slide a.button, .home-outdoor-slider .slick-slide a.button, .product-slider .slick-slide a.button, .home-featured-slider .slick-slide a.button, .inspirations-slider .slick-slide a.iconic-ww-button, .inspirations-slider .slick-slide a.button {background-color: transparent;color: #656565;padding: 10px;} .home-pets-slider .slick-slide a:hover.iconic-ww-button, .home-outdoor-slider .slick-slide a:hover.iconic-ww-button, .product-slider .slick-slide a:hover.iconic-ww-button, .home-featured-slider .slick-slide a:hover.iconic-ww-button, .product-slider .slick-slide a:hover.button, .home-pets-slider .slick-slide a:hover.button, .home-outdoor-slider .slick-slide a:hover.button, .home-featured-slider .slick-slide a:hover.button, .inspirations-slider .slick-slide a:hover.iconic-ww-button, .inspirations-slider .slick-slide a:hover.button { background-color: transparent; color: #111111; } .product-slider .slick-slide .iconic-ww-button--add-to-wishlist, .home-featured-slider .slick-slide .iconic-ww-button--add-to-wishlist, .inspirations-slider .slick-slide .iconic-ww-button--add-to-wishlist {margin-bottom: 0px!important;} .product-slider span.price, .home-pets-slider span.price, .home-outdoor-slider span.price, .home-featured-slider span.price, .inspirations-slider span.price {display: block; padding-top: 10px;} /*Home brands slide*/ .home-brands-slider {padding-top: 0px; padding-bottom: 0px;} .home-brands-slider {width:90%; margin:0 auto 1.75em;} .home-brands-slider .slick-slide {padding: 55px;} @media (min-width:768px) and (max-width:992px) { .home-brands-slider {width:100%; margin: auto;} .product-slider .slick-slide, .home-featured-slider .slick-slide, .inspirations-slider .slick-slide {padding: 10px;} .product-slider .inside-wc-product-image, .home-featured-slider .inside-wc-product-image, .inspirations-slider .inside-wc-product-image {height: 300px;} } @media (max-width:767px) { .product-slider .inside-wc-product-image {height: 170px;} .home-featured-slider .inside-wc-product-image, .inspirations-slider .inside-wc-product-image {height: 200px;min-height: auto;} .home-heading-title {padding-top: 20px; padding-bottom: 20px;} .product-slider, .home-featured-slider, .inspirations-slider {width:100%; margin: auto;} .product-slider .slick-slide, .home-featured-slider .slick-slide, .inspirations-slider .slick-slide {padding: 5px;} .product-slider .woocommerce-loop-product__title, .home-featured-slider .woocommerce-loop-product__title, .inspirations-slider .woocommerce-loop-product__title {min-height: 35px;} .now-trending-slider .slick-list{padding:0 20% 0 0!important;} /*.inspirations-slider .slick-list ,.home-featured-slider .slick-list */ .home-brands-slider {width:100%; margin: auto;} .home-brands-slider .slick-slide {padding: 15px;} } /*Slideshow*/ .home-slide-title span {font-weight: 500;} a.home-slide-button { text-decoration: underline!important; text-underline-position: under!important; } .nextend-bullet-bar .n2-bullet { border-color: #111111!important; background: RGBA(255,255,255,0.3)!important; } .nextend-bullet-bar .n2-bullet.n2-active { background: #111111!important; border-color: #111111!important; } /*End Slideshow*/ /*Brand slide*/ @media (max-width:768px) { div#n2-ss-13 .n2-ss-slider-3 {padding: 30px 0px 30px 0px;} .home div#n2-ss-12 .n2-ss-slide.n2-ow {height: 400px;} .home div#n2-ss-12 .n-uc-aOnrdUge3KYf-inner {padding: 40px 10px 20px 10px;} .home div#n2-ss-13 .n2-ss-slider-3 {padding: 30px 0px 30px 0px!important;} } /*End Brand Slide*/ .home-heading-title { font-size: 24px; font-weight: 400; text-transform: uppercase; line-height: 1.25em; letter-spacing: 1.2px; padding-top: 50px; } @media (max-width:767px) { .home-block-wrapper-boxed .wp-block-column, .home-block-wrapper-full-width .wp-block-column { margin-bottom: 20px; } } .home-block-wrapper-full-width { width:100%; margin:0px; padding: 0px; } .now-trending-block, .now-tending-slide-boxed, .home-block-wrapper-boxed { max-width: 1440px; margin: auto; width:100%; } .now-trending-block, .home-block-wrapper-boxed {padding: 50px 0px 50px 0px;} .now-tending-slide-boxed {padding: 50px 20px 50px 20px;} .now-trending-slider .slick-slide{ margin: 0 10px 0 10px; } /*card product*/ .home-block-container { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: start; align-items: stretch; align-content: space-around; } .home-product-card { flex: 1 0; margin: 10px; position: relative; display: inline-block; overflow: hidden; width: 100%; background-color: #fff; line-height: 1.2em; text-align: left; } .home-product-card *, .home-product-card *:before, .home-product-card *:after { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } .home-product-card img { max-width: 100%; vertical-align: top; } .home-product-card:hover img { border: 1px solid #03f70c; } .home-product-card figcaption { padding: 10px 10px 10px 30px; } .home-product-card h3 { font-family: Montserrat, sans-serif, Sans-serif; font-size: 1.7rem; font-weight: 700; text-transform: none; font-style: normal; text-decoration: none; line-height: 1.1em; margin: 0 0 10px; } @media (max-width:767px) { .home-product-card {flex: 44% 0;} .now-tending-slide-boxed {padding: 0px 10px 0px 10px;} .trends-card-cta {margin-bottom: 20px!important; min-height: 450px;} .trends-card-cta:last-child {margin-bottom: 0px!important;} } @media (max-width:992px) { .home-product-card h3 {font-size: 1.3rem; min-height: 50px;} } /*End card product*/ .home-card { color: #fff; position: relative; overflow: hidden; min-width: 320px; max-width: 100%; width: 100%; background: #111111; text-align: left; } .home-card * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; } .home-card img { opacity: 1; width: 100%; vertical-align: top; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; transition: all 0.35s ease-in-out; } .home-card:hover img { opacity: 0.5; /*transform: scale(1);*/ } .home-card figcaption.cta-center, .home-card figcaption.cta-top-left, .home-card figcaption.cta-top-right, .home-card figcaption.cta-bottom-left, .home-card figcaption.cta-bottom-right { position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; flex-direction: column; z-index:1; } .home-card figcaption.cta-center { justify-content: center; align-items: center; } .home-card figcaption.cta-top-left { justify-content: flex-start; /*align-items: flex-start;*/ padding: 20px 0px 0px 20px; text-align: center; } .home-card figcaption.cta-top-right { justify-content: flex-start; align-items: flex-end; padding: 20px 20px 0px 0px; } .home-card figcaption.cta-bottom-left { justify-content: flex-end; align-items: flex-start; padding: 0px 0px 20px 20px; } .home-card figcaption.cta-bottom-right { justify-content: flex-end; align-items: flex-end; padding: 0px 20px 20px 0px; } .home-card h2 { font-family: Montserrat, sans-serif; margin: 0; letter-spacing: 2.1px; text-transform: uppercase; line-height: 1.28571; font-size: 20px; padding-bottom: 10px; color: #fff; } .home-card span { font-family: Montserrat, sans-serif; text-decoration: underline; text-underline-position: under; font-size: 12px; line-height: 1.28571; text-transform: uppercase; opacity: 0; -webkit-transform: translateY(-150%); transform: translateY(-150%); -webkit-transition-delay: 0.05s; transition-delay: 0.05s; cursor:pointer; } .home-card:hover span { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .home-card a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; } /* Home shop the look Block*/ /* Home shop the look slide*/ .home-shop-interiors-slider {margin-bottom: 20px;} .home-shop-interiors-slider .stl-slide {margin:10px;} .product-slider .slick-prev, .home-featured-slider .slick-prev, .product-slider .slick-next, .home-featured-slider .slick-next, .inspirations-slider .slick-prev, .inspirations-slider .slick-next, .shop-look-slider .slick-prev, .shop-look-slider .slick-next, .home-shop-interiors-slider .slick-prev, .home-shop-interiors-slider .slick-next { top: 50%; z-index: 10; width: 50px; height: 50px; overflow: hidden; border: 0; background-color: transparent; background-position: center; background-repeat: no-repeat; cursor: pointer; opacity: 0.9; transform: translateY(-50%); transition: all 0.25s ease; } .product-slider .slick-prev:hover, .home-featured-slider .slick-prev:hover, .product-slider .slick-prev:focus, .home-featured-slider .slick-prev:focus, .inspirations-slider .slick-prev:hover, .inspirations-slider .slick-prev:focus, .shop-look-slider .slick-prev:hover, .shop-look-slider .slick-prev:focus, .home-shop-interiors-slider .slick-prev:hover, .home-shop-interiors-slider .slick-prev:focus { outline: none; background: transparent; color: transparent; } .product-slider .slick-prev:hover:before, .home-featured-slider .slick-prev:hover:before, .product-slider .slick-prev:focus:before, .home-featured-slider .slick-prev:focus:before, .inspirations-slider .slick-prev:hover:before, .inspirations-slider .slick-prev:focus:before, .shop-look-slider .slick-prev:hover:before, .shop-look-slider .slick-prev:focus:before, .home-shop-interiors-slider .slick-prev:hover:before, .home-shop-interiors-slider .slick-prev:focus:before { opacity:1; } .product-slider .slick-prev, .home-featured-slider .slick-prev, .inspirations-slider .slick-prev, .shop-look-slider .slick-prev, .home-shop-interiors-slider .slick-prev {left: -20px;} .product-slider .slick-next, .home-featured-slider .slick-next, .inspirations-slider .slick-next, .shop-look-slider .slick-next, .home-shop-interiors-slider .slick-next {right: -20px;} .product-slider .slick-prev:hover, .home-featured-slider .slick-prev:hover, .product-slider .slick-next:hover, .home-featured-slider .slick-next:hover, .inspirations-slider .slick-prev:hover, .inspirations-slider .slick-next:hover, .shop-look-slider .slick-prev:hover, .shop-look-slider .slick-next:hover, .home-shop-interiors-slider .slick-prev:hover, .home-shop-interiors-slider .slick-next:hover {opacity:1; background-color: transparent;} .product-slider .slick-prev:before, .home-featured-slider .slick-prev:before, .product-slider .slick-next:before, .home-featured-slider .slick-next:before, .inspirations-slider .slick-prev:before, .inspirations-slider .slick-next:before, .shop-look-slider .slick-prev:before, .shop-look-slider .slick-next:before, .home-shop-interiors-slider .slick-prev:before, .home-shop-interiors-slider .slick-next:before { font-family: "Font Awesome 5 Free"; font-size: 20px; line-height: 1; color: #111111; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 900; } .product-slider .slick-prev:before, .home-featured-slider .slick-prev:before, .inspirations-slider .slick-prev:before, .shop-look-slider .slick-prev:before, .home-shop-interiors-slider .slick-prev:before {content: "\f053";} .product-slider .slick-next:before, .home-featured-slider .slick-next:before, .inspirations-slider .slick-next:before, .shop-look-slider .slick-next:before, .home-shop-interiors-slider .slick-next:before {content: "\f054";} @media (min-width:768px) and (max-width:992px) { .product-slider .slick-prev, .home-featured-slider .slick-prev, .inspirations-slider .slick-prev, .home-shop-interiors-slider .slick-prev {left: 10px; z-index: 10;} .product-slider .slick-next, .home-featured-slider .slick-next, .inspirations-slider .slick-next, .home-shop-interiors-slider .slick-next {right: 10px; z-index: 10;} } @media (max-width:767px) { .home-shop-interiors-slider .slick-list{padding:0 20% 0 0 !important;} .home-shop-interiors-slider .stl-slide figcaption {padding: 5px 20px;} .home-shop-interiors-slider .stl-slide figcaption p {font-size: 12px;} .home-shop-interiors-slider .stl-slide {margin:5px;} .home-shop-interiors-slider .slick-prev {left: 10px; z-index: 10;} .home-shop-interiors-slider .slick-next {right: 10px; z-index: 10;} .product-slider .slick-prev, .home-featured-slider .slick-prev, .inspirations-slider .slick-prev {left: 0px; z-index: 10;} .product-slider .slick-next, .home-featured-slider .slick-next, .inspirations-slider .slick-next {right: 0px; z-index: 10;} } /* End Home shop the look slide*/ @media (max-width:767px) { .home .home-card {min-width: 100px;} .home .home-card figcaption.cta-top-left {padding: 20px 0px 0px 0px;} /*.home .home-block-wrapper-boxed .wp-block-column:first-child {margin-right: 4px;}*/ .home .home-card h2 {font-size: 16px;} .home .pad-tb-20 {padding-top: 0px; padding-bottom: 0px;} .home .home-block-wrapper-boxed .wp-block-column:last-of-type {margin-left: 4px;} .home .home-block-wrapper-boxed .wp-block-column {flex-basis: 48% !important;} } @media (max-width:992px) { div#n2-ss-13 .n2-ss-slider-3 {padding: 0px 0px 0px 0px!important;} } .tapis-looks-block .elementor-element.elementor-element-29bce3cd { max-width: 85%; margin-left: auto; margin-right: auto; } /* End home Shop the look Block*/ /* .elementor-animated-content:hover .elementor-animated-item--grow { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1)!important; } .homepage-cta .elementor-cta__title { letter-spacing: 2.1px; text-transform: uppercase; line-height: 1.28571; font-size: 18px; color: #111111!important; } .homepage-cta .elementor-cta__button.elementor-button { text-decoration: underline!important; text-underline-position: under!important; font-size: 12px; line-height: 1.28571; padding: 0px!important; color: #111111!important; text-transform: uppercase; } .homepage-cta .elementor-cta__button.elementor-button:hover { color: #656565!important; } .homepage-cta .elementor-cta__content-item:not(:last-child) { margin-bottom: 10px; } */ /*Homepage favorites Slide */ .n2-font-a3de7ebdd38e46f4f2b4a9311526b361-paragraph del span.woocommerce-Price-amount { color: #656565; } /*### END HOMEPAGE ###*/ /** 5.0 - Free catalog **/ .free-catalog .product-category h2 .count {display:none;} .catalogue-cat-img { display: flex; flex-wrap: wrap; } .catalogue-cat-img .child { flex: 1 0 21%; /* explanation below */ margin: 5px; border-bottom: 1px solid #e5e5e5; } .catalogue-cat-img .child:after { display: block; content: ''; border-bottom: solid 1px #111111; transform: scaleX(0); transition: transform 250ms ease-in-out; } .catalogue-cat-img .child:hover:after{transform: scaleX(1);} .catalogue-cat-img h2 { text-align: center; text-transform: uppercase; font-size: 18px; padding-top: 15px; padding-bottom: 15px; } @media (max-width:767px) { .catalogue-cat-img .child {flex: 1 0 47%;} .catalogue-cat-img h2 {font-size: 16px} } /*## END PÁGINA CATÁLOGO ##*/ /** 6.0 - Lookbook **/ /*##LOOKBOOK PAGE ##*/ .lookbook-cta .elementor-widget-container { border-bottom: 1px solid #e5e5e5; } .lookbook-cta .elementor-widget-container:after { border-bottom: 1px solid #e5e5e5; display: block; content: ''; border-bottom: solid 1px #03f70c; transform: scaleX(0); transition: transform 250ms ease-in-out; } .lookbook-cta .elementor-widget-container:hover:after { transform: scaleX(1); } .lookbook-cta .elementor-cta__bg-wrapper { background: linear-gradient(145deg, rgba(245,243,239,1) 0%, rgba(225,224,220,1) 100%); } .lookbook-cta .elementor-widget-container h3 { font-weight: 500; font-size: 19px; line-height: 1.25; color: #111111; text-transform: uppercase; } .lookbook-cta .elementor-cta__content {padding: 30px;} .lookbook-cta.lookbook-product-cta .elementor-cta__bg {margin: 20px;} @media (max-width:767px){ .lookbook-cta .elementor-widget-container h3 {font-size: 13px; line-height: 1.25;} .lookbook-cta .elementor-cta__content {padding: 15px;} } /*##END LOOKBOOK PAGE ##*/ /** 7.0 - Journal/blog **/ /*### TRENSDS PAGE ###*/ .post-list-item { display: flex; /*margin: 1em 2em 1em 1em;*/ padding: 20px; } .post-list-item.left-text{ justify-content: space-between; } .post-list-item .post-thumbnail-container { flex-basis: 480px; width: 480px; min-width: 480px; display: flex; align-items: center; height: 300px; overflow: hidden; } .post-thumbnail-container img { min-height: 300px; } .post-list-item .post-details-container { display: flex; align-items: center; padding:0 0 0 20px; } .post-details-container.left{padding:0 20px 0 0;} #wrapper {display: flex;} .column { flex: 1; min-width: 0; display: flex; flex-direction: column; width:25%; } .column.center{min-width:50%;} .item {background: var(--gray-color);margin: 1em;flex-grow: 1;justify-content: center;align-items: center;} @media (max-width: 768px) { .item {margin: 0px;} .post-list-item {padding: 0px;} } .item .block{padding: 1em;} .column:first-child > :last-child, .column:last-child > :first-child {flex-grow: 2;} .badge-item.black-bg {background-color: #111111;} .badge-item.black-bg a, a.badge-item.black-bg { color: #ffffff;} .badge-item.white-bg {background-color: #ffffff;} a.badge-item.white-bg, .badge-item.white-bg a { color: #111111;} .badge-item.light-bg {background-color: #f8f8f8;} a.badge-item.light-bg, .badge-item.light-bg a { color: #111111;} .badge-item { padding: 9px 15px 8px; border: 1px solid #111111; line-height: 14px; position: relative; display: inline-block; transition: all .3s; text-shadow: none; } a.read-more, a:hover.read-more {background-color: #111111;} a.read-more, .badge-item a, a.badge-item { font-style: normal; font-weight: 400; font-size: 12px; text-transform: uppercase; line-height: 14px; letter-spacing: 2px; text-decoration: none; font-family: 'montserrat'; } a:hover.read-more, .badge-item a:hover, a.badge-item:hover, .badge-item a:hover {color: #03f70c!important;} br.line-break { content: ""; margin-top: 5em; display: block; font-size: 24%; } /* #wrapper .badge-item:hover { transform: scale(1.03); } */ #wrapper .img-wrapper { position: relative; text-align: center; overflow: hidden; background-color: #000000; display: flex; } #wrapper img { backface-visibility: hidden; height: auto; min-height: 100%; object-fit: cover; width: 100%; } #wrapper .column .img-wrapper {height: 250px;} #wrapper .column.center .img-wrapper {height: 750px;} #wrapper .column a:hover, .post-list-item .post-title:hover h2 {color:#656565;} #wrapper .column h2 {margin-top: 20px;font-size: 20px; line-height: 24px; font-family: 'Montserrat', serif; letter-spacing: .2px;} #wrapper .column.center h2, .post-list-item .post-title h2 {margin-top: 20px;font-size: 30px; line-height: 34px; font-family: 'Montserrat', serif; letter-spacing: .2px;} #wrapper .column p, .post-list-item p a {font-style: normal; font-weight: 300; line-height: 20px;} #wrapper h2 a {color:#111111} #wrapper h2 a:hover, .post-list-item p a, .post-list-item p a:hover {color: #656565;} #wrapper .item, .post-list-item {border-bottom: 1px solid #e5e5e5; position: relative;} #wrapper .item::after, .post-list-item::after { background: none repeat scroll 0 0 transparent; bottom: 0; content: ""; display: block; height: 1px; left: 50%; position: absolute; background: #000000; transition: width 0.3s ease 0s, left 0.3s ease 0s; width: 0; } #wrapper .item:hover:after, .post-list-item:hover::after {width: 100%; left: 0;} /*Featured blocks*/ /* .grid { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 10px; } .grid:first-child{grid-row: span 2 / auto;} */ .home .trends-card-cta-grid{max-width: 1440px; margin: 0 auto;} .trends-card-cta-grid, .featured-grid, #rev_slider_6_1_wrapper {padding: 10px!important;} @media (max-width:768px) { #wrapper, .post-list-item, #rev_slider_6_1_wrapper {padding: 10px!important;} } .featured-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; grid-template-areas: "a a b" "a a c"; } .featured-grid div:nth-child(1) { grid-area: a; min-height:700px; } .featured-grid div:nth-child(2) { grid-area: b; align-self: start; min-height:100%; } .featured-grid div:nth-child(3) { grid-area: c; align-self: end; min-height:100%; } .featured-block { position: relative; height: 100%; border-radius: 0px; background-size: cover; background-position: 50% 50%; overflow: hidden; } .featured-block figcaption { position: absolute; bottom: 0; width: 100%; background: linear-gradient(to bottom, rgba(50,50,50,0) 0%, rgba(16,15,15,0.91) 89%, rgba(16,15,15,0.93) 93%) !important; transition: 0.2s all ease-in-out; padding: 45px 25px 20px; } .featured-grid figcaption .badge-item {background: rgba(255, 255, 255, 0.7);} .featured-grid figcaption .badge-item a {color: #111111;} .featured-grid figcaption .badge-item:hover a {color: #656565!important;} .featured-grid figcaption a.cta {color: #ffffff; text-decoration: underline; text-underline-position: under; letter-spacing: 0.003em; line-height: 1.15; padding: 10px 0 10px 0;} .featured-grid figcaption a:hover.cta {color:#e5e5e5;} .featured-grid figcaption .divider {line-height: 40px;} .featured-block figcaption a h2 {color: #ffffff; margin-top: 20px; margin-bottom: 10px; font-family: 'Montserrat', serif; letter-spacing: .2px;} .featured-grid div:nth-child(1) figcaption a h2 {font-size: 30px;} .featured-grid div:nth-child(2) figcaption a h2, .featured-grid div:nth-child(3) figcaption a h2 {font-size: 18px;} @media screen and (min-device-width: 769px) and (max-device-width: 992px) { #wrapper {flex-direction: column;} .column {display: flex; width: 100%; flex-direction: row;} #wrapper .badge-item {padding: 5px;} #wrapper .item {margin: 10px; min-width: 48%;} #wrapper .badge-item {padding: 5px 15px 5px;} #wrapper .column .img-wrapper {height: 200px;} #wrapper .column.center .img-wrapper {height: 400px;} .post-list-item .post-thumbnail-container {flex-basis: 300px; width: 300px; min-width: 300px;} .post-list-item .post-title h2 {font-size: 22px; margin-top: 10px; margin-bottom: 10px; line-height: 30px;} .featured-block figcaption a h2 {font-weight: 600;} } @media (max-width: 768px) { #wrapper {flex-direction: column;} #wrapper .item, .post-list-item {margin-bottom: 20px;} .column {display: contents;} #wrapper .column .img-wrapper {height: 250px;} #wrapper .column.center .img-wrapper {height: 250px;} .post-list-item .post-title h2, #wrapper .column.center h2, #wrapper .column.center h2 {font-size: 24px; line-height: 28px;} .post-list-item {flex-direction: column;} .post-list-item .post-details-container {padding: 0px;} .post-list-item .post-thumbnail-container {flex-basis: 300px; width: 100%; min-width: 100%; margin-bottom: 15px;display: flex;align-items: center;height: 300px;overflow: hidden;} .featured-grid { grid-template-columns: repeat(1, 1fr); grid-template-areas: "a" "b" "c"; } .featured-grid div:nth-child(1), .featured-grid div:nth-child(2), .featured-grid div:nth-child(3) {min-height:300px;} .featured-grid div:nth-child(1) figcaption a h2, .featured-grid div:nth-child(2) figcaption a h2, .featured-grid div:nth-child(3) figcaption a h2 {font-size: 18px;} } /*Featured blocks*/ .blog.inside-article header.entry-header {border: none; margin-bottom: 0;} .blog.inside-article header.entry-header::before {border-bottom: 1px solid #e5e5e5; position: relative;} .blog.inside-article header.entry-header:after { background: none repeat scroll 0 0 transparent; bottom: 0; content: ""; display: block; height: 1px; left: 50%; position: absolute; background: #000000; transition: width 0.3s ease 0s, left 0.3s ease 0s; width: 0; } .blog.inside-article header.entry-header:hover:after{width: 100%; left: 0;} /* .blog.inside-article .entry-header .entry-meta.cat-links a { font-weight: normal; color: #656565; text-decoration: underline; text-underline-position: under; } */ .blog.inside-article .entry-header .entry-meta.cat-links a:hover, .blog.inside-article .entry-header .entry-meta.cat-links a:focus {font-weight: normal; color: #111111;} .archive .entry-header h2 {padding: 10px 20px 20px 0px;} .archive .entry-header h2.entry-title {max-height: 53px; overflow: hidden; height: 53px;} h2.entry-title a {font-weight: normal; text-decoration: none;} /* NEWSLETTER SIDEBAR BLOG */ #block-4 .subscribe-newsletter-sidebar {background: var(--gray-color);} #block-4 .subscribe-newsletter-sidebar input#field_zt5g02 {border: none;box-shadow: none;border-bottom: 1px solid var(--primary-color);transition: 0.5s;background: transparent;} #block-4 .subscribe-newsletter-sidebar .with_frm_style .vertical_radio .frm_checkbox label {font-size:70%;} #block-4 .subscribe-newsletter-sidebar p.subscribe-text {font-size: 80%;} /*### END BLOG PAGE ###*/ /*BLOG ARCHIVE*/ /*SEARCH BAR*/ .search-blog { max-width: 600px; width: auto; margin-left: auto; margin-right: auto; margin-top: 30px; margin-bottom: 40px; } @media (max-width: 768px) { .search-blog {margin: 10px;} } .search-blog #ajaxsearchpro3_1, .search-blog #ajaxsearchpro3_2, .search-blog #ajaxsearchpro4_1, .search-blog div.asp_m.asp_m_3 {border-bottom: 1px solid #111111!important;} .single-post .inside-article h2 { font-size: 32px; line-height: 1.2; margin-bottom: 20px; color: #111111; } .single-post .inside-article h3 { font-size: 28px; } .single-post .inside-article h4 { font-size: 24px; line-height: 1.4; } .now-trending-slider article .inside-article, .category article .inside-article {border-bottom: 1px solid #e5e5e5; position: relative;} .now-trending-slider article .inside-article::after, .category article .inside-article::after { background: none repeat scroll 0 0 transparent; bottom: 0; content: ""; display: block; height: 1px; left: 50%; position: absolute; background: #000000; transition: width 0.3s ease 0s, left 0.3s ease 0s; width: 0; } .now-trending-slider article .inside-article:hover::after, .category article .inside-article:hover::after {width: 100%; left: 0;} .now-trending-slider .entry-summary p, .archive.category .entry-summary p { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } .archive.category .entry-summary{} .archive.category .entry-summary:not(:first-child){margin-top: 10px;} .archive.category .entry-header h2 {padding: 10px 20px 5px 0px;max-height: none;height: unset;margin-bottom: 0;} .archive.category .entry-summary p{margin-bottom: 10px; font-size: 90%;} .archive.category .entry-summary p.read-more-container a{background: transparent;color: #111;border: 1px solid #111;} .archive.category .entry-summary p.read-more-container a:hover{background: #111;color: #fff;} .blog .entry-header .cat-links {font-weight:normal; text-transform: uppercase; margin-bottom: 15px;display: block; color: #656565; font-size:13px;} .cat-links a {font-weight:normal; color: #656565; text-transform: uppercase;} .cat-links a:hover {} .post-image-above-header .no-featured-image-padding .inside-article .post-image{margin:0 -40px;} .now-trending-block h4.entry-title {min-height:75px;} .now-trending-block h4.entry-title, .blog h2.entry-title {font-size: 20px; font-weight: 500; text-transform: uppercase; line-height: 1.25; letter-spacing: 0.28px;} .now-trending-block h4.entry-title a, .blog h2.entry-title a { text-decoration: none; font-weight: normal;} .now-trending-block h4.entry-title a:hover, .blog h2.entry-title a:hover {color:#656565;} .now-trending-block .entry-header, .blog .entry-header, .archive .entry-header { background: #fff; margin-top: -50px; position: relative; padding: 20px 5px 0px 0px; margin-left: 0; max-width: 85%; } .archive.category .entry-header {padding: 0 5px 0 0;} .post-image {width: 100%; height: auto; display: block; position: relative; overflow: hidden; padding:0; margin:0;} .post-image img {width: 100%; height: 100%; object-fit: cover; -moz-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s; vertical-align: top;} .post-image:hover img {-moz-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);} /*SINGLE BLOG POST*/ .related-posts-block{margin-top:50px} .related-posts-block .related-post{padding: 0 25px;} .related-posts-block img{height:auto; width:100%;} .now-trending-block h3, .related-posts-block h3{text-align: center; margin-bottom: 25px;} .related-posts-block h4{text-transform: uppercase;font-size: 22px;letter-spacing: 1.5px;line-height: 24px;margin-top: 15px;} .related-posts-block a{color: #111111;} .related-posts-single h4 {letter-spacing: 0.003em; line-break: auto; line-height: 1.29em; font-size: 22px; font-weight: 300;} .related-posts-single .img-wrapper { position: relative; text-align: center; overflow: hidden; background-color: #111111; height: 400px; } .related-posts-single img { backface-visibility: hidden; height: auto; min-height: 100%; object-fit: cover; width: 100%; } @media screen and (min-device-width: 769px) and (max-device-width: 992px) { .related-posts-single .img-wrapper {height: 300px;} .related-posts-single h4 {font-size: 18px;} .now-trending-block h4.entry-title {font-size: 18px;} .now-trending-block .post-image {height:250px;} } @media (max-width: 768px) { .related-posts-single .img-wrapper {height: 250px;} .related-posts-block h3 {font-size: 24px;} .now-trending-block h4.entry-title {font-size: 18px;} .now-trending-block .post-image {height:250px;} } .social-box{display: none;} .social-box::before{content: "SHARE:";} .social-box{display: block; float: left;margin-top: 20px;} .social-btn { display: inline; } .social-btn a{ margin: 0 5px; } /*SINGLE POST TITLE*/ .single-post hr { background-color: transparent; line-height: 1em; position: relative; outline: 0; border: 0; color: #111111; text-align: center; height: 1.5em; opacity: .5; } .single-post hr:before { content: ''; background: linear-gradient(to right, transparent, #111111, transparent); position: absolute; left: 0; top: 50%; width: 100%; height: 1px; } .single-post hr:after { content: attr(data-content); position: relative; display: inline-block; color: #111111; padding: 0 .5em; line-height: 1.5em; color: #111111; background-color: #ffffff; } .single-post-title h1, .single-post-title h2 { font-style: normal; font-size: 60px; line-height: 72px; text-transform: none; max-width: 960px; margin: 0 auto; } .single-post-title .category { background: #fff; padding: 9px 15px 8px; border: 1px solid #111111; font-style: normal; font-weight: 400; font-size: 12px; text-transform: uppercase; line-height: 14px; letter-spacing: 2px; display: inline-block; text-decoration: none; margin-bottom: 30px; } .single-post-title .date-and-author { font-style: normal; font-weight: 400; font-size: 18px; line-height: 20px; margin-bottom: 25px; color: #111111; float: right; margin-top: 20px; } .single-post .addthis_inline_share_toolbox {margin-bottom: 30px;} .single-post span[style].at-icon-wrapper { background-color: #111111; border-radius: 25px; /*line-height: 52px!important; height: 32px!important; width: 32px!important;*/ } .single-post .addthis_inline_share_toolbox .at-icon-wrapper .at-icon { fill: rgb(255, 255, 255)!important; width: 28px!important; } /*SINGLE BLOG POST NOW TRENDING SECTION*/ .trends-card-cta-grid, .trending-grid-columns { display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; max-width: 100%; justify-content: space-between; } @media (max-width: 768px) { .trends-card-cta-grid, .trending-grid-columns {padding: 10px;} } .trending-grid-columns article { flex: 24% 0 0; position: relative; overflow: hidden; } /*TRENDS BLOG BLOCK SECTION*/ .trends-card-cta { flex: 33% 0 0; position: relative; overflow: hidden; margin: 0px; width: 100%; background-color: #111111; color: #ffffff; text-align: left; font-size: 16px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); } .trends-card-cta * { -webkit-transition: all 0.35s; transition: all 0.35s; -webkit-box-sizing: border-box; box-sizing: border-box; } .trends-card-cta img { min-width: 100%; vertical-align: top; height: 100%; -webkit-background-size: cover; background-size: cover; overflow: hidden; object-fit: cover; } .trends-card-cta figcaption { position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 20px; background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, transparent 100%); background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, transparent 100%); display: flex; flex-direction: column; justify-content: flex-end; } .trends-card-cta h3 { font-size: 30px; line-height: 1.2; letter-spacing: 1px; text-transform: uppercase; margin-top: 10px; margin-bottom: 20px; color: #ffffff; font-family: 'Montserrat', serif; } .trends-card-cta p { font-weight: 700; color: #ffffff; font-weight: 300; text-transform:uppercase; margin-bottom: 0px; } .trends-card-cta span { padding: 9px 15px 8px; background: rgba(0, 0, 0, 0.8); border: 1px solid #ffffff; color:#ffffff; line-height: 14px; width: fit-content; } .link-for-featured-block, .trends-card-cta a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .trends-card-cta:hover img { -webkit-transform: scale(1.1); transform: scale(1.1); } @media (min-width: 768px) { .trends-card-cta.page-trends { min-height: 450px; } } @media (min-width: 996px) { .trends-card-cta.page-trends { min-height: 550px; } } /* BLOG FIX IMAGE HEIGHT*/ /*.wp-block-columns*/ .single-post .wp-block-columns .wp-block-image figure { position: relative; overflow: hidden; height: 500px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .single-post .wp-block-columns .wp-block-image figure img { display: block; width: 100vw; height: 45vh;/*100vh*/ object-fit: cover; } /*RIGHT SIDE BAR TITLE*/ .yith-wcan-filters .filters-container h4, .ywcca_widget_container_style_3 h3.ywcca_widget_title, .inside-right-sidebar .popular-posts-block .widget-menu-title h3 { font-weight: 500!important; font-size: 18px!important; line-height: 1.2; text-transform: uppercase; } .inside-right-sidebar .popular-posts-block .widget-menu-title h3 { padding-bottom: 15px; } .inside-right-sidebar .popular-posts-block .widget-menu-title { border-bottom: 2px solid #e5e5e5; position: relative; } .inside-right-sidebar .popular-posts-block .widget-menu-title {margin-bottom: 20px;} .inside-right-sidebar .popular-posts-block .widget-menu-title::after { background: none repeat scroll 0 0 transparent; bottom: -1; content: ""; display: block; height: 2px; left: 0; position: absolute; background: #111111; transition: width 0.3s ease 0s, left 0.3s ease 0s; width: 20%; } /*### ADD SENSE SECTION ###*/ .adsbygoogle-wrapper { padding: 20px; background-color: #F8F8F8; text-align: center; } .adsbygoogle-wrapper.mb {margin-bottom: 30px} .adsbygoogle { position: relative; width: 100%; max-width: 1440px; overflow: hidden; padding-top: 0%; /* 16:9 Aspect Ratio */ margin: 0 auto!important; } .adsbygoogle iframe { position: absolute; top: 0px!important; left: 0px!important; bottom: 0px!important; right: 0px!important; width: 100%!important; height: 100%!important; border: none; } .adsbygoogle iframe ins { display: flex; justify-content: center; } /*Instagram feed*/ /*#sbi_images {padding: 0px!important;}*/ @media screen and (min-device-width: 769px) and (max-device-width: 992px) { .single-post-title h1, .single-post-title h2 {font-size: 34px; line-height: 41px;} .trending-grid-columns article {flex: 49% 0 0;} } @media (max-width:768px) { .single-post-title h1, .single-post-title h2 {font-size: 34px; line-height: 41px;} .trending-grid-columns article, .trends-card-cta { flex: 100% 0 0; width: 100%; max-height: 535px; } } /*.sidebar .widget {border-bottom: 1px solid #ededed;}*/ .sidebar .widget.widget_block.widget_search {padding-bottom: 35px;margin-bottom: 15px;/*border: 1px solid #e5e5e5;*/} /** 8.0 - Coverage **/ /*### COVERAGE PAGE ###*/ .coverage h1.entry-title { text-transform: uppercase; font-size: 48px; letter-spacing: .1em; font-family: 'Montserrat', serif; margin-top: 45px; text-align: center; } .max-width-960{max-width: 960px; margin: 0 auto;} h3.coverage-titles {text-transform: uppercase;text-align: center;margin:75px 50px 25px 50px;font-size:30px;} .grid-featured-magazines {display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 10px;max-width: 1440px;margin: 0 auto;} .grid-magazines {display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 10px; max-width: 1440px; margin:50px auto 0;} .magazine a{display: block;} .magazine figcaption{margin:0 auto;width:80%;text-align: center;position: relative;} .magazine figcaption h3{text-transform: uppercase;font-size: 90%;line-height: 1.5em; margin-bottom:0; padding: 10px 10px 0} .magazine figcaption a{font-size: 90%;text-transform: uppercase;display: inline-block;border-bottom: 1px solid;padding: 5px 10px 3px;} .grid-releases {display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 10px;max-width: 1440px;margin: 0 auto;} .grid-releases .magazine{background-color: #ededed;padding:0 0 20px} .grid-releases .magazine:first-child{grid-row: span 2 / auto;grid-column: span 2 / auto;} .grid-releases .magazine:first-child figcaption{margin-top: 65px;} .testimony-block{background: #efefef;margin: 50px 0;} .testimony {font-family: 'Bodoni Moda', serif;font-style: italic;font-size: 50px;line-height: 1.1em;margin: 0 auto;max-width: 1440px;padding: 50px 0;} .testimony .testimony-text{display: block} .testimony .testimony-person {display: block;text-align: right;margin-top:15px; font-size: 80%} .house-hommes {display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 100px;max-width:700px;margin: 50px auto;} .view-all {text-align: center;margin: 75px auto 50px;} .view-all .elementor-button.elementor-size-md {padding: 15px 100px;} @media (max-width: 768px) { body.coverage .max-width {font-size: 100%!important;} .grid-magazines {grid-template-columns: repeat(2, 1fr);} .testimony {font-size: 145%;padding:20px;} .grid-releases {grid-template-columns: repeat(2, 1fr);} .house-hommes {margin: 50px 20px;} .view-all {margin: 30px auto 30px;} h3.coverage-titles {margin: 20px 50px 25px;} } @media (max-width: 1450px) { span.testimony-person, span.testimony-text { width: 90%; margin: 0 auto; } span.testimony-text { margin-top: 20px; } .grid-releases { margin: 0 20px; } } /* .press-coverage button.slick-prev:before, .press-coverage button.slick-next:before {color: #656565;} ul.coverage-magazine{display: grid; grid-gap: 20px;margin: 0;grid-template-columns: repeat(4,minmax(0,1fr));list-style: none outside; max-width: 1440px; margin: 0 auto; padding-top: 50px; padding-bottom: 50px;} ul.coverage-magazine li:nth-child(1), ul.coverage-magazine li:nth-child(2) {margin-bottom: 100px;} ul.coverage-magazine li {width: auto;margin-left: 0;margin-right: 0;margin-bottom: 30px;display: block;flex-direction: column;} ul.coverage-magazine li:nth-child(1), ul.coverage-magazine li:nth-child(2) {grid-column: auto / span 2;} ul.coverage-magazine li:nth-child(1) figcaption h3, ul.coverage-magazine li:nth-child(2) figcaption h3 {min-height: 20px;} ul.coverage-magazine li figure {position: relative;} ul.coverage-magazine li figcaption {max-width: 70%; margin: 15px auto 0 auto;} ul.coverage-magazine li figcaption h3 { font-size: 14px; font-weight: 400; margin-bottom: 5px; text-transform: uppercase; color: #111111; min-height: 50px; text-align: center; } ul.coverage-magazine li figcaption p {margin-bottom: 0px;} ul.coverage-magazine li figcaption a:hover.badge-item.white-bg {background-color: #111111; color: #ffffff;} ul.coverage-magazine li figcaption div { padding: 10px 0px; display: flex; flex-direction: row; justify-content: center; align-items: center; font-size: 13px; text-transform: uppercase; } ul.coverage-magazine li figcaption a {color: #656565;} ul.coverage-magazine li figcaption a i {-webkit-text-stroke: 1px #ffffff;} ul.coverage-magazine li figcaption a:hover {color: #111111;} ul.coverage-magazine figcaption {border-bottom: 1px solid #e5e5e5;} ul.coverage-magazine figcaption:after { bottom: 0; content: ""; display: block; height: 1px; left: 50%; position: absolute; background: #000000; transition: width 0.3s ease 0s, left 0.3s ease 0s; width: 0; } ul.coverage-magazine li:hover figcaption:after{ width: 100%; left: 0;} .magazine-cover { position: relative; height: 300px; overflow: hidden; } ul.coverage-magazine li:nth-child(1) .magazine-cover, ul.coverage-magazine li:nth-child(2) .magazine-cover {height: 700px;} .magazine-cover img { backface-visibility: hidden; height: auto; width: 100%; object-fit: cover; } @media (min-width:769px) and (max-width:992px) { ul.coverage-magazine {grid-template-columns: repeat(6,minmax(0,1fr));max-width: 100%; padding-top: 30px; padding-bottom: 30px;} ul.coverage-magazine li {grid-column: auto / span 3; margin-bottom: 30px;} ul.coverage-magazine li:nth-child(1), ul.coverage-magazine li:nth-child(2) { grid-column: auto / span 3; margin-bottom: 30px;} ul.coverage-magazine li figcaption h3 {font-size: 1em;} ul.coverage-magazine li:nth-child(1) .magazine-cover, ul.coverage-magazine li:nth-child(2) .magazine-cover, ul.coverage-magazine li .magazine-cover {height: 350px;} ul.coverage-magazine li:nth-child(1) figcaption h3, ul.coverage-magazine li:nth-child(2) figcaption h3 {min-height: 55px;} ul.coverage-magazine li figcaption h3 {min-height: 55px;} } @media (max-width:767px){ ul.coverage-magazine {grid-template-columns: repeat(1,minmax(0,1fr))!important;max-width: 100%; padding-top: 30px; padding-bottom: 30px;} ul.coverage-magazine li:nth-child(1), ul.coverage-magazine li:nth-child(2) {grid-column: span 1; margin-bottom: 10px;} ul.coverage-magazine li img {padding: 0px 15px;} ul.coverage-magazine li:nth-child(1) .magazine-cover, ul.coverage-magazine li:nth-child(2) .magazine-cover, ul.coverage-magazine li .magazine-cover {height: 300px;} ul.coverage-magazine li:nth-child(1) figcaption h3, ul.coverage-magazine li:nth-child(2) figcaption h3, ul.coverage-magazine li figcaption h3 {min-height: 20px;} } */ /*### END COVERAGE PAGE ###*/ /** 9.0 - Shop the look **/ /*### PAGE SHOP THE LOOK ###*/ .yith-infs-button-wrapper { width: 100%; margin-top: 20px; } /**9.1 - Menu Categorias**/ .post-type-archive-room-by-room div.elementor-container.elementor-column-gap-no {min-height:0px!important;} .tapis-looks-cta .elementor-cta__button.elementor-button {padding: 0px 0px 0px 0px; line-height: 1rem; border: none!important; opacity: 0; text-decoration: underline; text-underline-position: underline;} .tapis-looks-cta:hover .elementor-cta__button.elementor-button {opacity: 1;} .tapis-looks-cta .elementor-cta__content-item, .tapis-looks-cta .elementor-cta--skin-cover .elementor-cta__content-item .elementor-icon {margin-bottom: 0px;} @media screen and (max-width : 768px){ .single-room-by-room .lookbook-cta .elementor-button {padding: 10px 12px; font-size: 12px;} .single-room-by-room .lookbook-cta .elementor-widget-container h3 {min-height: 33px;} } .menu-inspirations-collections-menu-container, .menu-shop-the-look-menu-container { display: block; width: 100%; background: #ffffff; line-height: 1.6em; font-weight: 400; text-align: center; position: relative; /*border-bottom: 1px solid #e5e5e5;*/ margin-bottom: 30px; } .collection .menu-inspirations-collections-menu-container{display: none;} .menu-inspirations-collections-menu-container ul, .menu-shop-the-look-menu-container ul { background: transparent; position: static; box-shadow: none; text-align: center; margin: 0; list-style: none; } .menu-inspirations-collections-menu-container li, .menu-shop-the-look-menu-container li {display: inline-block;} .menu-inspirations-collections-menu-container a, .menu-shop-the-look-menu-container a{ display: inline-block; padding: 0 1em; width: auto; color: #212529; text-transform: uppercase; font-weight: 300; font-size: 15px; text-decoration: none; height: 40px; line-height: 40px; } .menu-inspirations-collections-menu-container li.current-menu-item, .menu-shop-the-look-menu-container li.current-menu-item { background: transparent; color: #111111; font-weight: 500; box-shadow: inset 0 -2px 0 #111111; } .menu-inspirations-collections-menu-container li:hover, .menu-shop-the-look-menu-container li:hover { background: transparent; color: #656565; font-weight: 500; box-shadow: inset 0 -2px 0 #e5e5e5; } .menu-inspirations-collections-menu-containe li.current-menu-item a, .menu-inspirations-collections-menu-container li.current-menu-item a:hover, .menu-shop-the-look-menu-container li.current-menu-item a, .menu-shop-the-look-menu-container li.current-menu-item a:hover {color: #111111;} .menu-inspirations-collections-menu-container a:hover, .menu-shop-the-look-menu-container a:hover {color: #656565;} .menu-inspirations-collections-menu-container li ul, .menu-shop-the-look-menu-container li ul {display: none;} .menu-inspirations-collections-menu-container li ul li, .menu-shop-the-look-menu-container li ul li {display: block; float: none;} .menu-inspirations-collections-menu-container li ul li a, .menu-shop-the-look-menu-container li ul li a { width: auto; min-width: 100px; padding: 0 20px; } .menu-inspirations-collections-menu-container .show-menu, .menu-shop-the-look-menu-container .show-menu { text-decoration: none; color: #111111; background: #ffffff; border-bottom: 1px solid #111111; text-align: left; padding: 10px 15px; display: none; cursor: pointer; text-transform: uppercase; } .menu-inspirations-collections-menu-container .show-menu span, .menu-shop-the-look-menu-container .show-menu span{padding-left: 0px;} .menu-inspirations-collections-menu-container input[type=checkbox], .menu-shop-the-look-menu-container input[type=checkbox]{display: none;} .menu-inspirations-collections-menu-container input[type=checkbox]:checked ~ #inspirations-collections-menu .menu-shop-the-look-menu-container input[type=checkbox]:checked ~ #menu-shop-the-look-menu{display: block;} @media screen and (max-width : 800px){ .menu-inspirations-collections-menu-container .lines, .menu-shop-the-look-menu-container .lines { width: 16px; height: 16px; background: url('data:image/svg+xml;utf8,Chevron Down') no-repeat center center; padding-top: 10px; padding-right: 15px; float: right; fill:#111111; color:#111111; } .menu-inspirations-collections-menu-container ul, .menu-shop-the-look-menu-container ul {position: static; display: none;} .menu-inspirations-collections-menu-container li, .menu-shop-the-look-menu-container li {margin-bottom: 1px;} .menu-inspirations-collections-menu-container ul li, .menu-shop-the-look-menu-container ul li, .menu-inspirations-collections-menu-container li a, .menu-shop-the-look-menu-container li a {width: 100%;} .menu-inspirations-collections-menu-container .show-menu, .menu-shop-the-look-menu-container .show-menu {display:block;} } /*Fim Menu Categorias*/ /** 9.2 - Highlights section**/ /*Bloco destaques Slideshow*/ .stl-slide { position: relative; display: inline-block; overflow: hidden; width: 100%; font-size: 16px; background-color: #fff; color: #111111; line-height: 1.2em; text-align: center; border-bottom: 1px solid #e5e5e5; } .home-shop-interiors-slider .stl-slide{ width: 31%; } .stl-slide *, .stl-slide *:before, .stl-slide *:after { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; } .stl-slide:after { background: none repeat scroll 0 0 transparent; bottom: 0; content: ""; display: block; height: 1px; left: 50%; position: absolute; background: #000000; transition: width 0.3s ease 0s, left 0.3s ease 0s; width: 0; } .stl-slide:hover:after{ width: 100%; left: 0; } .stl-slide .figure { position: relative; color: #fff; text-align: center; overflow: hidden; background-color: #111111; height:450px; } @media (max-width:1200px){ .home-shop-interiors-slider .stl-slide{ width: 31%; } }@media (max-width:996px){ .home-shop-interiors-slider .stl-slide{ width: 47%; } } @media (max-width:768px){ .stl-slide .figure {height: 250px;} } .stl-slide img { backface-visibility: hidden; height: 100%!important; object-fit: cover; width: calc(120%); max-width: calc(120%) !important; -webkit-transform: translate(-25px); transform: translate(-25px); } .stl-slide figcaption { position: absolute; top: 50%; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding: 5px 40px; opacity: 0; } .stl-slide figcaption p { font-weight: 400; margin: 0; font-size: 0.9em; color: #ffffff; text-transform:uppercase; text-decoration: underline; text-underline-position: under; font-family: 'Montserrat'; } .stl-slide:hover img { zoom: 1; filter: alpha(opacity=30); -webkit-opacity: 0.3; opacity: 0.3; -webkit-transform: translateX(0px); transform: translateX(0px); } .stl-slide:hover figcaption { -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 1; } /*.stl-slide .desc {padding:10px;}*/ .stl-slide .desc { background: #fff; margin-top: -50px; position: relative; padding: 10px 5px 10px 5px; margin-left: auto; margin-right: auto; max-width: 85%; } .stl-slide h3 { text-transform: uppercase; font-size: 14px; letter-spacing: 0.28px; font-weight: 400; margin: 10px 0 0; min-height: 43px; text-align: center; display: flex; justify-content: center; align-items: center; } .post-type-archive-room-by-room .stl-slide h3 { font-family: Montserrat, serif; font-size: 15px; font-weight: 400; } div.stl-slide a { left: 0; right: 0; top: 0; bottom: 0; position: absolute; } /*End Bloco destaques Slideshow*/ /* .shop-look-slider .stl-card {height: 450px;} .shop-look-slider div.stl-card figcaption { left:10%; right: 10%; } */ .masonry-load-more{text-align: center;} .archive.category .masonry-load-more { display: block; text-align: center; margin-left: auto; margin-right: auto; } .post-type-archive-room-by-room .masonry-load-more, .post-type-archive-collection .masonry-load-more, .archive.tax-categories-room-by-room .masonry-load-more, .archive.tax-products-by-gift .masonry-load-more, .archive.tax-products-room-by-room .masonry-load-more {display: none;} @media screen and (min-device-width: 319px) and (max-device-width: 768px) { .shop-look-slider div.stl-card figcaption {left:10px; right: 10px;} .shop-look-slider div.stl-card h2 {font-size: 18px;} } @media screen and (min-device-width: 769px) and (max-device-width: 992px) { .post-type-archive-room-by-room .site-content, .post-type-archive-collection .site-content {padding: 0px 45px 20px 40px;} .single-room-by-room div.stl-card figcaption, .shop-look-slider div.stl-card figcaption {left:40px; right: 40px;} .single-room-by-room .stl-slide .figure, .post-type-archive-room-by-room .stl-slide .figure, .post-type-archive-collection .stl-slide .figure {max-height: 240px;} .single-get-look .slick-slide, .post-type-archive-collection .slick-slide, .post-type-archive-room-by-room .slick-slide { padding: 10px;} } .stl-destaque { display: flex; flex-wrap: wrap; justify-content: space-between; } .post-type-archive-room-by-room .slick-slide, .post-type-archive-collection .slick-slide {padding: 10px;} .single-room-by-room .slick-slide {padding: 10px;} .shop-look-slider .slick-slide {padding: 10px;} @media (max-width:768px) { .shop-look-slider .slick-slide, .single-room-by-room .slick-slide, .post-type-archive-room-by-room .slick-slide, .post-type-archive-collection .slick-slide {margin: 5px; padding: 0px;} .single-room-by-room .stl-slide .desc, .post-type-archive-room-by-room .stl-slide .desc, .post-type-archive-collection .stl-slide .desc {padding: 5px;} /*.post-type-archive-room-by-room .stl-slide .figure {max-height: 150px;}*/ .single-room-by-room .stl-slide figcaption, .post-type-archive-room-by-room .stl-slide figcaption, .post-type-archive-collection .stl-slide figcaption {padding: 5px 2px;} .single-room-by-room .stl-slide figcaption span, .post-type-archive-room-by-room .stl-slide figcaption span, .post-type-archive-collection .stl-slide figcaption span {display: none;} } .stl-card { flex: 0 49%; margin-bottom: 2%; color: #fff; position: relative; overflow: hidden; max-width: 100%; width: 100%; background: #111111; text-align: left; } .stl-card * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; } div.stl-card img { opacity: 0.6; width: 100%; vertical-align: top; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } div.stl-card:hover img {opacity: 0.3;} div.stl-card figcaption { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; } div.stl-card figcaption > div { height: 50%; overflow: hidden; width: 100%; position: relative; } div.stl-card h2, div.stl-card h3 { font-family: Montserrat, sans-serif; margin: 0; position: absolute; left: 0; padding: 0 30px; text-transform: uppercase; color:#ffffff; } div.stl-card h2 { font-weight: 400; font-size: 24px; top: 0; } div.stl-card h3 { font-size: 16px; bottom: 0; font-weight: 300; } div.stl-card p { font-family: Montserrat, sans-serif; position: absolute; left: 0; padding: 30px 30px; opacity: 1; overflow:hidden; max-width: 95%; /*white-space: pre-wrap; word-wrap: normal;*/ } div.stl-card .line-clamp { word-break: break-word; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; max-height: 100px; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } div.stl-card p:nth-of-type(2) { opacity: 0; -webkit-transform: translateY(150%); transform: translateY(150%); } div.stl-card:hover figcaption p:first-of-type { -webkit-transform: translateY(150%); transform: translateY(150%); opacity: 0; } div.stl-card:hover figcaption p:nth-of-type(2) { opacity: 1; -webkit-transform: translateY(0%); transform: translateY(0%); text-decoration:underline; text-underline-position: under; text-transform:uppercase; } div.stl-card a { left: 0; right: 0; top: 0; bottom: 0; position: absolute; } @media (max-width:767px){ .stl-card {flex: 1;} } .post-type-archive-room-by-room.separate-containers .inside-article, .post-type-archive-collection.separate-containers .inside-article, .single-collection.separate-containers .inside-article, .single-collection .entry-header, .tax-categories-room-by-room.separate-containers .inside-article {padding: 0px;} .single-collection .entry-content:not(:first-child){margin: 0;} .single-collection.separate-containers .site-main {margin: 0 20px;} /*END Highlights section*/ /** 9.3 - Page blocks**/ .tax-categories-room-by-room .stl-grid, .post-type-archive-room-by-room .stl-grid, .post-type-archive-collection .stl-grid { /* display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; max-width: 100%; justify-content: center; margin: 50px 0; */ display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; max-width: 100%; justify-content: left; margin: 50px 10px; } .tax-categories-room-by-room .stl-grid{justify-content: left;} .tax-categories-room-by-room article.room-by-room, .post-type-archive-room-by-room article.room-by-room, .post-type-archive-collection article.collection { font-family: Montserrat, sans-serif; line-height: 1.5em; flex: 31.5% 0 0; box-sizing: border-box; margin: 10px; justify-content: space-between; } @media(max-width: 768px){ .post-type-archive-collection .stl-grid{ margin: 50px 15px; gap: 15px; } .post-type-archive-collection article.collection{ margin: 0; } } article.single-room-by-room {margin: 0px!important;} @media screen and (min-device-width: 319px) and (max-device-width: 768px) { .tax-categories-room-by-room article.room-by-room, .post-type-archive-room-by-room article.room-by-room, .post-type-archive-collection article.collection { flex: 44%;/*100%*/ } } @media screen and (min-device-width: 769px) and (max-device-width: 992px) { .tax-categories-room-by-room article.room-by-room, .post-type-archive-room-by-room article.room-by-room { flex: 47.2% 0 0; } .post-type-archive-collection article.collection { flex: 44.2% 0 0; } } .tax-categories-room-by-room article.room-by-room, .post-type-archive-room-by-room article.room-by-room, .post-type-archive-collection article.collection { position: relative; border-bottom: 1px solid #e5e5e5; } .tax-categories-room-by-room article.room-by-room:after, .post-type-archive-room-by-room article.room-by-room:after, .post-type-archive-collection article.collection:after { background: none repeat scroll 0 0 transparent; bottom: 0; content: ""; display: block; height: 1px; left: 50%; position: absolute; background: #000000; transition: width 0.3s ease 0s, left 0.3s ease 0s; width: 0; } .tax-categories-room-by-room article.room-by-room:hover:after, .post-type-archive-room-by-room article.room-by-room:hover:after, .post-type-archive-collection article.collection:hover:after { width: 100%; left: 0; } .tax-categories-room-by-room article.room-by-room *, .post-type-archive-room-by-room article.room-by-room *, .post-type-archive-collection article.collection * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; } .tax-categories-room-by-room article.room-by-room .post-image, .post-type-archive-room-by-room article.room-by-room .post-image, .post-type-archive-collection article.collection .post-image { position: relative; color: #fff; text-align: center; background-color: #111111; margin: 0!important; display: flex; justify-content: center; height: 450px; overflow: hidden; } .tax-categories-room-by-room article.room-by-room .post-image img .post-type-archive-room-by-room article.room-by-room .post-image img, .post-type-archive-collection article.collection .post-image img { flex: none; height: 100%; object-fit: cover; max-width: calc(120%)!important; backface-visibility: hidden; vertical-align: bottom; width: calc(120%); -webkit-transform: translate(-40px); transform: translate(-40px); position: absolute; left: 0; bottom: 0; } .tax-categories-room-by-room article.room-by-room .post-image figcaption, .post-type-archive-room-by-room article.room-by-room .post-image figcaption, .post-type-archive-collection article.collection .post-image figcaption { position: absolute; top: 50%; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding: 5px 40px; opacity: 0; } .tax-categories-room-by-room article.room-by-room figcaption p, .post-type-archive-room-by-room article.room-by-room figcaption p, .post-type-archive-collection article.collection figcaption p { font-weight: 400; margin: 0; font-size: 0.9em; color: #ffffff; text-transform:uppercase; text-decoration: underline; text-underline-position: under; } .tax-categories-room-by-room article.room-by-room figcaption p a, .tax-categories-room-by-room article.room-by-room figcaption p a:hover, .post-type-archive-room-by-room article.room-by-room figcaption p a, .post-type-archive-collection article.collection figcaption p a, .post-type-archive-room-by-room article.room-by-room figcaption p a:hover, .post-type-archive-collection article.collection figcaption p a:hover {color: #ffffff;} .tax-categories-room-by-room article.room-by-room:hover .post-image img, .post-type-archive-room-by-room article.room-by-room:hover .post-image img, .post-type-archive-collection article.collection:hover .post-image img { zoom: 1; filter: alpha(opacity=30); -webkit-opacity: 0.3; opacity: 0.3; -webkit-transform: translateX(0px); transform: translateX(0px); } .tax-categories-room-by-room article.room-by-room:hover figcaption, .post-type-archive-room-by-room article.room-by-room:hover figcaption, .post-type-archive-collection article.collection:hover figcaption { -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 1; } /* .post-type-archive-room-by-room article.room-by-room .entry-header { margin-top: 0; margin-bottom: 0; background-color: transparent; max-width: 100%; border:none; padding: 10px 10px 0px 10px; } */ .tax-categories-room-by-room article.room-by-room .entry-header, .post-type-archive-room-by-room article.room-by-room .entry-header, .post-type-archive-collection article.collection .entry-header { background: #fff; margin-top: -50px; position: relative; padding: 10px 5px 10px 5px; margin-left: auto; margin-right: auto; max-width: 85%; } .tax-categories-room-by-room article.room-by-room .entry-header h2, .post-type-archive-room-by-room article.room-by-room .entry-header h2, .post-type-archive-collection article.collection .entry-header h2 { text-transform: uppercase; font-size: 15px; font-weight: 400; padding: 10px; min-height: 60px; text-align: center; display: flex; justify-content: center; align-items: center; } .tax-categories-room-by-room article.room-by-room .entry-header h2 a, .post-type-archive-room-by-room article.room-by-room .entry-header h2 a, .post-type-archive-collection article.collection .entry-header h2 a {color: #000000;} .tax-categories-room-by-room article.room-by-room .entry-summary{display: none;} .post-type-archive-room-by-room article.room-by-room .entry-summary {margin: 10px 0 10px 0!important;} .post-type-archive-room-by-room article.room-by-room .loop-look-cat{ display: flex; justify-content: center; text-transform: uppercase; font-size: 13px; min-height: 20px; }.post-type-archive-collection article.collection .entry-summary, .post-type-archive-collection article.collection .loop-look-cat{ display: none; } .post-type-archive-room-by-room article.room-by-room .loop-look-cat a, .post-type-archive-collection article.collection .loop-look-cat a{color: #656565;} .post-type-archive-room-by-room article.room-by-room .loop-look-cat a:hover, .post-type-archive-collection article.collection .loop-look-cat a:hover{color: #111111;} .post-type-archive-room-by-room article.room-by-room .entry-summary p, .post-type-archive-collection article.collection .entry-summary p { text-align: center; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; display: none; } @media(max-width: 768px){ .post-type-archive-collection article.collection .post-image { height: 250px; } .post-type-archive-collection article.collection .post-image img { -webkit-transform: translate(-31px); transform: translate(-31px); } .shop-look-slider { display: flex; flex-wrap: wrap; justify-content: space-between; } .shop-look-slider > div { width: 48%; } .shop-look-slider > div.slick-track { width: 100%; } } /*END Page blocks*/ /*Pages single shop the look*/ .single-room-by-room .inside-article header {display: none;} /*### END PAGE SHOP THE LOOK ###*/ /** 10.0 - Ebooks **/ /*Ebooks Page*/ .ebooks .site-main>*, .ebooks.separate-containers .site-main {margin: 0;} .room-room-by-room .page-hero {background-position: center;} .room-room-by-room .title-wrapper {padding-top: 20px;} .room-room-by-room .title-wrapper h1 {margin-bottom: 10px;} .room-tapis-looks .title-wrapper h2 { font-size: 18px; font-weight: normal; text-transform: none; font-style: normal; text-decoration: none; line-height: 29px; letter-spacing: 9.5px; } @media (max-width:992px) { .room-tapis-looks .title-wrapper {padding-left: 25px; padding-right: 25px;} } @media (max-width:768px) { .room-tapis-looks .title-wrapper {padding-left: 20px; padding-right: 20px;} .room-tapis-looks .title-wrapper h2 {font-size: 16px; line-height: 16px; letter-spacing: .5px;} .room-tapis-looks .title-wrapper p {font-size: 14px;} } .cd-gallery.inspirations-page{ margin-top: 30px;} .cd-gallery li.mix.tapis-looks{border-bottom: solid 1px #e5e5e5;} .inspirations-page header.entry-header {height: 115px; display: flex;justify-content: center;} .custom.inspirations .cd-gallery.inspirations-page li {margin-top: 20px} @media (max-width:768px) { .custom.inspirations .cd-gallery.inspirations-page li { width: 100%; display: none; } } .cd-gallery li.mix { border-bottom: solid 1px #e5e5e5;} ul.ebooks-cta_btn { display: grid; grid-gap: 0px; margin: 0; grid-template-columns: repeat(1,minmax(0,1fr)); list-style: none outside; padding-top: 10px; } ul.ebooks-cta_btn li.ebooks-cta-columns { width:auto; margin:0; display:block; flex-direction:column; /*border-bottom: solid 1px #e5e5e5;*/ } ul.ebooks-cta_btn li.ebooks-cta-columns a{cursor: pointer;} ul.ebooks-cta_btn li.ebooks-cta-columns a.disable { cursor: not-allowed; pointer-events: none; color: #e5e5e5; } ul.ebooks-cta_btn li.ebooks-cta-columns:after { display:block; content: ''; border-bottom: solid 1px #03f70c; transform: scaleX(0); transition: transform 250ms ease-in-out; padding-top: 10px; padding-bottom: 10px; } ul.ebooks-cta_btn li.ebooks-cta-columns:hover:after{transform: scaleX(1);} ul.ebooks-cta_btn li.ebooks-cta-columns a {text-transform: uppercase;} ul.ebooks-cta_btn li.ebooks-cta-columns div, ul.ebooks-cta_btn li.ebooks-cta-columns .with_frm_style fieldset { padding: 0px; margin: 0px; } ul.ebooks-cta_btn li.ebooks-cta-columns button.ebook-registred-download { background-color: transparent; border: none!important; padding: 0px; margin: 0px 0px 0px 10px; color: #111111; font-weight: 300; font-size: 15px; text-transform: uppercase; text-shadow: none!important; box-shadow: none!important; } ul.ebooks-cta_btn li.ebooks-cta-columns button:hover.ebook-registred-download { background-color: transparent; border:none; padding: 0px; color: #666666; } .ebook-view::before, .frm_download-catalogue::after, .ebook-registred-download::after, .ebook-download::after { font-family: "eicons"; font-weight: normal; font-size: 15px; } .ebook-view::before {content: "\e8ed"; margin-right: 10px;} .ebook-registred-download::after, .frm_download-catalogue::after, .ebook-download::after {content: "\e880"; margin-left: 10px;} .cd-gallery p { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; min-height: 75px; } @media (max-width:767px) { .cd-gallery p {min-height: auto;} } /*Ebooks form Title*/ #form_form-ebook-download h1 { font-size: 24px; text-transform: uppercase; font-weight: 300; text-align: center; margin-bottom: 2rem; } #form_form-ebook-download h1 span {font-weight: 600;} #field_custom-product-name_label, #field_pdf-book-name_label{ color: #111111; font-size: 24px; text-transform: uppercase; font-weight: 300; text-align: center; font-size: 18px; } #field_custom-product-name, #field_pdf-book-name { font-size: 24px; text-transform: uppercase; font-weight: 600; text-align: center; margin-bottom: 1rem; color: #111; border: medium none; box-shadow: none; } .overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); transition: opacity 500ms; visibility: hidden; opacity: 0; z-index: 999; } .overlay:target { visibility: visible; opacity: 1; } .overlay .popup { position: absolute; top: 50%; left: 50%; width:640px; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 90%; height: 95%; padding: 15px 0; background: transparent; border-radius: 0.25em; overflow: hidden; text-align: center; z-index: 103; } .overlay .popup .content { margin: 0px; padding: 0px; position: relative; } .overlay .close { position: absolute; top: 0px; right: 0px; width: 55px; height: 55px; cursor: pointer; background-color: #111111; opacity: 0.9; z-index: 200; } .overlay .close:hover {opacity: 1;} .overlay .close .lr { z-index: 1051; width: 2px; height: 25px; margin-left: 28px; margin-top: 13px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); background-color: #ffffff; } .overlay .close .lr .rl { z-index: 1052; width: 2px; height: 25px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); background-color: #ffffff; } /* .overlay .slick-track {display: flex !important; justify-content: center; align-items: center;} .overlay .slick-slide {height: inherit !important;} .overlay .slick-slide img {height: 100vh; width: auto; margin-left: auto; margin-right: auto;} */ .overlay .slick-dotted.slick-slider, #popup1 .slick-dotted.slick-slider {margin-bottom: 0;} .overlay .slick-prev, .overlay .slick-next { top: 50%; z-index: 10; width: 50px; height: 50px; overflow: hidden; border: 0; background-color: #111111; background-position: center; background-repeat: no-repeat; cursor: pointer; opacity: 0.9; transform: translateY(-50%); transition: all 0.25s ease; } .overlay .slick-prev:hover, .overlay .slick-prev:focus { outline: none; background: transparent; color: transparent; } .overlay .slick-prev.slick-prev:hover:before, .overlay .slick-prev:focus:before {opacity:1;} .overlay .slick-prev:hover, .overlay .slick-next:hover, .overlay .slick-prev:focus, .overlay .slick-next:focus {opacity:1; background-color: #111111;} .overlay .slick-prev:before, .overlay .slick-next:before { font-family: "Font Awesome 5 Free"; font-size: 20px; line-height: 1; color: #ffffff; opacity: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 900; } .overlay .slick-prev:before {content: "\f053";} .overlay .slick-next:before {content: "\f054";} .overlay .slick-slide img { height: auto; width: 100%; position: relative; z-index: 100; padding: 0px; -webkit-background-size: cover; background-size: cover; } .overlay .magazine-cover {display: flex;} .overlay .slick-track {will-change: transform;} .overlay .slick-list { overflow: hidden; will-change: transform; } .overlay .slick-slide { padding: 10px; margin: 20px; filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.1)); } .overlay .slick-prev {left:0;} .overlay .slick-next {right:0;} .overlay .slick-dots {display: none;} /* .overlay .slick-prev::before, .overlay .slick-next::before {color: #ffffff;} .overlay button.slick-arrow, #popup1 button.slick-arrow {background-color: transparent;} */ @media (max-width: 768px) { .overlay .popup{width: 90%;} .overlay .slick-slide img {height: 100%;} .overlay .popup {top: 60%!important;} } /*End Ebooks form Title*/ /** 11.0 - Professional Area **/ /*## PROFESSIONAL AREA PAGE ##*/ .social-ach a svg {fill: #FFFFFF!important; color: #FFFFFF;} .social-ach a:hover svg {fill: #656565!important; color: #656565;} /*## END PROFESSIONAL AREA PAGE ##*/ /** 12.0 - search results **/ .search-results h1.page-title { font-size: 24px; line-height: 30px; font-weight: 400; text-transform: uppercase; } .search-results .page-header { border-bottom: 1px solid #e5e5e5; margin-bottom: 2em; } .search-results .inside-article { position: relative; border-bottom: 1px solid #cfcfcf; padding: 0px; margin: 20px; } .search-results .inside-article:after { background: none repeat scroll 0 0 transparent; bottom: 0; content: ""; display: block; height: 1px; left: 50%; position: absolute; background: #000000; transition: width 0.3s ease 0s, left 0.3s ease 0s; width: 0; } .search-results .inside-article:hover:after { width: 100%; left: 0; } .search-results .inside-article h2.entry-title { font-size: 16px; text-transform: uppercase; line-height: 1.2; margin: 20px 0 0px 0; letter-spacing: .28px; text-align: center; min-height: 30px; } .search-results .inside-article .entry-title a {color:#000000;} .search-results .inside-article .entry-content:not(:first-child), .search-results .inside-article .entry-summary:not(:first-child), .search-results .inside-article .page-content:not(:first-child) {margin-top: 0px;} .search-results .inside-article p { overflow: hidden; min-height: 40px; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-bottom: 10px; } .search-results .inside-article .post-image {background: linear-gradient(145deg, rgba(245,243,239,1) 0%, rgba(225,224,220,1) 100%);} .search-results .inside-article p.read-more-container {text-align: center;} .search-results .yith-infs-button-wrapper { margin-left: auto; margin-right: auto; text-align: center; margin-bottom: 10px; } .search-results .inside-article figcaption{display: none;} @media (max-width:768px){ .search-results .inside-article p { min-height: auto; -webkit-line-clamp: 5; } } /** end search results **/ /*## CONTACT PAGE ##*/ #frm_form_8_container .frm_submit button{background: #fff; color: #111; border: 1px solid #fff;} #frm_form_8_container .frm_submit button:hover{background: #fff; color: #03f70c; border: 1px solid #03f70c;} /*## COOKIE INFO ##*/ .custom .cli-switch input:checked + .cli-slider {background-color: #111111;} .custom .cli-tab-footer .wt-cli-privacy-accept-btn {background-color: #111111;} .custom .cli-style-v2 .cli-bar-message {width: 100%;padding-right: 9%;} .custom .cli-bar-message br{display: none;} .custom .cli-bar-container.cli-style-v2 {justify-content:left;flex-direction:initial;} .custom #cookie-law-info-bar{z-index: 9999999999;} .custom #cookie-law-info-bar[data-cli-style=cli-style-v2]{padding:10px;} .custom .cli-style-v2 {font-size: 12px!important;font-weight: 300 !important;} @media (max-width:768px){ .custom .cli-style-v2 {font-size:10px!important;} .custom .cli-style-v2 .cli-bar-message {text-align: center;padding-right: 0;} .custom .cli-bar-container.cli-style-v2 {flex-direction: column;} .cli-bar-container.cli-style-v2 br{display: none;} } .custom .cky-box-bottom-left { bottom: 20px; left: 20px; } .custom .cky-consent-container .cky-consent-bar { background: #ffffff; border: 1px solid; padding: 15px 15px; border-radius: 6px; } .custom .cky-notice .cky-title { font-size: 14px; } .custom .cky-notice-des *, .cky-preference-content-wrapper *, .custom .cky-accordion-header-des *, .custom .cky-gpc-wrapper .cky-gpc-desc * { font-size: 12px; } .custom .cky-btn { font-size: 12px; line-height: 20px; padding: 8px; } /** 13.0 - Newsletter **/ /*TESTE HOUSE*/ .newsletter-2 {position: relative;} .newsletter-2 .newsletter-content { z-index: 10; position:absolute; top:30em; left:50%; transform:translate(-50%, -50%); width:100%; } .newsletter-2 .wp-block-group__inner-container {padding: 0px;} .newsletter-2 .frm_checkbox label a, .newsletter-policy a {color: #ffffff;} .newsletter-2 .frm_checkbox label a:hover, .newsletter-policy a:hover {color:#efefef;} .newsletter-2 .frm_checkbox label {color:#ffffff;} .newsletter-2 .wp-block-columns {margin-bottom: 0px;} .newsletter-2 .footer-subscribe-section, .newsletter-2 .footer-subscribe-title {display: none;} .newsletter-2 .frm_style_formidable-style.with_frm_style .frm_submit button {background-color: transparent; color: none; border-bottom: 1px solid #ffffff; border-top: none; border-left: none; border-right: none;} .newsletter-2 .frm_style_formidable-style.with_frm_style .frm_submit button:hover {background-color: transparent; color: #111111; border: none;} /*FIM TESTE HOUSE*/ .newsletter {position: relative;} .newsletter .newsletter-content { z-index: 10; position: absolute; position:absolute; top:23%; left:50%; transform:translate(-50%, -50%); width:100%; } .newsletter .wp-block-group__inner-container {padding: 0px;} .newsletter-content { margin: 100px auto 150px; max-width: 600px; width: 100%; text-align: center; } .newsletter-title { font-size: 64px; line-height: 1.3; font-family: 'Montserrat', serif; letter-spacing: .2px; text-transform: uppercase; text-align: center; color: #ffffff; font-weight: 400; } .newsletter-policy { font-size: 14px; line-height: 1.4; font-family: 'Montserrat', serif; letter-spacing: .2px; display: block; color: #ffffff; } .newsletter .frm_checkbox label a, .newsletter-policy a {color: #ffffff;} .newsletter .frm_checkbox label a:hover, .newsletter-policy a:hover {color:#efefef;} .newsletter .frm_checkbox label {color:#ffffff;} .newsletter .wp-block-columns {margin-bottom: 0px;} .newsletter .footer-subscribe-section, .newsletter .footer-subscribe-title {display: none;} .newsletter .frm_style_formidable-style.with_frm_style .frm_submit button {background-color: transparent; color: none; border-bottom: 1px solid #ffffff; border-top: none; border-left: none; border-right: none;} .newsletter .frm_style_formidable-style.with_frm_style .frm_submit button:hover {background-color: transparent; color: #111111; border: none;} @media (max-width:768px) { .newsletter-content {padding: 20px;} .newsletter-title { font-size: 38px; letter-spacing: .3px; margin: 20px; } .newsletter-policy {margin-bottom: 30px;} } /** 13.0 - End Newsletter **/ /** 14.0 - Customization **/ .customization-form .frm_submit {text-align: center;} .customization .home-block-wrapper-boxed {padding: 0px;} .customization .pad-tb {padding: 50px 0px 50px 0px;} .customization-product-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; grid-template-areas: "a b"; } .customization-product-grid a {background: #efefef; text-decoration:none;} .customization-product-grid a:nth-child(1) {grid-area: a;} .customization-product-grid a:nth-child(2) {grid-area: b;} .customization-product-cta { position: relative; margin-bottom: 15px; overflow: hidden; height: 500px; width: 100%; margin:0; } .customization-product-cta img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .customization-product-grid figcaption {padding: 10px;} .customization-product-grid figcaption i {-webkit-text-stroke: 1px #efefef; float: right;} .customization-product-grid a:hover h3 {text-decoration:underline; text-underline-position:under;} .customization-product-grid figcaption h3 { font-size: 1rem; line-height: 1.375; margin-top: 10px; margin-bottom: 10px; text-decoration:none; color: #111111; } .customization .blog-hero h5 { color: #222222; font-size: 18px; font-weight: normal; text-transform: none; font-style: normal; text-decoration: none; line-height: 29px; letter-spacing: 4.5px; } @media (min-width:768px) and (max-width:992px) { .customization .blog-hero, .customization .content-area {padding: 0px 5px 0px 5px;} .customization-product-cta {height: 350px;} } @media (max-width:767px) { .customization .blog-hero, .customization .content-area {padding: 0px 5px 0px 5px;} .customization-product-cta {height: 220px;} .customization .pad-tb {padding: 0px 0px 20px 0px;} } .customization .blog-hero h5 {font-size: 16px;} /** 14.0 - End Customization **/ /** FOOTER SECTION**/ /*.site-footer .footer-widgets-container .inside-footer-widgets {margin-left: 0px!important;}*/ .site-footer .footer-widgets-container .inside-footer-widgets > div { flex: none; margin-left: auto; margin-right: auto; } .widget ul li {margin-bottom: 0;} /*SUBSCRIBE NEWSLETTER SECTION*/ .footer-subscribe { background: #fafafa; padding-top: 70px; padding-bottom: 70px; border-top: 1px solid #ccc; } .footer-subscribe .footer-subscribe-title { text-align: center; text-transform: uppercase; color: #111111; font-size: 18px; line-height: 1.22; letter-spacing: .5px; font-family: 'Montserrat', serif; } .footer-subscribe-section { max-width: 480px; margin-left:auto; margin-right:auto; } .footer-subscribe-section .footer-subscribe-form ::-webkit-input-placeholder {text-align: center; color: #706f6f;} .footer-subscribe-section .footer-subscribe-form :-moz-placeholder {text-align: center; color: #706f6f;} .footer-subscribe-section .footer-subscribe-form ::-moz-placeholder {text-align: center; color: #706f6f;} .footer-subscribe-section .footer-subscribe-form :-ms-input-placeholder {text-align: center; color: #706f6f;} .footer-subscribe-section .footer-subscribe-form input:not([type="file"]):focus, .footer-subscribe-section .footer-subscribe-form .frm_grid {background-color: transparent!important;} .footer-subscribe-section .footer-subscribe-form input[type='text'] {text-align: center; background-color: transparent!important;} .footer-subscribe-section .footer-subscribe-form .frm_form_field {text-align: center;} .footer-subscribe-section .footer-subscribe-form .frm_form_fields .frm_fields_container {display: contents!important;} .footer-subscribe-section .frm_style_formidable-style.with_frm_style .frm_submit button {background-color: transparent; color: #111111; border-bottom: 1px solid #111111; border-top: none; border-left: none; border-right: none;} .footer-subscribe-section .frm_style_formidable-style.with_frm_style .frm_submit button:hover {background-color: transparent; color: #ffffff; border: none; border-bottom: 1px solid #111111;} .cls-1, .cls-2, .cls-3, .st0, .st1, .st2, .st3, .st4, .st5, .st6, .st7, .st8, .st9, .st10, .st11, .st12 {fill: url(#linear-gradient);} .footer-brand-section { width: 100%; clear: both; padding: 24px 24px; display: flex; justify-content: center; align-items: center; } .footer-brand-section svg, .footer-brand-section img {max-width: 1440px; width:100%;} .footer-social-section {display: grid;grid-gap: 20px;margin: auto auto; grid-template-columns: repeat(1,minmax(0,1fr)); padding: 0 24px; max-width: 1440px; width:100%;} .footer-social-section .social-columns {width: auto;margin-left: 0;margin-right: 0;margin-bottom: 0;display: block;flex-direction: column;} .footer-social-section .social-columns .menu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 10px 0 10px; margin: 0; text-align: center; list-style: none; } .footer-social-section .social-columns .menu a { font-size: 12px; line-height: 16px; letter-spacing: .2px; font-weight: 600; display: inline-block; padding-bottom: 3px; vertical-align: middle; text-transform: uppercase; color: #111111; border-bottom: solid 1px transparent; border-bottom-color: transparent; } .footer-social-section .social-columns .menu a:hover {border-bottom-color: #111111;} .slideout-navigation .slideout-widget ul.follow-block, .footer-social-section .social-columns .follow-block {display: inline-flex!important; align-items: center; justify-content: center; width: 100%; margin: 0; list-style-type: none;} .slideout-navigation .slideout-widget ul.follow-block li, .footer-social-section .social-columns .follow-block li {margin: 0 10px;} .slideout-navigation .slideout-widget ul.follow-block li a, .footer-social-section .social-columns .follow-block li a {font-size: 23px; line-height: 40px; color: #111111;} @media (max-width:767px) { .site-footer .footer-widgets-container .inside-footer-widgets > div {flex: 1 1 0; margin: 0;} .footer-subscribe-section { max-width: 300px;} .footer-brand-section {padding: 25px 10px;} .footer-social-section {display: grid; grid-gap: 0px; margin: 0; grid-template-columns: repeat(1,minmax(0,1fr));} .footer-social-section .social-columns .follow-block {display: inline-flex; align-items: center; justify-content: center;} } /*FOOTER WIDGETS*/ .footer-widgets .widget {margin-bottom: 10px!important;} .widget-title i { float: right; display: inline-block; padding-top: 10px; } .footer-widgets a { font-size: 0.85em; font-weight: 400; line-height: 2em; letter-spacing: 0.13px; color: #656565; } .footer-widgets a:hover {color:#111111;} .footer-widgets-container {padding: 20px 20px 0px 20px;} .footer-bar .wp-block-image img {width: 100%;} .footer-bar-align-right .copyright-bar {text-align: left;} .copyright-bar img {margin: 0 10px;} /*.custom .inside-footer-widgets .widget_nav_menu .menu { margin-top: 20px; margin-bottom: 20px; }*/ .inside-footer-widgets > div[class^="footer-widget-"] { /*width: max-content; text-align: left; margin: auto;*/ display: flex; flex-direction: column; align-items: left; } .footer-bar .wp-block-image {margin: 0;} .footer-widgets .widget-title { text-transform: uppercase; font-size: 0.9rem; color: #111111; width: 100%; } .widget-title::after { content: ""; width: 55px; display: block; height: 2px; background-color: #111111; margin-top: 10px; } .site-footer .footer-widgets-container .inner-padding {padding: 0; margin:0;} .widget_nav_menu ul ul {display: none;} .widget_nav_menu ul li:hover > ul {display: block;} .widget_nav_menu ul ul { display: none; position: absolute; top: 3em; left: 0; z-index: 99999; width: 180px; background: #fff; box-shadow: 0px 3px 3px rgba(0,0,0,0.2); letter-spacing: .5px; } .widget_nav_menu li {position: relative;} .toggle-nav, .toggle-nav-2, .toggle-nav-3, .toggle-nav-4, .toggle-nav-5 {display: none !important;} /*NEW FOOTER - JORGE*/ footer.site-info {text-align: left;} footer .grid-container {max-width: 100%;} footer .inside-site-info {padding: 0;} footer .footer-bar {width:100%;} footer .inside-site-info{display: block;} .payments-footer-icons {padding: 10px; text-align: center; background: #fafafa;} .copyright-bar .payments-footer-icons img {margin: 0;} .payments-footer-icons li.svg{position: relative;width: 33.8px;height: auto;top: 2px;} #copy{padding:10px 0 10px 0; background-color: #fafafa; width: 100%; overflow: hidden;} #copy .left{font-weight: 400; font-size: 12px; letter-spacing: 1px;} @media (max-width: 768px) { .inside-footer-widgets > div[class^="footer-widget-"] {display: block;} /*.footer-widget-5 .mobile-hide{display: block;}*/ .inside-footer-widgets > div:not(:last-child) {margin-bottom: 0px;} .footer-bar .wp-block-image img {height: auto;} footer .footer-bar {width: 100%;} } @media screen and ( max-width: 550px) { .mobile-hide{display: none;} a.toggle-nav, a.toggle-nav-2, a.toggle-nav-3, a.toggle-nav-4, a.toggle-nav-5 { display: inline-block !important; color: #000; transition: color linear 0.15s; } a.toggle-nav:hover, a.toggle-nav:active, a.toggle-nav-2:hover, a.toggle-nav-2:active, a.toggle-nav-3:hover, a.toggle-nav-3:active, a.toggle-nav-4:hover, a.toggle-nav-4:active, a.toggle-nav-5:hover, a.toggle-nav-5:active {text-decoration: none; color: #000;} .widget_nav_menu { display: inline-block; position: relative; margin: 0; width: 100%; } .widget_nav_menu ul {display: none;} .widget_nav_menu li {display: block;} #access ul li:hover > ul {display: none;} } /*footer subscribe form*/ .footer-subscribe-form .frm_form_field {position: relative; width: auto;} .footer-subscribe-form input[type='text'], .footer-subscribe-form input[type='email'] { border:none!important; box-shadow: none; background-color: transparent; } .footer-subscribe-form input ~ .underline{ position: absolute; bottom: 0; left: 50%; width: 0; height: 1px; background-color: #111111; transition: 0.4s; } .footer-subscribe-form input:hover ~ .underline, .footer-subscribe-form input:focus ~ .underline { width: 100%; transition: 0.4s; left: 0; border-color:#656565!important; } .footer-subscribe-form .rgpd {margin-top: 20px;} .footer-subscribe-form .frm_submit {text-align: center;} .footer-subscribe-form .frm_inline_form .frm_submit {grid-column: 1 auto!important;} /* End footer subscribe form*/ /*Footer Copy*/ #copy {display: flex;} #copy .grid-container {display: flex; flex-direction: row; width:100%; max-width: 1440px; margin-left: auto; margin-right: auto;} #copy .left {width:50%; padding-left: 0px; margin-top: auto; margin-bottom: auto;} #copy .right {float:right; width: 50%; padding-right: 0px;} #copy .right img {max-width: 70%; margin: 0px; float:right;} #copy .left {justify-content: flex-start;} @media (max-width: 768px) { .footer-bar-align-right .copyright-bar {text-align: center;} #copy .grid-container {display: flex; flex-direction: column; width: 100%;} #copy .left {justify-content: center; align-items: center; margin-bottom: 5px; margin-left: 0px;} #copy .left, #copy .middle, #copy .right {width: 100%; text-align: center;} #copy .right {margin-right: 0px} #copy .middle {display: none;} #copy .right img {width: 80%; margin: 0px; float: none;} .payments-footer-icons {text-align: center;/*padding: 35px 0 0px 0px;*/} } @media (max-width:992px) { #copy .middle {width: 30%;} #copy .left {padding-left: 40px;} #copy .right {padding-right: 40px;} } /*End Footer Copy*/ /*Payment types*/ footer .widget ul li {margin-bottom: 0px;} .payments-footer-icons ul { list-style-type: none; margin: 0; display:inline-flex; align-items: center; } .payments-footer-icons li { display: inline-block; color: #999999; margin:0 10px 0 0; } .payments-footer-icons li p, .payments-footer-icons li br {display: none;} .payments-footer-icons li svg {width: 40px; fill: #999999;} .payments-footer-icons li:first-child { color: #111111; white-space: nowrap; font-size: 11px; font-weight: 400; } @media (max-width: 768px) { .payments-footer-icons li:first-child {display: none;} .payments-footer-icons li:nth-child(2) {margin-left: 0px;} .footer-bar .wp-block-image {margin: 10px;} body.mobile-hidden-chat .tawk-mobile{ opacity: 0; } } @media (max-width:992px) { .site-footer .footer-widgets-container .inside-footer-widgets {margin-left: 0px;} .payments-footer-icons li svg {width: 30px;} .payments-footer-icons li:first-child {display: none;} .payments-footer-icons li:nth-child(2) {margin-left: 0px;} footer .wp-block-column:not(:first-child) {margin-left: 0px;} } /*End payment types*/ .footer-bar-align-right .copyright-bar {margin-right: 0px;} footer .inside-site-info {justify-content: space-around;} footer .wp-block-columns.footer-info {margin-bottom: 0px;} .footer-whatsapp{ position: fixed; width: 60px; height: 60px; bottom: 0px; right: 27px; background-color: #25d366; color: #FFF; border-radius: 50px; text-align: center; font-size: 30px; z-index: 99999999999; } .footer-whatsapp:hover{ color: #333; } .footer-whatsapp .my-float{ margin-top:16px; } /* End Footer*/ /* gift-card*/ #other-price{ height: 43px; max-width: 100%; width: 50%; } div#call_for_credit { visibility: hidden; height: 0; } .cta-columns br{ display: none; } .button-price-group { margin-bottom: 20px; display: flex; column-gap: 10px; flex-wrap: wrap; row-gap: 10px; } .button-price-group-bottom { margin-bottom: 20px; } html input[type="button"]:hover.button-price-js, html input[type="button"]:hover#button_other, html input[type="button"].button-price-js.active, html input[type="button"]#button_other.active { background-color: #03f70c; } @media (max-width:1200px){ #other-price { width: 100%; } } /* End gift-card*/ /*Last 6 gift block*/ .last-product-block { width: 210px; } .last-products { display: flex; flex-wrap: wrap; justify-content: flex-start; column-gap: 20px; } .last-products figcaption { display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .last-products .product{ width: 23.3%; height: 100%; cursor: pointer; list-style: none; position: relative; border-bottom: 1px solid #e5e5e5; background-color: rgba(255,255,255,0.25); margin-bottom: 30px; } .last-products .product:after { background: none repeat scroll 0 0 transparent; bottom: 0; content: ""; display: block; height: 1px; left: 50%; position: absolute; background: #000000; transition: width 0.3s ease 0s, left 0.3s ease 0s; width: 0; } .last-products .product:hover:after { width: 100%; left: 0; } .last-products .product h3{ font-size: 16px; line-height: 20px; padding: 10px 0; text-align: center; clear: both; } .last-products .inside-wc-product-image .attachment-woocommerce_thumbnail{ opacity: 1; background: #fff; } /* .last-products .inside-wc-product-image:hover .attachment-woocommerce_thumbnail { opacity: 0; } */ .wc-has-gallery .secondary-image { background: #fff;} .last-product-item-wrap h2:hover{ color: #03f70c; } .last-product-item { width: 100%; height: 320px; background-repeat: no-repeat; background-size: contain; background-position: center; opacity: 1; } .last-products-section .section-title p{ text-align: center; } .last-products-section ul{ margin: 0; } .last-product-item-second { height: 320px; position: absolute; width: 210px; background-size: cover; background-position: center; background-repeat: no-repeat; top: 0; opacity: 0; transition: opacity .1s ease-in-out; left: 50%; transform: translate(-50%,0); } .product-image:hover .last-product-item { opacity: 0; } .product-image:hover .last-product-item-second{ opacity: 1; } .product-image { position: relative; } ul.button-filter-group { cursor: pointer; } div.clear-js { margin-top: 15px; padding: 0.5rem; text-align: center; color: white; cursor: pointer; display: none; } div.clear-js:hover{ color:#03f70c; } .button-filter-group-title { padding: 12px; font-weight: 500; border-bottom: 1px solid #e5e5e5; margin-bottom: 15px; } li.button-filter.active-js { color: #03f70c; position: relative; width: fit-content; transition: 0.5s; } li.button-filter{ transition: 0.5s; padding-right: 20px; } li.button-filter:hover { color: #03f70c; } li.button-filter.active-js::before, li.button-filter.active-js::after { content: ''; position: absolute; top: 10px; right: 5px; display: block; width: 10px; height: 1px; background: #000; transition: 0.5s; } li.button-filter.active-js::before { transform: rotate(45deg); } li.button-filter.active-js::after { transform: rotate(-45deg); } #wc-column-container{ position: relative; } .overlay-white { position: absolute; width: 100%; height: 100%; background-image: radial-gradient(white, #ffffff6b); top: 0; } #block-72{ margin-top: 10px; } @media(max-width: 768px){ ul.button-filter-group { display: flex; flex-wrap: wrap; column-gap: 10px; } } /*End Last 6 gift block*/ /*Running line*/ @-webkit-keyframes scroll { 0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); } 100% { -webkit-transform: translate(-190%, 0); transform: translate(-190%, 0) } } @-moz-keyframes scroll { 0% { -moz-transform: translate(0, 0); transform: translate(0, 0); } 100% { -moz-transform: translate(-190%, 0); transform: translate(-190%, 0) } } @keyframes scroll { 0% { transform: translate(0, 0); } 100% { transform: translate(-190%, 0) } } .running-line { display: block; width: 100%; white-space: nowrap; overflow: hidden; } .text-line{ margin: 0 100vw 0 0; } @media (max-width: 768px){ .slick.marquee .slick-slide{ margin: 0 100px; } } .slick-slide .text-line{ text-align: center; } .marquee { overflow: hidden; font-family: sans-serif; text-transform: uppercase; white-space: nowrap; cursor: default; user-select: none; display: flex; align-items: center; flex-direction: row; } .marquee__inner { white-space: nowrap; display: inline-block; } .block-message .marquee__inner{ font-size: 14px; } /*End Running line*/ /*Adwords*/ ins.adsbygoogle { /*cut width in mobile versions*/ width: 100%!important; } /*End Adwords*/ /*Subscribe form right*/ button.frm_button_submit.frm_final_submit.subscribe-newsletter-bt.btn-bounce-top.white:hover { color: black; } aside#block-94 { text-align: center; padding-bottom: 0; color: black; font-family: 'Montserrat', serif; font-size: 20px; border-bottom:none; } aside#block-92 { position: sticky; top: 152px; border: 1px solid #e5e5e5; z-index: 2001; } input#field_zt5g02 { border: none; box-shadow: none; border-bottom: 1px solid #8080803d; transition: 0.5s; } input#field_zt5g02:hover, input#field_zt5g02:active { box-shadow: none; border: none; box-shadow: none; border-bottom: 1px solid; } input#field_zt5g02::placeholder { text-indent: 40%; } input#field_z7dw42-0:hover, input#field_z7dw42-0:active{ box-shadow: none; } /*End Subscribe form right*/ /*last book*/ .right-widget .trends-card-cta { height: 470px; } .right-widget img { object-fit: cover; } /*End last book*/ /*Slider on home page*/ @media(min-width:1910px){ /*.home-featured-slider .slick-slide,*/ .inspirations-slider .slick-slide { padding: 10px 100px; }} @media(max-width:1400px){ .home-featured-slider .slick-slide, .inspirations-slider .slick-slide { padding: 10px 0px; margin-right: 10px; }} /*End Slider on home page*/ /*!*Home slider*! @media (min-width: 767px) { .btn-bounce-top.black.white-color-button.rs-layer { background: #000000a6!important; color: white!important; border: 1px solid white!important; transition: 0.5s; } .btn-bounce-top.black.white-color-button.rs-layer:hover { color: white!important; border: 1px solid black!important; } } !*end slider*!*/ /*About US*/ h1.about-us-title{ text-align: center; color: #424141; font-family: "Montserrat", Sans-serif; font-size: 23px; text-transform: uppercase; line-height: 35px; letter-spacing: 0.9px; word-spacing: 0px; } .about .trade-benefits i {font-size: 25px;height: 20px;} /*End About US*/ /*Do your tapis*/ @media(max-width: 990px){ .custom-cushions .customise-products-grid, .custom-foldings .frm_forms, .custom-cushions p, .custom-foldings p, .custom-cushions h2, .custom-foldings h2 { margin-left: 15px; margin-right: 15px; } .custom-cushions .customise-products-grid{ min-width: auto; } } /*End Do your tapis*/ /*Responsive*/ @media(max-width: 1024px){ .page-id-5378 .wp-container-10, .page-id-5378 .wp-container-4{ gap: 1rem; } .page-id-5378 h3, .page-id-5378 .wp-container-10, .page-id-5378 .home-block-wrapper-boxed, .page-id-2 .wp-container-7, .page-id-2 .wp-container-17, .page-id-2 .wp-container-23, .page-id-2 .wp-container-28, .page-id-2 .wp-container-29 { margin:20px; } .wp-block-spacer.home-page-block { height: 30px!important; } .homepage-block .wp-container-19.inner-padding, .homepage-block .wp-container-10.inner-padding { padding: 50px 0px; } .page-id-5378 .home-block-wrapper-boxed{ width: auto; } .archive .site-content .content-area { margin: auto; width: 100%; } .post-type-archive-room-by-room .site-content .content-area { width: 100%; } } @media(max-width: 768px){ #slider-48-slide-164-layer-0{ background-color: rgb(0 0 0 / 41%)!important; } } /*End Responsive*/ .bm-0{ margin-bottom: 0; } .pb-0{ padding-bottom: 0!important; } .rug-custom-slider .slick-list{ margin-bottom: 30px; } .home-outdoor-slider .slick-track { margin-left: 0; } @media (min-width: 969px) and (max-width: 1200px){ .home-outdoor-slider li { /*padding: 0 40px!important;*/ margin: 0px 30px; } } @media(min-width: 1201px){ .home-outdoor-slider li { padding: 0 20px!important; } } /*buttons-border*/ .green-border{ padding: 10px 15px; transition: 0.5s; border: 2px solid #03f70c; } .green-border:hover{ border-color:transparent; } /*buttons-border*/ @media(max-width: 1100px){ .home-outdoor-slider .slick-list{ padding: 0!important; } } /*LANDING MILAN*/ .milan-design-week-2022 .frm_style_formidable-style.with_frm_style .frm_submit button:hover{ background-color: #FE88DC; border-color: #fff;} .width100{ width: 100%; } .align-center{ text-align: center; } /*sharing*/ ul.share-list { display: flex; list-style: none; gap: 10px; margin: 0; font-size: 18px; margin-left: 10px; } .share-link{ width: 32px; height: 32px; background: black; display: flex; justify-content: center; align-content: center; align-items: center; border-radius: 100%; transition: 0.5s; cursor: pointer; } .share-link:hover{ transform: translateY(-4px); } .share-link svg { fill: rgb(255, 255, 255)!important; width: 32px!important; height: 32px!important; padding: 4px; } .share-link i{ color: white; } /*sharing*/ /* products list*/ .products-column ul.products, .woocommerce.columns-4.products-column ul { display: flex; flex-wrap: wrap; } .woocommerce.columns-3 ul.products li.product { width: 32%; margin: 0; } @media (max-width: 768px) { .woocommerce.product-column ul.products .product, .woocommerce.columns-4.products-column ul .product, .woocommerce.columns-5 ul.products li.product{width: 46%;} .woocommerce.columns-1.products-column ul.products li.product, .woocommerce.columns-1.single.products-column ul.products li.product {width: 100%;} .woocommerce.columns-3 ul.products li.product { margin: 0 1%; width: 100%; } } /* end products list*/ /*Printing*/ div#printJS-form { max-width: 800px; position: relative; z-index: 99; left: 0; background: white; } span.print-title.print-title { font-family: Montserrat, serif; font-size: 40px; color: black; } @media (min-width: 2000px) { div#printJS-form { left: 0; } } @media (min-width: 2200px) { div#printJS-form { left: 0; } } @media (max-width: 1660px) { div#printJS-form { left: 0; } } @media (max-width: 768px) { div#printJS-form { left: 0; } } .pulse{ position: relative; } .pulse:before { content: ""; position: absolute; right: 0; background: #15ff1b; width: 10px; height: 10px; border-radius: 100%; -webkit-animation: pulse 1s linear infinite; animation: pulse 1s linear infinite; } @-webkit-keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(5, 5, 5); } 100% { -webkit-transform: scale3d(1, 1, 1); } } @keyframes pulse { 0% { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(5, 5, 5); } 100% { transform: scale3d(1, 1 , 1); } } /*Printing*/ .date-and-author { text-align: end; } .category-print{ text-decoration: underline; } .top-tearsheet { display: grid; grid-template-columns: 1fr 1fr; } /*blog image*/ .blog-image { width: 100vw; max-width: 320px; height: 250px; background-position: center; background-size: cover; } .blog-image-big { width: 35vw; height: 750px; background-position: center; background-repeat: no-repeat; max-width: 100%; background-size: cover; } /*related-products*/ @media (max-width: 768px) { /* .related.products .iconic-ww-button--add-to-wishlist, .related.products ul.products li.product.woocommerce-text-align-center .price, .related.products .woocommerce-loop-product__title, .related.products .add_to_cart_button { display: none; }*/ .woocommerce .related.products ul.products li.product { border: none; } } @media(max-width: 992px){ .blog-image { width: 100vw; max-width: 457px; height: 200px; } .blog-image-big { width: 100vw; height: 400px; max-width: 100%; } } @media(max-width: 768px){ .blog-image { width: 100vw; max-width: 100%; height: 250px; background-position: center; background-size: cover; } .blog-image-big { width: 100vw; max-width: 100%; height: 250px; } } @media(min-width: 993px){ .blog-image { width: 100vw; max-width: 320px; height: 250px; } .blog-image-big { width: 50vw; height: 750px; max-width: 100%; } } /*blog image*/ /*CTA LINK*/ button.cta-link { color: #333; border: 1px solid #03f70c!important; text-transform: uppercase; font-weight: 400; letter-spacing: 0.7px; display: table; background: #fff; -webkit-transition: background 1s; transition: background 1s; } .cta-link.btn-whatapp{ margin: 0; } button.cta-link:hover { background: #03f70c!important; } @media(max-width:768px){ .woocommerce div.product div.summary{ margin-bottom: 0; } span.product-alert { margin-top: 10px; margin-bottom: 10px; } ul.single-cta_btn.columns-3 li.cta-columns { /*border: 1px solid #e5e5e5;*/ display: none; } .post-type-archive-room-by-room .stl-grid { margin: 0px 10px; } .elementor-3933 .elementor-element.elementor-element-7a09359 { margin-top: 30px!important; margin-bottom: 0px!important; } } /*.home .rev-btn, .rev-btn:visited { text-decoration: underline !important; }*/ /*CTA LINK*/ /*customise singleproduct page*/ .summary.entry-summary{ margin-right: 40px; } @media (max-width: 768px) { .product-alert, .share-product, .single-product .related.products, .summary.entry-summary{ margin: 0 5px; } .single-product .related.products h2 { letter-spacing: 2.1px; font-size: 30px; font-weight: 400; margin: 30px auto; } .woocommerce div.product form.cart .button { padding: 10px 10px; width: 49%; } button.single_add_to_cart_button.button.alt:after { /*content: "";*/ position: absolute; left: -10%; top: -20%; width: 120%; height: 140%; /* background: #ff000026; */ z-index: 1; background-image: url("data:image/svg+xml;utf8,"); /* border: 1px dashed; border-radius: 5px; border-color: blue;*/ } .add-to-cart-panel form.cart, .woocommerce div.product form.cart { display: flex; flex-wrap: wrap; justify-content: space-between; } .woocommerce button.button.added::after{ margin: 0; } .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary { overflow: unset!important; } .woocommerce #respond input#submit.loading::after, .woocommerce a.button.loading::after, .woocommerce button.button.loading::after, .woocommerce input.button.loading::after { -webkit-animation: unset; animation: unset; } .cta-columns button{ padding: 10px 0px; font-size: 14px!important; line-height: 28px; } .quantity.buttons-added { margin-right: 10px; } .woocommerce div.product form.cart::after, .woocommerce div.product form.cart::before { content: none; } .woocommerce div.product form.cart div.quantity { width: 49%; justify-content: flex-start; margin: 0; } .do-quantity-buttons .cta-columns form .quantity:not(.buttons-added):not(.hidden):after, .do-quantity-buttons .cta-columns form .quantity:not(.buttons-added):not(.hidden):before, .woocommerce .cta-columns form .quantity.buttons-added .minus, .woocommerce .cta-columns form .quantity.buttons-added .plus, .woocommerce .cta-columns form .quantity.buttons-added .qty { width: 48%; } .single-product-cta-btn form.cart .button { width: 94%; } .add-to-cart-panel form.cart, .woocommerce div.product form.cart { display: flex; flex-wrap: wrap; gap: 10px; } ul.single-product-cta-btn.columns-2 { margin-bottom: 10px; } } /*Loadmore*/ #load_more_gs{ width: 53px; padding:50px 0; margin:0 auto; } .cssload-container{ position:relative; } .cssload-whirlpool, .cssload-whirlpool::before, .cssload-whirlpool::after { position: absolute; top: 50%; left: 50%; border: 1px solid rgb(255,255,255); border-left-color: rgb(0,225,255); border-radius: 974px; -o-border-radius: 974px; -ms-border-radius: 974px; -webkit-border-radius: 974px; -moz-border-radius: 974px; } .cssload-whirlpool { margin: -24px 0 0 -24px; height: 49px; width: 49px; animation: cssload-rotate 1150ms linear infinite; -o-animation: cssload-rotate 1150ms linear infinite; -ms-animation: cssload-rotate 1150ms linear infinite; -webkit-animation: cssload-rotate 1150ms linear infinite; -moz-animation: cssload-rotate 1150ms linear infinite; } .cssload-whirlpool::before { content: ""; margin: -22px 0 0 -22px; height: 43px; width: 43px; animation: cssload-rotate 1150ms linear infinite; -o-animation: cssload-rotate 1150ms linear infinite; -ms-animation: cssload-rotate 1150ms linear infinite; -webkit-animation: cssload-rotate 1150ms linear infinite; -moz-animation: cssload-rotate 1150ms linear infinite; } .cssload-whirlpool::after { content: ""; margin: -28px 0 0 -28px; height: 55px; width: 55px; animation: cssload-rotate 2300ms linear infinite; -o-animation: cssload-rotate 2300ms linear infinite; -ms-animation: cssload-rotate 2300ms linear infinite; -webkit-animation: cssload-rotate 2300ms linear infinite; -moz-animation: cssload-rotate 2300ms linear infinite; } a.woocommerce-LoopProduct-link:hover .secondary-image { opacity: 1; } .woocommerce-pagination{ display: none; } @keyframes cssload-rotate { 100% { transform: rotate(360deg); } } @-o-keyframes cssload-rotate { 100% { -o-transform: rotate(360deg); } } @-ms-keyframes cssload-rotate { 100% { -ms-transform: rotate(360deg); } } @-webkit-keyframes cssload-rotate { 100% { -webkit-transform: rotate(360deg); } } @-moz-keyframes cssload-rotate { 100% { -moz-transform: rotate(360deg); } } /*Loadmore*/ /* DECOREX LP */ /* .full-width-content.separate-containers.decorex .inside-article {text-align: center;background: #fff;padding: 75px 0 0 0;} .decorex .entry-header h1.entry-title { font-size: 45px; line-height: 45px; font-weight: 600; margin-bottom: 15px; max-width: 960px; margin: 0 auto 15px; } .decorex .intro-text{font-size: 20px;font-weight: 400;} .decorex a.wp-block-button__link { margin-top: 30px; padding: 10px 30px; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; word-spacing: 5px; border: 2px solid #111; background: #111; text-decoration: none; } .decorex a.wp-block-button__link:not(.has-background):hover{background-color: transparent;color: #111;} .decorex .logos-bock { padding-top: 40px; } .decorex .banner-img { margin: 0; } .page-id-22831 .page-hero { margin-top:35px } @media(max-width:768px){ .decorex .entry-header h1.entry-title {font-size: 45px;} .decorex .intro-text{font-size:18px;} .decorex .banner-img, .spacer .spacer{display: none;} .wp-block-columns.mobile-flex { display: flex; flex-wrap: wrap; justify-content: center; } .wp-block-columns.mobile-flex .wp-block-column { width: 45%!important; flex-basis: 45%!important; flex-grow: unset; min-width: 0; } .decorex .calendly-button{ display: none; } } */ /* DECOREX NEW*/ .lp-decorex{padding: 0!important;} .page-id-23173 .inside-article {text-align: center;/*background: #bbb;*/padding: 75px 0 0 0;} .page-id-23173 .entry-header h1.entry-title { font-size: 45px; line-height: 45px; font-weight: 600; margin-bottom: 15px; max-width: 960px; margin: 0 auto 15px; } .page-id-23173 .intro-text{font-size: 20px;font-weight: 400;} .page-id-23173 a.wp-block-button__link { margin-top: 30px; border-radius: 0px; padding: 10px 30px; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; word-spacing: 5px; border: 2px solid #111; } .page-id-23173 a.wp-block-button__link:not(.has-background):hover{background-color: transparent;color: #111;} .page-id-23173 .logos-bock { padding-top: 40px; margin-top: 50px; } .page-id-23173 .banner-img { margin: 0; } .page-id-23173 .calendly-bt{ text-transform: uppercase; font-weight: 600; background: #111; color: #fff; padding: 13px 25px; border: 2px solid #111; text-decoration: none;} .page-id-23173 .calendly-bt:hover{ background: transparent;color: #111;} @media(max-width:768px){ .page-id-23173 .entry-header h1.entry-title {font-size: 45px;} .page-id-23173 .intro-text{font-size:18px;} .page-id-23173 .banner-img, .spacer .spacer{display: none;} } .decorex a.wp-block-button__link { margin-top: 30px; border-radius: 0px; padding: 10px 30px; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; word-spacing: 5px; border: 2px solid #111; } .decorex.calendly-bt{ text-transform: uppercase; font-weight: 600; background: #111; color: #fff; padding: 13px 25px; border: 2px solid #111;} .decorex.calendly-bt:hover{ background: transparent;color: #111;} .decorex a.wp-block-button__link:not(.has-background):hover{background-color: transparent;color: #111;} .decorex-menu-li li{display: inline;padding: 0 10px;border-left: solid 1px #fff;} .decorex-menu-li li:first-child{border-left: none;} .decorex-menu-li{margin-bottom:0;} @media(max-width:768px){ .decorex-menu-li{ margin-left:0;} .decorex-menu-li li{font-size:14px;} .decorex-menu-li a{color: #fff;font-size: 14px;font-weight: 500;} } @media(min-width:769px){ .decorex-menu-li a{color: #fff;font-size: 18px;font-weight: 500;} } /* END DECOREX LP */ .post-type-archive-collection .elementor-toggle .elementor-toggle-item .elementor-tab-title, #catalogue-form-toogle .elementor-toggle .elementor-toggle-item .elementor-tab-title {max-width: 275px;margin: 0 auto;} /*Blank page for product loop*/ .page-template-blank-template-All-tapis.separate-containers.no-sidebar .site-main { margin-left: auto; margin-right: auto; max-width: 1440px; } .custom-catalog.woocommerce ul.products li.product { float: left; margin: 0 10px 0; padding: 0; position: relative; width: 100%; margin-left: 0; } .custom-catalog ul.products { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 15px; } .custom-catalog.woocommerce a.button.get-price{ margin-bottom: 15px; } .custom-catalog.woocommerce ul.products::before{ content: none; } .custom-catalog a.button.product_type_simple.add_to_cart_button, .custom-catalog.woocommerce ul.products li.product .price, .custom-catalog a.iconic-ww-button.iconic-ww-button--add-to-wishlist { display: none; } .custom-catalog.woocommerce ul.products li.product a .wc-product-image img{ background: white; } a.get-price { background-color: transparent; color: #656565; padding: 15px; width: 100%; text-align: center; text-transform: uppercase; font-weight: 500; display: flex; justify-content: center; } a.get-price:hover { color: #111111; background-color: transparent; } a.get-price:after { font-family: "eicons"; font-weight: normal; content: "\e910"; font-size: 15px; margin-left: 5px; } .custom-catalog.woocommerce ul.products li.product .woocommerce-loop-product__title { margin: 10px 0 10px 0; } @media (max-width: 768px){ .custom-catalog ul.products { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); } } /*End Blank page for product loop*/ /*SALES BADGE*/ .custom .woocommerce ul.products li.product .price del ins, .custom.woocommerce ul.products li.product .price del ins, .custom.woocommerce div.product p.price del ins{text-decoration: line-through!important;} .custom.woocommerce ul.products li.product.sales-flash-overlay .onsale, .custom .woocommerce ul.products li.product.sales-flash-overlay .onsale, .custom .home-featured-slider span.onsale {position: absolute; top: 0; right: 0; margin: 0; align-items: center; background: var(--cfw-body-link-color); color: #000; font-size: 17px; box-shadow: 3px 3px 0 #666; background: #3BF30B; } /*SALES BADGE2*/ .custom .woocommerce ul.products li.product .price del ins, .custom.woocommerce ul.products li.product .price del ins, .custom.woocommerce div.product p.price del ins{text-decoration: line-through!important;} .custom.woocommerce ul.products li.product.sales-flash-overlay .onsale-left, .custom .woocommerce ul.products li.product.sales-flash-overlay .onsale-left, .custom .home-featured-slider span.onsale-left {position: absolute; top: 0; right: auto; left:0; margin: 0; align-items: center; background: var(--cfw-body-link-color); color: #000; font-size: 17px; box-shadow: 13px 3px 0 #666; background: #3BF30B; z-index: 1; text-transform: uppercase; font-weight:700; padding:8px 13px; line-height:1; } .product_title.entry-title { display: inline; } .title_group { display: block; } .title_group div { display: flex; justify-content: space-between; } .custom.single-product span.onsale{ background: var(--cfw-body-link-color); /* float: right; */ /* display: inline; */ color: #fff; background-color: #bb1515; font-size: 17px; padding: 5px 5px!important; height: 25px; margin-top: 5px /* box-shadow: 3px 3px 0 #666; */ } .now_sold { background: var(--cfw-body-link-color); color: #000; font-size: 17px; padding:1px 7px; text-transform: uppercase; font-weight: 700; z-index: 10; box-shadow: 3px 3px 0 #666; position: absolute; top: 0; right: 0; } /* Print CSS (By Andre) */ .pricelist-cover-div{ display:none; } @media print { .inside-tr{ page-break-inside:avoid; break-inside:avoid; } .pricelist-cover-div{ display:block; page-break-after:always; object-fit:fill; } .pricelist-cover{ visibility:visible; align:center; object-fit:fill; } tr{ page-break-inside: avoid; page-break-after:auto; } .pricelist-retail.mobile-header #mobile-header{ display:none!important; } .pricelist-trade.mobile-header #mobile-header{ display:none!important; } .site-footer {display:none;} .footer-widget-1 {display:none;} #footer-widgets {display:none;} .payments-footer-icons {display:none;} #copy{display:none} .calendly-button{display:none;} .generate-back-to-top, .generate-back-to-top__show{display:none;} .entry-header{ display:none; } .inside-navigation{ display:none; } .menu-bar-items{ display:none; } .welcome-message{ display:none; } .top-bar{ display:none; } .inside-header{ display:none; } .footer-whatsapp { display:none; } } /* End of Print CSS */ /*MILAN DESIGN WEEK 2023*/ #explore-now{display: none;} /*MENU SIDEBAR new (Archive) LEFT*/ .new-category-section h4 { font-family: Montserrat, serif; font-size: 16px; font-weight: 600; line-height: 1.25; padding-top: 10px; padding-left: 10px; } .tp-image-wrapper { position: unset !important; } /* Start Product Color Variation */ .current-color{font-size: 12px;font-weight: 500;} .current-color span{color:#000} ul.product-color-variation {list-style-type: none;position: relative;margin: 0 0 10px 1px;padding:10px 0 0 0;} .woocommerce ul.products li.product ul.product-color-variation.loop-colors {position: absolute;margin-top: -40px;margin-left: 10px;} ul.product-color-variation li{display: inline-block;border: 3px solid #FFF;border-radius: 18px;box-shadow: 0 0 2px #fff;margin-right: 5px;background: #ededed;} ul.product-color-variation.loop-colors li{margin-right: -10px;border:0;height:18px;width:18px;box-shadow: none;} /*ul.product-color-variation li.current::before{content: "color: ";position: absolute;top: 0;}*/ ul.product-color-variation.loop-colors a{display: inline-block!important;} ul.product-color-variation li a{display: block;height: 25px;width: 25px;} ul.product-color-variation li.current{height: 31px;width: 31px;box-shadow: 0 0 2px #000;} ul.product-color-variation.loop-colors li.current{height:18px;width:18px;box-shadow: none;} ul.product-color-variation li.green {background-color:#00B427} ul.product-color-variation li.orange {background-color:#F08E55} ul.product-color-variation li.pink {background-color:#D34297} ul.product-color-variation li.yellow {background-color:#FFC00E} ul.product-color-variation li.red {background-color:#AF484F} ul.product-color-variation li.blue {background-color:#0133A0} ul.product-color-variation li.purple {background-color:#7E4B91} ul.product-color-variation li.beige {background-color:#E2D9B3 } ul.product-color-variation li.black {background-color:#000000} ul.product-color-variation li.white {background-color:#fff} ul.product-color-variation li.grey {background-color:#9B9894} ul.product-color-variation li.magenta {background-color:#CC1F46} ul.product-color-variation li.brown {background-color:#604226} ul.product-color-variation li.gold {background-color:#C2A773} ul.product-color-variation.loop-colors { display: flex; flex-wrap: wrap; } ul.product-color-variation.loop-colors li { margin: 0 -7px -7px 0; /* Ajuste os valores de margem conforme necessário */ } .uk-dev-banner { position: fixed; top: 0; left: 0; width: 100%; height: 40px; /* adjust height as needed */ background: #e63946; /* bright red for visibility */ color: #fff; text-align: center; line-height: 40px; /* match the height */ font-weight: bold; font-size: 1rem; z-index: 9999; /* above everything else */ box-shadow: 0 2px 4px rgba(0,0,0,0.2); } .product-type-simple .woocommerce-breadcrumb { display: inline-block; } .woocommerce-product-details__short-description { margin-top: 1em; } .summary .price { display: inline-flex; float: right; } .iconic-woothumbs-all-images-wrap { width: 60%; } button.single_add_to_cart_button { width: 100% !important; } @media (min-width:769px) { div.iconic-woothumbs-all-images-wrap { width:60%; } } .iconic-woothumbs-images__arrow .iconic-woothumbs-images__arrow--next .slick-arrow { opacity: 1; height: 5%; top: 100%; border: 1px solid #000; } /* .iconic-woothumbs-images__arrow, .iconic-woothumbs-zoom-next, .iconic-woothumbs-zoom-prev */ section.premium-services { margin-bottom: 2em; margin-top: 2em; } section.premium-services h2 { text-transform: uppercase; padding-bottom: 15px; border-bottom: 1px solid #e5e5e5; } div.premium-grid { display: grid; grid-template-columns: auto auto; justify-content: space-between; /* gap: 10px; */ /* grid-template-areas: "a b"; */ } @media (min-width:769px) { div.premium-grid { /* grid-template-columns: repeat(4, 1fr); */ grid-template-columns: 1.1fr 0.9fr 1.1fr 0.9fr; } } div.premium-grid div.block { width: 100%; /* padding: 20px; */ display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; margin-bottom: 30px; } img.premium-grid-icon { width: auto; height: 30px; margin-bottom: 5px; } .premium-grid h4 { font-size: 1.3em; line-height: 1.2em; margin: 0px 0 15px; text-transform: uppercase; } .premium-grid h3 { font-size: 3em; text-decoration: none; line-height: 1em; text-transform: uppercase; } .premium-grid p { font-size: 1em; margin: 0px; } a.premium-btn { font-weight: bold; background-color: #000; color: #fff; padding: 10px 20px; text-transform: uppercase; text-decoration: none !important; } a.premium-btn:hover { text-decoration: underline !important; } img.premium-grid-photo { width:60%; } @media (max-width:768px) { .premium-grid h4 { font-size: 1.1em; line-height: 1.2em; margin: 0px 0 15px; text-transform: uppercase; } .premium-grid h3 { font-size: 1.8em; text-decoration: none; line-height: 1em; text-transform: uppercase; } div.premium-grid { grid-template-columns: repeat(2, 1fr); } div.premium-grid p { font-size: 0.7em; padding: 0 30px; } .premium-grid-photo { width:90% !important; } a.premium-btn { font-weight: bold; background-color: #000; color: #fff; padding: 5px 10px; text-transform: uppercase; text-decoration: none !important; } } /* Order Poms */ section.order-poms { margin-top: 20px; } section.order-poms p { margin-bottom: 2.5em; } section.order-poms h4, section.the-story h4 { text-transform: uppercase; border-bottom: 1px solid #e5e5e5; } section.order-poms h2 { text-transform: uppercase; padding-bottom: 15px; border-bottom: 1px solid #e5e5e5; } div.order-poms-grid { display: grid; grid-template-columns: 1fr 3fr; justify-content: space-between; /* gap: 10px; */ } div.order-poms-grid div.block { width: 100%; /* padding: 20px; */ justify-content: center; } div.order-poms-grid div { display: inline; } div.pom-single { width: 33%; } a.order-poms-btn { font-weight: bold; background-color: #fff; color: #000; padding: 10px 20px; text-transform: uppercase; text-decoration: none !important; border: 1px solid #000; } a.order-poms-btn:hover { text-decoration: underline !important; } div.order-poms-grid div.block:nth-child(2) { text-align: center; } div.order-poms-grid div.block img { max-height: 80%; width: auto; } @media (max-width:768px) { div.order-poms-grid { display: grid; grid-template-columns: 1fr; } div.order-poms-grid div.block p { font-size: 0.8em; } div.order-poms-grid div.block h4 { margin-top: 1em; margin-bottom: 0px; } div.order-poms-grid div.block:nth-child(2) { display: flex; margin-top:20px; } } #sku-variantion-grid-parent { display:grid; grid-template-columns: 1fr 100px; margin-bottom: 20px; margin-top: 40px; } .product-sku-variation { display: grid; grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); grid-auto-rows: 100px; gap: 10px; height: 110px; overflow: hidden; transform: max-height 0.3s ease; } #sku-variation-grid.expanded { max-height: none; height: auto; width: 100%; } .product-sku-variation.expanded { max-height: 1000px; } .variation-thumb { aspect-ratio: 1 / 1; background-color: #f5f5f5; background-position: center; background-repeat: no-repeat; background-size: cover; height: 100px; width: 100%;; display: flex; justify-content: center; } #variation-more-link { display: flex; align-items: center; justify-content: center; cursor: pointer; font-weight: bold; margin-left: 10px; } #variation-more-link:hover { text-decoration: underline; } .variation-thumb img { height: auto; max-width: 100%; max-height: 100%; } .variation-thumb img:hover { opacity: 0.8; /* Add a hover effect */ } .product-sku-variation li { position: relative; width: 100%; padding-top: 100%; background-color: #f5f5f5; } .product-sku-variation li a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background-position: center; background-repeat: no-repeat; background-size: 90%; text-indent: -9999px; /* Hide the link text */ } .product-sku-variation li:hover { opacity: 0.8; /* Add a hover effect */ } .bg-white { background-color: #fff !important; }