/* Theme Name: Hommes Studio Theme URI: https://hommes.studio Description: Hommes Studio Website Author: Hommes Studio 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 } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-appearance: none; } 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; } .strong a { font-weight: 600; } .frm_show_password_wrapper { position: relative; } button.frm_show_password_btn { position: absolute; padding: 0; right: 25px; top: 3px; } .frm_show_password_btn svg.frmsvg { width: 15px; height: 15px; padding: 0; position: absolute; color: #484848; } @font-face { font-family: eicons; src: url(/wp-content/plugins/elementor/assets/lib/eicons/fonts/eicons.eot?5.10.0); src: url(/wp-content/plugins/elementor/assets/lib/eicons/fonts/eicons.eot?5.10.0#iefix) format("embedded-opentype"), url(/wp-content/plugins/elementor/assets/lib/eicons/fonts/eicons.woff2?5.10.0) format("woff2"), url(/wp-content/plugins/elementor/assets/lib/eicons/fonts/eicons.woff?5.10.0) format("woff"), url(/wp-content/plugins/elementor/assets/lib/eicons/fonts/eicons.ttf?5.10.0) format("truetype"), url(/wp-content/plugins/elementor/assets/lib/eicons/fonts/eicons.svg?5.10.0#eicon) format("svg"); font-weight: 400; font-style: normal } /** * 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.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 * 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 - Footer * 14.0 - Landing Page * 15.0 - Newsletter Landing Page * **/ /** 1.0 - General **/ .custom .grid-container { max-width: 100%; } .custom.ebooks .hfeed, .custom.journal .grid-container, .custom.furniture-lighting-catalog .grid-container, .custom.project .grid-container, .custom.post-type-archive-shop-interiors .grid-container, .custom.post-type-archive-project .grid-container, .custom.single-product .grid-container, .custom.tax-categories-look .grid-container, .custom.metaverse-interiors .grid-container { max-width: 100%; } .text-center { text-align: center; } .video-wrapper { top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; max-height: 400px; } .generate-back-to-top { bottom: 90px; } .entry-content:not(:first-child), .entry-summary:not(:first-child), .page-content:not(:first-child) { margin-top: 0; } @media (min-width:1024px) { .video-wrapper video { margin-top: -10% !important; } } @media (min-width:769px) { .visible-desktop { display: block; } .visible-mobile { display: none; } } @media (max-width:768px) { .visible-desktop { display: none; } .visible-mobile { display: block; } .video-wrapper { max-height: 200px; } } /*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*/ .coverage .slick-slide button, .slick-slide button { background-color: transparent !important; color: #111111; } .coverage .slick-prev, .coverage .slick-next, .slick-prev, .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; } .coverage button.slick-prev:focus, .coverage button.slick-next:focus, .coverage button.slick-prev:hover, .coverage button.slick-next:hover, button.slick-prev:hover, button.slick-next:hover { outline: none; background: transparent; color: transparent; } .coverage button.slick-prev:hover:before, .coverage button.slick-prev:focus:before, .coverage button.slick-next:hover:before, .coverage button.slick-next:focus:before, button.slick-prev:hover:before, button.slick-prev:focus:before, button.slick-next:hover:before, button.slick-next:focus:before { opacity: 1, } .coverage button.slick-prev:before, .coverage button.slick-next:before, 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; } .coverage button.slick-prev:before, button.slick-prev:before { content: "\f053"; } .coverage button.slick-next:before, button.slick-next:before { content: "\f054"; } .coverage button.slick-prev, button.slick-prev { left: 10px; z-index: 10; } .coverage button.slick-next, button.slick-next { right: 10px; z-index: 10; } /** 1.1 - Links **/ .link-white a { color: #656565; } .link-white a:hover { color: #F0F0F0; } .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; } /** 1.2 - Forms **/ .frm_first, .frm_form_field.frm_left_half, .frm_form_field.frm_left_third, .frm_form_field.frm_left_two_thirds, .frm_form_field.frm_left_fourth, .frm_form_field.frm_left_fifth, .frm_form_field.frm_left_inline, .frm_form_field.frm_first_half, .frm_form_field.frm_first_third, .frm_form_field.frm_first_two_thirds, .frm_form_field.frm_first_fourth, .frm_form_field.frm_first_fifth, .frm_form_field.frm_first_sixth, .frm_form_field.frm_first_seventh, .frm_form_field.frm_first_eighth, .frm_form_field.frm_first_inline, .with_frm_style input[type=text], .frm_form_field.frm_first { margin-bottom: 10px; } ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ opacity: 0.5; /* Firefox */ } #frm_form_23_container label { font-size: 12px; } .frm-show-form { opacity: 1 !important; } /*My Acconunt form*/ .show-password { position: relative; } .show-passs-inner { position: absolute; top: 14px; 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; } /*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; font-family: "Poppins" !important; } .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 { font-family: "Poppins"; 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; font-family: Poppins, sans-serif !important; font-weight: 300 !important; padding: 30px 0px 20px !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: #FFFFFF; } .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*/ .subscrive-form input::placeholder, .subscrive-form textarea::placeholder { color: #111111 !important; opacity: 1; } .with_frm_style .subscrive-form .frm_grid, .with_frm_style .subscrive-form .frm_grid_first, .with_frm_style .subscrive-form .frm_grid_odd { padding: 0px !important; border-color: #cfcfcf !important; } .subscrive-form input[type="text"], .subscrive-form input[type="email"] { width: 100%; border: none !important; } .subscrive-form .frm_primary_label { display: none; } .subscrive-form .frm_form_field { position: relative; width: auto; } .subscrive-form .rgpd { position: absolute; bottom: -50px; font-size: 13px; } .subscrive-form input~.underline { position: absolute; bottom: 0; left: 50%; width: 0; height: 2px; background-color: #111111; transition: 0.4s; } .subscrive-form input:hover~.underline, .subscrive-form input:focus~.underline { width: 100%; transition: 0.4s; left: 0; border-color: #656565 !important; } .subscrive-form .frm_error_style p { margin-bottom: 0px !important; } /*Subscrive form horizontal*/ .subscrive-form .frm_combo_inputs_container, .subscrive-form .frm_grid_container, .subscrive-form .frm_form_fields .frm_section_heading, .subscrive-form .frm_form_fields .frm_fields_container { display: flex !important; align-items: stretch; flex-direction: row; } #frm_form_3_container .frm_fields_container { display: block; } .subscrive-form .form-field { flex-grow: 1; } @media (max-width:767px) { .subscrive-form { height: auto; } .subscrive-form .form-field { margin-bottom: 20px; } .subscrive-form .frm_combo_inputs_container, .subscrive-form .frm_grid_container, .subscrive-form .frm_form_fields .frm_section_heading, .subscrive-form .frm_form_fields .frm_fields_container { flex-direction: column; } .subscrive-form .form-field { margin-bottom: 10px !important; } .subscrive-form .subscribe-newsletter-bt { width: 100% !important; } .subscrive-form .rgpd { overflow-wrap: break-word; inline-size: 320px; } } /*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 { color: #fff !important; opacity: 1; } .custom .white-form-style input::placeholder, .custom .white-form-style input {} /** End - Forms **/ /** 1.3 - GP Elements Headers **/ .custom-header { position: relative; height: 350px; } @media (max-width:767px) { .custom-header { height: 250px; } .custom-header .custom-header-wrapp { width: 100%; } .custom-header .custom-header-title, .custom-header .acconut-header-title { font-size: 28px !important; } } .custom-header .header-overlay { height: 100%; width: 100%; top: 0; left: 0; position: absolute; background-color: #000000; opacity: 0.4; 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-weight: 600; font-size: 45px; } .custom-header .acconut-header-title { font-weight: 400; 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: 30px auto 0; } } .ebook-header-title { text-transform: uppercase; font-size: 34px; font-weight: 700; margin-top: 30px; text-align: center; } /** 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*/ .top-bar { background: #fff !important; position: sticky; top: 0; z-index: 1000; } .top-bar .inside-top-bar { max-width: 100%; padding: 5px 20px 5px 20px; display: block; background: #222; color: #fff; text-transform: uppercase; max-width: 100%; padding: 3px 5px 0; display: block; background: #fff; color: #111; text-align: right; } .top-bar .right-top li { display: inline-block; margin-left: 10px; } .top-bar .inside-top-bar a { color: #111; } .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; } .inside-top-bar.grid-container { margin-bottom: 5px; } .inside-header { padding: 0px 20px 5px !important } .main-navigation .inside-navigation { background-color: #ffffff; } .custom .main-navigation li.menu-color a { color: #FE88DC; } nav .inside-navigation { position: inherit; width: 100%; } #sticky-navigation .inside-navigation { position: relative; padding: 0 20px; } .inside-top-bar { padding: 5px; } .top-bar ul li { display: inline-block; padding: 0 5px; z-index: 1; } .top-bar .follow-bt i { color: #25d366; font-size: 20px; position: relative; top: 2px; } @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; flex-wrap: wrap; background-color: #ffffff; box-shadow: 0 2px 0 rgba(0, 0, 0, 0.06); text-align: left; } nav .main-nav .mega-menu>ul>li:not(:first-child) { padding-left: 24px; border-left: 1px solid #e5e5e5; } nav .main-nav .mega-menu>ul>li>a { letter-spacing: 1.8px; text-transform: uppercase; margin-bottom: 12px; color: #656565; font-weight: 500; } nav .main-nav .mega-menu>ul>li { display: inline-block; width: 25%; vertical-align: top; } nav .main-nav .mega-menu.mega-menu-col-2>ul>li { width: 50%; } 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>ul>li:hover>a, nav .main-nav .mega-menu>ul>li:focus>a, nav .main-nav .mega-menu>ul>li[class*="current-"]>a, nav .main-nav .mega-menu ul ul { background-color: transparent !important; color: inherit; } nav .main-nav .mega-menu ul .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); } 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; } } @media (max-width: 769px) { .top-bar .inside-top-bar .widget { margin: 0; } .top-bar .center-top { text-align: right; } } .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; } /*WELCOME MESSAGE MENU BAR*/ * { box-sizing: border-box; } @-webkit-keyframes ticker { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes ticker { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .ticker-wrap { width: 100%; overflow: hidden; height: 2rem; background-color: rgba(0, 0, 0, 0.9); padding-left: 100%; box-sizing: content-box; } .ticker-wrap .ticker { display: inline-block; height: 2rem; line-height: 2rem; white-space: nowrap; padding-right: 100%; box-sizing: content-box; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-name: ticker; animation-name: ticker; -webkit-animation-duration: 30s; animation-duration: 30s; } .ticker-wrap .ticker__item { display: inline-block; padding: 0 2rem; font-size: 14px; color: #fff; text-transform: uppercase; letter-spacing: 1px; } .ticker-wrap .ticker__item a { color: #bb1515; } /* (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: #000000; } .top-bar .wp-block-column.tb-center .hitem a { text-decoration: underline; color: #f30000; } /* (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 45s infinite; } .top-bar .wp-block-column.tb-center .hmove:hover { animation-play-state: paused; } /*.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; } .primary-menu a { text-decoration: underline; } .menu-bar-items a { text-decoration: none; } .menu-bar-items span.menu-bar-item:last-child { display: none; } .main-navigation .menu-bar-items .cart-contents.shopping-cart.has-svg-icon::before { font-size: 20px !important; } .main-navigation .menu-bar-items a { font-size: 17px; padding-left: 10px; padding-right: 10px; line-height: 33px; text-decoration: none; } .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) { .canva-menu-logo { padding-left: 15px; margin-bottom: 15px; } .canva-menu-logo img { display: block; width: 40px; } .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; } .top-bar .wp-block-column.tb-left { flex-basis: 25% !important; flex-grow: 0; text-align: left; } .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; } .custom .slideout-navigation .inside-navigation.grid-container ul li a { line-height: 35px; font-size: 15px; text-decoration: none; } .custom .slideout-navigation li.menu-border-top { border-top: 1px solid #ededed; margin-top: 10px; padding-top: 10px; } .custom .slideout-exit.has-svg-icon { font-size: 25px; padding: 10px 0; text-align: right; } .custom .main-navigation.offside { width: 90%; } } .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column { flex-basis: 530px; } /*end welcome message*/ /*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: 10px; padding-right: 10px; color: #111111; } .menu-my-account li.menu-item a:hover { color: #656565; } .menu-my-account ul.sub-menu { top: 20px; 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; } .is_stuck .menu-my-account ul.sub-menu { top: 40px; } .menu-my-account li.menu-item a.btn-logout { margin: 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; } /*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-categories-menu { 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 ul.left-top { display: inline-flex; display: block; text-align: left; } .top-bar ul li { margin-right: calc(20px/2); margin-left: calc(20px/2); } .top-bar ul li a:hover { color: #656565; } .inside-top-bar p { display: none; } .widget #menu-categories-menu li { margin-bottom: 0; padding: 0.5rem 0; } .widget #menu-categories-menu .menu-item-has-children>a { display: block; padding: 0.5rem 0; } .filter-content div ul li.current-menu-item.menu-item-has-children { font-weight: 400; } .widget #menu-categories-menu .sub-menu { display: none; } .widget #menu-categories-menu .menu-item-has-children.active>a {} .widget #menu-categories-menu .menu-item-has-children>a:after, .widget #menu-categories-menu .menu-item-has-children>a:before { content: ''; position: absolute; right: 1.25em; top: 1.4em; width: 1px; height: 0.75em; background-color: #111111; transition: all 0.2s; } #menu-categories-menu li#menu-item-15304 { padding: 0; } #menu-categories-menu ul.sub-menu { padding: 10px 0 10px; margin-top: 0; } .widget #menu-categories-menu .menu-item-has-children>a:after { transform: rotate(90deg); } .widget #menu-categories-menu .menu-item-has-children>a:before { transform: rotate(0deg); } .widget #menu-categories-menu .menu-item-has-children.active>a:before { transform: rotate(90deg); } .filter-content div ul li.current-menu-item .sub-menu { font-weight: 400; } @media (max-width: 750px) { .navigation-search.nav-search-active { padding: 15px 15px 15px 15px; } } @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) { #mobile-header .menu-toggle { background-color: transparent; } .main-navigation ul ul { background: transparent; } .main-navigation .menu-bar-items .search-item.active>a { -webkit-transform: translateX(10%) translateY(-140%); transform: translateX(10%) translateY(-140%); font-size: 20px !important; } .custom .secondary-navigation, .menu-header-products-menu-container { display: none; } .main-navigation .menu-toggle { font-size: 20px; } .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;}*/ .custom .top-bar .inside-top-bar { padding: 10px 0 !important; margin-bottom: 0; } .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: 60% !important; } .top-bar .wp-block-column.tb-right { flex-basis: 40% !important; } .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*/ /*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; } .menu-my-account { display: inline-block; } /* NEW NAVIGATION*/ .main-navigation .main-nav a { text-decoration: underline; } li.top-bar-search { cursor: pointer; } #menu-header-menu li::after { content: "|"; position: absolute; top: 20%; right: 0; } #menu-header-menu li:last-child:after { content: ""; } @media(min-width: 769px) { .inside-header>.site-branding, .inside-header>.navigation-branding, .inside-header>.site-logo, .site-branding-container, #site-navigation .navigation-branding .site-logo, #sticky-navigation .navigation-branding { position: absolute; left: 50%; transform: translateX(-50%); z-index: 1000; } #site-navigation { margin-left: unset !important; display: flex; min-height: 20px; } .site-header .main-navigation:not(#sticky-navigation) .inside-navigation { margin: unset; } #site-navigation, #primary-menu, .main-navigation .inside-navigation { flex: 1; /* position: sticky; top: 33px; z-index: 110;*/ background: transparent; } /* Change nth-child(#) to first item to right */ .main-navigation ul li:nth-child(2) { margin-left: auto; } } .custom .secondary-navigation { background-color: #ffffff; margin: 0 0 5px; } .menu-header-products-menu-container { text-align: center; position: sticky; top: 32px; z-index: 100; background: #fff; margin-bottom: 5px; } .menu-header-products-menu-container.sticky { background-color: #ededed; } ul#menu-header-products-menu { list-style: none; margin: 0; padding: 0 50px; text-align: center; text-transform: uppercase; font-size: 14px; font-weight: 500; letter-spacing: 0.2px; display: inline-block; border-top: 1px solid #ededed; } ul#menu-header-products-menu li { display: inline-block; position: relative; } ul#menu-header-products-menu li a { padding: 10px 20px; display: block; } ul#menu-header-products-menu li::after { content: "|"; position: absolute; top: 20%; right: 0; } ul#menu-header-products-menu li:last-child:after { content: ""; } #site-navigation { padding: 0 10px; } .main-navigation .menu-bar-item.trade { background: #bb1515; color: #fff; font-size: 13px !important; letter-spacing: 1px; margin-left: 15px; } .custom .slideout-navigation .inside-navigation.grid-container { padding: 0 20px; } @media(min-width:769px)and (max-width:1024px) { .main-navigation .inside-navigation { display: none; } } /*END MENU*/ /** 3.0 - Woocommerce **/ .woocommerce a.remove { line-height: 14px !important; } /** 3.1 - notificações e alertas **/ .product-slider span.loop-list-cat { display: block; width: 100%; text-align: center; } .product-slider { padding-bottom: 50px; } .product-slider .slick-prev, .product-slider .slick-next { top: 56%; } .product-slider .slick-prev { left: -30px; } .product-slider .slick-next { right: -30px; } .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; margin-top: 10px; } .woocommerce-breadcrumb a:hover { color: #111111; } /** 3.3 - Titulos paginas **/ .woocommerce-Address-title.title, .checkout .entry-header, .woocommerce-cart .entry-header, .woocommerce-products-header /*, .entry-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; margin-top: 50px; } .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, .add_to_cart_button:before { font-family: "eicons"; font-weight: normal; content: "\e8e4"; font-size: 22px; } .get_price_button:before { content: ""; } .get_price_button:after { font-family: "eicons"; font-weight: normal; content: "\e910"; font-size: 15px; margin-left: 5px; } #wc-sticky-cart-panel .button:before { margin-right: 0; } div.product form.cart .button:before, .add_to_cart_button:before { margin-right: 10px; } /** 3.4 - All Products **/ /*aside#block-47 { margin-top: 65px; }*/ .inside-left-sidebar>.widget { padding: 20px 20px 0px 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: #e5e5e5; 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: #ffffff; } .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: #ffffff; 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; } .ywcca_widget_container_style_3 .ywcca_widget_title { font-family: Poppins, sans-serif; font-weight: 500 !important; font-size: 16px !important; line-height: 1.25; color: #111111 !important; ; border-bottom: none !important; } .ywcca_widget_container_style_3 .ywcca_category_accordion_widget li.cat-item, .ywcca_widget_container_style_3 .ywcca_category_accordion_widget ul.ywcca-menu li.menu-item, .ywcca_widget_container_style_3 .ywcca_category_accordion_widget li.cat-item a, .ywcca_widget_container_style_3 .ywcca_category_accordion_widget ul.ywcca-menu li.menu-item a { color: #656565; font-size: 13px !important; } .ywcca_widget_container_style_3 .ywcca_category_accordion_widget li.cat-item, .ywcca_widget_container_style_3 .ywcca_category_accordion_widget ul.ywcca-menu li.menu-item { border-bottom-color: #e5e5e5; padding: 5px 5px 5px 5px; } .ywcca_widget_container_style_3 .ywcca_category_accordion_widget ul.ywcca-menu li.menu-item-has-children:after, .ywcca_widget_container_style_3 .ywcca_category_accordion_widget ul.ywcca-menu li.menu-item-object-product_cat:after { content: ''; position: absolute; width: 100%; transform: scaleX(0); height: 1px; bottom: 0; left: 0; background-color: #111111; transform-origin: bottom right; transition: transform 0.25s ease-in-out; } .ywcca_widget_container_style_3 .ywcca_category_accordion_widget ul.ywcca-menu li.menu-item-has-children:hover:after, .ywcca_widget_container_style_3 .ywcca_category_accordion_widget ul.ywcca-menu li.menu-item-object-product_cat:hover:after { transform: scaleX(1); transform-origin: bottom left; } .ywcca_container { margin: 0px !important; } @media (max-width:768px) { .filters .ywcca_widget_container_style_3 ul.ywcca_category_accordion_widget li .icon-plus_style_3 { margin-right: 5px; } .woocommerce-products-header__title.page-title { margin-top: 20px; } ul.menu.custom-side-menu { display: none; } } /* .woocommerce-shop .inside-left-sidebar, .single-post .inside-right-sidebar { position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; position: sticky; top:10%; }*/ @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*/ /** 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"], .sidebar .widget.widget_block input[type="search"]::placeholder { background-color: #FFFFFF; font-family: Poppins, sans-serif !important; font-weight: 300 !important; } .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; } .wcpf-inner { margin-bottom: 0px; } .wcpf-front-element { margin-bottom: 10px; } .wcpf-layout-item.wcpf-box-style .wcpf-heading-label, .wcpf-field-item.wcpf-box-style .wcpf-heading-label, .wcpf-field-checkbox-list .wcpf-checkbox-list .wcpf-checkbox-item .wcpf-checkbox-label { padding-left: 10px; } ul.menu.custom-side-menu { margin-bottom: 10px; } #menu-categories-menu li.menu-border-bottom { border-bottom: 1px solid #ededed; margin-bottom: 10px; padding-bottom: 10px; } #menu-categories-menu li.menu-border-top { border-top: 1px solid #ededed; padding-top: 20px; } .custom .menu-archive-item { padding: 8px 0; text-transform: uppercase; margin: 0px 19px 0; } .custom .menu-archive-item.border-top { border-top: 1px solid #ededed; padding-top: 20px; } /* Filter menu mobile*/ .filters .wcpf-filter { padding-left: 20px; padding-right: 20px; } .filters .asp_w_container, .filters form, .filters .ywcca_container { padding: 20px; } /* Side navigation menu mobile */ .filters { height: 100%; width: 0; position: fixed; z-index: 1; top: 0; left: 0; background-color: #ffffff; overflow-x: hidden; padding-top: 60px; transition: 0.5s; z-index: 100; } .filters a { text-decoration: none; display: block; transition: 0.3s } .offcanvas a:focus, .offcanvas a:hover { color: #111111; } .filters .closebtn { position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px; } @media screen and (max-width: 700px) { .woocommerce .woocommerce-ordering, .woocommerce .woocommerce-result-count { float: right; } } 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: none; } .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**/ .woocommerce.product-slider ul li.product, .woocommerce ul.products li.product { border-bottom: 1px solid #e5e5e5; background-color: rgba(255, 255, 255, 0.25); } .woocommerce.product-slider ul.products li.product:after, .woocommerce ul.products li.product:after { display: block; content: ''; border-bottom: solid 1px #111111; transform: scaleX(0); transition: transform 250ms ease-in-out; } .woocommerce.product-slider ul li.product:hover:after, .woocommerce ul.products li.product:hover:after { transform: scaleX(1); } .woocommerce.product-slider ul li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 16px; text-transform: uppercase; line-height: 1.2; margin: 0 0 10px 0; letter-spacing: .28px; } .woocommerce.product-slider ul li.product .price, .woocommerce ul.products li.product .price { font-size: 14px; font-weight: 600; } .woocommerce.product-slider ul li.product .price { text-align: center; color: #111111; display: block; } .woocommerce.product-slider div.product p.price, .woocommerce.product-slider ul li.product .price del, .woocommerce div.product p.price, .woocommerce ul.products li.product .price del { font-weight: 400; margin: 30px 0; } .woocommerce.product-slider ul li.product .loop-list-cat:last-child, .woocommerce ul.products li.product .loop-list-cat:last-child { line-height: 40px; } .woocommerce.product-slider ul li.product .loop-list-cat a, .woocommerce ul.products li.product .loop-list-cat a { color: #656565; font-size: 13px; } .woocommerce.product-slider ul li.product .loop-list-cat a:hover, .woocommerce ul.products li.product .loop-list-cat a:hover { color: #111111; } .woocommerce.product-slider ul li.product .price, .woocommerce ul.products li.product .price { margin-top: 10px; margin-bottom: 15px; } .woocommerce.product-slider .product .iconic-ww-button, .products .product .iconic-ww-button { margin: 0 !important; float: left; width: 48%; text-align: right; } .woocommerce.product-slider .product .add_to_cart_button, .products .product .add_to_cart_button { margin: 0 !important; float: right; width: 48%; text-align: left; } .woocommerce.product-slider .product .add_to_cart_button.get_price_button { float: none; width: 100%; text-align: center; } .woocommerce.product-slider .product .add_to_cart_button, .products .product .add_to_cart_button, .woocommerce.product-slider .product .iconic-ww-button.iconic-ww-button--add-to-wishlist, .products .product .iconic-ww-button.iconic-ww-button--add-to-wishlist { background-color: transparent; color: #656565; padding: 10px; } .woocommerce.product-slider .product .add_to_cart_button:hover, .products .product .add_to_cart_button:hover, .products .product .iconic-ww-button.iconic-ww-button--add-to-wishlist:hover { color: #111111; background-color: transparent; } .woocommerce.product-slider .product .iconic-ww-icon, .products .product .iconic-ww-icon { width: 20px; } .woocommerce.product-slider .slick-slider { margin: 0; } .woocommerce.product-slider .slick-prev:hover, .woocommerce.product-slider .slick-prev:focus, .woocommerce.product-slider .slick-next:hover, .woocommerce.product-slider .slick-next:focus, .woocommerce.product-slider .slick-prev, .woocommerce.product-slider .slick-prev, .woocommerce.product-slider .slick-next, .woocommerce.product-slider .slick-next { color: transparent; outline: none; background: transparent; } .woocommerce.product-slider ul li.product { position: relative; margin-right: 15px; } @media(max-width: 786px) { .woocommerce.product-slider ul li.product { margin-right: 5px; } } /** 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: 0 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**/ .woocommerce.woo-sale-discount li.purchasable { display: none; } .woocommerce.woo-sale-discount li.sale.purchasable { display: block; } .custom.logged-out ul.products li.product .button.get_price_button { text-transform: uppercase; font-weight: 500; color: #333; background: 0 0; margin: 0; padding: 0; text-transform: uppercase; } /* .custom.logged-out ul.products li.product .button.get_price_button:hover { border-bottom: 1px solid #333; } */ .woocommerce.single-product.logged-out .get_price_button { margin: 40px 0 50px; width: 48%; text-align: center; text-transform: uppercase; border: 1px solid #111; } .woocommerce.single-product.logged-out .get_price_button:hover { background-color: #fff; color: #111; } /* single-product logged-out */ .shop-archive-intro p a { text-decoration: underline; font-weight: 500; color: #656565; } .woof_checkbox_label span.last { display: none !important; } @media(max-width: 786px) { .shop-archive-intro p { display: none; } } /** 3.5 Single Product **/ /*Single product page*/ 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: .05px; font-size: 35px; font-weight: 400; text-transform: uppercase; margin-bottom: 0; } .single-product p.price { letter-spacing: .16px; margin-bottom: 1em; } .single-product div.product .stock { display: none; } .single-product div.product .stock.available-on-backorder, .single-product div.product .stock.in-stock, .single-product div.product.instock .stock { letter-spacing: .05em; text-align: left; text-transform: uppercase; line-height: 1rem; /* display: block;*/ color: green; margin-bottom: 10px; } span.free-shipping { font-size: 13px; margin-bottom: 20px; display: block; text-transform: uppercase; } span.free-shipping i { position: relative; top: -5px; } span.free-shipping a { text-decoration: underline; } .container-accordion { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 0; gap: 0 20px; grid-template-areas: ". ." ". ."; } .container-accordion.first-row { margin-top: 75px; } 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; } .single-product.woocommerce form.cart .iconic-ww-button--add-to-wishlist, .single-product.woocommerce form.cart .iconic-ww-button--create-wishlist { position: absolute; right: 0; width: auto !important; top: -33px; } /*COMPLETE LOOK*/ .complete-look, .related.products { margin-top: 50px; padding: 0 20px; } .complete-look h2, .related.products h2 { text-transform: uppercase; font-size: 22px; } .complete-look .slick-prev, .complete-look .slick-next, .related.products .slick-prev, .related.products .slick-next { top: -13px; border: 1px solid #aaa; right: 0; } .complete-look .slick-prev, .related.products .slick-prev { left: auto; right: 23px; } .complete-look .slick-slide, .related.products .slick-slide { margin: 0 10px; } .complete-look .slick-list, .related.products .slick-list { margin: 0px -10px 0px -10px; } .complete-look button.slick-prev:before, .complete-look button.slick-next:before, .related.products button.slick-prev:before, .related.products button.slick-next:before { font-size: 12px; line-height: 1; color: #aaa; } .complete-look .slick-prev:focus, .complete-look .slick-next:focus, .related.products .slick-prev:focus, .related.products .slick-next:focus { background: #ededed; } .complete-look .woocommerce.product-slider ul li.product, .complete-look .woocommerce ul.products li.product, .related.products .woocommerce.product-slider ul li.product, .related.products .woocommerce ul.products li.product { border: none; } /* Strength Block ******/ .strength-full-width { background-color: #f8f8f8; padding: 70px 0 60px; margin-top: 75px; text-align: center; } .strength-full-width h2 { margin-bottom: 60px; } .strength-full-width .btn-whatapp { text-align: center; display: inline-block; margin: 0 auto; padding: 11px 15px; background: #111; color: #fff; text-transform: uppercase; font-weight: 500; letter-spacing: 0.5px; margin-top: 45px; border: 1px solid #111; } .strength-full-width .btn-whatapp:hover { background: #fff; color: #111; } .single-product .grid-strength { margin: 0 auto; max-width: 1440px; } .grid-strength { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 40px; /*margin: 100px 0;*/ } .grid-strength .block { text-align: center; } .grid-strength i { color: #111; height: 25px; } .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; } .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 } .grid-strength p.shipping { margin-top: 30px; left: 496px; position: relative; } } .button-360 { margin-bottom: 16px; } .button-360:hover { opacity: 0.7; } .custom .iconic-woothumbs-images__slide { background-color: transparent; } .custom .iconic-woothumbs-fullscreen svg path { stroke: #484848 !important; } .custom .iconic-woothumbs-fullscreen svg path:not(:last-child) { stroke: #484848 !important; } .custom .iconic-woothumbs-all-images-wrap--layout-slider.iconic-woothumbs-hover-icons .iconic-woothumbs-images-wrap .iconic-woothumbs-fullscreen { opacity: 1; bottom: 15px; } /* Style the element that is used to open and close the accordion class */ p.accordion { cursor: pointer; padding: 10px 0; width: 100%; text-align: left; border: none; outline: none; transition: 0.4s; margin-bottom: 0; text-transform: uppercase; letter-spacing: 1px; font-weight: 500; border-bottom: 1px solid #e5e5e5; } div.panel { padding: 15px 15px 0; background-color: white; max-height: 0; overflow: hidden; transition: 0.4s ease-in-out; opacity: 0; margin-bottom: 10px; font-size: 14px; } @media (max-width:767px) { div.panel { padding: 0px; } } div.panel.show { max-height: 500px; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; opacity: 1; } 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; } } /* Single Add Button */ ul.single-cta_btn.mb-20 { margin-bottom: 2em; } 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; } .woocommerce a.button:hover.single_register_account { background-color: #111111; color: #ffffff; border: 1px solid #111111; } ul.title.payments { margin: 0 0 25px; 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: #656565 !important; text-transform: uppercase; position: relative; top: -4px; } 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/plane-solid.svg); width: 15px; display: inline-block; position: relative; top: 1px; } p.title.highlights.handcrafted::before { content: url(img/handcrafted.svg); width: 15px; display: inline-block; position: relative; top: 2px; } /*.woocommerce a.single_add_to_cart_button { padding: 10px 20px; text-transform: uppercase; margin-bottom: 2em; }*/ .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 #111111; -webkit-text-fill-color: #FFFFFF; } .single_add_to_cart_button.dark-bt:hover:before { -webkit-text-stroke: 1px #ffffff; -webkit-text-fill-color: #111111; } @media (max-width:767px) { .single_register_account:before, .single_add_to_cart_button:before { font-size: 16px; } } .custom.woocommerce div.product.do-quantity-buttons form.cart { position: relative; } .custom.woocommerce div.product form.cart div.quantity { float: left; margin: 0 0; width: 25%; } .custom.woocommerce div.product form.cart .button { float: right; width: 75%; } /* End Single Add Button*/ /* 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 } /* End Product Color Variation */ /*get the look section*/ .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*/ /*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; } /*End Botões de navegação entre produtos*/ /*botões personalizados*/ 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: #111; border: 1px solid #e5e5e5; color: #fff; } ul.single-cta_btn li.cta-columns button:hover { background: #fff; border: 1px solid #111; color: #111; } ul.single-cta_btn li.cta-columns button.btn-custumize { width: 100%; background: #fff; border: 1px solid #e5e5e5; color: #111; } ul.single-cta_btn li.cta-columns button.btn-custumize: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, ul.single-cta_btn.columns-2 li.cta-columns button span::before { font-family: "eicons"; font-weight: normal; font-size: 15px; margin-right: 10px; } @media (max-width:768px) { ul.single-cta_btn { font-size: 17px; } ul.single-cta_btn.mb-20 { margin-bottom: 1em; } 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: 20px; } 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; } } /*End botões personalizados*/ .custom .iconic-woothumbs-thumbnails__image-wrapper:after { border: 1px solid #111111; } /*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 th.product-total, .woocommerce-checkout-review-order-table td { text-align: right; } */ .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 .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; } @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; } .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; } .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; } /*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; } /*End Cart page*/ /** 3.8 - My account **/ /*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;*/ } .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: #FFCA33 !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*/ @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-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: 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 **/ .custom .coupon label { display: none; } @media screen and (max-width: 768px) { #cfw-coupons { display: none } } #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; } /* catalogue-page Form*/ /* .page-id-4240 .frm_style_formidable-style.with_frm_style .frm_submit button{background: #fff;border: 1px solid #fff;color: #000;} .page-id-4240 .frm_style_formidable-style.with_frm_style .frm_submit button:hover{background: #000; color: #fff;} .page-id-4240 .with_frm_style .vertical_radio .frm_checkbox label, .page-id-4240 .with_frm_style .frm_radio label, .page-id-4240 a.link-underline, .page-id-4240 .with_frm_style .vertical_radio .frm_radio label, */ .art-genius-marquetry-furniture-collection .elementor-element-4fd7f631 .with_frm_style .frm_checkbox label, .art-genius-marquetry-furniture-collection .elementor-element-4fd7f631 a.link-underline, .art-genius-marquetry-furniture-collection .elementor-element-4fd7f631 .with_frm_style .frm_radio label { color: #fff; } /** 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: 'Poppins', 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; 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: 67px; padding-left: 15px; padding-right: 15px; } .my-account-card figcaption { border-bottom: 1px solid #e5e5e5; } .my-account-card figcaption:after { display: block; content: ''; border-bottom: solid 1px #111111; transform: scaleX(0); transition: transform 250ms ease-in-out; } .my-account-card:hover figcaption:after { transform: scaleX(1); } /** 3.8.5 - Product data sheet **/ .product-data-sheet-table-row { display: grid; grid-template-columns: 18% 50% repeat(3, 10%); grid-column-gap: 5px; grid-row-gap: 5px; padding: 10px 10px 5px; align-items: center; border-bottom: 1px solid #ccc; } .product-data-sheet-table-row.table-th { background: #ededed; padding: 10px 10px; } .sku { grid-area: 1 / 1 / 2 / 2; } .title { grid-area: 1 / 2 / 2 / 3; } .hr { grid-area: 1 / 3 / 2 / 4; text-align: center; } .dwg { grid-area: 1 / 4 / 2 / 5; text-align: center; } .pdf { grid-area: 1 / 5 / 2 / 6; text-align: center; } .product-data-sheet-table-row img { max-width: 30px; opacity: 0.2; } .product-data-sheet-table-row a img { opacity: 1 } /*End Dashboard*/ /** End 3.8 - My account **/ /** SHOP LOOP**/ .term-description { font-size: 13px; margin-top: 50px; } .term-description h2, .term-description h3, .term-description h4 { font-size: 13px; font-weight: 600; margin-bottom: 5px; } .term-description a { text-decoration: underline; color: inherit; } /** 4.0 - Homepage **/ /*Products Slick Slide*/ ul.home-featured-slider { margin: 0px; } /*.home-featured-slider .slick-slide {padding: 10px; text-align: center;}*/ .home-featured-slider .inside-wc-product-image img { background: linear-gradient(145deg, rgba(245, 243, 239, 1) 0%, rgba(225, 224, 220, 1) 100%); } .home-featured-slider .woocommerce-loop-product__title { font-size: 16px; text-transform: uppercase; line-height: 1.2; margin: 10px 0 10px 0; letter-spacing: .28px; } .home-featured-slider span.loop-list-cat a { font-size: 13px; color: #656565; } .home-featured-slider span.loop-list-cat a:hover { color: #111111; } .home-featured-slider .slick-slide a.iconic-ww-button, .home-featured-slider .slick-slide a.button { background-color: transparent; color: #656565; padding: 10px; } .home-featured-slider .slick-slide a:hover.iconic-ww-button, .home-featured-slider .slick-slide a:hover.button { background-color: transparent; color: #111111; } .home-featured-slider .slick-slide .iconic-ww-button--add-to-wishlist { margin-bottom: 0px !important; } .home-featured-slider span.price { display: block; padding-top: 10px; } @media (max-width:768px) { .home-featured-slider { width: 100%; margin: auto; } .home-featured-slider .slick-slide { padding: 5px; } .home-featured-slider .woocommerce-loop-product__title { min-height: 35px; } .home-featured-slider .slick-list { padding: 0 20% 0 0 !important; } } /*End Products Slick Slide*/ /*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: 0px 0px 0px 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; } .pad-tb-20 { padding-top: 20px; padding-bottom: 20px; } /* @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; } .home-block-wrapper-boxed { /*max-width: 1140px;*/ max-width: 1440px; margin: auto; width: 100%; } /*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 #c2a773; } .home-product-card figcaption { padding: 10px 10px 10px 30px; } .home-product-card h3 { font-family: "Poppins", 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; } } @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, .home-card figcaption.cta-top-center { 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; text-align: 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: 'Poppins', 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: 'Poppins', 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-card figcaption.cta-top-center { justify-content: flex-start; align-items: center; padding-top: 30px; max-width: 80%; margin: 50px auto 0; text-align: center; } /*.home .inside-article .wp-block-columns{gap:0;margin: 0;padding: 0;} .home .site-main .wp-block-group__inner-container {padding: 0px 20px;} .home-card.home-v2 {color: #111;background: #fff;} .home-card.home-v2.transparent{background: linear-gradient(145deg, rgba(245,243,239,1) 0%, rgba(225,224,220,1) 100%);} .home-card.home-v2 h2{color: #111;} .home-card.home-v2.center h2{font-size: 30px;letter-spacing: 1px; margin-bottom: 10px;} .home-card.home-v2.enter p{} .home-card.home-v2.center h4{margin-bottom: 10px;font-weight: normal;font-size: 14px;} .home-card.home-v2.center span {top:73%;position: relative;} .home-card.home-v2.center.outdoor span {top:23%;position: relative;} .home .block-col{text-align: center;} .home .block-col p{padding: 0 10%;} .home .wp-block-image {margin: 0;} .home-card.home-v2 h2.lighting::after{display: block;content: "Explore our lighting collection of floor, table, and suspension lamps, eye-catching pieces for contemporary space."; font-size: 15px;font-weight: 100;text-transform: none;letter-spacing: normal;} .home-card.home-v2.transparent.table figcaption.cta-top-center{margin: 20px auto 0;} .home-card.home-v2.transparent.table figcaption span{top:64%;} .home-card.home-v2 h2.table::after{display: block;content: "Explore our lighting collection of floor, table, and suspension lamps, eye-catching pieces for contemporary space.";font-size: 15px; font-weight: 100;text-transform: none;letter-spacing: normal;}*/ /* @media (max-width:767px) { .home .wp-container-5, .home-card.home-v2.center.outdoor p, .home .wp-container-10{display: none;} .home .wp-container-6{margin-top: 20px;} .wp-container-1 .home-card.home-v2 {padding-bottom:30px;} .home-card figcaption.cta-top-center {padding-top:30px;max-width: 90%;margin: 0 auto 0;} .home-card.home-v2.transparent{padding:60px 10px 10px;} .home-card.home-v2.transparent.table{padding: 120px 10px 10px;} .home-card.home-v2 h2.lighting::after, .home-card.home-v2 h2.table::after{margin-top: 10px;font-size: 13px;} .home-card.home-v2.center span {top: 60%;} .home-card.home-v2.transparent.table figcaption span{top:51%;} .home-card.home-v2.center.outdoor h2 {margin-bottom:60px;} .home-card.home-v2.center.outdoor img {padding-bottom: 40px;} .home-card.home-v2.center.outdoor span {top:65px;} .home-card span { opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);} .wp-container-16 .home-card.home-v2{padding-bottom: 30px; background-color:#f1ece9 ;} .wp-container-17 .home-card.home-v2{padding-bottom: 30px; background-color:#c2bb9f ;} } @media (min-width:768px) and (max-width:1024px) { .home .wp-container-5, .home-card.home-v2.center.outdoor p, .home .wp-container-10{display: none;} .home-card.home-v2.center span {opacity: 1;} .home-card.home-v2.center.outdoor span {opacity: 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; } .home-featured-slider .slick-prev, .home-featured-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; } .home-featured-slider .slick-prev:hover, .home-featured-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; } .home-featured-slider .slick-prev:hover:before, .home-featured-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, } .home-featured-slider .slick-prev, .shop-look-slider .slick-prev, .home-shop-interiors-slider .slick-prev { left: -50px; } .home-featured-slider .slick-next, .shop-look-slider .slick-next, .home-shop-interiors-slider .slick-next { right: -50px; } .home-featured-slider .slick-prev:hover, .home-featured-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; } .home-featured-slider .slick-prev:before, .home-featured-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; } .home-featured-slider .slick-prev:before, .shop-look-slider .slick-prev:before, .home-shop-interiors-slider .slick-prev:before { content: "\f053"; } .home-featured-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) { .home-featured-slider .slick-prev, .home-shop-interiors-slider .slick-prev { left: 10px; z-index: 10; } .home-featured-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; } .home-featured-slider .slick-prev { left: 0px; z-index: 10; } .home-featured-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; } } /* 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 } } .inside-page-hero { text-align: center; display: block; margin: 0 auto; } .page-id-4240 .inside-page-hero { width: 100%; text-align: center; margin: 0 auto; } .page-id-4240 #frm_form_5_container { max-width: 960px; margin: 0 auto; padding: 50px 20px; } .catalogue-form-block { background: url('/wp-content/themes/hommes/img/banner-catalogue-bg-4.jpg') no-repeat; background-size: cover; margin: 35px 0; } /*## 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 #111111; 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 **/ /*### BLOG PAGE ###*/ .blog.inside-article header.entry-header { border: none; margin-bottom: 0; } .blog.inside-article header.entry-header::before { border-bottom: 1px solid #e5e5e5; } .blog.inside-article header.entry-header:after { display: block; content: ''; border-bottom: solid 1px #111111; transform: scaleX(0); transition: transform 250ms ease-in-out; } .blog.inside-article header.entry-header:hover:after { transform: scaleX(1); } .blog.inside-article .entry-header .entry-meta.cat-links { padding-top: 20px; padding-left: 20px; color: #656565; } /* .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 20px; min-height: 60px; } .blog .entry-header h2 { border-bottom: 1px solid #e5e5e5; } .inside-article .entry-summary p { display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; } .single-product .inside-article .entry-summary p { -webkit-line-clamp: 12 } .blog .entry-header h2:after { display: block; content: ''; border-bottom: solid 1px #111111; transform: scaleX(0); transition: transform 250ms ease-in-out; padding-bottom: 10px; } .blog .entry-header:hover h2:after { transform: scaleX(1); } #frm_show_form-2 h2.widget-title { margin-bottom: 0; } #frm_show_form-2.frm_description p { font-size: 13px; margin-bottom: 5px; } /*### END BLOG PAGE ###*/ /*BLOG ARCHIVE*/ .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 { color: #111111; } .post-image-above-header .no-featured-image-padding .inside-article .post-image { margin: 0 -40px; } .blog h2.entry-title { font-size: 20px; font-weight: 500; text-transform: uppercase; line-height: 1.25; letter-spacing: 0.28px; } .blog h2.entry-title a:hover { color: #111111; } .blog .entry-header, .archive .entry-header { background: #fff; margin-top: -50px; position: relative; padding: 20px; margin-left: 0; max-width: 85%; } .archive.category .inside-page-hero h1 { text-transform: uppercase; font-size: 48px; letter-spacing: .1em; font-weight: 800; font-family: 'Bodoni Moda', serif; margin-top: 40px; } span.post-update-date { display: block; font-weight: 600; font-size: 14px; } #ajaxsearchpro4_1 .probox .proinput input.orig, div.asp_m.asp_m_4 .probox .proinput input.orig { text-align: center; } .post-image { position: relative; overflow: hidden; } .post-image img { max-width: 100%; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; } .post-image:hover img { -moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); } /*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%; } .related-posts-block h3 { font-weight: 600; text-align: center; margin-bottom: 25px; font-size: 28px; font-family: 'Bodoni Moda', serif; text-transform: uppercase; } .related-posts-block h4 { text-transform: uppercase; font-weight: 700; font-size: 22px; letter-spacing: 1.5px; line-height: 24px; margin-top: 15px; } .related-posts-block a { color: #000; } /** 8.0 - Coverage **/ /*### COVERAGE PAGE ###*/ h3.coverage-titles { text-transform: uppercase; text-align: center; margin: 50px 50px 25px; 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; } } /*### 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**/ .shop-interiors-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; } .shop-interiors-cta:hover .elementor-cta__button.elementor-button { opacity: 1; } .shop-interiors-cta .elementor-cta__content-item, .shop-interiors-cta .elementor-cta--skin-cover .elementor-cta__content-item .elementor-icon { margin-bottom: 0px; } @media screen and (max-width : 768px) { .single-shop-interiors .lookbook-cta .elementor-button { padding: 10px 12px; font-size: 12px; } .single-shop-interiors .lookbook-cta .elementor-widget-container h3 { min-height: 33px; } } .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; margin-top: 50px; } .menu-shop-the-look-menu-container ul { background: transparent; position: static; box-shadow: none; text-align: center; margin: 0; list-style: none; } .menu-shop-the-look-menu-container li { display: inline-block; } .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-shop-the-look-menu-container li.current-menu-item { background: transparent; color: #111111; font-weight: 500; box-shadow: inset 0 -2px 0 #111111; } .menu-shop-the-look-menu-container li:hover { background: transparent; color: #656565; font-weight: 500; box-shadow: inset 0 -2px 0 #e5e5e5; } .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-shop-the-look-menu-container a:hover { color: #656565; } .menu-shop-the-look-menu-container li ul { display: none; } .menu-shop-the-look-menu-container li ul li { display: block; float: none; } .menu-shop-the-look-menu-container li ul li a { width: auto; min-width: 100px; padding: 0 20px; } .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-shop-the-look-menu-container .show-menu span { padding-left: 0px; } .menu-shop-the-look-menu-container input[type=checkbox] { display: none; } .menu-shop-the-look-menu-container input[type=checkbox]:checked~#menu-shop-the-look-menu { display: block; } @media screen and (max-width : 800px) { .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-shop-the-look-menu-container ul { position: static; display: none; } .menu-shop-the-look-menu-container li { margin-bottom: 1px; } .menu-shop-the-look-menu-container ul li, .menu-shop-the-look-menu-container li a { width: 100%; } .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; } .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 { display: block; content: ''; border-bottom: solid 1px #111111; transform: scaleX(0); transition: transform 250ms ease-in-out; } .stl-slide:hover:after { transform: scaleX(1); } .stl-slide .figure { position: relative; color: #fff; text-align: center; overflow: hidden; background-color: #111111; max-height: 350px; } .stl-slide img { backface-visibility: hidden; height: 100%; 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; } .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 h3 { font-family: 'Poppins', sans-serif; text-transform: uppercase; font-size: 15px; font-weight: 600; margin: 10px 0 0; min-height: 43px; text-align: center; display: flex; justify-content: center; align-items: center; } 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 { display: block; text-align: center; margin-left: auto; margin-right: auto; } @media screen and (min-device-width: 319px) and (max-device-width: 768px) { .shop-look-slider .stl-card { height: auto; } .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-shop-interiors .site-content, .post-type-archive-project .site-content { padding: 0px 45px 20px 40px; } .shop-look-slider div.stl-card figcaption { left: 40px; right: 40px; } .stl-slide .figure { max-height: 270px; } } @media screen and (min-device-width: 769px) and (max-device-width: 991px) { .stl-slide .figure { max-height: 230px; } } @media screen and (max-device-width:768px) { .stl-slide .figure { max-height: 250px; } } @media screen and (max-device-width: 390px) { .stl-slide .figure { max-height: 170px; } } .stl-destaque { display: flex; flex-wrap: wrap; justify-content: space-between; } .post-type-archive-shop-interiors .slick-slide, .post-type-archive-project .slick-slide { padding: 20px; } .stl-card { flex: 0 49%; margin-bottom: 2%; color: #fff; position: relative; overflow: hidden; min-width: 320px; 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: 'Poppins', 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: 'Poppins', 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; } } /*END Highlights section*/ /** 9.3 - Page blocks**/ .tax-categories-look .stl-grid, .post-type-archive-shop-interiors .stl-grid, .post-type-archive-project .stl-grid { display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; max-width: 100%; justify-content: center; } .post-type-archive-project .stl-grid { margin-top: 50px; } .tax-categories-look article.shop-interiors, .post-type-archive-shop-interiors article.shop-interiors, .post-type-archive-project article.project { font-family: 'Poppins', sans-serif; line-height: 1.5em; flex: 23.5% 0 0; box-sizing: border-box; margin: 10px; justify-content: space-between; } article.single-shop-interiors, article.single-project { margin: 0px !important; } @media screen and (min-device-width: 319px) and (max-device-width: 768px) { .tax-categories-look article.shop-interiors, .post-type-archive-shop-interiors article.shop-interiors, .post-type-archive-project article.project { flex: 44%; margin: 5px; } .custom article.shop-interiors .post-image, .custom article.project .post-image { height: 150px; } .custom article.shop-interiors .post-image img, .custom article.project .post-image img { -webkit-transform: unset; transform: unset; } .custom .archive article.shop-interiors .entry-header h2, .custom .archive article.project .entry-header h2 { max-height: 60px; } } @media screen and (min-device-width: 769px) and (max-device-width: 992px) { .tax-categories-look article.shop-interiors, .post-type-archive-shop-interiors article.shop-interiors, .post-type-archive-project article.project { flex: 47.2% 0 0; } } .tax-categories-look article.shop-interiors .inside-article, .post-type-archive-shop-interiors article.shop-interiors .inside-article, .post-type-archive-project article.project .inside-article { border-bottom: 1px solid #e5e5e5; } .tax-categories-look article.shop-interiors *, .tax-categories-look article.shop-interiors *:before, .tax-categories-look article.shop-interiors *:after, .post-type-archive-shop-interiors article.shop-interiors *, .post-type-archive-shop-interiors article.shop-interiors *:before, .post-type-archive-shop-interiors article.shop-interiors *:after, .post-type-archive-project article.project *, .post-type-archive-project article.project *:before, .post-type-archive-project article.project *:after { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.25s linear; transition: all 0.25s linear; } .tax-categories-look article.shop-interiors .inside-article:after, .post-type-archive-shop-interiors article.shop-interiors .inside-article:after, .post-type-archive-project article.project .inside-article:after { display: block; content: ''; border-bottom: solid 1px #111111; transform: scaleX(0); transition: transform 250ms ease-in-out; } .tax-categories-look article.shop-interiors:hover .inside-article:after, .post-type-archive-shop-interiors article.shop-interiors:hover .inside-article:after, .post-type-archive-project article.project:hover .inside-article:after { transform: scaleX(1); } article.shop-interiors *, article.project * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.6s ease; transition: all 0.6s ease; } article.shop-interiors .post-image, article.project .post-image { position: relative; color: #fff; text-align: center; overflow: hidden; background-color: #111111; margin: 0 !important; display: flex; justify-content: center; height: 350px; overflow: hidden; } article.shop-interiors .post-image img, article.project .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; } article.shop-interiors .post-image figcaption, article.project .post-image figcaption { position: absolute; top: 50%; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); padding: 5px 40px; opacity: 0; } article.shop-interiors figcaption p, article.project figcaption p { font-weight: 400; margin: 0; font-size: 0.9em; color: #ffffff; text-transform: uppercase; text-decoration: underline; text-underline-position: under; } article.shop-interiors figcaption p a, article.shop-interiors figcaption p a:hover, article.project figcaption p a, article.project figcaption p a:hover { color: #ffffff; } article.shop-interiors:hover .post-image img, article.project:hover .post-image img { zoom: 1; filter: alpha(opacity=30); -webkit-opacity: 0.3; opacity: 0.3; -webkit-transform: translateX(0px); transform: translateX(0px); } article.shop-interiors:hover figcaption, article.project:hover figcaption { -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 1; } article.shop-interiors .entry-header, article.project .entry-header { margin-top: 0; margin-bottom: 0; background-color: transparent; max-width: 100%; border: none; padding: 10px 10px 0px 10px; } .archive article.shop-interiors .entry-header h2, .archive article.project .entry-header h2 { text-transform: uppercase; font-size: 15px; font-weight: 600; padding: 10px; min-height: 40px; text-align: center; display: flex; justify-content: center; align-items: center; max-height: 40px; margin-bottom: 0; } article.shop-interiors .entry-summary, article.project .entry-summary { margin: 10px 0 10px 0 !important; } article.shop-interiors .loop-look-cat { display: flex; justify-content: center; text-transform: uppercase; font-size: 13px; min-height: 20px; } article.shop-interiors .loop-look-cat a { color: #656565; } article.shop-interiors .loop-look-cat a:hover { color: #111111; } article.shop-interiors .entry-summary p { text-align: center; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; display: none; } /*END Page blocks*/ /*Pages single shop the look*/ .single-shop-interiors .inside-article header { display: none; } /*### END PAGE SHOP THE LOOK ###*/ /** 10.0 - Ebooks **/ /*Ebooks Page*/ .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 #111111; 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_pdf-book-name_label { color: #111111; font-size: 24px; text-transform: uppercase; font-weight: 300; text-align: center; font-size: 18px; } #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: 14px; right: 0px; width: 55px; height: 55px; cursor: pointer; background-color: #111111; opacity: 0.9; z-index: 200; font-size: 40px; color: #ffffff; } .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 { border-bottom: 1px solid #e5e5e5; } .search-results .inside-article:after { display: block; content: ''; border-bottom: solid 1px #111111; transform: scaleX(0); transition: transform 250ms ease-in-out; } .search-results .inside-article:hover:after { transform: scaleX(1); } .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-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 { padding: 10px; min-height: 90px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .search-results .inside-article .post-image { background: linear-gradient(145deg, rgba(245, 243, 239, 1) 0%, rgba(225, 224, 220, 1) 100%); } .search-results .yith-infs-button-wrapper { margin-left: auto; margin-right: auto; text-align: center; margin-bottom: 10px; } @media (max-width:768px) { .search-results .inside-article p { min-height: auto; -webkit-line-clamp: 5; } } /** end search results **/ /*## CONTACT PAGE ##*/ /*## 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; box-shadow: 0 -1px 10px 0 #acabab4d; 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; } /** Footer **/ .site-footer .footer-widgets-container .inside-footer-widgets { margin-left: 0px !important; } .footer-whatsapp { position: fixed; width: 60px; height: 60px; bottom: 20px; right: 10px; background-color: #25d366; color: #FFF; border-radius: 50px; text-align: center; font-size: 30px; z-index: 100; } .footer-whatsapp:hover { color: #333; } .footer-whatsapp .my-float { margin-top: 16px; } /*FOOTER WIDGETS*/ /*Subscribe newsletter section*/ .footer-subscribe { /* background-color: #F0F0F0; text-align: center; padding: 50px 0px 70px 0px; */ background-color: #222; text-align: center; padding: 25px 0px 15px 0px; margin-top: -1px; } .footer-subscribe h2 { font-weight: 700; text-transform: uppercase; } .footer-subscribe p { font-size: 13px; font-weight: 300; line-height: 1, 3em; } .footer-subscribe .footer-subscribe-boxed { max-width: 1140px; margin: auto; width: 100%; position: relative; } @media screen and (min-device-width: 992px) and (max-device-width: 1200px) { .footer-subscribe .footer-subscribe-boxed { max-width: 900px; } } @media (max-width:992px) { .footer-subscribe { padding: 50px; } .footer-subscribe .subscrive-form .rgpd { bottom: -75px; } } @media(min-width:551px)and (max-width:992px) { .custom .inside-footer-widgets .widget_nav_menu .menu { max-height: 173px; display: flex; flex-direction: column; flex-wrap: wrap; } } /*End Subscribe newsletter section*/ .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: 40px 40px 0px 40px; } .footer-bar .wp-block-image img { width: 100%; } .footer-bar-align-right .copyright-bar { /* display: flex; align-items: center;*/ text-align: left; } .copyright-bar img { margin: 0 10px; } .custom .inside-footer-widgets .widget_nav_menu .menu { margin-top: 20px; margin-bottom: 20px; } .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); } .widget_nav_menu li { position: relative; } .toggle-nav, .toggle-nav-2, .toggle-nav-3, .toggle-nav-4 { display: none !important; } /*NEW FOOTER - JORGE*/ 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 { max-width: 1440px; margin: 0 auto 10px; padding: 35px 0 0px 40px; } .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: #f8f8f8; width: 100%; overflow: hidden; } #copy .left { margin-left: 40px; margin-top: auto; margin-bottom: auto; font-weight: 400; font-size: 12px; letter-spacing: 1px; } /*#copy .grid-container{max-width: 1440px;padding: 0 40px;display: flex;justify-content: space-between;} #copy .right img {margin: 0;width: 350px;}*/ @media (max-width: 768px) { .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 { 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 { text-decoration: none; color: #000; } .widget_nav_menu { display: inline-block; position: relative; margin: 0; width: 100%; } .widget_nav_menu ul { display: none; /*position: absolute; top: 80%; right: 0px; min-width: 200px; background-color: #7B3D84; font-size: 1.2em;*/ } .widget_nav_menu li { display: block; /*float: none; padding-right: 2%; text-align: right;*/ } #access ul li:hover>ul { display: none; } } .footer-follow h2 { color: #FFF; text-align: center; font-size: 20px; font-weight: 700; padding-bottom: 10px; text-transform: uppercase; } .footer-follow .follow-block a { color: #FFF } .footer-follow .follow-block a:hover { color: #ededed; } .follow-block { display: inline-flex; align-items: center; justify-content: center; width: 100%; margin: 0; list-style-type: none; } .follow-block li { padding: 0.6em; } .follow-block li i { font-size: 25px; line-height: 25px; } @media (max-width:992px) { .footer-follow h2 { padding-bottom: 0px; } .follow-block li { padding: 0.3em; } .follow-block li i { font-size: 18px; line-height: 18px; } } /*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-top: none !important; border-left: none !important; border-right: none !important; box-shadow: none; } .footer-subscribe-form input~.underline { position: absolute; bottom: 0; left: 50%; width: 0; height: 2px; 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 .frm_submit { text-align: center; } /* End footer subscribe form*/ /*Footer Copy*/ #copy { display: flex; } #copy .grid-container { display: flex; flex-direction: row; width: 100%; } #copy .left { width: 20% } #copy .middle { width: 40%; } #copy .right { width: 40%; margin-right: 40px } #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%; } #copy .right { margin-right: 0px } #copy .middle { display: none; } .copyright-bar img { width: 80%; margin: 0px; } .payments-footer-icons { padding: 35px 0 0px 0px; } } @media (max-width:992px) { #copy .middle { width: 30%; } } /*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; } } @media (max-width:992px) { /*.site-footer .footer-widgets-container .inside-footer-widgets {margin-left: 0px;}*/ .site-footer .footer-widgets-container .inside-footer-widgets { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 10px; } .site-footer .footer-widgets-container .inside-footer-widgets .footer-widget-5 { grid-column: span 2 / auto; } .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; } } @media(max-width:550px) { .site-footer .footer-widgets-container .inside-footer-widgets { display: flex } } /*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; } /* End Footer*/ /** 14.0 - Landing Page **/ /*CHROMATIC */ .bg-overlay .n-uc-1f817b0ae8646-inner { background-position: 0 !important; background-repeat: repeat !important; background-size: auto !important; } .n2-ss-align.n2-ss-align-visible { overflow: hidden !important; } .newsletter-content h2 { font-size: 45px; font-family: 'Bodoni Moda', serif; font-weight: 700; color: #fff; text-align: center !important; line-height: 1.25 !important; } .newsletter-content p { font-size: 25px; color: #000; text-align: center !important; margin-bottom: 20px; line-height: 30px !important; } .newsletter-policy a { color: #ffffff; } /* DECOREX*/ .lp-decorex { padding: 0 !important; } .decorex .inside-article, .decorex-virtual-tour .inside-article { text-align: center; background: #bbb; padding: 75px 0 0 0; } .decorex .entry-header h1.entry-title, .decorex-virtual-tour .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, .decorex-virtual-tour .intro-text { font-size: 20px; font-weight: 400; } .decorex a.wp-block-button__link, .decorex-virtual-tour 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 a.wp-block-button__link:not(.has-background):hover, .decorex-virtual-tour a.wp-block-button__link:not(.has-background):hover { background-color: transparent; color: #111; } .decorex .logos-bock, .decorex-virtual-tour .logos-bock { padding-top: 40px; margin-top: 50px; } .decorex .banner-img, .decorex-virtual-tour .banner-img { margin: 0; } .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-menu-li { margin: 0; list-style: none; } .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 a { color: #fff; font-weight: 500; } @media(max-width:768px) { .decorex .entry-header h1.entry-title, .decorex-virtual-tour .entry-header h1.entry-title { font-size: 45px; } .decorex .intro-text, .decorex-virtual-tour .intro-text { font-size: 18px; } .decorex .banner-img, .decorex-virtual-tour .banner-img, .spacer .spacer { display: none; } .decorex .n2-ss-slider .n2-ss-text p, .decorex-virtual-tour .n2-ss-slider .n2-ss-text p { font-size: 13px !important; text-align: justify !important; } .decorex-menu-li li { font-size: 15px; } } /*### Blog 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; /*height: 400px;*/ } .column { flex: 1; min-width: 0; display: flex; flex-direction: column; width: 25%; } .column.center { min-width: 50%; } .item { background: #f8f8f8; margin: 1em; /*padding: 1em;*/ flex-grow: 1; /*display: flex;*/ 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; } a:hover.read-more, .badge-item a:hover, a.badge-item:hover, .badge-item a:hover { color: #C2A773 !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; } #wrapper .column h2 { font-weight: 700; font-size: 20px; line-height: 24px; font-family: 'Bodoni Moda', serif; letter-spacing: .2px; } #wrapper .column.center h2, .post-list-item .post-title h2 { font-weight: 700; font-size: 30px; line-height: 34px; font-family: 'Bodoni Moda', serif; letter-spacing: .2px; } .post-list-item .post-title h2 { margin-top: 20px; } #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; font-weight: 700; margin-top: 20px; margin-bottom: 10px; font-family: 'Bodoni Moda', 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: 80px; overflow: hidden; height: 80px; } h2.entry-title { font-size: 18px; margin-bottom: 15px; } h2.entry-title a { color: #111111; } .section-title { max-width: 1440px; width: 100%; padding-top: 80px; padding-bottom: 40px; margin-left: auto; margin-right: auto; } .section-title h2 { line-height: 1; font-family: 'Bodoni Moda', serif; text-transform: uppercase; font-weight: 700; text-align: center; margin-bottom: 0px; line-height: 1.29em; letter-spacing: .01em; color: #111111; } .section-title h2 { font-size: 38px; } .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; font-weight: 700; line-height: 1.2; letter-spacing: 1px; text-transform: uppercase; margin-top: 10px; margin-bottom: 20px; color: #ffffff; font-family: 'Bodoni Moda', 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: 996px) { .trends-card-cta.page-trends { min-height: 550px; } } @media (max-width:768px) { .trends-card-cta { /*flex: 100% 0 0; width: 100%; max-height: 535px;*/ flex: 31%; min-height: 350px; } .trends-card-cta-grid { justify-content: center; row-gap: 15px; column-gap: 15px; } } @media (max-width:520px) { .trends-card-cta { /*flex: 100% 0 0; width: 100%; max-height: 535px;*/ flex: 100%; min-height: 350px; } .trends-card-cta-grid { justify-content: center; row-gap: 15px; column-gap: 15px; } } @media (min-width: 768px) { .trends-card-cta.page-trends { min-width: 350px; /*min-height: 450px;*/ } } /*### END BLOG PAGE ###*/ /*SEARCH BAR*/ .search-blog div.asp_m.asp_m_3, .search-blog div.asp_m.asp_m_3 .probox { border: none; box-shadow: none; } .search-blog { max-width: 600px; width: auto; margin-left: auto; margin-right: auto; margin-top: 30px; margin-bottom: 40px; } div.asp_m.asp_m_3 .probox .proinput input.orig::placeholder { text-align: center; font-family: "Poppins"; } @media (max-width: 768px) { .search-blog { margin: 10px auto; } } .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: 20px; line-height: 1.2; margin-bottom: 20px; color: #111111; } .single-post .inside-article h3 { font-size: 16px; } .single-post .inside-article h4 { font-size: 14px; line-height: 1.4; } .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*/ .archive.category .entry-header { padding: 0; } .archive.category .entry-header h2.entry-title { margin: 0; } .related-posts-single .slick-slide { margin: 0 10px 0 10px; } .category a.badge-item.black-bg, .related-posts-single .body-text-small .badge-item, .category line-break, .related-posts-single line-break { display: none; } .single-post .addthis_inline_share_toolbox .at-icon-wrapper .at-icon { height: 48px !important; } .single-post span[style].at-icon-wrapper { width: 48px !important; height: 48px !important; text-align: center; } .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; margin-bottom: 40px !important; } .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-weight: 600; font-size: 60px; line-height: 72px; text-transform: none; max-width: 960px; margin: 0 auto; } @media (max-width:768px) { .single-post-title h1, .single-post-title h2 { font-size: 34px; line-height: 41px; } } .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; } .single-post .addthis_inline_share_toolbox { margin-bottom: 30px; } .single-post span[style].at-icon-wrapper { background-color: #111111; border-radius: 25px; } .page-hero.single-post-title { text-align: center; } .single-post .addthis_inline_share_toolbox .at-icon-wrapper .at-icon { fill: rgb(255, 255, 255) !important; width: 28px !important; } .inside-article .date-and-author { text-align: right; font-size: 17px; } /* right widget*/ p.subscribe-text { text-align: left; font-size: 13px; } .rigth-widget-form-title { text-align: center; padding-bottom: 10px; color: black; font-weight: 600; font-family: 'Bodoni Moda', serif; font-size: 17px; border-bottom: none; } input#field_3qyry { border: none; border-bottom: 1px solid #666666; box-shadow: none; transition: 0.5s; } input#field_3qyry::placeholder { text-align: center; } input#field_3qyry:active, input#field_3qyry:hover { border-bottom: 1px solid black; } aside#block-43 { position: sticky; top: 0; z-index: 2001; } .post-image { width: 100%; height: auto; display: block; position: relative; overflow: hidden; padding: 0; margin: 0; } .popular-posts-block .entry-header { background: #fff; margin-top: -50px; position: relative; padding: 15px; margin-left: 0; max-width: 85%; } .popular-posts-block h4.entry-title { font-size: 15px; font-weight: 500; text-transform: uppercase; line-height: 1.25; letter-spacing: .28px; } .inside-right-sidebar .popular-posts-block .widget-menu-title { border-bottom: 2px solid #000; position: relative; margin-bottom: 20px; } .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; padding-bottom: 15px; } .right-widget .trends-card-cta { height: 360px; } /* End right widget*/ /*catalog psge*/ .archive article .inside-article { border-bottom: 1px solid #e5e5e5; position: relative; } .archive 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; } .archive article .inside-article:hover::after { width: 100%; left: 0; } /*Payment page*/ .payment_box.payment_method_vivawallet_native { display: flex; flex-wrap: wrap; flex-direction: column; } /*End Payment page*/ /*General*/ .site-content { justify-content: center; overflow: hidden; } .cli-bar-container.cli-style-v2 { justify-content: flex-start; flex-direction: column; } /*End General*/ /*footer*/ /*sharing*/ .share-product { display: flex; align-items: center; } ul.share-list { display: flex; list-style: none; margin: 0; font-size: 18px; margin-left: 10px; } .share-link { width: 32px; height: 32px; 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(102, 102, 102) !important; width: 32px !important; height: 32px !important; padding: 4px; } .share-link i { color: rgb(102, 102, 102); } /*sharing*/ /*print*/ div#printJS-form { max-width: 500px; position: relative; z-index: 99; margin: auto; right: calc(500px + 10%); background: white; } span.print-title.print-title { font-family: Balthazar, serif; font-size: 40px; color: black; } @media (min-width: 2000px) { div#printJS-form { right: calc(500px + 20%); } } @media (min-width: 2200px) { div#printJS-form { right: calc(500px + 40%); } } @media (max-width: 1660px) { div#printJS-form { right: calc(500px - 5%); } } @media (max-width: 768px) { div#printJS-form { left: 0; } .iconic-woothumbs-images-wrap .share-product { display: none } ; .strength-full-width { margin-top: 35px; } .container-accordion { display: block; } .container-accordion.first-row { margin-top: 0; } ul.single-cta_btn { display: block; } ul.single-cta_btn li:first-child { margin-bottom: 10px; } .complete-look, .related.products { margin-top: 25px; padding: 0 10px; } .custom.woocommerce div.product form.cart div.quantity { width: 35%; margin-right: 10px; } .custom.woocommerce div.product form.cart .button { width: 62%; padding: 8px 0 9px; } } .pulse { position: relative; } .pulse:before { content: ""; position: absolute; right: 0; background: #C2A773; 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); } } /*print*/ /*toggle menus filtros*/ .filter-accordion { margin: 3em auto; max-width: 100%; margin-bottom: 0; } .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: 'Arial', 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-content div { margin: 0; padding: 0.5em; font-size: 1em; line-height: 1.5; text-transform: uppercase; color: #656565; } .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: 0; } .filter-accordion { margin: 1em auto; } } /*end toggle menus filtros*/ /** 15.0 - Newsletter Landing Page **/ .custom-overlay-slider-mask { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAAXNSR0IArs4c6QAAABhJREFUGFdjZGBg+M/AwODHyMDA4MsABAASrAGd9Px+kgAAAABJRU5ErkJggg==); background-repeat: repeat; width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; } .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: 'Bodoni Moda', 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: 'Bodoni Moda', 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: #000; 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: #fff; 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; } } /** 15.0 - Newsletter Landing Page **/ /*New Home page*/ .inside-top-bar.grid-container { /*margin-bottom: 0px;*/ max-width: 100%; margin-bottom: 30px; } .top-bar .inside-top-bar { display: block; } @media screen and (min-width: 800px) { .top-bar .wp-block-columns { display: flex; } } .top-bar .wp-block-columns { /* display: flex; */ flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; align-content: normal; } .top-bar ul.left-top a { text-transform: uppercase; text-decoration: underline; font-size: 11px; font-weight: 500; } .top-bar ul.right-top { display: inline-block; text-align: right; } .sticky-enabled .main-navigation.is_stuck { top: 35px !important; } section.full-width-custom.main-screen:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('/wp-content/uploads/SLIDE-PRINCIPAL.jpg'); filter: brightness(0.9); background-position: center; background-size: cover; background-repeat: no-repeat; z-index: 1; } section.full-width-custom.main-screen { margin: 0; flex-direction: column; display: flex; justify-content: flex-end; align-items: center; min-height: 84vh; background-position: center; background-size: cover; background-repeat: no-repeat; margin: 0 auto; width: 100vw; max-width: 100%; padding-bottom: 35px; position: relative; } .main-screen h1.section-title { text-align: center; font-family: 'Bodoni Moda', serif; font-weight: 800; font-size: 59px; z-index: 1; padding-top: 0px; padding-bottom: 0px; color: white; margin: 0; letter-spacing: 15px; text-transform: uppercase; } .main-screen span { font-size: 24px; color: white; z-index: 2; text-transform: uppercase; text-decoration: underline; } .cards-group-design-styles { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; } .slick-initialized .slick-slide.card-design-styles, .card-design-styles { height: auto; display: flex; justify-content: center; align-items: center; position: relative; cursor: pointer; background-position: center; background-repeat: no-repeat; background-size: cover; } .card-design-styles-link img { filter: brightness(0.89); } .slick-initialized .slick-slide.card-design-styles { margin-right: 5px; margin-left: 5px; } .categories-style-js .slick-list.draggable { margin: 0 -5px; } .full-width-custom { max-width: 1540px; margin: 0 auto; } .home-section-title h2.section-title, .full-width-custom h2.section-title { font-style: normal; letter-spacing: 0.2em; font-family: 'Roboto', serif; font-weight: 400; font-size: 30px; line-height: 40px; text-align: center; transition: 0.5s; text-transform: uppercase; padding-bottom: 20px; } .wide-card .card-design-styles a { width: 100%; height: 100%; position: absolute; top: 0; z-index: 999; } .card-design-styles h3 { font-family: 'Roboto', serif; font-weight: 400; font-size: 30px; line-height: 40px; z-index: 3; margin: 0; transition: 0.5s; text-align: center; color: white; position: absolute; bottom: 2%; width: 100%; text-transform: uppercase; } .card-overlay { width: 100%; height: 100%; background: rgba(255, 0, 0, 0); background-image: url("/wp-content/themes/hommes/img/pixel-1.png"); position: absolute; z-index: 1; transition: 0.5s; top: 0; } a.card-design-styles-link { width: 100%; text-align: center; } .card-border { border: 4px solid white; width: 90%; position: absolute; height: 93%; margin: 5%; display: none; z-index: 2; transition: 0.5s; top: 0; } .wide-card .card-border { height: 90%; } .card-design-styles:hover h3 { color: white; } .card-design-styles:hover .card-border, .card-design-styles:hover .card-overlay { background: rgba(89, 89, 89, 0.48); } .home-products ul.products { display: flex; justify-content: center; gap: 10px; } .woocommerce.home-products ul.products li.product { margin: 0 !important; } .wide-card .card-design-styles h3 { font-weight: 500; font-size: 30px; line-height: 40px; z-index: 3; color: white; margin: 0; transition: 0.5s; } .wide-card .card-design-styles { width: 32.9%; height: 510px; } .card-design-styles:hover h3 { transform: scale(1.2); } .main-screen p { font-size: 48px; letter-spacing: 0.3rem; margin-bottom: 20px; } .slick-initialized .categories-block-card.slick-slide { display: flex; margin: 0 10px; background-position: center; background-size: contain; background-repeat: no-repeat; min-height: 250px; } .categories-block-home { display: flex; flex-wrap: wrap; gap: 70px; justify-content: center; } .categories-block-home-js a { position: absolute; width: 100%; height: 100%; } .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; } .card-design-styles img { width: 100%; } .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; } .post-thumbnail-container.wide { width: 100%; min-width: 50%; height: 100%; } .post-list-item.left-text.wide { padding-right: 0; } .post-list-item .wide-text { padding-left: 50px; max-width: 90%; } .post-list-item .post-excerpt h2 { font-size: 30px; font-weight: 600; font-family: 'Bodoni Moda', serif; } .full-width-custom .wide-text h2.section-title { text-align: left; padding-top: 50px; padding-bottom: 0; } .wide-text p.body-text-small { text-align: justify; } .full-width-custom.post-bottom { margin: 0 auto 50px auto; } .brands-slider div#n2-ss-13 .n2-ss-slider-3 { padding: 25px 0px 25px 0px; } .home-page-posts .post-list-item.slick-slide { display: flex; } /*.post-list-item h2.section-title { display: none; } .post-list-item:nth-child(4) h2.section-title { display: block; }*/ @media (max-width: 1500px) { .cards-group-design-styles.wide-card .card-design-styles { width: 32.5%; height: auto; } .full-width-custom { margin: 0 20px; } .full-width-custom.slider { margin: 0 0px; } } @media (max-width: 1300px) { .card-design-styles h3 { font-size: 23px; } } @media (max-width: 996px) { .cards-group-design-styles.wide-card .card-design-styles { width: 32.4%; height: auto; } .wide-card .card-border { height: 80%; margin: 2%; } } @media (max-width: 450px) { .wide-card .card-border { margin: 3%; height: 90%; } } @media (max-width: 769px) { .sticky-enabled .main-navigation.is_stuck { top: 65px !important; } .card-design-styles h3, .wide-card .card-design-styles h3 { font-size: 22px; line-height: 24px; } .wide-card .card-design-styles h3.black { color: black; } .card-design-styles { width: 48%; height: 150px; } .cards-group-design-styles.wide-card .card-design-styles { width: 48.5%; height: auto; } .wide-card .card-border { height: 90%; margin: 1.5%; } .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; } .main-screen h1.section-title { font-size: 33px; padding-bottom: 10px; letter-spacing: 2px; } .main-screen p { font-size: 22px; letter-spacing: 0; margin-bottom: -4px; } #mobile-header { z-index: 9999; position: fixed; } .main-screen span { font-size: 17px; color: white; margin-bottom: 10px; z-index: 2; text-transform: uppercase; text-decoration: underline; } section.full-width-custom.main-screen { padding-bottom: 0px; } .home-section-title h2.section-title, .full-width-custom h2.section-title { font-size: 22px; padding: 40px 0 20px; margin: 0; } .categories-block-home { display: flex; flex-wrap: wrap; gap: 70px; justify-content: center; margin-top: -20px; } .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; } .slick-initialized .categories-block-card.slick-slide { min-height: 200px; } .page-hero a.n2-ow.n2-font-d7e102f40726edd99499bb1f9f674992-hover { letter-spacing: 0px !important; } p.n2-font-4bcbbbd402ff48a6a12bcbc3deae045d-paragraph span { letter-spacing: 0px !important; } .post-thumbnail-container.wide { width: 100%; min-width: 110%; height: 100%; } .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; } } @media (min-width: 1500px) { .card-design-styles { width: 300px; } .wide-card .card-design-styles { width: 32.8%; height: auto; } } /*.categories-block-home .slick-list, .categories-block-home .slick-track{ height: 255px; }*/ .categories-block-card { width: 250px; height: 250px; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; display: flex; align-items: flex-end; justify-content: center; margin: 0 30px; } .categories-block-card h3 { font-family: 'Roboto', serif; font-weight: 400; margin: 0; font-size: 18px; line-height: 30px; text-transform: uppercase; bottom: -9px; position: relative; margin-top: 115%; } .categories-style-js button.slick-next, .categories-block-home-js button.slick-next { right: -20px; z-index: 10; } .categories-style-js button.slick-prev, .categories-block-home-js button.slick-prev { left: -20px; z-index: 10; } @media (max-width: 768px) { .categories-block-card h3 { margin-top: 120%; } } @media (max-width:1250px) { .categories-block-card { margin: 0; } } ul.left-top { display: flex; gap: 20px; flex-wrap: wrap; } .categories-style-js .slick-track { display: flex; } /*New Home page*/ /*Main menu*/ ul.sub-menu { padding: 20px 0 10px; } ul.sub-menu li.menu-item { padding-bottom: 10px; text-transform: uppercase; } /*Main menu*/ /*newe filter*/ .custom .woof_container { margin-bottom: 4px; } .woof_container_inner .woof_block_html_items { margin-left: 10px; text-transform: uppercase; } .custom .woof_container_inner h4 { font-family: 'Poppins'; font-size: 15px; font-weight: 100; padding: 10px 20px 0px 7px; } .custom .woof_redraw_zone a.woof_front_toggle img { height: 12px; } /*newe filter*/ /* Filter menu mobile*/ /* 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: 999; position: sticky; top: 50px; 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; justify-content: space-around; margin: 0; padding: 0; display: none; } /* 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: Arial; } /* Style the tab content */ .tabcontent { display: block; padding: 6px 12px; border: none; border-top: none; } #sortby { display: none; } .widget.widget-woof { margin-top: 20px; } .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; font-size: 1em; padding: 10px 10px 0; } a.woof_front_toggle { font-size: 1.2em; position: relative; top: -3px; } .sort-menu { text-transform: uppercase; } @media (max-width: 1100px) { .tab { display: flex; } .tabcontent { display: none; padding: 6px 12px; border: 1px solid #ccc; border-top: none; } #sortby.tabcontent.active, .tabcontent.active { display: block; } .filter-accordion { margin: 0em auto; max-width: 100%; margin-bottom: 0; } .sidebar .widget :last-child { margin-bottom: 1px; } ul.menu.sort-menu { margin-top: 2rem; } .archive #content { flex-direction: column-reverse; } .inside-left-sidebar>.widget { padding: 20px 0px 0px 0px !important; } .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; } .is-left-sidebar.sidebar { width: auto; order: initial; } .left-sidebar .site-content .content-area { width: auto; margin-top: -30px; } .one-container.left-sidebar .site-main { margin-left: 0; } } @media (max-width: 768px) { .left-sidebar .site-content .content-area { margin-top: 0px; } } /*filter-mobile*/ /*quick-fix*/ .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.tb-middle { flex-basis: 530px; } .tb-middle .center-top .group { display: flex; gap: 5px; flex-wrap: wrap; justify-content: center; } @media(max-width: 768px) { /* .top-bar .wp-block-column.tb-left { display: none; } .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column.tb-middle { flex-basis: 40%!important; } .top-bar .center-top { text-align: left; }*/ .calendly-button { display: none; } .tb-middle .center-top .group { justify-content: flex-start; } } /*quick-fix*/ /*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: #55555e; 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; } .woocommerce-pagination { display: none; } .woocommerce ul.products li.product a img { background: linear-gradient(145deg, rgba(245, 243, 239, 1) 0%, rgba(225, 224, 220, 1) 100%); } a.woocommerce-LoopProduct-link:hover .secondary-image { opacity: 1; } @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*/ /*Products-mobile slider*/ .products-column ul.products.main-prod { display: flex; flex-wrap: wrap; gap: 1.9%; justify-content: space-between; } .products-column ul.products.main-prod:after, .products-column ul.products.main-prod:before { content: unset; } .products-column.woocommerce.columns-1 ul.products li.product { width: 100%; margin: 0; } .products-column.woocommerce.columns-2 ul.products li.product { width: 47%; margin: 0; } .products-column.woocommerce.columns-3 ul.products li.product { width: 27%; margin: 0; } .products-column.woocommerce.columns-4 ul.products li.product { width: 22%; margin: 0; } .products-column.woocommerce.columns-5 ul.products li.product { width: 18%; margin: 0 0 20px; } .products-column.woocommerce.columns-5 ul.products.main-prod { justify-content: left; } .products-column .slick-track { display: flex; } @media(min-width: 1024px) and (max-width:1200px) { .products-column ul.products.main-prod { gap: 4.9%; } } @media(max-width:1024px) { .products-column.woocommerce.columns-5 ul.products li.product, .products-column.woocommerce.columns-4 ul.products li.product, .products-column.woocommerce.columns-3 ul.products li.product, .products-column.woocommerce.columns-1 ul.products li.product { width: 48%; margin: 0 1.9%; } } @media(max-width:768px) { .no-slider-products-column.woocommerce.columns-6 ul.products li.product, .no-slider-products-column.woocommerce.columns-5 ul.products li.product, .no-slider-products-column.woocommerce.columns-4 ul.products li.product, .no-slider-products-column.woocommerce.columns-3 ul.products li.product, .no-slider-products-column.woocommerce.columns-1 ul.products li.product { width: 48% !important; margin: 0 1%; border: none; min-height: 355px; } .products-column.woocommerce.columns-5 ul.products li.product, .products-column.woocommerce.columns-4 ul.products li.product, .products-column.woocommerce.columns-3 ul.products li.product, .products-column.woocommerce.columns-1 ul.products li.product, .woocommerce-page.columns-6 ul.products li.product, .woocommerce.columns-4 ul.products li.product { width: 100% !important; margin: 0 1%; border: none; } .woocommerce.columns-1.single.products-column ul.products li.product { width: 100%; } .featured.no-slider-products-column.woocommerce.columns-5 ul.products li.product:first-child, .featured.no-slider-products-column.woocommerce.columns-3 ul.products li.product:first-child { width: 100% !important; } /* .featured.no-slider-products-column ul.products li.product:first-child{width: 100%!important;} */ .no-slider-products-column ul.products li.product.first { clear: none; } .woocommerce ul.products li.product .woocommerce-loop-product__title { font-size: 14px; min-height: 35px; } } /*End Products-mobile slider*/ /* 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; } .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; } .calendly-button { display: none; } .generate-back-to-top, .generate-back-to-top__show { display: none; } } /* End of Print CSS */ /*SALES BADGE*/ .custom .woocommerce span.onsale, .custom .woocommerce ul.products li.product .onsale { background: #bb1515; position: absolute; left: 0; } body:not(.iconic-woothumbs-divi):not(.iconic-woothumbs-astra) .iconic-woothumbs-images-wrap .onsale { background: #bb1515; font-size: 17px; padding: 5px 7px; top: 0; left: 0; right: auto; } .custom li.sale .loop-list-cat { display: none; } /*SALES*/ .custom .woocommerce ul.products li.product.sales-flash-overlay .onsale { background: #bb1515; font-size: 17px; padding: 5px 7px; top: -1px; left: auto; } body:not(.-woothumbsiconic-divi):not(.iconic-woothumbs-astra) .iconic-woothumbs-images-wrap .onsale { background: #bb1515; font-size: 17px; padding: 5px 7px; top: 0; left: 0; right: auto; } .now_sold { background: #000; color: #fff; font-size: 14px; padding: 5px 7px; position: absolute; right: 0; top: -1px; text-transform: uppercase; font-weight: 700; z-index: 10; } .woocommerce .outofstock.product p.price { display: inline; } .woocommerce ul.products li.product.outofstock .button { background-color: transparent; color: #656565; padding: 10px; margin: 0 !important; float: right; width: 48%; text-align: left; } .woocommerce ul.products li.product.outofstock .button:before { font-family: "eicons"; font-weight: normal; content: "\e8e4"; font-size: 22px; } .single.single-product .now_sold { position: relative; display: inline-block; top: -1px; right: auto; text-transform: uppercase; text-align: center; color: #bb1515; background: transparent; font-size: 17px; left: 0; padding: 0; margin-bottom: 15px; } .logged-in.single.single-product .now_sold { left: 10px; margin: 0; } .outofstock ul.single-cta_btn.mb-20 { margin-top: 1em; } .outofstock .onsale { display: none !important; } /* #n2-ss-25 .n2-ss-slide-backgrounds.n2-ow-all, #n2-ss-30 .n2-ss-slide-backgrounds.n2-ow-all { width: 100%; height: 100%; background: transparent; background-image: url(/wp-content/themes/hommes/img/pixel-1.png); position: absolute; z-index: 1; transition: .5s; top: 0; }*/ .dialog-widget .frm_radio label { color: #000 !important; } /*UPDATE PROFILE PAGE*/ .frm_style_formidable-style-2.with_frm_style .form-field.my-lists label { font-size: 15px; text-transform: uppercase; font-weight: 600; color: #fff; } span.update-list { display: block; padding-left: 8px; margin-bottom: 20px; text-transform: none; text-indent: 0; font-weight: 100; font-size: 12px; } body.update-my-profile .frm_style_formidable-style-2.with_frm_style .frm_submit button { background: #222; border: 1px solid #fff; color: #fff; box-shadow: none; } body.update-my-profile .frm_style_formidable-style-2.with_frm_style .frm_submit button:hover { background: #fff; border: 1px solid #222; color: #222; } /*MILAN DESIGN WEEK 2023*/ #explore-now { display: none; } .product-slider-home ul { margin: 0; padding: 0; } .product-slider-home .slick-slide { margin: 0 5px; } .product-slider-home .slick-list { margin: 0 -5px; } .product-slider-home .slick-slide img { background: linear-gradient(145deg, rgba(245, 243, 239, 1) 0%, rgba(225, 224, 220, 1) 100%); } .product-slider-home button.slick-prev { left: -30px; } .product-slider-home button.slick-next { right: -30px; } .product-slider-home span.loop-list-cat, .product-slider-home .add_to_cart_button, .product-slider-home .iconic-ww-button, .product-slider-home .price { display: none !important; } /*HOMEPAGE JUN2023*/ .custom .homepage-titles { font-size: 18px; font-style: normal; font-weight: 500; text-transform: uppercase; margin-top: 10px; margin-bottom: 5px; } p.block-text { font-size: 13px; } p.block-text a { display: block; margin-top: 5px; text-decoration: underline; } .home .woocommerce-loop-product__title { text-transform: uppercase; text-align: left } .strength-full-width.homepage { margin-top: 0; } .home-block-wrapper-boxed.mobile { display: none; } .home .section-title { padding-bottom: 10px; } @media (max-width:767px) { .custom.home :where(.wp-block-columns.is-layout-flex) { gap: 10px; } .home .wp-container-8 { flex-wrap: nowrap; gap: 10px; } .wp-block-column.shop-by.is-layout-flow { flex-basis: 48.5% !important; /* width: 48%; */ /* float: left; */ flex-grow: 0; gap: 0; } .home-block-wrapper-boxed.desktop { display: none; } .home-block-wrapper-boxed.mobile { display: block; } .wp-block-spacer { height: 0 !important; } .section-title.homepage { padding-top: 20px; padding-bottom: 0px; } .in-stock-products #content { flex-direction: column-reverse; } .in-stock-products .woocommerce .products ul, .in-stock-products .woocommerce ul.products { display: grid; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); grid-gap: 20px; } .in-stock-products .products.main-prod::before { display: none; } .in-stock-products .woocommerce-page.columns-3 ul.products li.product, .in-stock-products .woocommerce.columns-3 ul.products li.product { width: 100%; margin-bottom: 0; } } .special-offer .elementor-element-577cd41 a { color: #F30000; } .pre-order-tabs .e-n-tabs-heading::before { content: "availability:"; text-transform: uppercase; } /*PRODUTOS BED variations*/ /* .woocommerce div.product form.cart .variations th.label label[for="pa_bed"] { display: none; } */ .woocommerce div.product form.cart .variations th.label { padding: 0px; } .variable-item-radio-value-wrapper img[src="https://hommes.studio/wp-content/uploads/HOMMESBED013-003-hommes-studio-malaga-bed.png"] { display: none !important; }