/** Shopify CDN: Minification failed Line 3602:28 The "-" operator only works if there is whitespace on both sides **/ /*.qualcosa{ font-family: 'Spectral', serif; font-family: 'GFS Didot', serif; font-family: 'Open Sans', sans-serif; }*/ /*------------ MIXIN ------------*/ /* .selector { @include prefix(transform, rotate(45deg), webkit ms); } */ /* .selector { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } */ /* .wrapper { @include flexbox(); } .item { @include flex(1 200px); @include order(2); } */ /* .wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .item { -webkit-box-flex: 1 200px; -moz-box-flex: 1 200px; -webkit-flex: 1 200px; -ms-flex: 1 200px; flex: 1 200px; -webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2; } */ /*------------ /MIXIN ------------*/ /*------------ VIDEO -------------*/ .collection-video-container { padding: 20px 0; background-color: #f9f9f9; text-align: center; } .collection-video-container .video-wrapper { margin: 0 auto; padding-bottom: 0; } video { width: 100%; height: auto; } /* --------------- badge collection ----*/ .product-badge { position: absolute; top: 10px; left: 10px; background-color: #fff; color: #4a2525; padding: 5px 10px; font-size: 16px; font-weight: bold; border-radius: 4px; z-index: 10; } /*------------- nuovi blocchi video e html ------------*/ .custom-html-block .custom-html-content { width: 100%; } .youtube-video-block .video-wrapper, .mp4-video-block .video-wrapper { margin: 0 auto; padding-bottom: 0; } .youtube-video-block .video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mp4-video-block .video-wrapper video { width: 100%; height: auto; } #block-id_custom_html_yFqEzV { display: flex; justify-content: center; /* Centra orizzontalmente */ align-items: center; /* Centra verticalmente */ } .custom-html-content div { position: relative; width: 100%; height: 80vh; } /*------------ UTILITIES ------------*/ a:focus, a:active, button, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, select::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { outline: none !important; } /*------------ /UTILITIES ------------*/ /*------------ VARIABILI ------------*/ /* COLORI */ /* DIMENSIONI */ /*------------ /VARIABILI ------------*/ /*------------ MSG ------------*/ #site__msg { position: fixed; top: 0; left: 0; box-sizing: border-box; height: 90px; width: 100%; margin: 0; max-height: 0px; overflow: hidden; z-index: 10; background-color: white; -webkit-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; } #site__msg.opened { max-height: 90px; } #site__msg.opened h1, #site__msg.opened div { display: block; height: 90px; line-height: 90px; text-align: center; font-size: 20px; } #site__msg.opened h1.error, #site__msg.opened div.error { color: #662d32; } #site__msg.opened h1.success, #site__msg.opened div.success { color: #27ae60; } #site__msg.opened h1.warning, #site__msg.opened div.warning { color: #d35400; } /*------------ /MSG ------------*/ /*------------ HEADER ------------*/ #shopify-section-header { position: fixed; top: 0; left: 0; z-index: 2; min-height: 90px; width: 100%; overflow: hidden; } .boutique #shopify-section-header, .area-boutique #shopify-section-header { background-color: white; } .boutique #shopify-section-header .block_1 button, .boutique #shopify-section-header .block_1 a, .boutique #shopify-section-header .block_3 button, .boutique #shopify-section-header .block_3 a, .area-boutique #shopify-section-header .block_1 button, .area-boutique #shopify-section-header .block_1 a, .area-boutique #shopify-section-header .block_3 button, .area-boutique #shopify-section-header .block_3 a { color: #111111; } .boutique #shopify-section-header .block_1 button svg, .boutique #shopify-section-header .block_1 a svg, .boutique #shopify-section-header .block_3 button svg, .boutique #shopify-section-header .block_3 a svg, .area-boutique #shopify-section-header .block_1 button svg, .area-boutique #shopify-section-header .block_1 a svg, .area-boutique #shopify-section-header .block_3 button svg, .area-boutique #shopify-section-header .block_3 a svg { fill: #111111; } .boutique #shopify-section-header .block_1 button:link, .boutique #shopify-section-header .block_1 button:visited, .boutique #shopify-section-header .block_1 button:hover, .boutique #shopify-section-header .block_1 button:active, .boutique #shopify-section-header .block_1 a:link, .boutique #shopify-section-header .block_1 a:visited, .boutique #shopify-section-header .block_1 a:hover, .boutique #shopify-section-header .block_1 a:active, .boutique #shopify-section-header .block_3 button:link, .boutique #shopify-section-header .block_3 button:visited, .boutique #shopify-section-header .block_3 button:hover, .boutique #shopify-section-header .block_3 button:active, .boutique #shopify-section-header .block_3 a:link, .boutique #shopify-section-header .block_3 a:visited, .boutique #shopify-section-header .block_3 a:hover, .boutique #shopify-section-header .block_3 a:active, .area-boutique #shopify-section-header .block_1 button:link, .area-boutique #shopify-section-header .block_1 button:visited, .area-boutique #shopify-section-header .block_1 button:hover, .area-boutique #shopify-section-header .block_1 button:active, .area-boutique #shopify-section-header .block_1 a:link, .area-boutique #shopify-section-header .block_1 a:visited, .area-boutique #shopify-section-header .block_1 a:hover, .area-boutique #shopify-section-header .block_1 a:active, .area-boutique #shopify-section-header .block_3 button:link, .area-boutique #shopify-section-header .block_3 button:visited, .area-boutique #shopify-section-header .block_3 button:hover, .area-boutique #shopify-section-header .block_3 button:active, .area-boutique #shopify-section-header .block_3 a:link, .area-boutique #shopify-section-header .block_3 a:visited, .area-boutique #shopify-section-header .block_3 a:hover, .area-boutique #shopify-section-header .block_3 a:active { color: #111111; } .legacy #shopify-section-header, .area-legacy #shopify-section-header { background-color: white; } .legacy #shopify-section-header .block_1 button, .legacy #shopify-section-header .block_1 a, .legacy #shopify-section-header .block_3 button, .legacy #shopify-section-header .block_3 a, .area-legacy #shopify-section-header .block_1 button, .area-legacy #shopify-section-header .block_1 a, .area-legacy #shopify-section-header .block_3 button, .area-legacy #shopify-section-header .block_3 a { color: #662d32; } .legacy #shopify-section-header .block_1 button svg, .legacy #shopify-section-header .block_1 a svg, .legacy #shopify-section-header .block_3 button svg, .legacy #shopify-section-header .block_3 a svg, .area-legacy #shopify-section-header .block_1 button svg, .area-legacy #shopify-section-header .block_1 a svg, .area-legacy #shopify-section-header .block_3 button svg, .area-legacy #shopify-section-header .block_3 a svg { fill: #662d32; } .legacy #shopify-section-header .block_1 button:link, .legacy #shopify-section-header .block_1 button:visited, .legacy #shopify-section-header .block_1 button:hover, .legacy #shopify-section-header .block_1 button:active, .legacy #shopify-section-header .block_1 a:link, .legacy #shopify-section-header .block_1 a:visited, .legacy #shopify-section-header .block_1 a:hover, .legacy #shopify-section-header .block_1 a:active, .legacy #shopify-section-header .block_3 button:link, .legacy #shopify-section-header .block_3 button:visited, .legacy #shopify-section-header .block_3 button:hover, .legacy #shopify-section-header .block_3 button:active, .legacy #shopify-section-header .block_3 a:link, .legacy #shopify-section-header .block_3 a:visited, .legacy #shopify-section-header .block_3 a:hover, .legacy #shopify-section-header .block_3 a:active, .area-legacy #shopify-section-header .block_1 button:link, .area-legacy #shopify-section-header .block_1 button:visited, .area-legacy #shopify-section-header .block_1 button:hover, .area-legacy #shopify-section-header .block_1 button:active, .area-legacy #shopify-section-header .block_1 a:link, .area-legacy #shopify-section-header .block_1 a:visited, .area-legacy #shopify-section-header .block_1 a:hover, .area-legacy #shopify-section-header .block_1 a:active, .area-legacy #shopify-section-header .block_3 button:link, .area-legacy #shopify-section-header .block_3 button:visited, .area-legacy #shopify-section-header .block_3 button:hover, .area-legacy #shopify-section-header .block_3 button:active, .area-legacy #shopify-section-header .block_3 a:link, .area-legacy #shopify-section-header .block_3 a:visited, .area-legacy #shopify-section-header .block_3 a:hover, .area-legacy #shopify-section-header .block_3 a:active { color: #662d32; } #shopify-section-header header { background: none; padding: 0; } #shopify-section-header div#mobileNavBar { background: none; } #shopify-section-header nav.nav-bar { background: none; } #shopify-section-header .block_1 { justify-content: flex-start; } #shopify-section-header .block_3 { justify-content: flex-end; } #shopify-section-header .block_1 button, #shopify-section-header .block_1 a, #shopify-section-header .block_3 button, #shopify-section-header .block_3 a { align-items: flex-start; text-align: center; text-transform: uppercase; font-size: 10px; line-height: 16px; vertical-align: middle; white-space: nowrap; } #shopify-section-header .block_1 button:link, #shopify-section-header .block_1 button:visited, #shopify-section-header .block_1 button:hover, #shopify-section-header .block_1 button:active, #shopify-section-header .block_1 a:link, #shopify-section-header .block_1 a:visited, #shopify-section-header .block_1 a:hover, #shopify-section-header .block_1 a:active, #shopify-section-header .block_3 button:link, #shopify-section-header .block_3 button:visited, #shopify-section-header .block_3 button:hover, #shopify-section-header .block_3 button:active, #shopify-section-header .block_3 a:link, #shopify-section-header .block_3 a:visited, #shopify-section-header .block_3 a:hover, #shopify-section-header .block_3 a:active { color: #808080; text-decoration: none; } #shopify-section-header .block_1 button:focus, #shopify-section-header .block_1 a:focus, #shopify-section-header .block_3 button:focus, #shopify-section-header .block_3 a:focus { color: #808080; outline: none; } #shopify-section-header .block_1 button .cart_button, #shopify-section-header .block_1 a .cart_button, #shopify-section-header .block_3 button .cart_button, #shopify-section-header .block_3 a .cart_button { position: relative; } #shopify-section-header .block_1 button .cart_button .cart-badge--desktop, #shopify-section-header .block_1 a .cart_button .cart-badge--desktop, #shopify-section-header .block_3 button .cart_button .cart-badge--desktop, #shopify-section-header .block_3 a .cart_button .cart-badge--desktop { position: absolute; top: -6px; right: calc(50% - 10px ); transform: translateX(50%); color: white; background-color: #662d32; font-size: 10px; } #shopify-section-header .block_1 button i, #shopify-section-header .block_1 a i, #shopify-section-header .block_3 button i, #shopify-section-header .block_3 a i { margin: 0 auto; display: block; } #shopify-section-header .block_1 button i:before, #shopify-section-header .block_1 a i:before, #shopify-section-header .block_3 button i:before, #shopify-section-header .block_3 a i:before { font-size: 22px; } #shopify-section-header .block_1 button svg, #shopify-section-header .block_1 a svg, #shopify-section-header .block_3 button svg, #shopify-section-header .block_3 a svg { height: 22px; width: auto; } #shopify-section-header .block_2 .header-logo__image { max-width: 236px; margin: 0 auto; } .boutique #shopify-section-header .block_2 .header-logo__image svg { fill: #111111; max-width: 100%; } .legacy #shopify-section-header .block_2 .header-logo__image svg { fill: #662d32; max-width: 100%; } /*------------ /HEADER ------------*/ /*------------ FOOTER ------------*/ body.boutique footer .row { background-color: #111111; } body.boutique footer .row.popupper { background-color: rgba(17, 17, 17, 0.5); } body.legacy footer .row { background-color: #662d32; } body.legacy footer .row.popupper { background-color: rgba(102, 45, 50, 0.5); } body footer { color: white; z-index: 10; } body footer .row { z-index: 1; } body footer .row.popupper { position: absolute; width: 100%; padding: 15px; z-index: -1; -webkit-transition: top 0.6s; -ms-transition: top 0.6s; -o-transition: top 0.6s; transition: top 0.6s; height: 80px; top: 0; } body footer .row.popupper.opened { top: -80px; } body footer .row.popupper.popupper-social ul { width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; } body footer .row.popupper.popupper-social ul li { -webkit-box-flex: 0 0 80px; -moz-box-flex: 0 0 80px; -webkit-flex: 0 0 80px; -ms-flex: 0 0 80px; flex: 0 0 80px; } body footer .row.popupper.popupper-social ul li a { text-transform: uppercase; text-align: center; color: white; font-size: 10px; line-height: 20px; vertical-align: middle; padding-top: 5px; } body footer .row.popupper.popupper-social ul li a:link, body footer .row.popupper.popupper-social ul li a:visited, body footer .row.popupper.popupper-social ul li a:hover, body footer .row.popupper.popupper-social ul li a:active { color: white; cursor: pointer; text-decoration: none; } body footer .row.popupper.popupper-social ul li a i { margin: 0 auto; display: block; } body footer .row.popupper.popupper-social ul li a i:before { font-size: 22px; } body footer .row.popupper.popupper-social ul li.social-twitter a { color: #55acee; color: white; } body footer .row.popupper.popupper-social ul li.social-twitter a:link, body footer .row.popupper.popupper-social ul li.social-twitter a:visited, body footer .row.popupper.popupper-social ul li.social-twitter a:hover, body footer .row.popupper.popupper-social ul li.social-twitter a:active { color: #55acee; color: white; } body footer .row.popupper.popupper-social ul li.social-facebook a { color: #3b5999; color: white; } body footer .row.popupper.popupper-social ul li.social-facebook a:link, body footer .row.popupper.popupper-social ul li.social-facebook a:visited, body footer .row.popupper.popupper-social ul li.social-facebook a:hover, body footer .row.popupper.popupper-social ul li.social-facebook a:active { color: #3b5999; color: white; } body footer .row.popupper.popupper-social ul li.social-pinterest a { color: #bd081c; color: white; } body footer .row.popupper.popupper-social ul li.social-pinterest a:link, body footer .row.popupper.popupper-social ul li.social-pinterest a:visited, body footer .row.popupper.popupper-social ul li.social-pinterest a:hover, body footer .row.popupper.popupper-social ul li.social-pinterest a:active { color: #bd081c; color: white; } body footer .row.popupper.popupper-social ul li.social-google-plus a { color: #dd4b39; color: white; } body footer .row.popupper.popupper-social ul li.social-google-plus a:link, body footer .row.popupper.popupper-social ul li.social-google-plus a:visited, body footer .row.popupper.popupper-social ul li.social-google-plus a:hover, body footer .row.popupper.popupper-social ul li.social-google-plus a:active { color: #dd4b39; color: white; } body footer .row.popupper.popupper-social ul li.social-instagram a { color: #e4405f; color: white; } body footer .row.popupper.popupper-social ul li.social-instagram a:link, body footer .row.popupper.popupper-social ul li.social-instagram a:visited, body footer .row.popupper.popupper-social ul li.social-instagram a:hover, body footer .row.popupper.popupper-social ul li.social-instagram a:active { color: #e4405f; color: white; } body footer .row.popupper.popupper-social ul li.social-snapchat a { color: #fffc00; color: white; } body footer .row.popupper.popupper-social ul li.social-snapchat a:link, body footer .row.popupper.popupper-social ul li.social-snapchat a:visited, body footer .row.popupper.popupper-social ul li.social-snapchat a:hover, body footer .row.popupper.popupper-social ul li.social-snapchat a:active { color: #fffc00; color: white; } body footer .row.popupper.popupper-social ul li.social-tumblr a { color: #34465d; color: white; } body footer .row.popupper.popupper-social ul li.social-tumblr a:link, body footer .row.popupper.popupper-social ul li.social-tumblr a:visited, body footer .row.popupper.popupper-social ul li.social-tumblr a:hover, body footer .row.popupper.popupper-social ul li.social-tumblr a:active { color: #34465d; color: white; } body footer .row.popupper.popupper-social ul li.social-youtube a { color: #cd201f; color: white; } body footer .row.popupper.popupper-social ul li.social-youtube a:link, body footer .row.popupper.popupper-social ul li.social-youtube a:visited, body footer .row.popupper.popupper-social ul li.social-youtube a:hover, body footer .row.popupper.popupper-social ul li.social-youtube a:active { color: #cd201f; color: white; } body footer .row.popupper.popupper-social ul li.social-vimeo a { color: #1ab7ea; color: white; } body footer .row.popupper.popupper-social ul li.social-vimeo a:link, body footer .row.popupper.popupper-social ul li.social-vimeo a:visited, body footer .row.popupper.popupper-social ul li.social-vimeo a:hover, body footer .row.popupper.popupper-social ul li.social-vimeo a:active { color: #1ab7ea; color: white; } body footer .row.popupper.popupper-info, body footer .row.popupper.popupper-servizi, body footer .row.popupper.popupper-aiutarti { padding: 0; height: 80px; top: 0; } body footer .row.popupper.popupper-info.opened, body footer .row.popupper.popupper-servizi.opened, body footer .row.popupper.popupper-aiutarti.opened { top: -80px; } body footer .row.popupper.popupper-info ul, body footer .row.popupper.popupper-servizi ul, body footer .row.popupper.popupper-aiutarti ul { width: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: center; } body footer .row.popupper.popupper-info ul li, body footer .row.popupper.popupper-servizi ul li, body footer .row.popupper.popupper-aiutarti ul li { -webkit-box-flex: 1 1 100%; -moz-box-flex: 1 1 100%; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; text-align: center; height: 80px; line-height: 80px; text-transform: uppercase; padding: 0; margin: 0; } body footer .row.popupper.popupper-info ul li a, body footer .row.popupper.popupper-servizi ul li a, body footer .row.popupper.popupper-aiutarti ul li a { display: block; color: white; -webkit-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; } body footer .row.popupper.popupper-info ul li a:link, body footer .row.popupper.popupper-info ul li a:visited, body footer .row.popupper.popupper-info ul li a:hover, body footer .row.popupper.popupper-info ul li a:active, body footer .row.popupper.popupper-servizi ul li a:link, body footer .row.popupper.popupper-servizi ul li a:visited, body footer .row.popupper.popupper-servizi ul li a:hover, body footer .row.popupper.popupper-servizi ul li a:active, body footer .row.popupper.popupper-aiutarti ul li a:link, body footer .row.popupper.popupper-aiutarti ul li a:visited, body footer .row.popupper.popupper-aiutarti ul li a:hover, body footer .row.popupper.popupper-aiutarti ul li a:active { color: white; cursor: pointer; text-decoration: none; background-color: rgba(255, 255, 255, 0); } body footer .row.popupper.popupper-info ul li a:hover, body footer .row.popupper.popupper-servizi ul li a:hover, body footer .row.popupper.popupper-aiutarti ul li a:hover { background-color: rgba(255, 255, 255, 0.04); } body footer .row nav ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; margin: 0; } body footer .row nav ul li { -webkit-box-flex: 1 1 100%; -moz-box-flex: 1 1 100%; -webkit-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; text-align: center; height: 40px; line-height: 40px; text-transform: uppercase; margin: 0; } body footer .row nav ul li a { display: block; color: white; -webkit-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; } body footer .row nav ul li a:link, body footer .row nav ul li a:visited, body footer .row nav ul li a:active { color: white; cursor: pointer; text-decoration: none; background-color: rgba(255, 255, 255, 0); } body footer .row nav ul li a:hover { background-color: rgba(255, 255, 255, 0.04); } body footer .row hr { margin: 0; padding: 0; border-color: white; } body footer .row.copyright { text-align: center; padding-top: 14px; padding-bottom: 15px; } body footer .row.copyright .main_sentence { font-family: "GFS Didot", serif; font-size: 14px; color: white; } body footer .row.copyright .sentence { text-transform: uppercase; font-size: 10px; } body footer .row.copyright .link { color: white; font-size: 10px; } body footer .row.copyright .link:link, body footer .row.copyright .link:hover, body footer .row.copyright .link:visited, body footer .row.copyright .link:active { color: white; cursor: pointer; text-decoration: none; } body footer .cards .paymentMethods { display: block; margin-bottom: 5px; display: flex; justify-content: flex-end; width: 100%; } body footer .cards .paymentMethods .paymentMethod-text { height: 30px; font-size: 14px; line-height: 30px; margin: 0 0 0 10px; padding: 0; } body footer .cards .paymentMethods .paymentMethod { height: 30px; font-size: 30px; margin: 0 0 0 10px; padding: 0; flex: 0 0 30px; } body footer .cards .paymentMethods .paymentMethod i { display: block; } body footer .cards .paymentCertificates { display: block; margin-bottom: 5px; display: flex; justify-content: left; width: 100%; } body footer .cards .paymentCertificates .paymentCertificate-text { height: 30px; font-size: 14px; line-height: 30px; margin: 0 0 0 10px; padding: 0; } body footer .cards .paymentCertificates .paymentCertificate-text i { display: block; } body footer .cards .paymentCertificates .paymentCertificate { font-size: 14px; margin: 0 0 0 10px; padding: 0; flex: 0 0 30px; } body footer .cards .paymentCertificates .paymentCertificate img { height: 30px; } body footer .cards .paymentCertificates .paymentCertificate i { display: block; } body footer .footer__container .footer__blocks .footer__block .align-right-content .payment__container .paymentMethods { flex-wrap: wrap; gap: 8px; justify-content: center; } body footer .footer__container .footer__blocks .footer__block .align-right-content .payment__container .paymentMethods .paymentMethod { display: flex; align-items: center; margin: 0; } body footer .footer__container .footer__blocks .footer__block .align-right-content .payment__container .paymentMethods .paymentMethod img { height: 27px; } body footer .privacy-links { display: flex; justify-content: center; gap: 12px; margin: 16px 0; } body footer .privacy-links a { color: white; text-decoration: none; cursor: pointer; } body footer .privacy-links a:hover { text-decoration: underline; } /*------------ /FOOTER ------------*/ /*------------ PERMALINK ------------*/ /* PER ELIMINARE IL PERMALINK SUPERFLUO INSERIRE QUESTA INDICAZIONE CSS .permalink--legacy { display: none!important; } .permalink--boutique{ display: none!important; } */ .permalink { display: block; position: fixed; width: 200px; height: 70px; bottom: 200px; /* transform: translate(0, 50%); */ box-sizing: border-box; z-index: 1; } .permalink.permalink--legacy, .permalink.permalink--boutique { left: 0; } .permalink.permalink--newsletter { right: 0; } .permalink svg { fill: #662d32; } .permalink .switcher { color: rgba(0, 0, 0, 0); position: absolute; top: 15px; left: 0; height: 40px; width: 0px; display: block; line-height: 40px; font-size: 16px; font-weight: 600; font-family: "GFS Didot", serif; text-align: right; padding: 0 10px; overflow: hidden; padding-right: 15px; -webkit-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; } .permalink .switcher.opened { width: 170px; color: #662d32; } .permalink .switcher.opened:link, .permalink .switcher.opened:visited, .permalink .switcher.opened:hover, .permalink .switcher.opened:active { color: #662d32; } .permalink .switcher.with-background { /*background-color: $bianco;*/ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+91,0+100 */ background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.95) 91%, rgba(255, 255, 255, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.95) 91%, rgba(255, 255, 255, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.95) 91%, rgba(255, 255, 255, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */ } .permalink .switcher:link, .permalink .switcher:visited, .permalink .switcher:hover, .permalink .switcher:active { color: rgba(0, 0, 0, 0); cursor: pointer; text-decoration: none; -webkit-transition: all 0.35s; -ms-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .permalink .logo_switch { border-radius: 100px; height: 70px; width: 70px; position: absolute; left: 8px; top: 0; background-color: rgba(255, 255, 255, 0); -webkit-transition: all 0.35s; -ms-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .permalink .logo_switch.with-background { background-color: white; } .permalink .logo_switch svg { height: 100%; width: 100%; } .permalink .open-newsletter--button { position: absolute; top: 15px; right: 0; height: 40px; display: block; color: #662d32; line-height: 40px; font-size: 14px; font-weight: 600; font-family: "GFS Didot", serif; text-align: right; padding: 0 10px; text-transform: uppercase; width: 190px; } .permalink .open-newsletter--button.with-background { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+9 */ background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 9%, rgba(255, 255, 255, 0.95) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 9%, rgba(255, 255, 255, 0.95) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 9%, rgba(255, 255, 255, 0.95) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */ } .permalink .open-newsletter--button:link, .permalink .open-newsletter--button:visited, .permalink .open-newsletter--button:hover, .permalink .open-newsletter--button:active { color: #662d32; cursor: pointer; text-decoration: none; } .permalink .open-newsletter--button .stage_1, .permalink .open-newsletter--button .stage_2 { display: block; overflow: hidden; height: 40px; position: absolute; top: 0; right: -300px; -webkit-transition: all 0.35s; -ms-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .permalink .open-newsletter--button .stage_1.opened, .permalink .open-newsletter--button .stage_2.opened { right: 10px; -webkit-transition: all 0.1s; -ms-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s; } body.boutique .permalink.permalink--boutique { display: none !important; } body.legacy .permalink.permalink--legacy { display: none !important; } /*------------ /PERMALINK ------------*/ /*------------ OVERLAY ------------*/ body.legacy .overlay { /*background-color: rgba($verde-legacy, .9);*/ background-color: rgba(102, 45, 50, 0.9); } body.legacy .overlay-contact-us .row.contact-us #error__msg_contact-us { color: #000; } body.boutique .overlay { background-color: rgba(17, 17, 17, 0.9); } body .overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; display: none; z-index: 10; -ms-scroll-chaining: none; overscroll-behavior: contain; } body .overlay.opened { display: block; } body .overlay.opened .site-header { top: 0; left: 0; z-index: 1; height: 90px; width: 100%; overflow: hidden; background: none; padding-top: 0; } body .overlay.opened .site-header .header-logo__image { max-width: 236px; margin: 0 auto; } body .overlay.opened .site-header .header-logo__image svg { fill: white; } body .overlay .x { position: relative; height: 60px; /* this can be anything */ width: 60px; /* ...but maintain 1:1 aspect ratio */ display: flex; flex-direction: column; justify-content: center; border: none; cursor: pointer; margin: auto auto; } body .overlay .x::before, body .overlay .x::after { position: absolute; content: ''; width: 100%; height: 1px; /* cross thickness */ background-color: white; } body .overlay .x::before { transform: rotate(45deg); } body .overlay .x::after { transform: rotate(-45deg); } body.legacy .overlay-menu.boutique, body.area-legacy .overlay-menu.boutique { display: none !important; } body.legacy .overlay-menu .bar .fiocco, body.area-legacy .overlay-menu .bar .fiocco { fill: #111111; } body.legacy .overlay-menu .bar .bar-text, body.area-legacy .overlay-menu .bar .bar-text { background-color: #111111; } body.boutique .overlay-menu.legacy, body.area-boutique .overlay-menu.legacy { display: none !important; } body.boutique .overlay-menu .bar .fiocco, body.area-boutique .overlay-menu .bar .fiocco { fill: #662d32; } body.boutique .overlay-menu .bar .bar-text, body.area-boutique .overlay-menu .bar .bar-text { background-color: #662d32; } .overlay-menu .bar { width: 100%; max-width: 500px; margin: 20px auto; } .overlay-menu .bar .fiocco { width: 28px; height: 28px; float: left; } .overlay-menu .bar .fiocco svg { width: 100%; } .overlay-menu .bar .rovescio { transform: rotate(180deg); float: right; } .overlay-menu .bar .bar-text { display: block; height: 28px; width: calc(100% - 56px); text-transform: uppercase; text-align: center; overflow: hidden; margin: auto auto; float: left; line-height: 28px; color: white; } .overlay-menu .stage-1 { width: 100%; } .overlay-menu nav { margin: 20px auto; } .overlay-menu nav ul { margin: 0 auto; width: 100%; max-width: 500px; padding: 0; list-style: none; text-align: center; } .overlay-menu nav ul li a { font-family: "Spectral", serif; font-size: 20px; font-weight: 300; display: block; color: white; padding: 10px 0; } .overlay-menu nav ul li a:link, .overlay-menu nav ul li a:visited, .overlay-menu nav ul li a:hover, .overlay-menu nav ul li a:active { color: white; text-decoration: none; } .overlay-menu .siteSwitcher { /* position: absolute; */ width: 100%; /* bottom: 0; */ margin: 0 0 20px; } .overlay-menu .siteSwitcher ul { display: flex; justify-content: center; margin: 0 auto; width: 100%; max-width: 500px; padding: 0; list-style: none; text-align: center; } .overlay-menu .siteSwitcher ul li { flex: 0 0 auto; padding: 0 5px; color: white; font-size: 20px; font-weight: 300; text-transform: uppercase; } .overlay-menu .siteSwitcher ul li a { font-family: "Spectral", serif; font-size: 20px; font-weight: 300; color: #808080; } .overlay-menu .siteSwitcher ul li a:link, .overlay-menu .siteSwitcher ul li a:visited, .overlay-menu .siteSwitcher ul li a:hover, .overlay-menu .siteSwitcher ul li a:active { color: #808080; text-decoration: none; } .overlay-menu .siteSwitcher ul li.active a { color: white; font-weight: 600; } .overlay-menu .siteSwitcher ul li.active a:link, .overlay-menu .siteSwitcher ul li.active a:visited, .overlay-menu .siteSwitcher ul li.active a:hover, .overlay-menu .siteSwitcher ul li.active a:active { color: white; font-weight: 600; text-decoration: none; } #shopify-section-newsletter { padding: 0; } body.boutique .overlay-newsletter, body.boutique .overlay-vendorinfo, body.boutique .overlay-switchStore, body.boutique .overlay-search { background-color: rgba(17, 17, 17, 0.9); } body.boutique .overlay-newsletter.opened .site-header .header-logo__image svg, body.boutique .overlay-vendorinfo.opened .site-header .header-logo__image svg, body.boutique .overlay-switchStore.opened .site-header .header-logo__image svg, body.boutique .overlay-search.opened .site-header .header-logo__image svg { fill: white; } body.boutique .overlay-newsletter .x::before, body.boutique .overlay-newsletter .x::after, body.boutique .overlay-vendorinfo .x::before, body.boutique .overlay-vendorinfo .x::after, body.boutique .overlay-switchStore .x::before, body.boutique .overlay-switchStore .x::after, body.boutique .overlay-search .x::before, body.boutique .overlay-search .x::after { background-color: white; } body.boutique .overlay-newsletter .newsletter-wrapper .row.section-header, body.boutique .overlay-vendorinfo .newsletter-wrapper .row.section-header, body.boutique .overlay-switchStore .newsletter-wrapper .row.section-header, body.boutique .overlay-search .newsletter-wrapper .row.section-header { color: white; } body.boutique .overlay-newsletter .newsletter-wrapper .row.section-header label, body.boutique .overlay-vendorinfo .newsletter-wrapper .row.section-header label, body.boutique .overlay-switchStore .newsletter-wrapper .row.section-header label, body.boutique .overlay-search .newsletter-wrapper .row.section-header label { color: white; } body.boutique .overlay-newsletter .newsletter-wrapper #contact_form #error__msg_newsletter, body.boutique .overlay-vendorinfo .newsletter-wrapper #contact_form #error__msg_newsletter, body.boutique .overlay-switchStore .newsletter-wrapper #contact_form #error__msg_newsletter, body.boutique .overlay-search .newsletter-wrapper #contact_form #error__msg_newsletter { color: #662d32; } body.boutique .overlay-newsletter .newsletter-wrapper #contact_form input[type=email], body.boutique .overlay-vendorinfo .newsletter-wrapper #contact_form input[type=email], body.boutique .overlay-switchStore .newsletter-wrapper #contact_form input[type=email], body.boutique .overlay-search .newsletter-wrapper #contact_form input[type=email] { border: 1px solid white; color: white; } body.boutique .overlay-newsletter .newsletter-wrapper #contact_form input[type=email]::-webkit-input-placeholder, body.boutique .overlay-vendorinfo .newsletter-wrapper #contact_form input[type=email]::-webkit-input-placeholder, body.boutique .overlay-switchStore .newsletter-wrapper #contact_form input[type=email]::-webkit-input-placeholder, body.boutique .overlay-search .newsletter-wrapper #contact_form input[type=email]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: rgba(255, 255, 255, 0.7); } body.boutique .overlay-newsletter .newsletter-wrapper #contact_form input[type=email]::-moz-placeholder, body.boutique .overlay-vendorinfo .newsletter-wrapper #contact_form input[type=email]::-moz-placeholder, body.boutique .overlay-switchStore .newsletter-wrapper #contact_form input[type=email]::-moz-placeholder, body.boutique .overlay-search .newsletter-wrapper #contact_form input[type=email]::-moz-placeholder { /* Firefox 19+ */ color: rgba(255, 255, 255, 0.7); } body.boutique .overlay-newsletter .newsletter-wrapper #contact_form input[type=email]:-ms-input-placeholder, body.boutique .overlay-vendorinfo .newsletter-wrapper #contact_form input[type=email]:-ms-input-placeholder, body.boutique .overlay-switchStore .newsletter-wrapper #contact_form input[type=email]:-ms-input-placeholder, body.boutique .overlay-search .newsletter-wrapper #contact_form input[type=email]:-ms-input-placeholder { /* IE 10+ */ color: rgba(255, 255, 255, 0.7); } body.boutique .overlay-newsletter .newsletter-wrapper #contact_form input[type=email]:-moz-placeholder, body.boutique .overlay-vendorinfo .newsletter-wrapper #contact_form input[type=email]:-moz-placeholder, body.boutique .overlay-switchStore .newsletter-wrapper #contact_form input[type=email]:-moz-placeholder, body.boutique .overlay-search .newsletter-wrapper #contact_form input[type=email]:-moz-placeholder { /* Firefox 18- */ color: rgba(255, 255, 255, 0.7); } body.boutique .overlay-newsletter .newsletter-wrapper #contact_form label[class=checkbox], body.boutique .overlay-vendorinfo .newsletter-wrapper #contact_form label[class=checkbox], body.boutique .overlay-switchStore .newsletter-wrapper #contact_form label[class=checkbox], body.boutique .overlay-search .newsletter-wrapper #contact_form label[class=checkbox] { color: white; } body.boutique .overlay-newsletter .newsletter-wrapper #contact_form label[class=checkbox] a, body.boutique .overlay-vendorinfo .newsletter-wrapper #contact_form label[class=checkbox] a, body.boutique .overlay-switchStore .newsletter-wrapper #contact_form label[class=checkbox] a, body.boutique .overlay-search .newsletter-wrapper #contact_form label[class=checkbox] a { color: white; } body.boutique .overlay-newsletter .newsletter-wrapper #contact_form label[class=checkbox] a:link, body.boutique .overlay-newsletter .newsletter-wrapper #contact_form label[class=checkbox] a:visited, body.boutique .overlay-newsletter .newsletter-wrapper #contact_form label[class=checkbox] a:hover, body.boutique .overlay-newsletter .newsletter-wrapper #contact_form label[class=checkbox] a:active, body.boutique .overlay-vendorinfo .newsletter-wrapper #contact_form label[class=checkbox] a:link, body.boutique .overlay-vendorinfo .newsletter-wrapper #contact_form label[class=checkbox] a:visited, body.boutique .overlay-vendorinfo .newsletter-wrapper #contact_form label[class=checkbox] a:hover, body.boutique .overlay-vendorinfo .newsletter-wrapper #contact_form label[class=checkbox] a:active, body.boutique .overlay-switchStore .newsletter-wrapper #contact_form label[class=checkbox] a:link, body.boutique .overlay-switchStore .newsletter-wrapper #contact_form label[class=checkbox] a:visited, body.boutique .overlay-switchStore .newsletter-wrapper #contact_form label[class=checkbox] a:hover, body.boutique .overlay-switchStore .newsletter-wrapper #contact_form label[class=checkbox] a:active, body.boutique .overlay-search .newsletter-wrapper #contact_form label[class=checkbox] a:link, body.boutique .overlay-search .newsletter-wrapper #contact_form label[class=checkbox] a:visited, body.boutique .overlay-search .newsletter-wrapper #contact_form label[class=checkbox] a:hover, body.boutique .overlay-search .newsletter-wrapper #contact_form label[class=checkbox] a:active { color: white; } body.boutique .overlay-newsletter .newsletter-wrapper #contact_form button, body.boutique .overlay-vendorinfo .newsletter-wrapper #contact_form button, body.boutique .overlay-switchStore .newsletter-wrapper #contact_form button, body.boutique .overlay-search .newsletter-wrapper #contact_form button { color: #111111; background-color: white; } body.boutique .overlay-newsletter .vendorinfo-wrapper .row.section-header, body.boutique .overlay-newsletter .storeswitcher-wrapper .row.section-header, body.boutique .overlay-newsletter .searchOverlay-wrapper .row.section-header, body.boutique .overlay-vendorinfo .vendorinfo-wrapper .row.section-header, body.boutique .overlay-vendorinfo .storeswitcher-wrapper .row.section-header, body.boutique .overlay-vendorinfo .searchOverlay-wrapper .row.section-header, body.boutique .overlay-switchStore .vendorinfo-wrapper .row.section-header, body.boutique .overlay-switchStore .storeswitcher-wrapper .row.section-header, body.boutique .overlay-switchStore .searchOverlay-wrapper .row.section-header, body.boutique .overlay-search .vendorinfo-wrapper .row.section-header, body.boutique .overlay-search .storeswitcher-wrapper .row.section-header, body.boutique .overlay-search .searchOverlay-wrapper .row.section-header { color: white; } body.boutique .overlay-newsletter .vendorinfo-wrapper .row.section-header label, body.boutique .overlay-newsletter .vendorinfo-wrapper .row.section-header a, body.boutique .overlay-newsletter .storeswitcher-wrapper .row.section-header label, body.boutique .overlay-newsletter .storeswitcher-wrapper .row.section-header a, body.boutique .overlay-newsletter .searchOverlay-wrapper .row.section-header label, body.boutique .overlay-newsletter .searchOverlay-wrapper .row.section-header a, body.boutique .overlay-vendorinfo .vendorinfo-wrapper .row.section-header label, body.boutique .overlay-vendorinfo .vendorinfo-wrapper .row.section-header a, body.boutique .overlay-vendorinfo .storeswitcher-wrapper .row.section-header label, body.boutique .overlay-vendorinfo .storeswitcher-wrapper .row.section-header a, body.boutique .overlay-vendorinfo .searchOverlay-wrapper .row.section-header label, body.boutique .overlay-vendorinfo .searchOverlay-wrapper .row.section-header a, body.boutique .overlay-switchStore .vendorinfo-wrapper .row.section-header label, body.boutique .overlay-switchStore .vendorinfo-wrapper .row.section-header a, body.boutique .overlay-switchStore .storeswitcher-wrapper .row.section-header label, body.boutique .overlay-switchStore .storeswitcher-wrapper .row.section-header a, body.boutique .overlay-switchStore .searchOverlay-wrapper .row.section-header label, body.boutique .overlay-switchStore .searchOverlay-wrapper .row.section-header a, body.boutique .overlay-search .vendorinfo-wrapper .row.section-header label, body.boutique .overlay-search .vendorinfo-wrapper .row.section-header a, body.boutique .overlay-search .storeswitcher-wrapper .row.section-header label, body.boutique .overlay-search .storeswitcher-wrapper .row.section-header a, body.boutique .overlay-search .searchOverlay-wrapper .row.section-header label, body.boutique .overlay-search .searchOverlay-wrapper .row.section-header a { color: white; } body.boutique .overlay-newsletter .vendorinfo-wrapper .row.section-header p, body.boutique .overlay-newsletter .storeswitcher-wrapper .row.section-header p, body.boutique .overlay-newsletter .searchOverlay-wrapper .row.section-header p, body.boutique .overlay-vendorinfo .vendorinfo-wrapper .row.section-header p, body.boutique .overlay-vendorinfo .storeswitcher-wrapper .row.section-header p, body.boutique .overlay-vendorinfo .searchOverlay-wrapper .row.section-header p, body.boutique .overlay-switchStore .vendorinfo-wrapper .row.section-header p, body.boutique .overlay-switchStore .storeswitcher-wrapper .row.section-header p, body.boutique .overlay-switchStore .searchOverlay-wrapper .row.section-header p, body.boutique .overlay-search .vendorinfo-wrapper .row.section-header p, body.boutique .overlay-search .storeswitcher-wrapper .row.section-header p, body.boutique .overlay-search .searchOverlay-wrapper .row.section-header p { margin-left: auto; margin-right: auto; } .overlay-newsletter .bar, .overlay-vendorinfo .bar, .overlay-switchStore .bar, .overlay-search .bar { width: 100%; max-width: 500px; margin: 20px auto; opacity: 0; } .overlay-newsletter .bar .fiocco, .overlay-vendorinfo .bar .fiocco, .overlay-switchStore .bar .fiocco, .overlay-search .bar .fiocco { width: 28px; height: 28px; fill: #662d32; float: left; } .overlay-newsletter .bar .fiocco svg, .overlay-vendorinfo .bar .fiocco svg, .overlay-switchStore .bar .fiocco svg, .overlay-search .bar .fiocco svg { width: 100%; } .overlay-newsletter .bar .rovescio, .overlay-vendorinfo .bar .rovescio, .overlay-switchStore .bar .rovescio, .overlay-search .bar .rovescio { transform: rotate(180deg); float: right; } .overlay-newsletter .bar .bar-text, .overlay-vendorinfo .bar .bar-text, .overlay-switchStore .bar .bar-text, .overlay-search .bar .bar-text { display: block; height: 28px; width: calc(100% - 56px); text-transform: uppercase; text-align: center; overflow: hidden; margin: auto auto; float: left; line-height: 28px; background-color: #662d32; color: white; } .overlay-newsletter .newsletter-wrapper, .overlay-vendorinfo .newsletter-wrapper, .overlay-switchStore .newsletter-wrapper, .overlay-search .newsletter-wrapper { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .overlay-newsletter .newsletter-wrapper .row, .overlay-vendorinfo .newsletter-wrapper .row, .overlay-switchStore .newsletter-wrapper .row, .overlay-search .newsletter-wrapper .row { max-width: 500px; margin: 0 auto; } .overlay-newsletter .newsletter-wrapper .row.section-header, .overlay-vendorinfo .newsletter-wrapper .row.section-header, .overlay-switchStore .newsletter-wrapper .row.section-header, .overlay-search .newsletter-wrapper .row.section-header { text-align: center; font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 300; color: white; } .overlay-newsletter .newsletter-wrapper .row.section-header label, .overlay-vendorinfo .newsletter-wrapper .row.section-header label, .overlay-switchStore .newsletter-wrapper .row.section-header label, .overlay-search .newsletter-wrapper .row.section-header label { text-align: center; font-family: "Spectral", serif; font-size: 20px; font-weight: 300; text-transform: uppercase; color: white; } .overlay-newsletter .newsletter-wrapper .row #contact_form, .overlay-vendorinfo .newsletter-wrapper .row #contact_form, .overlay-switchStore .newsletter-wrapper .row #contact_form, .overlay-search .newsletter-wrapper .row #contact_form { width: 100%; text-align: center; } .overlay-newsletter .newsletter-wrapper .row #contact_form #error__msg_newsletter, .overlay-vendorinfo .newsletter-wrapper .row #contact_form #error__msg_newsletter, .overlay-switchStore .newsletter-wrapper .row #contact_form #error__msg_newsletter, .overlay-search .newsletter-wrapper .row #contact_form #error__msg_newsletter { display: none; text-align: center; color: #000; } .overlay-newsletter .newsletter-wrapper .row #contact_form input[type=email], .overlay-vendorinfo .newsletter-wrapper .row #contact_form input[type=email], .overlay-switchStore .newsletter-wrapper .row #contact_form input[type=email], .overlay-search .newsletter-wrapper .row #contact_form input[type=email] { margin: 0 auto; width: 100%; border: 1px solid white; box-sizing: border-box; color: white; max-width: 330px; } .overlay-newsletter .newsletter-wrapper .row #contact_form input[type=email]::-webkit-input-placeholder, .overlay-vendorinfo .newsletter-wrapper .row #contact_form input[type=email]::-webkit-input-placeholder, .overlay-switchStore .newsletter-wrapper .row #contact_form input[type=email]::-webkit-input-placeholder, .overlay-search .newsletter-wrapper .row #contact_form input[type=email]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: rgba(255, 255, 255, 0.7); } .overlay-newsletter .newsletter-wrapper .row #contact_form input[type=email]::-moz-placeholder, .overlay-vendorinfo .newsletter-wrapper .row #contact_form input[type=email]::-moz-placeholder, .overlay-switchStore .newsletter-wrapper .row #contact_form input[type=email]::-moz-placeholder, .overlay-search .newsletter-wrapper .row #contact_form input[type=email]::-moz-placeholder { /* Firefox 19+ */ color: rgba(255, 255, 255, 0.7); } .overlay-newsletter .newsletter-wrapper .row #contact_form input[type=email]:-ms-input-placeholder, .overlay-vendorinfo .newsletter-wrapper .row #contact_form input[type=email]:-ms-input-placeholder, .overlay-switchStore .newsletter-wrapper .row #contact_form input[type=email]:-ms-input-placeholder, .overlay-search .newsletter-wrapper .row #contact_form input[type=email]:-ms-input-placeholder { /* IE 10+ */ color: rgba(255, 255, 255, 0.7); } .overlay-newsletter .newsletter-wrapper .row #contact_form input[type=email]:-moz-placeholder, .overlay-vendorinfo .newsletter-wrapper .row #contact_form input[type=email]:-moz-placeholder, .overlay-switchStore .newsletter-wrapper .row #contact_form input[type=email]:-moz-placeholder, .overlay-search .newsletter-wrapper .row #contact_form input[type=email]:-moz-placeholder { /* Firefox 18- */ color: rgba(255, 255, 255, 0.7); } .overlay-newsletter .newsletter-wrapper .row #contact_form label[class=checkbox], .overlay-vendorinfo .newsletter-wrapper .row #contact_form label[class=checkbox], .overlay-switchStore .newsletter-wrapper .row #contact_form label[class=checkbox], .overlay-search .newsletter-wrapper .row #contact_form label[class=checkbox] { color: white; font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 300; } .overlay-newsletter .newsletter-wrapper .row #contact_form label[class=checkbox] a, .overlay-vendorinfo .newsletter-wrapper .row #contact_form label[class=checkbox] a, .overlay-switchStore .newsletter-wrapper .row #contact_form label[class=checkbox] a, .overlay-search .newsletter-wrapper .row #contact_form label[class=checkbox] a { color: white; text-decoration: underline; } .overlay-newsletter .newsletter-wrapper .row #contact_form label[class=checkbox] a:link, .overlay-newsletter .newsletter-wrapper .row #contact_form label[class=checkbox] a:visited, .overlay-newsletter .newsletter-wrapper .row #contact_form label[class=checkbox] a:hover, .overlay-newsletter .newsletter-wrapper .row #contact_form label[class=checkbox] a:active, .overlay-vendorinfo .newsletter-wrapper .row #contact_form label[class=checkbox] a:link, .overlay-vendorinfo .newsletter-wrapper .row #contact_form label[class=checkbox] a:visited, .overlay-vendorinfo .newsletter-wrapper .row #contact_form label[class=checkbox] a:hover, .overlay-vendorinfo .newsletter-wrapper .row #contact_form label[class=checkbox] a:active, .overlay-switchStore .newsletter-wrapper .row #contact_form label[class=checkbox] a:link, .overlay-switchStore .newsletter-wrapper .row #contact_form label[class=checkbox] a:visited, .overlay-switchStore .newsletter-wrapper .row #contact_form label[class=checkbox] a:hover, .overlay-switchStore .newsletter-wrapper .row #contact_form label[class=checkbox] a:active, .overlay-search .newsletter-wrapper .row #contact_form label[class=checkbox] a:link, .overlay-search .newsletter-wrapper .row #contact_form label[class=checkbox] a:visited, .overlay-search .newsletter-wrapper .row #contact_form label[class=checkbox] a:hover, .overlay-search .newsletter-wrapper .row #contact_form label[class=checkbox] a:active { color: white; text-decoration: underline; } .overlay-newsletter .newsletter-wrapper .row #contact_form button, .overlay-vendorinfo .newsletter-wrapper .row #contact_form button, .overlay-switchStore .newsletter-wrapper .row #contact_form button, .overlay-search .newsletter-wrapper .row #contact_form button { color: #545c31; background-color: white; border: none; border-radius: 0; padding: 5px 15px; font-family: "Open Sans", sans-serif; font-size: 10px; font-weight: 800; height: auto; margin-top: 20px; } .overlay-newsletter .vendorinfo-wrapper, .overlay-newsletter .storeswitcher-wrapper, .overlay-newsletter .searchOverlay-wrapper, .overlay-vendorinfo .vendorinfo-wrapper, .overlay-vendorinfo .storeswitcher-wrapper, .overlay-vendorinfo .searchOverlay-wrapper, .overlay-switchStore .vendorinfo-wrapper, .overlay-switchStore .storeswitcher-wrapper, .overlay-switchStore .searchOverlay-wrapper, .overlay-search .vendorinfo-wrapper, .overlay-search .storeswitcher-wrapper, .overlay-search .searchOverlay-wrapper { margin-top: 1%; } .overlay-newsletter .vendorinfo-wrapper .row, .overlay-newsletter .storeswitcher-wrapper .row, .overlay-newsletter .searchOverlay-wrapper .row, .overlay-vendorinfo .vendorinfo-wrapper .row, .overlay-vendorinfo .storeswitcher-wrapper .row, .overlay-vendorinfo .searchOverlay-wrapper .row, .overlay-switchStore .vendorinfo-wrapper .row, .overlay-switchStore .storeswitcher-wrapper .row, .overlay-switchStore .searchOverlay-wrapper .row, .overlay-search .vendorinfo-wrapper .row, .overlay-search .storeswitcher-wrapper .row, .overlay-search .searchOverlay-wrapper .row { max-width: 500px; margin: 0 auto; } .overlay-newsletter .vendorinfo-wrapper .row.section-header, .overlay-newsletter .storeswitcher-wrapper .row.section-header, .overlay-newsletter .searchOverlay-wrapper .row.section-header, .overlay-vendorinfo .vendorinfo-wrapper .row.section-header, .overlay-vendorinfo .storeswitcher-wrapper .row.section-header, .overlay-vendorinfo .searchOverlay-wrapper .row.section-header, .overlay-switchStore .vendorinfo-wrapper .row.section-header, .overlay-switchStore .storeswitcher-wrapper .row.section-header, .overlay-switchStore .searchOverlay-wrapper .row.section-header, .overlay-search .vendorinfo-wrapper .row.section-header, .overlay-search .storeswitcher-wrapper .row.section-header, .overlay-search .searchOverlay-wrapper .row.section-header { text-align: center; font-family: "Open Sans", sans-serif; font-size: 14px; font-weight: 300; color: white; } .overlay-newsletter .vendorinfo-wrapper .row.section-header label, .overlay-newsletter .storeswitcher-wrapper .row.section-header label, .overlay-newsletter .searchOverlay-wrapper .row.section-header label, .overlay-vendorinfo .vendorinfo-wrapper .row.section-header label, .overlay-vendorinfo .storeswitcher-wrapper .row.section-header label, .overlay-vendorinfo .searchOverlay-wrapper .row.section-header label, .overlay-switchStore .vendorinfo-wrapper .row.section-header label, .overlay-switchStore .storeswitcher-wrapper .row.section-header label, .overlay-switchStore .searchOverlay-wrapper .row.section-header label, .overlay-search .vendorinfo-wrapper .row.section-header label, .overlay-search .storeswitcher-wrapper .row.section-header label, .overlay-search .searchOverlay-wrapper .row.section-header label { text-align: center; font-family: "Spectral", serif; font-size: 20px; font-weight: 300; text-transform: uppercase; color: white; } .overlay-newsletter .vendorinfo-wrapper .row.section-header a, .overlay-newsletter .storeswitcher-wrapper .row.section-header a, .overlay-newsletter .searchOverlay-wrapper .row.section-header a, .overlay-vendorinfo .vendorinfo-wrapper .row.section-header a, .overlay-vendorinfo .storeswitcher-wrapper .row.section-header a, .overlay-vendorinfo .searchOverlay-wrapper .row.section-header a, .overlay-switchStore .vendorinfo-wrapper .row.section-header a, .overlay-switchStore .storeswitcher-wrapper .row.section-header a, .overlay-switchStore .searchOverlay-wrapper .row.section-header a, .overlay-search .vendorinfo-wrapper .row.section-header a, .overlay-search .storeswitcher-wrapper .row.section-header a, .overlay-search .searchOverlay-wrapper .row.section-header a { color: white; font-weight: 400; } .overlay-newsletter .vendorinfo-wrapper .row input, .overlay-newsletter .vendorinfo-wrapper .row textarea, .overlay-newsletter .vendorinfo-wrapper .row select, .overlay-newsletter .storeswitcher-wrapper .row input, .overlay-newsletter .storeswitcher-wrapper .row textarea, .overlay-newsletter .storeswitcher-wrapper .row select, .overlay-newsletter .searchOverlay-wrapper .row input, .overlay-newsletter .searchOverlay-wrapper .row textarea, .overlay-newsletter .searchOverlay-wrapper .row select, .overlay-vendorinfo .vendorinfo-wrapper .row input, .overlay-vendorinfo .vendorinfo-wrapper .row textarea, .overlay-vendorinfo .vendorinfo-wrapper .row select, .overlay-vendorinfo .storeswitcher-wrapper .row input, .overlay-vendorinfo .storeswitcher-wrapper .row textarea, .overlay-vendorinfo .storeswitcher-wrapper .row select, .overlay-vendorinfo .searchOverlay-wrapper .row input, .overlay-vendorinfo .searchOverlay-wrapper .row textarea, .overlay-vendorinfo .searchOverlay-wrapper .row select, .overlay-switchStore .vendorinfo-wrapper .row input, .overlay-switchStore .vendorinfo-wrapper .row textarea, .overlay-switchStore .vendorinfo-wrapper .row select, .overlay-switchStore .storeswitcher-wrapper .row input, .overlay-switchStore .storeswitcher-wrapper .row textarea, .overlay-switchStore .storeswitcher-wrapper .row select, .overlay-switchStore .searchOverlay-wrapper .row input, .overlay-switchStore .searchOverlay-wrapper .row textarea, .overlay-switchStore .searchOverlay-wrapper .row select, .overlay-search .vendorinfo-wrapper .row input, .overlay-search .vendorinfo-wrapper .row textarea, .overlay-search .vendorinfo-wrapper .row select, .overlay-search .storeswitcher-wrapper .row input, .overlay-search .storeswitcher-wrapper .row textarea, .overlay-search .storeswitcher-wrapper .row select, .overlay-search .searchOverlay-wrapper .row input, .overlay-search .searchOverlay-wrapper .row textarea, .overlay-search .searchOverlay-wrapper .row select { color: white; } .overlay-newsletter .vendorinfo-wrapper .row input::-webkit-input-placeholder, .overlay-newsletter .vendorinfo-wrapper .row textarea::-webkit-input-placeholder, .overlay-newsletter .vendorinfo-wrapper .row select::-webkit-input-placeholder, .overlay-newsletter .storeswitcher-wrapper .row input::-webkit-input-placeholder, .overlay-newsletter .storeswitcher-wrapper .row textarea::-webkit-input-placeholder, .overlay-newsletter .storeswitcher-wrapper .row select::-webkit-input-placeholder, .overlay-newsletter .searchOverlay-wrapper .row input::-webkit-input-placeholder, .overlay-newsletter .searchOverlay-wrapper .row textarea::-webkit-input-placeholder, .overlay-newsletter .searchOverlay-wrapper .row select::-webkit-input-placeholder, .overlay-vendorinfo .vendorinfo-wrapper .row input::-webkit-input-placeholder, .overlay-vendorinfo .vendorinfo-wrapper .row textarea::-webkit-input-placeholder, .overlay-vendorinfo .vendorinfo-wrapper .row select::-webkit-input-placeholder, .overlay-vendorinfo .storeswitcher-wrapper .row input::-webkit-input-placeholder, .overlay-vendorinfo .storeswitcher-wrapper .row textarea::-webkit-input-placeholder, .overlay-vendorinfo .storeswitcher-wrapper .row select::-webkit-input-placeholder, .overlay-vendorinfo .searchOverlay-wrapper .row input::-webkit-input-placeholder, .overlay-vendorinfo .searchOverlay-wrapper .row textarea::-webkit-input-placeholder, .overlay-vendorinfo .searchOverlay-wrapper .row select::-webkit-input-placeholder, .overlay-switchStore .vendorinfo-wrapper .row input::-webkit-input-placeholder, .overlay-switchStore .vendorinfo-wrapper .row textarea::-webkit-input-placeholder, .overlay-switchStore .vendorinfo-wrapper .row select::-webkit-input-placeholder, .overlay-switchStore .storeswitcher-wrapper .row input::-webkit-input-placeholder, .overlay-switchStore .storeswitcher-wrapper .row textarea::-webkit-input-placeholder, .overlay-switchStore .storeswitcher-wrapper .row select::-webkit-input-placeholder, .overlay-switchStore .searchOverlay-wrapper .row input::-webkit-input-placeholder, .overlay-switchStore .searchOverlay-wrapper .row textarea::-webkit-input-placeholder, .overlay-switchStore .searchOverlay-wrapper .row select::-webkit-input-placeholder, .overlay-search .vendorinfo-wrapper .row input::-webkit-input-placeholder, .overlay-search .vendorinfo-wrapper .row textarea::-webkit-input-placeholder, .overlay-search .vendorinfo-wrapper .row select::-webkit-input-placeholder, .overlay-search .storeswitcher-wrapper .row input::-webkit-input-placeholder, .overlay-search .storeswitcher-wrapper .row textarea::-webkit-input-placeholder, .overlay-search .storeswitcher-wrapper .row select::-webkit-input-placeholder, .overlay-search .searchOverlay-wrapper .row input::-webkit-input-placeholder, .overlay-search .searchOverlay-wrapper .row textarea::-webkit-input-placeholder, .overlay-search .searchOverlay-wrapper .row select::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: rgba(255, 255, 255, 0.7); } .overlay-newsletter .vendorinfo-wrapper .row input::-moz-placeholder, .overlay-newsletter .vendorinfo-wrapper .row textarea::-moz-placeholder, .overlay-newsletter .vendorinfo-wrapper .row select::-moz-placeholder, .overlay-newsletter .storeswitcher-wrapper .row input::-moz-placeholder, .overlay-newsletter .storeswitcher-wrapper .row textarea::-moz-placeholder, .overlay-newsletter .storeswitcher-wrapper .row select::-moz-placeholder, .overlay-newsletter .searchOverlay-wrapper .row input::-moz-placeholder, .overlay-newsletter .searchOverlay-wrapper .row textarea::-moz-placeholder, .overlay-newsletter .searchOverlay-wrapper .row select::-moz-placeholder, .overlay-vendorinfo .vendorinfo-wrapper .row input::-moz-placeholder, .overlay-vendorinfo .vendorinfo-wrapper .row textarea::-moz-placeholder, .overlay-vendorinfo .vendorinfo-wrapper .row select::-moz-placeholder, .overlay-vendorinfo .storeswitcher-wrapper .row input::-moz-placeholder, .overlay-vendorinfo .storeswitcher-wrapper .row textarea::-moz-placeholder, .overlay-vendorinfo .storeswitcher-wrapper .row select::-moz-placeholder, .overlay-vendorinfo .searchOverlay-wrapper .row input::-moz-placeholder, .overlay-vendorinfo .searchOverlay-wrapper .row textarea::-moz-placeholder, .overlay-vendorinfo .searchOverlay-wrapper .row select::-moz-placeholder, .overlay-switchStore .vendorinfo-wrapper .row input::-moz-placeholder, .overlay-switchStore .vendorinfo-wrapper .row textarea::-moz-placeholder, .overlay-switchStore .vendorinfo-wrapper .row select::-moz-placeholder, .overlay-switchStore .storeswitcher-wrapper .row input::-moz-placeholder, .overlay-switchStore .storeswitcher-wrapper .row textarea::-moz-placeholder, .overlay-switchStore .storeswitcher-wrapper .row select::-moz-placeholder, .overlay-switchStore .searchOverlay-wrapper .row input::-moz-placeholder, .overlay-switchStore .searchOverlay-wrapper .row textarea::-moz-placeholder, .overlay-switchStore .searchOverlay-wrapper .row select::-moz-placeholder, .overlay-search .vendorinfo-wrapper .row input::-moz-placeholder, .overlay-search .vendorinfo-wrapper .row textarea::-moz-placeholder, .overlay-search .vendorinfo-wrapper .row select::-moz-placeholder, .overlay-search .storeswitcher-wrapper .row input::-moz-placeholder, .overlay-search .storeswitcher-wrapper .row textarea::-moz-placeholder, .overlay-search .storeswitcher-wrapper .row select::-moz-placeholder, .overlay-search .searchOverlay-wrapper .row input::-moz-placeholder, .overlay-search .searchOverlay-wrapper .row textarea::-moz-placeholder, .overlay-search .searchOverlay-wrapper .row select::-moz-placeholder { /* Firefox 19+ */ color: rgba(255, 255, 255, 0.7); } .overlay-newsletter .vendorinfo-wrapper .row input:-ms-input-placeholder, .overlay-newsletter .vendorinfo-wrapper .row textarea:-ms-input-placeholder, .overlay-newsletter .vendorinfo-wrapper .row select:-ms-input-placeholder, .overlay-newsletter .storeswitcher-wrapper .row input:-ms-input-placeholder, .overlay-newsletter .storeswitcher-wrapper .row textarea:-ms-input-placeholder, .overlay-newsletter .storeswitcher-wrapper .row select:-ms-input-placeholder, .overlay-newsletter .searchOverlay-wrapper .row input:-ms-input-placeholder, .overlay-newsletter .searchOverlay-wrapper .row textarea:-ms-input-placeholder, .overlay-newsletter .searchOverlay-wrapper .row select:-ms-input-placeholder, .overlay-vendorinfo .vendorinfo-wrapper .row input:-ms-input-placeholder, .overlay-vendorinfo .vendorinfo-wrapper .row textarea:-ms-input-placeholder, .overlay-vendorinfo .vendorinfo-wrapper .row select:-ms-input-placeholder, .overlay-vendorinfo .storeswitcher-wrapper .row input:-ms-input-placeholder, .overlay-vendorinfo .storeswitcher-wrapper .row textarea:-ms-input-placeholder, .overlay-vendorinfo .storeswitcher-wrapper .row select:-ms-input-placeholder, .overlay-vendorinfo .searchOverlay-wrapper .row input:-ms-input-placeholder, .overlay-vendorinfo .searchOverlay-wrapper .row textarea:-ms-input-placeholder, .overlay-vendorinfo .searchOverlay-wrapper .row select:-ms-input-placeholder, .overlay-switchStore .vendorinfo-wrapper .row input:-ms-input-placeholder, .overlay-switchStore .vendorinfo-wrapper .row textarea:-ms-input-placeholder, .overlay-switchStore .vendorinfo-wrapper .row select:-ms-input-placeholder, .overlay-switchStore .storeswitcher-wrapper .row input:-ms-input-placeholder, .overlay-switchStore .storeswitcher-wrapper .row textarea:-ms-input-placeholder, .overlay-switchStore .storeswitcher-wrapper .row select:-ms-input-placeholder, .overlay-switchStore .searchOverlay-wrapper .row input:-ms-input-placeholder, .overlay-switchStore .searchOverlay-wrapper .row textarea:-ms-input-placeholder, .overlay-switchStore .searchOverlay-wrapper .row select:-ms-input-placeholder, .overlay-search .vendorinfo-wrapper .row input:-ms-input-placeholder, .overlay-search .vendorinfo-wrapper .row textarea:-ms-input-placeholder, .overlay-search .vendorinfo-wrapper .row select:-ms-input-placeholder, .overlay-search .storeswitcher-wrapper .row input:-ms-input-placeholder, .overlay-search .storeswitcher-wrapper .row textarea:-ms-input-placeholder, .overlay-search .storeswitcher-wrapper .row select:-ms-input-placeholder, .overlay-search .searchOverlay-wrapper .row input:-ms-input-placeholder, .overlay-search .searchOverlay-wrapper .row textarea:-ms-input-placeholder, .overlay-search .searchOverlay-wrapper .row select:-ms-input-placeholder { /* IE 10+ */ color: rgba(255, 255, 255, 0.7); } .overlay-newsletter .vendorinfo-wrapper .row input:-moz-placeholder, .overlay-newsletter .vendorinfo-wrapper .row textarea:-moz-placeholder, .overlay-newsletter .vendorinfo-wrapper .row select:-moz-placeholder, .overlay-newsletter .storeswitcher-wrapper .row input:-moz-placeholder, .overlay-newsletter .storeswitcher-wrapper .row textarea:-moz-placeholder, .overlay-newsletter .storeswitcher-wrapper .row select:-moz-placeholder, .overlay-newsletter .searchOverlay-wrapper .row input:-moz-placeholder, .overlay-newsletter .searchOverlay-wrapper .row textarea:-moz-placeholder, .overlay-newsletter .searchOverlay-wrapper .row select:-moz-placeholder, .overlay-vendorinfo .vendorinfo-wrapper .row input:-moz-placeholder, .overlay-vendorinfo .vendorinfo-wrapper .row textarea:-moz-placeholder, .overlay-vendorinfo .vendorinfo-wrapper .row select:-moz-placeholder, .overlay-vendorinfo .storeswitcher-wrapper .row input:-moz-placeholder, .overlay-vendorinfo .storeswitcher-wrapper .row textarea:-moz-placeholder, .overlay-vendorinfo .storeswitcher-wrapper .row select:-moz-placeholder, .overlay-vendorinfo .searchOverlay-wrapper .row input:-moz-placeholder, .overlay-vendorinfo .searchOverlay-wrapper .row textarea:-moz-placeholder, .overlay-vendorinfo .searchOverlay-wrapper .row select:-moz-placeholder, .overlay-switchStore .vendorinfo-wrapper .row input:-moz-placeholder, .overlay-switchStore .vendorinfo-wrapper .row textarea:-moz-placeholder, .overlay-switchStore .vendorinfo-wrapper .row select:-moz-placeholder, .overlay-switchStore .storeswitcher-wrapper .row input:-moz-placeholder, .overlay-switchStore .storeswitcher-wrapper .row textarea:-moz-placeholder, .overlay-switchStore .storeswitcher-wrapper .row select:-moz-placeholder, .overlay-switchStore .searchOverlay-wrapper .row input:-moz-placeholder, .overlay-switchStore .searchOverlay-wrapper .row textarea:-moz-placeholder, .overlay-switchStore .searchOverlay-wrapper .row select:-moz-placeholder, .overlay-search .vendorinfo-wrapper .row input:-moz-placeholder, .overlay-search .vendorinfo-wrapper .row textarea:-moz-placeholder, .overlay-search .vendorinfo-wrapper .row select:-moz-placeholder, .overlay-search .storeswitcher-wrapper .row input:-moz-placeholder, .overlay-search .storeswitcher-wrapper .row textarea:-moz-placeholder, .overlay-search .storeswitcher-wrapper .row select:-moz-placeholder, .overlay-search .searchOverlay-wrapper .row input:-moz-placeholder, .overlay-search .searchOverlay-wrapper .row textarea:-moz-placeholder, .overlay-search .searchOverlay-wrapper .row select:-moz-placeholder { /* Firefox 18- */ color: rgba(255, 255, 255, 0.7); } .overlay-contact-us .bar { width: 100%; max-width: 500px; margin: 20px auto; opacity: 0; } .overlay-contact-us .bar .fiocco { width: 28px; height: 28px; fill: #662d32; float: left; } .overlay-contact-us .bar .fiocco svg { width: 100%; } .overlay-contact-us .bar .rovescio { transform: rotate(180deg); float: right; } .overlay-contact-us .bar .bar-text { display: block; height: 28px; width: calc(100% - 56px); overflow: hidden; margin: auto auto; float: left; line-height: 28px; } .overlay-contact-us .row.contact-us { padding-top: 30px; } .overlay-contact-us .row.contact-us h2 { text-align: center; font-family: "Spectral", serif; font-size: 20px; font-weight: 300; text-transform: uppercase; color: white; } .overlay-contact-us .row.contact-us #error__msg_contact-us { display: none; text-align: center; color: #662d32; } .overlay-contact-us .row.contact-us #contactFormWrapper { text-align: center; } .overlay-contact-us .row.contact-us #contactFormWrapper input, .overlay-contact-us .row.contact-us #contactFormWrapper textarea, .overlay-contact-us .row.contact-us #contactFormWrapper select { color: white; max-width: 500px; margin-left: auto; margin-right: auto; } .overlay-contact-us .row.contact-us #contactFormWrapper input::-webkit-input-placeholder, .overlay-contact-us .row.contact-us #contactFormWrapper textarea::-webkit-input-placeholder, .overlay-contact-us .row.contact-us #contactFormWrapper select::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: rgba(255, 255, 255, 0.7); } .overlay-contact-us .row.contact-us #contactFormWrapper input::-moz-placeholder, .overlay-contact-us .row.contact-us #contactFormWrapper textarea::-moz-placeholder, .overlay-contact-us .row.contact-us #contactFormWrapper select::-moz-placeholder { /* Firefox 19+ */ color: rgba(255, 255, 255, 0.7); } .overlay-contact-us .row.contact-us #contactFormWrapper input:-ms-input-placeholder, .overlay-contact-us .row.contact-us #contactFormWrapper textarea:-ms-input-placeholder, .overlay-contact-us .row.contact-us #contactFormWrapper select:-ms-input-placeholder { /* IE 10+ */ color: rgba(255, 255, 255, 0.7); } .overlay-contact-us .row.contact-us #contactFormWrapper input:-moz-placeholder, .overlay-contact-us .row.contact-us #contactFormWrapper textarea:-moz-placeholder, .overlay-contact-us .row.contact-us #contactFormWrapper select:-moz-placeholder { /* Firefox 18- */ color: rgba(255, 255, 255, 0.7); } .overlay-contact-us .row.contact-us #contactFormWrapper select, .overlay-contact-us .row.contact-us #contactFormWrapper option { background-color: rgba(88, 88, 88, 0.1); } .overlay-contact-us .row.contact-us #contactFormWrapper option { color: #111111 !important; } .overlay-contact-us .row.contact-us #contactFormWrapper input[type="submit"] { color: #545c31; background-color: white; border: none; border-radius: 0; padding: 5px 15px; font-family: "Open Sans", sans-serif; font-size: 10px; font-weight: 800; height: auto; margin-top: 20px; margin-left: auto; margin-right: auto; } .overlay-contact-us .row.contact-us #contactFormWrapper label[class=checkbox] { color: white; } .overlay-contact-us .row.contact-us #contactFormWrapper label[class=checkbox] a { color: white; } .overlay-contact-us .row.contact-us #contactFormWrapper label[class=checkbox] a:link, .overlay-contact-us .row.contact-us #contactFormWrapper label[class=checkbox] a:visited, .overlay-contact-us .row.contact-us #contactFormWrapper label[class=checkbox] a:hover, .overlay-contact-us .row.contact-us #contactFormWrapper label[class=checkbox] a:active { color: white; } .overlay-size-guide .size-guide-row { height: calc(100% - 150px ); overflow: auto; } .overlay-size-guide .size-guide-row h2 { font-family: "Spectral", serif; width: 100%; text-align: center; font-size: 28px; color: white; margin: .6em 0 .3em 0; } .overlay-size-guide .size-guide-row p { font-family: "Open Sans", sans-serif; width: 100%; text-align: center; font-size: 14px; color: white; margin: 15px 0 15px 0; } .overlay-size-guide .size-guide-row .divTable.minimalistBlack { border: 1px solid #111111; width: 100%; text-align: left; border-collapse: collapse; margin: 0 auto; font-family: "Open Sans", sans-serif; } .overlay-size-guide .size-guide-row .divTable.minimalistBlack .piccolo { font-size: 10px; } .overlay-size-guide .size-guide-row .divTable.minimalistBlack .divTableHeading { background: #CFCFCF; background: -moz-linear-gradient(top, #dbdbdb 0%, lightgrey 66%, #cfcfcf 100%); background: -webkit-linear-gradient(top, #dbdbdb 0%, lightgrey 66%, #cfcfcf 100%); background: linear-gradient(to bottom, #dbdbdb 0%, lightgrey 66%, #cfcfcf 100%); border-bottom: 1px solid #111111; } .overlay-size-guide .size-guide-row .divTable.minimalistBlack .divTableHeading .divTableHead { font-size: 15px; font-weight: bold; color: #111111; text-align: center; border: 1px solid #111111; } .overlay-size-guide .size-guide-row .divTable.minimalistBlack .divTableBody .divTableRow .divTableCell { font-size: 13px; background: white; } .overlay-size-guide .size-guide-row .divTable.minimalistBlack .divTableBody .divTableRow .divTableCell:first-child { background: #CFCFCF; background: -moz-linear-gradient(top, #dbdbdb 0%, lightgrey 66%, #cfcfcf 100%); background: -webkit-linear-gradient(top, #dbdbdb 0%, lightgrey 66%, #cfcfcf 100%); background: linear-gradient(to bottom, #dbdbdb 0%, lightgrey 66%, #cfcfcf 100%); } .overlay-size-guide .size-guide-row .divTable.minimalistBlack .divTableBody .divTableRow .divTableCell, .overlay-size-guide .size-guide-row .divTable.minimalistBlack .divTableBody .divTableRow .divTableHead { border: 1px solid #111111; padding: 5px 4px; } .overlay-size-guide .size-guide-row table tr th, .overlay-size-guide .size-guide-row table tr td { text-align: center; } .overlay-size-guide .size-guide-row table.tg { width: 100%; font-family: "Open Sans", sans-serif; } .overlay-size-guide .size-guide-row table.tg tr th { border-top: none; border-left: none; border-right: none; border-bottom: 1px solid #111111; padding: 0; } .overlay-size-guide .size-guide-row table.tg tr td { border: none; padding: 0; } /*------------ /OVERLAY ------------*/ /*------------ INDEX ------------*/ body.template-index { padding-top: 0; } body.template-index svg { fill: #662d32; } body.template-index div.logo--center { overflow: hidden; position: absolute; display: block; top: 50vh; left: 50vw; width: 150px; transform: translate(-50%, -50%); } body.template-index div.logo--center img { width: 100%; } body.template-index .goToBoutique { background-color: #111111; background-image: url("//matchlesslondon.com/cdn/shop/files/pc_9a59e577-639d-4996-a2f2-62abac4cfa18_x1920.jpg?v=1741694988"); } body.template-index .goToLegacy { background-color: #662d32; background-image: url("//matchlesslondon.com/cdn/shop/files/legacy_17.08.2023_x1920.png?v=1692282389"); } body.template-index .goToBoutique, body.template-index .goToLegacy { height: 100vh; color: white; background-size: cover; background-repeat: no-repeat; background-position: center center; } body.template-index .goToBoutique a, body.template-index .goToLegacy a { display: block; width: 100%; height: 100%; position: relative; } body.template-index .goToBoutique a:link, body.template-index .goToBoutique a:visited, body.template-index .goToBoutique a:hover, body.template-index .goToBoutique a:active, body.template-index .goToLegacy a:link, body.template-index .goToLegacy a:visited, body.template-index .goToLegacy a:hover, body.template-index .goToLegacy a:active { color: white; text-decoration: none; cursor: pointer; } body.template-index .goToBoutique a span, body.template-index .goToLegacy a span { display: block; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; font-family: "GFS Didot", serif; font-size: 45px; text-transform: uppercase; letter-spacing: 2px; font-weight: 800; text-shadow: 4px 4px 2px #662d32; } /*------------ /INDEX ------------*/ /*------------ ALTERNATE INDEX ------------*/ .fulltemplate-index-legacy #fullpage .section .frame .text-box h2 a:link, .fulltemplate-index-legacy #fullpage .section .frame .text-box h2 a:visited, .fulltemplate-index-legacy #fullpage .section .frame .text-box h2 a:hover, .fulltemplate-index-legacy #fullpage .section .frame .text-box h2 a:active, .fulltemplate-page-legacy #fullpage .section .frame .text-box h2 a:link, .fulltemplate-page-legacy #fullpage .section .frame .text-box h2 a:visited, .fulltemplate-page-legacy #fullpage .section .frame .text-box h2 a:hover, .fulltemplate-page-legacy #fullpage .section .frame .text-box h2 a:active { color: #fff; } .fulltemplate-index-legacy #fullpage .section .frame .text-box h4 a:link, .fulltemplate-index-legacy #fullpage .section .frame .text-box h4 a:visited, .fulltemplate-index-legacy #fullpage .section .frame .text-box h4 a:hover, .fulltemplate-index-legacy #fullpage .section .frame .text-box h4 a:active, .fulltemplate-page-legacy #fullpage .section .frame .text-box h4 a:link, .fulltemplate-page-legacy #fullpage .section .frame .text-box h4 a:visited, .fulltemplate-page-legacy #fullpage .section .frame .text-box h4 a:hover, .fulltemplate-page-legacy #fullpage .section .frame .text-box h4 a:active { color: #fff; } .fulltemplate-index-legacy #fullpage .section .frame .text-box--left, .fulltemplate-index-legacy #fullpage .section .frame .text-box--right, .fulltemplate-page-legacy #fullpage .section .frame .text-box--left, .fulltemplate-page-legacy #fullpage .section .frame .text-box--right { color: #662d32; } .fulltemplate-index-legacy #fullpage .section .frame .text-box--left h2 a:link, .fulltemplate-index-legacy #fullpage .section .frame .text-box--left h2 a:visited, .fulltemplate-index-legacy #fullpage .section .frame .text-box--left h2 a:hover, .fulltemplate-index-legacy #fullpage .section .frame .text-box--left h2 a:active, .fulltemplate-index-legacy #fullpage .section .frame .text-box--right h2 a:link, .fulltemplate-index-legacy #fullpage .section .frame .text-box--right h2 a:visited, .fulltemplate-index-legacy #fullpage .section .frame .text-box--right h2 a:hover, .fulltemplate-index-legacy #fullpage .section .frame .text-box--right h2 a:active, .fulltemplate-page-legacy #fullpage .section .frame .text-box--left h2 a:link, .fulltemplate-page-legacy #fullpage .section .frame .text-box--left h2 a:visited, .fulltemplate-page-legacy #fullpage .section .frame .text-box--left h2 a:hover, .fulltemplate-page-legacy #fullpage .section .frame .text-box--left h2 a:active, .fulltemplate-page-legacy #fullpage .section .frame .text-box--right h2 a:link, .fulltemplate-page-legacy #fullpage .section .frame .text-box--right h2 a:visited, .fulltemplate-page-legacy #fullpage .section .frame .text-box--right h2 a:hover, .fulltemplate-page-legacy #fullpage .section .frame .text-box--right h2 a:active { color: #662d32; } .fulltemplate-index-legacy #fullpage .section .frame .text-box--left p a:link, .fulltemplate-index-legacy #fullpage .section .frame .text-box--left p a:visited, .fulltemplate-index-legacy #fullpage .section .frame .text-box--left p a:hover, .fulltemplate-index-legacy #fullpage .section .frame .text-box--left p a:active, .fulltemplate-index-legacy #fullpage .section .frame .text-box--right p a:link, .fulltemplate-index-legacy #fullpage .section .frame .text-box--right p a:visited, .fulltemplate-index-legacy #fullpage .section .frame .text-box--right p a:hover, .fulltemplate-index-legacy #fullpage .section .frame .text-box--right p a:active, .fulltemplate-page-legacy #fullpage .section .frame .text-box--left p a:link, .fulltemplate-page-legacy #fullpage .section .frame .text-box--left p a:visited, .fulltemplate-page-legacy #fullpage .section .frame .text-box--left p a:hover, .fulltemplate-page-legacy #fullpage .section .frame .text-box--left p a:active, .fulltemplate-page-legacy #fullpage .section .frame .text-box--right p a:link, .fulltemplate-page-legacy #fullpage .section .frame .text-box--right p a:visited, .fulltemplate-page-legacy #fullpage .section .frame .text-box--right p a:hover, .fulltemplate-page-legacy #fullpage .section .frame .text-box--right p a:active { color: #662d32; } .fulltemplate-index-legacy #fullpage .section .frame .text-box--left h4 a:link, .fulltemplate-index-legacy #fullpage .section .frame .text-box--left h4 a:visited, .fulltemplate-index-legacy #fullpage .section .frame .text-box--left h4 a:hover, .fulltemplate-index-legacy #fullpage .section .frame .text-box--left h4 a:active, .fulltemplate-index-legacy #fullpage .section .frame .text-box--right h4 a:link, .fulltemplate-index-legacy #fullpage .section .frame .text-box--right h4 a:visited, .fulltemplate-index-legacy #fullpage .section .frame .text-box--right h4 a:hover, .fulltemplate-index-legacy #fullpage .section .frame .text-box--right h4 a:active, .fulltemplate-page-legacy #fullpage .section .frame .text-box--left h4 a:link, .fulltemplate-page-legacy #fullpage .section .frame .text-box--left h4 a:visited, .fulltemplate-page-legacy #fullpage .section .frame .text-box--left h4 a:hover, .fulltemplate-page-legacy #fullpage .section .frame .text-box--left h4 a:active, .fulltemplate-page-legacy #fullpage .section .frame .text-box--right h4 a:link, .fulltemplate-page-legacy #fullpage .section .frame .text-box--right h4 a:visited, .fulltemplate-page-legacy #fullpage .section .frame .text-box--right h4 a:hover, .fulltemplate-page-legacy #fullpage .section .frame .text-box--right h4 a:active { color: #662d32; } .fulltemplate-index-boutique #fullpage .section .frame .text-box h2 a:link, .fulltemplate-index-boutique #fullpage .section .frame .text-box h2 a:visited, .fulltemplate-index-boutique #fullpage .section .frame .text-box h2 a:hover, .fulltemplate-index-boutique #fullpage .section .frame .text-box h2 a:active, .fulltemplate-page-boutique #fullpage .section .frame .text-box h2 a:link, .fulltemplate-page-boutique #fullpage .section .frame .text-box h2 a:visited, .fulltemplate-page-boutique #fullpage .section .frame .text-box h2 a:hover, .fulltemplate-page-boutique #fullpage .section .frame .text-box h2 a:active { color: #fff; } .fulltemplate-index-boutique #fullpage .section .frame .text-box h4 a:link, .fulltemplate-index-boutique #fullpage .section .frame .text-box h4 a:visited, .fulltemplate-index-boutique #fullpage .section .frame .text-box h4 a:hover, .fulltemplate-index-boutique #fullpage .section .frame .text-box h4 a:active, .fulltemplate-page-boutique #fullpage .section .frame .text-box h4 a:link, .fulltemplate-page-boutique #fullpage .section .frame .text-box h4 a:visited, .fulltemplate-page-boutique #fullpage .section .frame .text-box h4 a:hover, .fulltemplate-page-boutique #fullpage .section .frame .text-box h4 a:active { color: #fff; } .fulltemplate-index-boutique #fullpage .section .frame .text-box--left, .fulltemplate-index-boutique #fullpage .section .frame .text-box--right, .fulltemplate-page-boutique #fullpage .section .frame .text-box--left, .fulltemplate-page-boutique #fullpage .section .frame .text-box--right { color: #111111; } .fulltemplate-index-boutique #fullpage .section .frame .text-box--left h2 a:link, .fulltemplate-index-boutique #fullpage .section .frame .text-box--left h2 a:visited, .fulltemplate-index-boutique #fullpage .section .frame .text-box--left h2 a:hover, .fulltemplate-index-boutique #fullpage .section .frame .text-box--left h2 a:active, .fulltemplate-index-boutique #fullpage .section .frame .text-box--right h2 a:link, .fulltemplate-index-boutique #fullpage .section .frame .text-box--right h2 a:visited, .fulltemplate-index-boutique #fullpage .section .frame .text-box--right h2 a:hover, .fulltemplate-index-boutique #fullpage .section .frame .text-box--right h2 a:active, .fulltemplate-page-boutique #fullpage .section .frame .text-box--left h2 a:link, .fulltemplate-page-boutique #fullpage .section .frame .text-box--left h2 a:visited, .fulltemplate-page-boutique #fullpage .section .frame .text-box--left h2 a:hover, .fulltemplate-page-boutique #fullpage .section .frame .text-box--left h2 a:active, .fulltemplate-page-boutique #fullpage .section .frame .text-box--right h2 a:link, .fulltemplate-page-boutique #fullpage .section .frame .text-box--right h2 a:visited, .fulltemplate-page-boutique #fullpage .section .frame .text-box--right h2 a:hover, .fulltemplate-page-boutique #fullpage .section .frame .text-box--right h2 a:active { color: #111111; } .fulltemplate-index-boutique #fullpage .section .frame .text-box--left p a:link, .fulltemplate-index-boutique #fullpage .section .frame .text-box--left p a:visited, .fulltemplate-index-boutique #fullpage .section .frame .text-box--left p a:hover, .fulltemplate-index-boutique #fullpage .section .frame .text-box--left p a:active, .fulltemplate-index-boutique #fullpage .section .frame .text-box--right p a:link, .fulltemplate-index-boutique #fullpage .section .frame .text-box--right p a:visited, .fulltemplate-index-boutique #fullpage .section .frame .text-box--right p a:hover, .fulltemplate-index-boutique #fullpage .section .frame .text-box--right p a:active, .fulltemplate-page-boutique #fullpage .section .frame .text-box--left p a:link, .fulltemplate-page-boutique #fullpage .section .frame .text-box--left p a:visited, .fulltemplate-page-boutique #fullpage .section .frame .text-box--left p a:hover, .fulltemplate-page-boutique #fullpage .section .frame .text-box--left p a:active, .fulltemplate-page-boutique #fullpage .section .frame .text-box--right p a:link, .fulltemplate-page-boutique #fullpage .section .frame .text-box--right p a:visited, .fulltemplate-page-boutique #fullpage .section .frame .text-box--right p a:hover, .fulltemplate-page-boutique #fullpage .section .frame .text-box--right p a:active { color: #111111; } .fulltemplate-index-boutique #fullpage .section .frame .text-box--left h4 a:link, .fulltemplate-index-boutique #fullpage .section .frame .text-box--left h4 a:visited, .fulltemplate-index-boutique #fullpage .section .frame .text-box--left h4 a:hover, .fulltemplate-index-boutique #fullpage .section .frame .text-box--left h4 a:active, .fulltemplate-index-boutique #fullpage .section .frame .text-box--right h4 a:link, .fulltemplate-index-boutique #fullpage .section .frame .text-box--right h4 a:visited, .fulltemplate-index-boutique #fullpage .section .frame .text-box--right h4 a:hover, .fulltemplate-index-boutique #fullpage .section .frame .text-box--right h4 a:active, .fulltemplate-page-boutique #fullpage .section .frame .text-box--left h4 a:link, .fulltemplate-page-boutique #fullpage .section .frame .text-box--left h4 a:visited, .fulltemplate-page-boutique #fullpage .section .frame .text-box--left h4 a:hover, .fulltemplate-page-boutique #fullpage .section .frame .text-box--left h4 a:active, .fulltemplate-page-boutique #fullpage .section .frame .text-box--right h4 a:link, .fulltemplate-page-boutique #fullpage .section .frame .text-box--right h4 a:visited, .fulltemplate-page-boutique #fullpage .section .frame .text-box--right h4 a:hover, .fulltemplate-page-boutique #fullpage .section .frame .text-box--right h4 a:active { color: #111111; } .fulltemplate-index-legacy, .fulltemplate-index-boutique, .fulltemplate-page-legacy, .fulltemplate-page-boutique { /*.permalink--boutique{ display: none!important; }*/ } .fulltemplate-index-legacy #fullpage .section .frame, .fulltemplate-index-boutique #fullpage .section .frame, .fulltemplate-page-legacy #fullpage .section .frame, .fulltemplate-page-boutique #fullpage .section .frame { position: relative; height: 100vh; color: white; background-color: #111111; background-size: cover; background-repeat: no-repeat; background-position: center center; } .fulltemplate-index-legacy #fullpage .section .frame.half, .fulltemplate-index-boutique #fullpage .section .frame.half, .fulltemplate-page-legacy #fullpage .section .frame.half, .fulltemplate-page-boutique #fullpage .section .frame.half { -webkit-box-flex: 0 0 50%; -moz-box-flex: 0 0 50%; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; float: left; } .fulltemplate-index-legacy #fullpage .section .frame .arrowbox, .fulltemplate-index-boutique #fullpage .section .frame .arrowbox, .fulltemplate-page-legacy #fullpage .section .frame .arrowbox, .fulltemplate-page-boutique #fullpage .section .frame .arrowbox { position: absolute; bottom: 0; left: 50%; height: 50px; width: 50px; display: block; transform: translateX(-50%); font-size: 30px; text-align: center; color: #662d32; -webkit-animation: MoveUpDown 0.7s ease-in-out infinite; -ms-animation: MoveUpDown 0.7s ease-in-out infinite; -o-animation: MoveUpDown 0.7s ease-in-out infinite; animation: MoveUpDown 0.7s ease-in-out infinite; } .fulltemplate-index-legacy #fullpage .section .frame .text-box h2, .fulltemplate-index-boutique #fullpage .section .frame .text-box h2, .fulltemplate-page-legacy #fullpage .section .frame .text-box h2, .fulltemplate-page-boutique #fullpage .section .frame .text-box h2 { font-family: "GFS Didot", serif; font-size: 30px; font-weight: 800; text-transform: capitalize; letter-spacing: 6px; line-height: 25px; } .fulltemplate-index-legacy #fullpage .section .frame .text-box h2 a:link, .fulltemplate-index-legacy #fullpage .section .frame .text-box h2 a:visited, .fulltemplate-index-legacy #fullpage .section .frame .text-box h2 a:hover, .fulltemplate-index-legacy #fullpage .section .frame .text-box h2 a:active, .fulltemplate-index-boutique #fullpage .section .frame .text-box h2 a:link, .fulltemplate-index-boutique #fullpage .section .frame .text-box h2 a:visited, .fulltemplate-index-boutique #fullpage .section .frame .text-box h2 a:hover, .fulltemplate-index-boutique #fullpage .section .frame .text-box h2 a:active, .fulltemplate-page-legacy #fullpage .section .frame .text-box h2 a:link, .fulltemplate-page-legacy #fullpage .section .frame .text-box h2 a:visited, .fulltemplate-page-legacy #fullpage .section .frame .text-box h2 a:hover, .fulltemplate-page-legacy #fullpage .section .frame .text-box h2 a:active, .fulltemplate-page-boutique #fullpage .section .frame .text-box h2 a:link, .fulltemplate-page-boutique #fullpage .section .frame .text-box h2 a:visited, .fulltemplate-page-boutique #fullpage .section .frame .text-box h2 a:hover, .fulltemplate-page-boutique #fullpage .section .frame .text-box h2 a:active { padding-left: 10px; padding-right: 10px; text-decoration: none; cursor: pointer; } .fulltemplate-index-legacy #fullpage .section .frame .text-box h4, .fulltemplate-index-boutique #fullpage .section .frame .text-box h4, .fulltemplate-page-legacy #fullpage .section .frame .text-box h4, .fulltemplate-page-boutique #fullpage .section .frame .text-box h4 { font-family: "Open Sans", sans-serif; font-size: 22px; font-weight: 800; text-transform: uppercase; text-decoration: underline; text-decoration-color: #fff; letter-spacing: 2px; } .fulltemplate-index-legacy #fullpage .section .frame .text-box h4 a:link, .fulltemplate-index-legacy #fullpage .section .frame .text-box h4 a:visited, .fulltemplate-index-legacy #fullpage .section .frame .text-box h4 a:hover, .fulltemplate-index-legacy #fullpage .section .frame .text-box h4 a:active, .fulltemplate-index-boutique #fullpage .section .frame .text-box h4 a:link, .fulltemplate-index-boutique #fullpage .section .frame .text-box h4 a:visited, .fulltemplate-index-boutique #fullpage .section .frame .text-box h4 a:hover, .fulltemplate-index-boutique #fullpage .section .frame .text-box h4 a:active, .fulltemplate-page-legacy #fullpage .section .frame .text-box h4 a:link, .fulltemplate-page-legacy #fullpage .section .frame .text-box h4 a:visited, .fulltemplate-page-legacy #fullpage .section .frame .text-box h4 a:hover, .fulltemplate-page-legacy #fullpage .section .frame .text-box h4 a:active, .fulltemplate-page-boutique #fullpage .section .frame .text-box h4 a:link, .fulltemplate-page-boutique #fullpage .section .frame .text-box h4 a:visited, .fulltemplate-page-boutique #fullpage .section .frame .text-box h4 a:hover, .fulltemplate-page-boutique #fullpage .section .frame .text-box h4 a:active { padding-left: 10px; padding-right: 10px; cursor: pointer; } .fulltemplate-index-legacy #fullpage .section .frame .text-box--left, .fulltemplate-index-boutique #fullpage .section .frame .text-box--left, .fulltemplate-page-legacy #fullpage .section .frame .text-box--left, .fulltemplate-page-boutique #fullpage .section .frame .text-box--left { left: 25%; } .fulltemplate-index-legacy #fullpage .section .frame .text-box--right, .fulltemplate-index-boutique #fullpage .section .frame .text-box--right, .fulltemplate-page-legacy #fullpage .section .frame .text-box--right, .fulltemplate-page-boutique #fullpage .section .frame .text-box--right { left: 75%; } .fulltemplate-index-legacy #fullpage .section .frame .text-box--left, .fulltemplate-index-legacy #fullpage .section .frame .text-box--right, .fulltemplate-index-boutique #fullpage .section .frame .text-box--left, .fulltemplate-index-boutique #fullpage .section .frame .text-box--right, .fulltemplate-page-legacy #fullpage .section .frame .text-box--left, .fulltemplate-page-legacy #fullpage .section .frame .text-box--right, .fulltemplate-page-boutique #fullpage .section .frame .text-box--left, .fulltemplate-page-boutique #fullpage .section .frame .text-box--right { display: block; max-width: 200px; max-height: 300px; position: absolute; top: 50%; transform: translate(-50%, -50%); text-align: center; } .fulltemplate-index-legacy #fullpage .section .frame .text-box--left h2, .fulltemplate-index-legacy #fullpage .section .frame .text-box--right h2, .fulltemplate-index-boutique #fullpage .section .frame .text-box--left h2, .fulltemplate-index-boutique #fullpage .section .frame .text-box--right h2, .fulltemplate-page-legacy #fullpage .section .frame .text-box--left h2, .fulltemplate-page-legacy #fullpage .section .frame .text-box--right h2, .fulltemplate-page-boutique #fullpage .section .frame .text-box--left h2, .fulltemplate-page-boutique #fullpage .section .frame .text-box--right h2 { font-family: "GFS Didot", serif; font-size: 30px; font-weight: 800; text-transform: capitalize; letter-spacing: 6px; line-height: 25px; } .fulltemplate-index-legacy #fullpage .section .frame .text-box--left h2 a:link, .fulltemplate-index-legacy #fullpage .section .frame .text-box--left h2 a:visited, .fulltemplate-index-legacy #fullpage .section .frame .text-box--left h2 a:hover, .fulltemplate-index-legacy #fullpage .section .frame .text-box--left h2 a:active, .fulltemplate-index-legacy #fullpage .section .frame .text-box--right h2 a:link, .fulltemplate-index-legacy #fullpage .section .frame .text-box--right h2 a:visited, .fulltemplate-index-legacy #fullpage .section .frame .text-box--right h2 a:hover, .fulltemplate-index-legacy #fullpage .section .frame .text-box--right h2 a:active, .fulltemplate-index-boutique #fullpage .section .frame .text-box--left h2 a:link, .fulltemplate-index-boutique #fullpage .section .frame .text-box--left h2 a:visited, .fulltemplate-index-boutique #fullpage .section .frame .text-box--left h2 a:hover, .fulltemplate-index-boutique #fullpage .section .frame .text-box--left h2 a:active, .fulltemplate-index-boutique #fullpage .section .frame .text-box--right h2 a:link, .fulltemplate-index-boutique #fullpage .section .frame .text-box--right h2 a:visited, .fulltemplate-index-boutique #fullpage .section .frame .text-box--right h2 a:hover, .fulltemplate-index-boutique #fullpage .section .frame .text-box--right h2 a:active, .fulltemplate-page-legacy #fullpage .section .frame .text-box--left h2 a:link, .fulltemplate-page-legacy #fullpage .section .frame .text-box--left h2 a:visited, .fulltemplate-page-legacy #fullpage .section .frame .text-box--left h2 a:hover, .fulltemplate-page-legacy #fullpage .section .frame .text-box--left h2 a:active, .fulltemplate-page-legacy #fullpage .section .frame .text-box--right h2 a:link, .fulltemplate-page-legacy #fullpage .section .frame .text-box--right h2 a:visited, .fulltemplate-page-legacy #fullpage .section .frame .text-box--right h2 a:hover, .fulltemplate-page-legacy #fullpage .section .frame .text-box--right h2 a:active, .fulltemplate-page-boutique #fullpage .section .frame .text-box--left h2 a:link, .fulltemplate-page-boutique #fullpage .section .frame .text-box--left h2 a:visited, .fulltemplate-page-boutique #fullpage .section .frame .text-box--left h2 a:hover, .fulltemplate-page-boutique #fullpage .section .frame .text-box--left h2 a:active, .fulltemplate-page-boutique #fullpage .section .frame .text-box--right h2 a:link, .fulltemplate-page-boutique #fullpage .section .frame .text-box--right h2 a:visited, .fulltemplate-page-boutique #fullpage .section .frame .text-box--right h2 a:hover, .fulltemplate-page-boutique #fullpage .section .frame .text-box--right h2 a:active { padding-left: 10px; padding-right: 10px; text-decoration: none; cursor: pointer; } .fulltemplate-index-legacy #fullpage .section .frame .text-box--left p, .fulltemplate-index-legacy #fullpage .section .frame .text-box--right p, .fulltemplate-index-boutique #fullpage .section .frame .text-box--left p, .fulltemplate-index-boutique #fullpage .section .frame .text-box--right p, .fulltemplate-page-legacy #fullpage .section .frame .text-box--left p, .fulltemplate-page-legacy #fullpage .section .frame .text-box--right p, .fulltemplate-page-boutique #fullpage .section .frame .text-box--left p, .fulltemplate-page-boutique #fullpage .section .frame .text-box--right p { font-family: "GFS Didot", serif; font-size: 37px; font-weight: 800; text-transform: capitalize; letter-spacing: 6px; line-height: 22px; } .fulltemplate-index-legacy #fullpage .section .frame .text-box--left p a:link, .fulltemplate-index-legacy #fullpage .section .frame .text-box--left p a:visited, .fulltemplate-index-legacy #fullpage .section .frame .text-box--left p a:hover, .fulltemplate-index-legacy #fullpage .section .frame .text-box--left p a:active, .fulltemplate-index-legacy #fullpage .section .frame .text-box--right p a:link, .fulltemplate-index-legacy #fullpage .section .frame .text-box--right p a:visited, .fulltemplate-index-legacy #fullpage .section .frame .text-box--right p a:hover, .fulltemplate-index-legacy #fullpage .section .frame .text-box--right p a:active, .fulltemplate-index-boutique #fullpage .section .frame .text-box--left p a:link, .fulltemplate-index-boutique #fullpage .section .frame .text-box--left p a:visited, .fulltemplate-index-boutique #fullpage .section .frame .text-box--left p a:hover, .fulltemplate-index-boutique #fullpage .section .frame .text-box--left p a:active, .fulltemplate-index-boutique #fullpage .section .frame .text-box--right p a:link, .fulltemplate-index-boutique #fullpage .section .frame .text-box--right p a:visited, .fulltemplate-index-boutique #fullpage .section .frame .text-box--right p a:hover, .fulltemplate-index-boutique #fullpage .section .frame .text-box--right p a:active, .fulltemplate-page-legacy #fullpage .section .frame .text-box--left p a:link, .fulltemplate-page-legacy #fullpage .section .frame .text-box--left p a:visited, .fulltemplate-page-legacy #fullpage .section .frame .text-box--left p a:hover, .fulltemplate-page-legacy #fullpage .section .frame .text-box--left p a:active, .fulltemplate-page-legacy #fullpage .section .frame .text-box--right p a:link, .fulltemplate-page-legacy #fullpage .section .frame .text-box--right p a:visited, .fulltemplate-page-legacy #fullpage .section .frame .text-box--right p a:hover, .fulltemplate-page-legacy #fullpage .section .frame .text-box--right p a:active, .fulltemplate-page-boutique #fullpage .section .frame .text-box--left p a:link, .fulltemplate-page-boutique #fullpage .section .frame .text-box--left p a:visited, .fulltemplate-page-boutique #fullpage .section .frame .text-box--left p a:hover, .fulltemplate-page-boutique #fullpage .section .frame .text-box--left p a:active, .fulltemplate-page-boutique #fullpage .section .frame .text-box--right p a:link, .fulltemplate-page-boutique #fullpage .section .frame .text-box--right p a:visited, .fulltemplate-page-boutique #fullpage .section .frame .text-box--right p a:hover, .fulltemplate-page-boutique #fullpage .section .frame .text-box--right p a:active { padding-left: 10px; padding-right: 10px; text-decoration: none; cursor: pointer; } .fulltemplate-index-legacy #fullpage .section .frame .text-box--left h4, .fulltemplate-index-legacy #fullpage .section .frame .text-box--right h4, .fulltemplate-index-boutique #fullpage .section .frame .text-box--left h4, .fulltemplate-index-boutique #fullpage .section .frame .text-box--right h4, .fulltemplate-page-legacy #fullpage .section .frame .text-box--left h4, .fulltemplate-page-legacy #fullpage .section .frame .text-box--right h4, .fulltemplate-page-boutique #fullpage .section .frame .text-box--left h4, .fulltemplate-page-boutique #fullpage .section .frame .text-box--right h4 { font-family: "Open Sans", sans-serif; font-size: 22px; font-weight: 800; text-transform: uppercase; text-decoration: underline; letter-spacing: 2px; } .fulltemplate-index-legacy #fullpage .section .frame .text-box--left h4 a:link, .fulltemplate-index-legacy #fullpage .section .frame .text-box--left h4 a:visited, .fulltemplate-index-legacy #fullpage .section .frame .text-box--left h4 a:hover, .fulltemplate-index-legacy #fullpage .section .frame .text-box--left h4 a:active, .fulltemplate-index-legacy #fullpage .section .frame .text-box--right h4 a:link, .fulltemplate-index-legacy #fullpage .section .frame .text-box--right h4 a:visited, .fulltemplate-index-legacy #fullpage .section .frame .text-box--right h4 a:hover, .fulltemplate-index-legacy #fullpage .section .frame .text-box--right h4 a:active, .fulltemplate-index-boutique #fullpage .section .frame .text-box--left h4 a:link, .fulltemplate-index-boutique #fullpage .section .frame .text-box--left h4 a:visited, .fulltemplate-index-boutique #fullpage .section .frame .text-box--left h4 a:hover, .fulltemplate-index-boutique #fullpage .section .frame .text-box--left h4 a:active, .fulltemplate-index-boutique #fullpage .section .frame .text-box--right h4 a:link, .fulltemplate-index-boutique #fullpage .section .frame .text-box--right h4 a:visited, .fulltemplate-index-boutique #fullpage .section .frame .text-box--right h4 a:hover, .fulltemplate-index-boutique #fullpage .section .frame .text-box--right h4 a:active, .fulltemplate-page-legacy #fullpage .section .frame .text-box--left h4 a:link, .fulltemplate-page-legacy #fullpage .section .frame .text-box--left h4 a:visited, .fulltemplate-page-legacy #fullpage .section .frame .text-box--left h4 a:hover, .fulltemplate-page-legacy #fullpage .section .frame .text-box--left h4 a:active, .fulltemplate-page-legacy #fullpage .section .frame .text-box--right h4 a:link, .fulltemplate-page-legacy #fullpage .section .frame .text-box--right h4 a:visited, .fulltemplate-page-legacy #fullpage .section .frame .text-box--right h4 a:hover, .fulltemplate-page-legacy #fullpage .section .frame .text-box--right h4 a:active, .fulltemplate-page-boutique #fullpage .section .frame .text-box--left h4 a:link, .fulltemplate-page-boutique #fullpage .section .frame .text-box--left h4 a:visited, .fulltemplate-page-boutique #fullpage .section .frame .text-box--left h4 a:hover, .fulltemplate-page-boutique #fullpage .section .frame .text-box--left h4 a:active, .fulltemplate-page-boutique #fullpage .section .frame .text-box--right h4 a:link, .fulltemplate-page-boutique #fullpage .section .frame .text-box--right h4 a:visited, .fulltemplate-page-boutique #fullpage .section .frame .text-box--right h4 a:hover, .fulltemplate-page-boutique #fullpage .section .frame .text-box--right h4 a:active { padding-left: 10px; padding-right: 10px; cursor: pointer; } /*----- Messa online solo legacy ----*/ .fulltemplate-index-legacy #fullpage .section .text-box, .fulltemplate-page-legacy #fullpage .section .text-box { display: block; max-width: 500px; max-height: 300px; position: absolute; left: 50%; top: 50%; padding-top: 15px; padding-left: 10px; padding-right: 10px; background-color: rgba(73, 37, 36, 0.7); transform: translate(-50%, -50%); text-align: center; color: #662d32; } .fulltemplate-index-legacy #fullpage .section .text-box p, .fulltemplate-page-legacy #fullpage .section .text-box p { font-family: "GFS Didot", serif; font-size: 37px; font-weight: 800; text-transform: capitalize; letter-spacing: 6px; line-height: 28px; } .fulltemplate-index-legacy #fullpage .section .text-box p a:link, .fulltemplate-index-legacy #fullpage .section .text-box p a:visited, .fulltemplate-index-legacy #fullpage .section .text-box p a:hover, .fulltemplate-index-legacy #fullpage .section .text-box p a:active, .fulltemplate-page-legacy #fullpage .section .text-box p a:link, .fulltemplate-page-legacy #fullpage .section .text-box p a:visited, .fulltemplate-page-legacy #fullpage .section .text-box p a:hover, .fulltemplate-page-legacy #fullpage .section .text-box p a:active { padding-left: 10px; padding-right: 10px; color: #662d32; text-decoration: none; cursor: pointer; } .fulltemplate-index-boutique #fullpage .section .text-box, .fulltemplate-page-boutique #fullpage .section .text-box { display: block; max-height: 300px; position: absolute; left: 50%; top: 50%; padding-top: 15px; background-color: rgba(73, 37, 36, 0.7); transform: translate(-50%, -50%); text-align: center; color: #662d32; } .fulltemplate-index-boutique #fullpage .section .text-box p, .fulltemplate-page-boutique #fullpage .section .text-box p { font-family: "GFS Didot", serif; font-size: 20px; font-weight: 800; text-transform: capitalize; letter-spacing: 6px; line-height: 28px; padding-left: 10px; padding-right: 10px; } .fulltemplate-index-boutique #fullpage .section .text-box p a:link, .fulltemplate-index-boutique #fullpage .section .text-box p a:visited, .fulltemplate-index-boutique #fullpage .section .text-box p a:hover, .fulltemplate-index-boutique #fullpage .section .text-box p a:active, .fulltemplate-page-boutique #fullpage .section .text-box p a:link, .fulltemplate-page-boutique #fullpage .section .text-box p a:visited, .fulltemplate-page-boutique #fullpage .section .text-box p a:hover, .fulltemplate-page-boutique #fullpage .section .text-box p a:active { color: #111111; text-decoration: none; cursor: pointer; } @media (orientation: portrait) { body.template-index .goToBoutique, body.template-index .goToLegacy { background-position: center top !important; } #fullpage .section .frame.half { height: 50cssvh !important; max-width: 100% !important; -webkit-box-flex: 0 0 100% !important; -moz-box-flex: 0 0 100% !important; -webkit-flex: 0 0 100% !important; -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; float: none !important; } } /*------------ /ALTERNATE INDEX ------------*/ /*------------ BLOG ------------*/ .template-blog .header-spacer { height: 90px; } .template-blog .blog-title { text-align: center; } .template-blog .blog-title h2 { font-family: "Spectral", serif; font-weight: 300; font-size: 14px; color: #662d32; text-transform: none; padding: 30px 0 0 0; } .template-blog .blog-title h1 { font-family: "Spectral", serif; font-weight: 300; font-size: 22px; color: #111111; text-transform: none; padding: 0; } .template-blog .article-container { padding: 21px; } .template-blog .article-container.col-6.sx { padding-left: 0; } .template-blog .article-container.col-6.dx { padding-right: 0; } .template-blog .article-container.col-6 .article { height: 480px; } .template-blog .article-container.col-12 { padding-left: 0; padding-right: 0; } .template-blog .article-container.col-12 .article { height: 340px; } .template-blog .article { position: relative; overflow: hidden; background-position: center center; background-size: cover; background-repeat: no-repeat; background-color: rgba(17, 17, 17, 0.7); background-blend-mode: multiply; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .template-blog .article .texts { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: 50%; max-width: 50%; overflow: hidden; text-align: center; color: white; } .template-blog .article .texts h3 { font-family: "Spectral", serif; font-weight: 300; font-size: 14px; color: white; text-transform: none; padding: 0; } .template-blog .article .texts h2 { font-family: "Spectral", serif; font-weight: 300; font-size: 22px; color: white; text-transform: none; padding: 0; } .template-blog .article .obfuscator { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(17, 17, 17, 0.6); background-blend-mode: multiply; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .template-blog .article:hover { background-color: rgba(102, 45, 50, 0.95); } .template-blog .article:hover .obfuscator { background-color: rgba(102, 45, 50, 0.7); } @supports (-ms-ime-align: auto) { .template-blog .article { background-color: transparent !important; } .template-blog .article .obfuscator { display: block !important; } } /*------------ /BLOG ------------*/ /*------------ ARTICLE ------------*/ .template-article .header-spacer { height: 90px; } .template-article .article_container .image { height: 440px; min-height: 440px; max-height: 440px; background-repeat: no-repeat; background-position: center center; background-size: cover; } .template-article .article_container .image-nobackground { padding: 0 !important; } .template-article .article_container .image-nobackground img { width: 100%; } .template-article .article_container .buttonArea { position: absolute; width: 100%; bottom: 25%; left: 0; transform: translate(0, -50%); background: rgba(255, 255, 255, 0.1); display: block; padding: 10px; transition: all .4s; } .template-article .article_container .buttonArea:hover { background: rgba(255, 255, 255, 0.5); } .template-article .article_container .buttonArea .btn { color: white; background-color: #111111; border: none; border-radius: 0; padding: 5px 15px; font-family: "Open Sans", sans-serif; font-size: 10px; font-weight: 800; height: auto; position: relative; top: 0; left: 50%; transform: translate(-50%, 0); } .template-article .article_container .text { height: 195px; min-height: 195px; max-height: 195px; background-color: #f0f0f0; position: relative; } .template-article .article_container .text .texts { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; max-height: 100%; overflow: auto; text-align: center; } .template-article .article_container .text .texts h3 { font-family: "Spectral", serif; font-size: 12px; color: #545c31; font-weight: 300; text-transform: none; } .template-article .article_container .text .texts h2 { font-family: "Spectral", serif; font-size: 22px; color: #111111; font-weight: 300; text-transform: none; } .template-article .article_container .text .texts p { font-family: "Open Sans", sans-serif; font-size: 12px; font-weight: 300; color: #808080; } .template-article .article_container .text .texts h3 a, .template-article .article_container .text .texts h2 a, .template-article .article_container .text .texts p a { color: inherit; } .template-article .article_container .text .texts h3 a a:link, .template-article .article_container .text .texts h3 a a:visited, .template-article .article_container .text .texts h3 a a:hover, .template-article .article_container .text .texts h3 a a:active, .template-article .article_container .text .texts h2 a a:link, .template-article .article_container .text .texts h2 a a:visited, .template-article .article_container .text .texts h2 a a:hover, .template-article .article_container .text .texts h2 a a:active, .template-article .article_container .text .texts p a a:link, .template-article .article_container .text .texts p a a:visited, .template-article .article_container .text .texts p a a:hover, .template-article .article_container .text .texts p a a:active { color: inherit; text-decoration: none; } .template-article .article_container .text-h { /*height: 440px; min-height: 440px; max-height: 440px;*/ height: auto; min-height: none; max-height: none; background-color: white; } .relatedArticles { background-color: #f0f0f0; margin-top: 120px; } .relatedArticles .title { height: 92px; } .relatedArticles .title h2 { line-height: 92px; margin: 0; padding: 0; font-family: "Spectral", serif; font-size: 20px; font-weight: 300; text-align: center; color: #333333; text-transform: none; } .relatedArticles .freccia { flex-basis: 40px; flex-grow: 0; } .relatedArticles .freccia svg { width: 20px; height: 40px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .relatedArticles .articles { height: 219px; overflow: hidden; flex-wrap: nowrap; } .relatedArticles .articles .col { flex-basis: 25%; flex-grow: 0; flex-shrink: 0; -webkit-transition: margin-left 0.3s; -ms-transition: margin-left 0.3s; -o-transition: margin-left 0.3s; transition: margin-left 0.3s; } .relatedArticles .articles .col a { display: block; } .relatedArticles .articles .col a .article { display: inline-block; height: 195px; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; overflow: hidden; background-color: rgba(17, 17, 17, 0.7); background-blend-mode: multiply; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .relatedArticles .articles .col a .article:hover { background-color: rgba(102, 45, 50, 0.95); } .relatedArticles .articles .col a .article:hover .obfuscator { background-color: rgba(102, 45, 50, 0.95); } .relatedArticles .articles .col a .article .obfuscator { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(17, 17, 17, 0.7); background-blend-mode: multiply; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; } .relatedArticles .articles .col a h3 { text-align: center; font-family: "Spectral", serif; font-size: 10px; font-weight: 300; color: #545C31; text-transform: none; } .relatedArticles .spacer { height: 50px; } @supports (-ms-ime-align: auto) { .relatedArticles .article { background-color: transparent !important; } .relatedArticles .article .obfuscator { display: block !important; } } /*------------ /ARTICLE ------------*/ /*------------ PAGE ------------*/ .fulltemplate-page { padding-top: 90px; } .fulltemplate-page .grid h1, .fulltemplate-page .rte { padding-left: 15px; padding-right: 15px; } /*------------ /PAGE ------------*/ /*------------ STORE LOCATOR ------------*/ .fulltemplate-page-store-locator.legacy #bold_search_bar { background-color: #662d32; } .fulltemplate-page-store-locator.legacy #bold_search_bar button { color: #662d32; } .fulltemplate-page-store-locator.boutique #bold_search_bar { background-color: #111111; } .fulltemplate-page-store-locator.boutique #bold_search_bar button { color: #111111; } .fulltemplate-page-store-locator #locator-container { font-family: 'Open Sans', sans-serif; min-height: calc(100vh - 222px ); margin: 90px -15px 0 -15px; } .fulltemplate-page-store-locator #locator-container #bold_header { display: none; } .fulltemplate-page-store-locator #locator-container #bold_search_bar { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; } .fulltemplate-page-store-locator #locator-container #bold_search_bar .main_search_bar { -webkit-box-flex: 0 0 70%; -moz-box-flex: 0 0 70%; -webkit-flex: 0 0 70%; -ms-flex: 0 0 70%; flex: 0 0 70%; } .fulltemplate-page-store-locator #locator-container #bold_search_bar .main_search_bar .main_search_label { display: none; } .fulltemplate-page-store-locator #locator-container #bold_search_bar .main_search_bar input { border-radius: 0; margin: 0 auto; width: 100%; border: 0px; border: 1px solid white; box-sizing: border-box; color: white; background-color: rgba(255, 255, 255, 0.1); box-shadow: none; } .fulltemplate-page-store-locator #locator-container #bold_search_bar .search_within_distance { display: none; text-align: center; } .fulltemplate-page-store-locator #locator-container #bold_search_bar .search_within_distance span { display: inline; color: white; } .fulltemplate-page-store-locator #locator-container #bold_search_bar .search_within_distance select { display: inline; } .fulltemplate-page-store-locator #locator-container #bold_search_bar .search_limit { display: none; text-align: center; } .fulltemplate-page-store-locator #locator-container #bold_search_bar .search_limit span { display: inline; color: white; } .fulltemplate-page-store-locator #locator-container #bold_search_bar .search_limit select { display: inline; } .fulltemplate-page-store-locator #locator-container #bold_search_bar button { -webkit-box-flex: 0 0 25%; -moz-box-flex: 0 0 25%; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; background: none; background-color: white; border: none; border-radius: 0; font-family: "Open Sans",sans-serif; height: auto; } .fulltemplate-page-store-locator #locator-container #bold_search_bar .search_filters { -webkit-box-flex: 0 0 100%; -moz-box-flex: 0 0 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; color: white; } .fulltemplate-page-store-locator #locator-container #bold_search_bar .search_filters input { color: white; margin-right: 10px; margin-top: -2px; } .fulltemplate-page-store-locator #locator-container #store_map { height: 500px; } .fulltemplate-page-store-locator #locator-container #bold_store_list, .fulltemplate-page-store-locator #locator-container #directions_text { height: 500px !important; overflow: auto; padding-left: 10px; } .fulltemplate-page-store-locator #locator-container #bold_store_list #directions_steps, .fulltemplate-page-store-locator #locator-container #directions_text #directions_steps { height: 100%; overflow-y: visible !important; } /*------------ /STORE LOCATOR ------------*/ /*------------ PAGE PDF ------------*/ .fulltemplate-page-pdf .pdfViewer { margin-top: 90px; height: calc(100vh - 100px ); margin-bottom: 10px; } .fulltemplate-page-pdf .pdfViewer .row { height: 100%; width: 100%; } .fulltemplate-page-pdf .pdfViewer .row object { width: 100%; height: 100%; } .fulltemplate-page-pdf .pdfViewer .row object iframe { border: none; } /*------------ /PAGE PDF ------------*/ /*------------ PAGE SERVICES ------------*/ .fulltemplate-page-services { padding-top: 90px; } .fulltemplate-page-services h1 { margin-top: 30px; text-align: center; color: #111111; font-family: "Spectral", serif; } .fulltemplate-page-services h2 { text-align: center; color: #111111; font-family: "Open Sans", sans-serif; } .fulltemplate-page-services p { text-align: center; font-family: "Open Sans", sans-serif; } /*------------ /PAGE SERVICES ------------*/ /*------------ PAGE FAQ ------------*/ .fulltemplate-page-help { padding-top: 90px; } .fulltemplate-page-help h1 { margin-top: 30px; text-align: center; color: #111111; font-family: "Spectral", serif; font-size: 30px; } .fulltemplate-page-help .infoContainer { position: relative; max-width: 750px; margin: 0 auto 20px; } .fulltemplate-page-help .infoContainer h2 { text-align: center; color: #111111; font-family: "Open Sans", sans-serif; font-size: 22px; margin: 25px auto 10px; font-weight: 400; } .fulltemplate-page-help .infoContainer a.allInfoOpen, .fulltemplate-page-help .infoContainer a.allInfoClose { position: absolute; top: 0; right: 0; cursor: pointer; color: rgba(17, 17, 17, 0.6); font-weight: 600; } .fulltemplate-page-help .infoContainer a.allInfoOpen.invisible, .fulltemplate-page-help .infoContainer a.allInfoClose.invisible { display: none; } .fulltemplate-page-help .infoContainer a.allInfoOpen a:link, .fulltemplate-page-help .infoContainer a.allInfoOpen a:visited, .fulltemplate-page-help .infoContainer a.allInfoOpen a:hover, .fulltemplate-page-help .infoContainer a.allInfoOpen a:active, .fulltemplate-page-help .infoContainer a.allInfoClose a:link, .fulltemplate-page-help .infoContainer a.allInfoClose a:visited, .fulltemplate-page-help .infoContainer a.allInfoClose a:hover, .fulltemplate-page-help .infoContainer a.allInfoClose a:active { color: rgba(17, 17, 17, 0.6); text-decoration: none; } .fulltemplate-page-help .infoContainer .info { position: relative; } .fulltemplate-page-help .infoContainer .info a.infoOpen, .fulltemplate-page-help .infoContainer .info a.infoClose { position: absolute; top: 0; right: 0; cursor: pointer; color: rgba(17, 17, 17, 0.6); } .fulltemplate-page-help .infoContainer .info a.infoOpen.invisible, .fulltemplate-page-help .infoContainer .info a.infoClose.invisible { display: none; } .fulltemplate-page-help .infoContainer .info a.infoOpen:link, .fulltemplate-page-help .infoContainer .info a.infoOpen:visited, .fulltemplate-page-help .infoContainer .info a.infoOpen:hover, .fulltemplate-page-help .infoContainer .info a.infoOpen:active, .fulltemplate-page-help .infoContainer .info a.infoClose:link, .fulltemplate-page-help .infoContainer .info a.infoClose:visited, .fulltemplate-page-help .infoContainer .info a.infoClose:hover, .fulltemplate-page-help .infoContainer .info a.infoClose:active { color: rgba(17, 17, 17, 0.6); text-decoration: none; } .fulltemplate-page-help .infoContainer .info .infoText { overflow: hidden; -webkit-transition: max-height 0.6s; -ms-transition: max-height 0.6s; -o-transition: max-height 0.6s; transition: max-height 0.6s; } .fulltemplate-page-help .infoContainer .info .infoText.closed { max-height: 0px; } .fulltemplate-page-help h3 { color: #111111; font-family: "Open Sans", sans-serif; cursor: pointer; } .fulltemplate-page-help p { font-family: "Open Sans", sans-serif; text-align: justify; } .fulltemplate-page-help hr { margin: 13px 0; } /*------------ /PAGE SERVICES ------------*/ /*------------ PAGE RETURNS ------------*/ .fulltemplate-page-returns { padding-top: 90px; } .fulltemplate-page-returns iframe { min-height: calc(100vh - 269px ); } /*------------ /PAGE RETURNS ------------*/ /*------------ PRODUCT ------------*/ .fulltemplate-product { padding-top: 90px; } .fulltemplate-product .breadcrumb { margin-top: 0; padding: 0 1rem; } .fulltemplate-product #ProductSection > .grid { max-width: 1600px; margin: 0 auto; } .fulltemplate-product #ProductSection > .grid h1 { font-family: "Spectral", serif; color: #111111; font-size: 28px; } .fulltemplate-product #ProductSection > .grid #productPrice-product-template { font-family: "Open Sans", sans-serif; } .fulltemplate-product #ProductSection > .grid #comparePrice-product-template { font-family: "Open Sans", sans-serif; color: #111111; border-color: #111111; } .fulltemplate-product #ProductSection > .grid .selector-wrapper label { font-family: "Open Sans", sans-serif; } .fulltemplate-product #ProductSection > .grid .selector-wrapper select option { font-family: "Open Sans", sans-serif; } .fulltemplate-product #ProductSection > .grid .payment-buttons button { background-color: #111111; } .fulltemplate-product #ProductSection > .grid .payment-buttons .addToCartText-product-template { font-family: "Open Sans", sans-serif; } .fulltemplate-product #ProductSection > .grid .product-description { font-family: "Open Sans", sans-serif; } .fulltemplate-product #ProductSection > .grid .product-photo-thumbs { display: flex; } .fulltemplate-product #ProductSection > .grid .product-photo-thumbs li { flex: 1 1 100%; } .fulltemplate-product #pre-order { width: 198px; padding: 0px; margin: 10px auto 10px auto; height: 25px; font-size: 12px; display: block; min-height: unset; border: 1px solid white; background-color: #662d32; } .fulltemplate-product .tooltipster-base { background-color: #111111; border-color: #111111; } /*------------ /PRODUCT ------------*/ /*------------ CART ------------*/ .fulltemplate-cart { padding-top: 90px; } .fulltemplate-cart .cart-form { max-width: 1000px; margin: 0 auto 30px auto; } .fulltemplate-cart .cart-form h1 { font-size: 30px; text-align: center; color: #111111; font-family: "Spectral", serif; margin-top: 30px; } .fulltemplate-cart .cart-form .item-name { font-family: "Open Sans", sans-serif; color: #111111; font-size: 18px; } .fulltemplate-cart .cart-form .item-variant { font-family: "Open Sans", sans-serif; } .fulltemplate-cart .cart-form .item-price { font-family: "Open Sans", sans-serif; font-size: 18px; } .fulltemplate-cart .cart-form .item-price small { font-size: 100%; color: #111111; } .fulltemplate-cart .cart-subtotal { color: #111111; } .fulltemplate-cart .cart-subtotal__note { color: #111111; font-weight: 300; } .fulltemplate-cart .cart-subtotal__note em { font-style: normal; } .fulltemplate-cart button[name=checkout] { float: right; width: 150px; height: 44px; } .fulltemplate-cart .additional-checkout-buttons { float: right; margin-right: 15px; } .fulltemplate-cart .contenitore { box-sizing: border-box; width: 100%; min-height: calc(100vh - 445px); } .fulltemplate-cart .contenitore #EmptyCart { box-sizing: border-box; width: 100%; max-width: 500px; margin: 20px auto; text-align: center; border: 1px solid #111; border-width: 1px 0; padding: 30px; } .fulltemplate-cart .contenitore #EmptyCart h1 { font-size: 30px; text-align: center; color: #111111; font-family: "Spectral", serif; } .fulltemplate-cart .contenitore #EmptyCart p { font-family: "Open Sans", sans-serif; color: #111111; font-size: 18px; } /*------------ /CART ------------*/ /*------------ ACCOUNT ------------*/ .fulltemplate-customers-account, .fulltemplate-customers-order, .fulltemplate-customers-addresses { padding-top: 90px; } .fulltemplate-customers-account > .grid, .fulltemplate-customers-order > .grid, .fulltemplate-customers-addresses > .grid { box-sizing: border-box; padding-top: 50px; min-height: calc(100vh - 264px); max-width: 1000px; margin: 0 auto; } .fulltemplate-customers-account > .grid .centrato, .fulltemplate-customers-order > .grid .centrato, .fulltemplate-customers-addresses > .grid .centrato { text-align: center; } .fulltemplate-customers-account > .grid h1, .fulltemplate-customers-order > .grid h1, .fulltemplate-customers-addresses > .grid h1 { font-size: 30px; text-align: center; color: #111111; font-family: "Spectral", serif; } .fulltemplate-customers-account > .grid h2, .fulltemplate-customers-order > .grid h2, .fulltemplate-customers-addresses > .grid h2 { color: #111111; font-family: "Spectral", serif; } .fulltemplate-customers-account > .grid h3, .fulltemplate-customers-order > .grid h3, .fulltemplate-customers-addresses > .grid h3 { font-family: "Open Sans", sans-serif; color: #111111; } .fulltemplate-customers-account > .grid h4, .fulltemplate-customers-order > .grid h4, .fulltemplate-customers-addresses > .grid h4 { color: #111111; font-family: "Spectral", serif; } .fulltemplate-customers-account > .grid p, .fulltemplate-customers-order > .grid p, .fulltemplate-customers-addresses > .grid p { font-family: "Open Sans", sans-serif; color: #111111; } .fulltemplate-customers-account > .grid a, .fulltemplate-customers-order > .grid a, .fulltemplate-customers-addresses > .grid a { font-family: "Open Sans", sans-serif; color: #111111; text-decoration: underline; } .fulltemplate-customers-account > .grid a:link, .fulltemplate-customers-account > .grid a:visited, .fulltemplate-customers-account > .grid a:hover, .fulltemplate-customers-account > .grid a:active, .fulltemplate-customers-order > .grid a:link, .fulltemplate-customers-order > .grid a:visited, .fulltemplate-customers-order > .grid a:hover, .fulltemplate-customers-order > .grid a:active, .fulltemplate-customers-addresses > .grid a:link, .fulltemplate-customers-addresses > .grid a:visited, .fulltemplate-customers-addresses > .grid a:hover, .fulltemplate-customers-addresses > .grid a:active { color: #111111; text-decoration: underline; } .fulltemplate-customers-account > .grid label, .fulltemplate-customers-order > .grid label, .fulltemplate-customers-addresses > .grid label { font-family: "Open Sans", sans-serif; color: #111111; } .fulltemplate-customers-account > .grid input[type="email"], .fulltemplate-customers-account > .grid input[type="password"], .fulltemplate-customers-account > .grid input[type="text"], .fulltemplate-customers-account > .grid input[type="tel"], .fulltemplate-customers-account > .grid select, .fulltemplate-customers-order > .grid input[type="email"], .fulltemplate-customers-order > .grid input[type="password"], .fulltemplate-customers-order > .grid input[type="text"], .fulltemplate-customers-order > .grid input[type="tel"], .fulltemplate-customers-order > .grid select, .fulltemplate-customers-addresses > .grid input[type="email"], .fulltemplate-customers-addresses > .grid input[type="password"], .fulltemplate-customers-addresses > .grid input[type="text"], .fulltemplate-customers-addresses > .grid input[type="tel"], .fulltemplate-customers-addresses > .grid select { border: 1px solid #111111; font-family: "Open Sans", sans-serif; background-color: white; color: #111111; } .fulltemplate-customers-account > .grid input[type="email"]::-webkit-input-placeholder, .fulltemplate-customers-account > .grid input[type="password"]::-webkit-input-placeholder, .fulltemplate-customers-account > .grid input[type="text"]::-webkit-input-placeholder, .fulltemplate-customers-account > .grid input[type="tel"]::-webkit-input-placeholder, .fulltemplate-customers-account > .grid select::-webkit-input-placeholder, .fulltemplate-customers-order > .grid input[type="email"]::-webkit-input-placeholder, .fulltemplate-customers-order > .grid input[type="password"]::-webkit-input-placeholder, .fulltemplate-customers-order > .grid input[type="text"]::-webkit-input-placeholder, .fulltemplate-customers-order > .grid input[type="tel"]::-webkit-input-placeholder, .fulltemplate-customers-order > .grid select::-webkit-input-placeholder, .fulltemplate-customers-addresses > .grid input[type="email"]::-webkit-input-placeholder, .fulltemplate-customers-addresses > .grid input[type="password"]::-webkit-input-placeholder, .fulltemplate-customers-addresses > .grid input[type="text"]::-webkit-input-placeholder, .fulltemplate-customers-addresses > .grid input[type="tel"]::-webkit-input-placeholder, .fulltemplate-customers-addresses > .grid select::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: rgba(17, 17, 17, 0.5); } .fulltemplate-customers-account > .grid input[type="email"]::-moz-placeholder, .fulltemplate-customers-account > .grid input[type="password"]::-moz-placeholder, .fulltemplate-customers-account > .grid input[type="text"]::-moz-placeholder, .fulltemplate-customers-account > .grid input[type="tel"]::-moz-placeholder, .fulltemplate-customers-account > .grid select::-moz-placeholder, .fulltemplate-customers-order > .grid input[type="email"]::-moz-placeholder, .fulltemplate-customers-order > .grid input[type="password"]::-moz-placeholder, .fulltemplate-customers-order > .grid input[type="text"]::-moz-placeholder, .fulltemplate-customers-order > .grid input[type="tel"]::-moz-placeholder, .fulltemplate-customers-order > .grid select::-moz-placeholder, .fulltemplate-customers-addresses > .grid input[type="email"]::-moz-placeholder, .fulltemplate-customers-addresses > .grid input[type="password"]::-moz-placeholder, .fulltemplate-customers-addresses > .grid input[type="text"]::-moz-placeholder, .fulltemplate-customers-addresses > .grid input[type="tel"]::-moz-placeholder, .fulltemplate-customers-addresses > .grid select::-moz-placeholder { /* Firefox 19+ */ color: rgba(17, 17, 17, 0.5); } .fulltemplate-customers-account > .grid input[type="email"]:-ms-input-placeholder, .fulltemplate-customers-account > .grid input[type="password"]:-ms-input-placeholder, .fulltemplate-customers-account > .grid input[type="text"]:-ms-input-placeholder, .fulltemplate-customers-account > .grid input[type="tel"]:-ms-input-placeholder, .fulltemplate-customers-account > .grid select:-ms-input-placeholder, .fulltemplate-customers-order > .grid input[type="email"]:-ms-input-placeholder, .fulltemplate-customers-order > .grid input[type="password"]:-ms-input-placeholder, .fulltemplate-customers-order > .grid input[type="text"]:-ms-input-placeholder, .fulltemplate-customers-order > .grid input[type="tel"]:-ms-input-placeholder, .fulltemplate-customers-order > .grid select:-ms-input-placeholder, .fulltemplate-customers-addresses > .grid input[type="email"]:-ms-input-placeholder, .fulltemplate-customers-addresses > .grid input[type="password"]:-ms-input-placeholder, .fulltemplate-customers-addresses > .grid input[type="text"]:-ms-input-placeholder, .fulltemplate-customers-addresses > .grid input[type="tel"]:-ms-input-placeholder, .fulltemplate-customers-addresses > .grid select:-ms-input-placeholder { /* IE 10+ */ color: rgba(17, 17, 17, 0.5); } .fulltemplate-customers-account > .grid input[type="email"]:-moz-placeholder, .fulltemplate-customers-account > .grid input[type="password"]:-moz-placeholder, .fulltemplate-customers-account > .grid input[type="text"]:-moz-placeholder, .fulltemplate-customers-account > .grid input[type="tel"]:-moz-placeholder, .fulltemplate-customers-account > .grid select:-moz-placeholder, .fulltemplate-customers-order > .grid input[type="email"]:-moz-placeholder, .fulltemplate-customers-order > .grid input[type="password"]:-moz-placeholder, .fulltemplate-customers-order > .grid input[type="text"]:-moz-placeholder, .fulltemplate-customers-order > .grid input[type="tel"]:-moz-placeholder, .fulltemplate-customers-order > .grid select:-moz-placeholder, .fulltemplate-customers-addresses > .grid input[type="email"]:-moz-placeholder, .fulltemplate-customers-addresses > .grid input[type="password"]:-moz-placeholder, .fulltemplate-customers-addresses > .grid input[type="text"]:-moz-placeholder, .fulltemplate-customers-addresses > .grid input[type="tel"]:-moz-placeholder, .fulltemplate-customers-addresses > .grid select:-moz-placeholder { /* Firefox 18- */ color: rgba(17, 17, 17, 0.5); } .fulltemplate-customers-account > .grid button, .fulltemplate-customers-account > .grid a.btn, .fulltemplate-customers-account > .grid input[type="submit"], .fulltemplate-customers-order > .grid button, .fulltemplate-customers-order > .grid a.btn, .fulltemplate-customers-order > .grid input[type="submit"], .fulltemplate-customers-addresses > .grid button, .fulltemplate-customers-addresses > .grid a.btn, .fulltemplate-customers-addresses > .grid input[type="submit"] { color: white; background-color: #111111; border: none; height: 40px; line-height: 40px; text-decoration: none; padding: 0 15px; } /*- LOGIN, PASSWORD & REGISTER -*/ .fulltemplate-customers-login, .fulltemplate-customers-register { padding-top: 90px; } .fulltemplate-customers-login .grid, .fulltemplate-customers-register .grid { box-sizing: border-box; padding-top: 50px; min-height: calc(100vh - 299px); } .fulltemplate-customers-login .grid h1, .fulltemplate-customers-register .grid h1 { font-size: 30px; text-align: center; color: #111111; font-family: "Spectral", serif; } .fulltemplate-customers-login .grid h2, .fulltemplate-customers-register .grid h2 { font-family: "Spectral", serif; font-size: 30px; text-align: center; color: #111111; } .fulltemplate-customers-login .grid p, .fulltemplate-customers-register .grid p { font-family: "Open Sans", sans-serif; } .fulltemplate-customers-login .grid .form-error, .fulltemplate-customers-login .grid .error, .fulltemplate-customers-register .grid .form-error, .fulltemplate-customers-register .grid .error { color: #662d32; border-color: #662d32; font-weight: 600; } .fulltemplate-customers-login .grid input[type="email"], .fulltemplate-customers-login .grid input[type="password"], .fulltemplate-customers-login .grid input[type="text"], .fulltemplate-customers-register .grid input[type="email"], .fulltemplate-customers-register .grid input[type="password"], .fulltemplate-customers-register .grid input[type="text"] { border: 1px solid #111111; font-family: "Open Sans", sans-serif; background-color: white; color: #111111; } .fulltemplate-customers-login .grid input[type="email"]::-webkit-input-placeholder, .fulltemplate-customers-login .grid input[type="password"]::-webkit-input-placeholder, .fulltemplate-customers-login .grid input[type="text"]::-webkit-input-placeholder, .fulltemplate-customers-register .grid input[type="email"]::-webkit-input-placeholder, .fulltemplate-customers-register .grid input[type="password"]::-webkit-input-placeholder, .fulltemplate-customers-register .grid input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: rgba(17, 17, 17, 0.5); } .fulltemplate-customers-login .grid input[type="email"]::-moz-placeholder, .fulltemplate-customers-login .grid input[type="password"]::-moz-placeholder, .fulltemplate-customers-login .grid input[type="text"]::-moz-placeholder, .fulltemplate-customers-register .grid input[type="email"]::-moz-placeholder, .fulltemplate-customers-register .grid input[type="password"]::-moz-placeholder, .fulltemplate-customers-register .grid input[type="text"]::-moz-placeholder { /* Firefox 19+ */ color: rgba(17, 17, 17, 0.5); } .fulltemplate-customers-login .grid input[type="email"]:-ms-input-placeholder, .fulltemplate-customers-login .grid input[type="password"]:-ms-input-placeholder, .fulltemplate-customers-login .grid input[type="text"]:-ms-input-placeholder, .fulltemplate-customers-register .grid input[type="email"]:-ms-input-placeholder, .fulltemplate-customers-register .grid input[type="password"]:-ms-input-placeholder, .fulltemplate-customers-register .grid input[type="text"]:-ms-input-placeholder { /* IE 10+ */ color: rgba(17, 17, 17, 0.5); } .fulltemplate-customers-login .grid input[type="email"]:-moz-placeholder, .fulltemplate-customers-login .grid input[type="password"]:-moz-placeholder, .fulltemplate-customers-login .grid input[type="text"]:-moz-placeholder, .fulltemplate-customers-register .grid input[type="email"]:-moz-placeholder, .fulltemplate-customers-register .grid input[type="password"]:-moz-placeholder, .fulltemplate-customers-register .grid input[type="text"]:-moz-placeholder { /* Firefox 18- */ color: rgba(17, 17, 17, 0.5); } .fulltemplate-customers-login .grid a, .fulltemplate-customers-register .grid a { color: #111111; } .fulltemplate-customers-login .grid a:link, .fulltemplate-customers-login .grid a:visited, .fulltemplate-customers-login .grid a:hover, .fulltemplate-customers-login .grid a:active, .fulltemplate-customers-register .grid a:link, .fulltemplate-customers-register .grid a:visited, .fulltemplate-customers-register .grid a:hover, .fulltemplate-customers-register .grid a:active { color: #111111; text-decoration: none; } .fulltemplate-customers-login .grid button, .fulltemplate-customers-login .grid input[type="submit"], .fulltemplate-customers-register .grid button, .fulltemplate-customers-register .grid input[type="submit"] { color: white; background-color: #111111; border: none; } .fulltemplate-customers-login .grid .gdpr-info, .fulltemplate-customers-register .grid .gdpr-info { text-align: left; } .fulltemplate-customers-login .grid .gdpr-info a, .fulltemplate-customers-register .grid .gdpr-info a { text-decoration: underline; } .fulltemplate-customers-login .grid label.checkbox, .fulltemplate-customers-register .grid label.checkbox { text-align: left; display: flex; align-items: flex-start; } .fulltemplate-customers-login .grid label.checkbox input, .fulltemplate-customers-register .grid label.checkbox input { margin-right: 4px; position: relative; top: 4px; } /*- LOGIN, PASSWORD & REGISTER -*/ /*------------ /ACCOUNT ------------*/ /*------------ COLLECTION ------------*/ .fulltemplate-collection, .fulltemplate-collection-backup { padding-top: 90px; } .fulltemplate-collection .breadcrumb-row .breadcrumb, .fulltemplate-collection-backup .breadcrumb-row .breadcrumb { margin-top: 0; margin-bottom: 0; padding: 0; background-color: transparent; } .fulltemplate-collection .breadcrumb-row .col-6, .fulltemplate-collection-backup .breadcrumb-row .col-6 { text-align: right; } .fulltemplate-collection .breadcrumb-row .col-6 .link-size-guide, .fulltemplate-collection-backup .breadcrumb-row .col-6 .link-size-guide { height: 52px; line-height: 52px; cursor: pointer; } .fulltemplate-collection #CollectionSection .sidebar h2, .fulltemplate-collection-backup #CollectionSection .sidebar h2 { font-family: "Open Sans", sans-serif; color: #111111; } .fulltemplate-collection #CollectionSection .sidebar .advanced-filters .advanced-filter a, .fulltemplate-collection-backup #CollectionSection .sidebar .advanced-filters .advanced-filter a { font-family: "Open Sans", sans-serif; color: #111111; } .fulltemplate-collection #CollectionSection .sidebar .advanced-filters.sizeFilters .advanced-filter a, .fulltemplate-collection-backup #CollectionSection .sidebar .advanced-filters.sizeFilters .advanced-filter a { text-transform: uppercase; } .fulltemplate-collection #CollectionSection .section-header h1, .fulltemplate-collection-backup #CollectionSection .section-header h1 { font-family: "Spectral", serif; color: #111111; font-size: 28px; text-align: center; } .fulltemplate-collection #CollectionSection .section-header .rte--header, .fulltemplate-collection-backup #CollectionSection .section-header .rte--header { font-family: "Open Sans", sans-serif; color: #111111; text-align: center; } .fulltemplate-collection #CollectionSection .section-header .section-header--right label, .fulltemplate-collection-backup #CollectionSection .section-header .section-header--right label { font-family: "Open Sans", sans-serif; color: #111111; } .fulltemplate-collection #CollectionSection .section-header .section-header--right select options, .fulltemplate-collection-backup #CollectionSection .section-header .section-header--right select options { font-family: "Open Sans", sans-serif; color: #111111; } .fulltemplate-collection #CollectionSection .collection-view, .fulltemplate-collection-backup #CollectionSection .collection-view { display: none; } .fulltemplate-collection #CollectionSection .product-grid-item, .fulltemplate-collection-backup #CollectionSection .product-grid-item { text-align: center; } .fulltemplate-collection #CollectionSection .product-grid-item:link, .fulltemplate-collection #CollectionSection .product-grid-item:visited, .fulltemplate-collection #CollectionSection .product-grid-item:hover, .fulltemplate-collection #CollectionSection .product-grid-item:active, .fulltemplate-collection-backup #CollectionSection .product-grid-item:link, .fulltemplate-collection-backup #CollectionSection .product-grid-item:visited, .fulltemplate-collection-backup #CollectionSection .product-grid-item:hover, .fulltemplate-collection-backup #CollectionSection .product-grid-item:active { text-decoration: none; } .fulltemplate-collection #CollectionSection .product-grid-item p, .fulltemplate-collection-backup #CollectionSection .product-grid-item p { font-family: "Open Sans", sans-serif; color: #111111; text-align: center; } .fulltemplate-collection #CollectionSection .product-grid-item .product-item--price, .fulltemplate-collection-backup #CollectionSection .product-grid-item .product-item--price { font-family: "Open Sans", sans-serif; color: #111111; text-align: center; } .fulltemplate-collection #CollectionSection .product-grid-item .product-item--price .sale-tag, .fulltemplate-collection-backup #CollectionSection .product-grid-item .product-item--price .sale-tag { color: #111111; border-color: #111111; } .fulltemplate-collection #CollectionSection .product-grid-item .shopify--shop-button, .fulltemplate-collection-backup #CollectionSection .product-grid-item .shopify--shop-button { margin: 15px auto 0 auto; width: 100%; display: block; height: 40px; border: 0px solid #111; text-align: center; background-color: #111; color: #fff; line-height: 40px; box-sizing: border-box; max-width: 300px; font-weight: 600; } .fulltemplate-collection #CollectionSection .product-grid-item .variants.withScroller, .fulltemplate-collection-backup #CollectionSection .product-grid-item .variants.withScroller { height: 80px; overflow: hidden; position: relative; padding: 0 20px; width: 100%; } .fulltemplate-collection #CollectionSection .product-grid-item .variants.withScroller .scroller, .fulltemplate-collection-backup #CollectionSection .product-grid-item .variants.withScroller .scroller { width: 100%; display: flex; justify-content: center; } .fulltemplate-collection #CollectionSection .product-grid-item .variants.withScroller .freccia, .fulltemplate-collection-backup #CollectionSection .product-grid-item .variants.withScroller .freccia { position: absolute; top: 0; height: 100%; width: 20px; background-color: rgba(255, 255, 255, 0.8); } .fulltemplate-collection #CollectionSection .product-grid-item .variants.withScroller .freccia.freccia-sx, .fulltemplate-collection-backup #CollectionSection .product-grid-item .variants.withScroller .freccia.freccia-sx { left: 0; } .fulltemplate-collection #CollectionSection .product-grid-item .variants.withScroller .freccia.freccia-dx, .fulltemplate-collection-backup #CollectionSection .product-grid-item .variants.withScroller .freccia.freccia-dx { right: 0; } .fulltemplate-collection #CollectionSection .product-grid-item .variants.withScroller .freccia i, .fulltemplate-collection-backup #CollectionSection .product-grid-item .variants.withScroller .freccia i { position: relative; top: 40%; transform: translate(-50%, -50%); } .fulltemplate-collection #CollectionSection .product-grid-item .variants.withScroller .select--item, .fulltemplate-collection-backup #CollectionSection .product-grid-item .variants.withScroller .select--item { float: left; width: 60px; } .fulltemplate-collection #CollectionSection .product-grid-item .variants.withScroller img, .fulltemplate-collection #CollectionSection .product-grid-item .variants.withScroller svg, .fulltemplate-collection-backup #CollectionSection .product-grid-item .variants.withScroller img, .fulltemplate-collection-backup #CollectionSection .product-grid-item .variants.withScroller svg { flex: 0 0 53px; margin: 0 4px; } .fulltemplate-collection #CollectionSection .product-grid-item .variants.withoutScroller .select--item, .fulltemplate-collection-backup #CollectionSection .product-grid-item .variants.withoutScroller .select--item { display: inline-block; } .fulltemplate-collection #CollectionSection .product-grid-item .badge--sold-out, .fulltemplate-collection-backup #CollectionSection .product-grid-item .badge--sold-out { z-index: 1 !important; } .fulltemplate-collection #collectionFilters { background-color: #F0F0F0; padding-top: 12px; padding-bottom: 30px; margin-bottom: 30px; } .fulltemplate-collection #collectionFilters h2 { display: none; } .fulltemplate-collection #collectionFilters li.advanced-filter { margin-bottom: 0; } .fulltemplate-collection #collectionFilters li.advanced-filter:last-child { margin-bottom: 20px; } .fulltemplate-collection #collectionFilters li.advanced-filter a { color: #111111; padding: 0; text-transform: capitalize; font-family: "Spectral", serif; font-weight: 100; font-size: 12px; line-height: 30px; } .fulltemplate-collection #collectionFilters li.advanced-filter a:before { content: none; } .fulltemplate-collection #collectionFilters li.advanced-filter a:hover { text-decoration: none; } .fulltemplate-collection #collectionFilters li.advanced-filter.active-filter a:before { content: none; } .fulltemplate-collection #collectionFilters li.advanced-filter.active-filter a::after { content: ''; display: block; width: 100%; height: 3px; position: absolute; top: calc(100% - 4px); left: 0; background-color: #111111; } .fulltemplate-collection #collectionFilters li.advanced-filter.active-filter a:hover { text-decoration: none; } .fulltemplate-collection #collectionFilters li.advanced-filter:last-child a:after { content: none; } .fulltemplate-collection #collection .container { max-width: 100% !Important; } .fulltemplate-collection #collection .data { text-align: center; text-transform: capitalize; padding: 5px; } .fulltemplate-collection #collection .data p { font-family: "Open Sans", sans-serif; font-size: 16px; color: #111111; font-weight: 300; margin: 0 0 5px 0; } .fulltemplate-collection #collection .data .product-item--price { font-family: "Open Sans", sans-serif; font-size: 10px; color: #111111; font-weight: 300; } .fulltemplate-collection #collection .data .product-item--price .h1 { margin: 0; } .fulltemplate-collection #collection .agrid-item .variants .select--item { margin: 2px; position: relative; } .fulltemplate-collection #collection .agrid-item .variants .select--item span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-weight: 600; color: #111111; background-color: rgba(255, 255, 255, 0.8); text-transform: uppercase; font-size: 10px; text-align: center; } .fulltemplate-collection .pagination-custom li span, .fulltemplate-collection .pagination-custom li a { border: 1px solid #f0f0f0; color: #111111; } .fulltemplate-collection .pagination-custom li.active span, .fulltemplate-collection .pagination-custom li.active a { font-weight: 600; } /*------------ /COLLECTION ------------*/ /*------------ SEARCHPAGE ------------*/ .fulltemplate-search { padding-top: 90px; } .fulltemplate-search .breadcrumb-row .breadcrumb { margin-top: 0; margin-bottom: 0; padding: 0; background-color: transparent; } .fulltemplate-search .breadcrumb-row .col-6 { text-align: right; } .fulltemplate-search .breadcrumb-row .col-6 .link-size-guide { height: 52px; line-height: 52px; cursor: pointer; } .fulltemplate-search #SearchSection { min-height: calc(100vh - 315px ); } .fulltemplate-search #SearchSection .sidebar h2 { font-family: "Open Sans", sans-serif; color: #111111; } .fulltemplate-search #SearchSection .sidebar .advanced-filters .advanced-filter a { font-family: "Open Sans", sans-serif; color: #111111; } .fulltemplate-search #SearchSection .section-header h1 { font-family: "Spectral", serif; color: #111111; font-size: 28px; text-align: center; } .fulltemplate-search #SearchSection .section-header .rte--header { font-family: "Open Sans", sans-serif; color: #111111; text-align: center; } .fulltemplate-search #SearchSection .section-header .section-header--right label { font-family: "Open Sans", sans-serif; color: #111111; } .fulltemplate-search #SearchSection .section-header .section-header--right select options { font-family: "Open Sans", sans-serif; color: #111111; } .fulltemplate-search #SearchSection .collection-view { display: none; } .fulltemplate-search #SearchSection .product-grid-item:link, .fulltemplate-search #SearchSection .product-grid-item:visited, .fulltemplate-search #SearchSection .product-grid-item:hover, .fulltemplate-search #SearchSection .product-grid-item:active { text-decoration: none; } .fulltemplate-search #SearchSection .product-grid-item p { font-family: "Open Sans", sans-serif; color: #111111; text-align: center; } .fulltemplate-search #SearchSection .product-grid-item .product-item--price { font-family: "Open Sans", sans-serif; color: #111111; text-align: center; } .fulltemplate-search #SearchSection .product-grid-item .product-item--price .sale-tag { color: #111111; border-color: #111111; } .fulltemplate-search #SearchSection .product-grid-item .shopify--shop-button { margin: 15px auto 0 auto; width: 100%; display: block; height: 40px; border: 0px solid #111; text-align: center; background-color: #111; color: #fff; line-height: 40px; box-sizing: border-box; max-width: 300px; font-weight: 600; } .fulltemplate-search #SearchSection .product-grid-item .variants { display: flex; height: 80px; overflow: hidden; justify-content: center; } .fulltemplate-search #SearchSection .product-grid-item .variants img, .fulltemplate-search #SearchSection .product-grid-item .variants svg { flex: 0 0 53px; margin: 0 4px; } .fulltemplate-search #collectionFilters { background-color: #F0F0F0; padding-top: 12px; padding-bottom: 12px; } .fulltemplate-search #collectionFilters h2 { display: none; } .fulltemplate-search #collectionFilters li { float: left; } .fulltemplate-search #collectionFilters li.advanced-filter { margin-bottom: 0; } .fulltemplate-search #collectionFilters li.advanced-filter a { color: #111111; padding: 0; text-transform: capitalize; font-family: "Spectral", serif; font-weight: 100; font-size: 12px; line-height: 30px; } .fulltemplate-search #collectionFilters li.advanced-filter a:before { content: none; } .fulltemplate-search #collectionFilters li.advanced-filter a:after { content: "/"; margin: 0 5px; position: static; display: inline; } .fulltemplate-search #collectionFilters li.advanced-filter a:hover { text-decoration: none; } .fulltemplate-search #collectionFilters li.advanced-filter a:hover:after { text-decoration: none; } .fulltemplate-search #collectionFilters li.advanced-filter.active-filter a { font-weight: 600; } .fulltemplate-search #collectionFilters li.advanced-filter.active-filter a:before { content: none; } .fulltemplate-search #collectionFilters li.advanced-filter.active-filter a:after { content: "/"; margin: 0 5px; position: static; display: inline; background-color: transparent; } .fulltemplate-search #collectionFilters li.advanced-filter.active-filter a:hover { text-decoration: none; } .fulltemplate-search #collectionFilters li.advanced-filter.active-filter a:hover:after { text-decoration: none; content: "/"; margin: 0 5px; position: static; display: inline; background-color: transparent; } .fulltemplate-search #collectionFilters li.advanced-filter:last-child a:after { content: none; } .fulltemplate-search #collection .data { border: 1px solid #f0f0f0; text-align: center; text-transform: capitalize; padding: 10px; } .fulltemplate-search #collection .data p { font-family: "Open Sans", sans-serif; font-size: 12px; color: #111111; font-weight: 300; margin: 0 0 5px 0; } .fulltemplate-search #collection .data .product-item--price { font-family: "Open Sans", sans-serif; font-size: 12px; color: #111111; font-weight: 300; } .fulltemplate-search #collection .data .product-item--price .h1 { margin: 0; } .fulltemplate-search #collection .agrid-item .variants .select--item { margin: 2px; position: relative; } .fulltemplate-search #collection .agrid-item .variants .select--item span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-weight: 600; color: #111111; background-color: rgba(255, 255, 255, 0.8); text-transform: uppercase; font-size: 10px; text-align: center; } .fulltemplate-search .pagination-custom li span, .fulltemplate-search .pagination-custom li a { border: 1px solid #f0f0f0; color: #111111; } .fulltemplate-search .pagination-custom li.active span, .fulltemplate-search .pagination-custom li.active a { font-weight: 600; } /*------------ /SEARCHPAGE ------------*/ /*------------ PRODUCT ------------*/ .fulltemplate-product { padding-top: 90px; } .fulltemplate-product .breadcrumb-container { background-color: #f0f0f0; } .fulltemplate-product .breadcrumb-container .breadcrumb { margin: 0 !important; background-color: transparent; padding: 0; } .fulltemplate-product .breadcrumb-container .link-size-guide { float: right; height: 52px; line-height: 54px; cursor: pointer; } .fulltemplate-product .product-data { position: fixed; top: 142px; left: 0; height: calc(100vh - 142px ); overflow-y: auto; text-align: center; } .fulltemplate-product .product-data .data-container { position: absolute; top: 30px; left: 50%; transform: translate(-50%, 0); } .fulltemplate-product .product-data .data-container h1 { font-family: "Open Sans",sans-serif; font-size: 18px; color: #111; text-align: center; } .fulltemplate-product .product-data .data-container .product-meta { font-family: "Open Sans",sans-serif; font-size: 14px; color: #111; text-align: center; display: block; margin-bottom: 15px; } .fulltemplate-product .product-data .data-container .rte { font-family: "Open Sans",sans-serif; font-size: 12px; color: #808080; text-align: center; display: block; max-width: 400px; max-height: 300px; overflow-y: auto; margin: 0 auto 15px auto; } .fulltemplate-product .product-photo { position: relative; top: 0; left: 50%; transform: translateX(-50%); min-height: calc(100vh - 142px ); } .fulltemplate-product .product-photo .lazyload__image-wrapper { margin: 0 auto 40px auto; } .fulltemplate-product .product-photo .pallini { display: none; } .fulltemplate-product .product-form { position: fixed; top: 142px; right: 0; height: calc(100vh - 142px ); overflow-y: auto; text-align: center; } .fulltemplate-product .product-form .form-container { position: absolute; top: 20px; left: 50%; transform: translate(-50%, 0); } .fulltemplate-product .product-form .form-container .price-list { width: 100%; text-align: center; font-family: "Open Sans", sans-serif; font-size: 18px; font-weight: 300; color: #111111; margin-bottom: 15px; } .fulltemplate-product .product-form .form-container .mobile-size-guide { display: none; } .fulltemplate-product .product-form .form-container .productOptionTitle { font-size: 16px; font-weight: 700; margin: 0 0 8px; } .fulltemplate-product .product-form .form-container #mioSelectColor { display: flex; justify-content: center; width: 240px; overflow: hidden; flex-wrap: wrap; margin: 0 auto; } .fulltemplate-product .product-form .form-container #mioSelectColor .select--item { width: 80px; flex: 0 0 80px; cursor: pointer; position: relative; -webkit-transition: opacity 0.6s; -ms-transition: opacity 0.6s; -o-transition: opacity 0.6s; transition: opacity 0.6s; } .fulltemplate-product .product-form .form-container #mioSelectColor .select--item img, .fulltemplate-product .product-form .form-container #mioSelectColor .select--item svg { height: 100%; } .fulltemplate-product .product-form .form-container #mioSelectColor .select--item span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: rgba(255, 255, 255, 0.8); text-transform: uppercase; font-size: 11px; font-weight: 600; color: #111111; } .fulltemplate-product .product-form .form-container #mioSelectColor .select--item.active { border: 1px solid #000; } .fulltemplate-product .product-form .form-container #mioSelectColor .select--item:hover { opacity: .7; } .fulltemplate-product .product-form .form-container #mioSelectColor .select--item:hover span { display: block !important; } .fulltemplate-product .product-form .form-container .mioSelectSize--btn { margin: 24px auto 8px; transition: all .7s; overflow: hidden; } .fulltemplate-product .product-form .form-container .mioSelectSize--btn:hover { color: #333; background-color: #fff; } .fulltemplate-product .product-form .form-container #mioSelectSize { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; } .fulltemplate-product .product-form .form-container #mioSelectSize .select--item { display: flex; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box; border: none; transition: all .7s; cursor: pointer; position: relative; padding: 4px; line-height: 1; } .fulltemplate-product .product-form .form-container #mioSelectSize .select--item[data-salable="false"] { color: #999; position: relative; } .fulltemplate-product .product-form .form-container #mioSelectSize .select--item[data-salable="false"]::after { content: ''; display: block; width: 18px; height: 2px; position: absolute; top: calc(50% -1px); left: calc(50% - 9px); background-color: #111111; transform: rotate(-45deg); } .fulltemplate-product .product-form .form-container #mioSelectSize .select--item .addition-info { font-size: 9px; } .fulltemplate-product .product-form .form-container #mioSelectSize .select--item.active::after { content: ''; display: block; width: 100%; height: 4px; position: absolute; top: calc(100% - 2px); left: 0; background-color: #111111; } .fulltemplate-product .product-form .form-container #mioSelectSize .select--item--red { color: red; } .fulltemplate-product .product-form .form-container .size-legend { margin-top: 12px; line-height: 1.2; background: #f0f0f0; padding: 8px; color: red; } .fulltemplate-product .btn { display: block; border: 1px solid #333333; background-color: #ffffff; color: #333333; font-family: "Open Sans", sans-serif; font-size: 12px; width: 200px; padding: 4px; margin: 10px auto; min-height: unset !important; height: 27px; transition: all .3s; } .fulltemplate-product .btn:hover { color: #ffffff; background-color: #333333; } .fulltemplate-product .btn.mioSelectColor--btn:hover { color: #333333; background-color: #ffffff; } .fulltemplate-product .btn.btn--add-to-cart { color: #ffffff; background-color: #333333; } .fulltemplate-product .btn.btn--add-to-cart:hover { color: #333333; background-color: #ffffff; } .fulltemplate-product .overlay-shopper .bar, .fulltemplate-product .overlay-sharing .bar { opacity: 0; display: none; } .fulltemplate-product .overlay-shopper .col, .fulltemplate-product .overlay-sharing .col { text-align: center; margin-top: 15%; } .fulltemplate-product .overlay-shopper .col h2, .fulltemplate-product .overlay-sharing .col h2 { font-size: 12px; font-weight: 400; font-family: "Open Sans", sans-serif; color: #ffffff; } .fulltemplate-product .overlay-shopper .col div, .fulltemplate-product .overlay-sharing .col div { display: flex; flex-wrap: nowrap; justify-content: center; } .fulltemplate-product .overlay-shopper .col div a, .fulltemplate-product .overlay-sharing .col div a { color: #ffffff; background-color: transparent; height: 46px; width: 46px; font-size: 38px; padding: 0; line-height: 46px; margin: 20px; } .fulltemplate-product .overlay-shopper .col div a:hover, .fulltemplate-product .overlay-sharing .col div a:hover { background-color: transparent; transform: scale(1.1); } .fulltemplate-product .overlay-shopper .col .social-sharing, .fulltemplate-product .overlay-sharing .col .social-sharing { overflow: hidden; transition: max-height .7s; } .fulltemplate-product .overlay-shopper .col .social-sharing.opened, .fulltemplate-product .overlay-sharing .col .social-sharing.opened { max-height: 150px; } .fulltemplate-product .overlay-shopper .col .social-sharing.is-clean a, .fulltemplate-product .overlay-sharing .col .social-sharing.is-clean a { border: none; text-align: center; } .fulltemplate-product .overlay-shopper .col .social-sharing.is-clean a .fab, .fulltemplate-product .overlay-sharing .col .social-sharing.is-clean a .fab { display: block; } .fulltemplate-product .overlay-shopper .col .social-sharing.is-clean a .share-title, .fulltemplate-product .overlay-sharing .col .social-sharing.is-clean a .share-title { display: block; padding: 0; text-transform: uppercase; font-size: 10px; } /*------------ /PRODUCT ------------*/ /*------------ 404 ------------*/ .fulltemplate-404 { padding-top: 90px; } .fulltemplate-404 #shopify-section-404-template > .container { position: relative; min-height: calc(100vh - 299px ); } .fulltemplate-404 #shopify-section-404-template > .container .message-404 { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; } /*------------ /404 ------------*/ /*------------ /COMMON ------------*/ a { color: #000; } a:hover { color: #6c757d; } @-webkit-keyframes MoveUpDown { 0%, 100% { bottom: 0px; } 50% { bottom: 3px; } } @-moz-keyframes MoveUpDown { 0%, 100% { bottom: 0px; } 50% { bottom: 3px; } } @keyframes MoveUpDown { 0%, 100% { bottom: 0px; } 50% { bottom: 3px; } } .site-header__free-space { height: 25px; top: 0; z-index: 999; width: 100%; background-color: #4a2525; text-align: center; color: #fff; } .site-header__official { height: auto; top: 0; z-index: 999; width: 100%; background-color: #4a2525; text-align: center; color: #fff; padding: 0; font-size: 1.1em; font-weight: bold; } @media screen and (max-width: 768px) { .site-header__official { font-size: 0.9em; } #boutique .main-container { margin-top: 0px; } } .site-header__official h2 { margin: 0; } .main-container { width: 100%; } .main-container.with-padding { padding-top: 60px; } .mwCMB { padding: 5px 0 !important; display: none !important; } .shopify-challenge__container { padding-top: 150px; } /* OneUp */ /*body .overlay-newsletter { display: block; }*/ .overlay-newsletter.opened { background-color: rgba(17, 17, 17, 0.9); } .open-popup-newsletter { background: none; border: 0; box-shadow: none; font-size: 16px; color: #fff; text-decoration: underline; margin-left: 20px; } .customer-logged-in.template-customers-account .main-container { padding: 50px; } .customer-logged-in.template-customers-account .main-container .centrato .btn { background: #743737; } .overlay-menu nav { overflow-y: auto; max-height: calc(100% - 370px); } .close-newsletter, .close-header { position: relative; height: 25px; /* this can be anything */ width: 25px; /* ...but maintain 1:1 aspect ratio */ display: flex; flex-direction: column; justify-content: center; border: none; cursor: pointer; margin: 0; position: absolute; left: 0; top: 3px; cursor: pointer; } .close-newsletter::before, .close-newsletter::after, .close-header::before, .close-header::after { position: absolute; content: ''; width: 100%; height: 1px; /* cross thickness */ background-color: white; } .close-newsletter::before, .close-header::before { transform: rotate(45deg); } .close-newsletter::after, .close-header::after { transform: rotate(-45deg); } .close-header { left: auto; right: 20px; top: 4px; height: 15px; width: 15px; } .fulltemplate-collection #collectionFilters h2 { display: block; position: relative; cursor: pointer; margin: 8px 0; text-transform: none; font-size: 13px; font-weight: 700; } .fulltemplate-collection #collectionFilters h2::after { content: "\f0d7"; position: absolute; right: 0; font-family: "Font Awesome 5 Free"; margin-left: 10px; } .fulltemplate-collection #collectionFilters h2.open::after { content: "\f0d8"; } .advanced-filters { display: flex; flex-wrap: wrap; column-gap: 20px; max-height: 0; overflow: hidden; transition: max-height .5s; margin-bottom: 0; border-bottom: 1px solid #CCC; } .advanced-filters.open { max-height: 300px; } .advanced-filters a::before, .advanced-filters a::after { content: none; } .fulltemplate-collection #collectionFilters .reset-filter { margin-top: 15px; } .fulltemplate-collection #collectionFilters .btn { display: block; border: 1px solid #333333; background-color: #fff; color: #333; font-family: Open Sans,sans-serif; font-size: 12px; width: 200px; padding: 4px; margin: 0 auto; min-height: unset !important; height: 27px; transition: all .3s; } #currency_switcher_form { display: none; } .overlay-newsletter .newsletter-wrapper .row #contact_form label[class=checkbox] { display: flex; align-items: flex-start; text-align: left; gap: 4px; } .overlay-newsletter .newsletter-wrapper .row #contact_form label[class=checkbox] input { position: relative; top: 4px; } .overlay-newsletter .newsletter-wrapper .row #contact_form label[class=checkbox] .message_privacy { margin-left: 20px; } #contact-us .main-container.with-padding, #newsletter-subscription .main-container.with-padding { padding-top: 130px; } #contact-us #contact_form, #newsletter-subscription #contact_form { min-height: 50vh; padding-bottom: 50px; } #contact-us #contact_form select, #newsletter-subscription #contact_form select { background-color: #5858581a; } #contact-us #contact_form .btn, #newsletter-subscription #contact_form .btn { background: #662d32; border: 1px solid white; } #contact-us #contact_form .btn:hover, #newsletter-subscription #contact_form .btn:hover { background: white; color: #662d32; border: 1px solid #662d32; } form .gdpr-info { margin: 8px 0; text-align: left; } form .gdpr-info a { font-size: 14px; font-weight: 700; text-decoration: underline; } .overlay-newsletter form .gdpr-info a { color: white; } /* Nuovo popup newsletter */ .popup-newsletter-new { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 999; background-color: rgba(0, 0, 0, 0.8); } .inner-popup-newsletter-new { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 800px; height: 640px; background-color: #fff; display: flex; } .inner-popup.inner-left { background-repeat: no-repeat; background-position: center; background-size: cover; width: 50%; } .inner-popup.inner-right { padding: 50px; width: 50%; text-align: center; overflow-y: auto; } .logo-popup-new { width: 85%; height: auto; margin-top: 15px; } .title-new { color: #111; font-weight: 700; font-size: 16px; text-transform: uppercase; margin-top: 40px; margin-bottom: 15px; } .close-popup-newsletter-new::before, .close-popup-newsletter-new::after { background-color: #000; position: absolute; content: ''; width: 100%; height: 2px; } .close-popup-newsletter-new::before { transform: rotate(45deg); } .close-popup-newsletter-new::after { transform: rotate(-45deg); } .close-popup-newsletter-new { left: auto; right: 18px; top: 18px; height: 35px; width: 35px; position: absolute; display: flex; flex-direction: column; justify-content: center; border: 5px white solid; margin: 0; cursor: pointer; background-color: white; border-radius: 16px; } .text-new { color: #111; font-weight: 400; line-height: 19px; margin-bottom: 20px; } .inner-popup.inner-right #contact_form { margin: 0; } .inner-popup.inner-right .input-group .input-group-field { border: 0; height: 55px; } .inner-popup.inner-right .checkbox { display: flex; margin-top: 5px; align-items: flex-start; gap: 4px; text-align: left; } input { position: relative; top: 4px; } .inner-popup.inner-right .message_privacy { font-size: 12px; color: #111; position: relative; top: 2px; margin-left: 8px; } .inner-popup.inner-right .message_privacy a { text-decoration: underline; } .bottom-new { color: #111; margin-top: 20px; margin-bottom: 0; line-height: 18px; } .inner-popup.inner-right #subscribe { background: transparent; color: #111; border: 3px solid #111; border-radius: 0; font-weight: 700; padding: 10px; height: 42px; box-shadow: none; } @media screen and (max-width: 800px) { .inner-popup-newsletter-new { width: 90%; } } @media screen and (max-height: 600px) { .inner-popup-newsletter-new { height: 90%; } } @media screen and (max-width: 768px) { .inner-popup-newsletter-new { flex-direction: column; align-items: center; height: 90%; } .inner-popup.inner-left { width: 100%; height: 200px; } .inner-popup.inner-right { padding: 20px; width: 100%; } .close-popup-newsletter-new::before, .close-popup-newsletter-new::after { background-color: black; height: 2px; } } @media screen and (min-width: 769px) { .site-header .grid--full { display: flex; align-items: center; } .site-header .grid--full > .grid-item { display: flex; align-items: center; gap: 25px; } .header-logo { width: 100%; } .site-header .search-bar { max-width: 220px; border-bottom: 1px solid #111111; margin: 0; } .area-legacy .site-header .search-bar { border-color: #662D32; } .site-header .search-bar input[type=text], .site-header .search-bar input[type=search] { background: transparent; color: #111111; padding: 4px 30px 4px 0; height: auto; } .area-legacy .site-header .search-bar input[type=text], .area-legacy .site-header .search-bar input[type=search] { color: #662D32; } .site-header .search-bar input[type=text]::placeholder, .site-header .search-bar input[type=search]::placeholder { color: #111111; } .area-legacy .site-header .search-bar input[type=text]::placeholder, .area-legacy .site-header .search-bar input[type=search]::placeholder { color: #662D32; } .site-header .search-bar input[type=text]:hover, .site-header .search-bar input[type=text]:focus, .site-header .search-bar input[type=search]:hover, .site-header .search-bar input[type=search]:focus { background: transparent; color: #111111; } .area-legacy .site-header .search-bar input[type=text]:hover, .area-legacy .site-header .search-bar input[type=text]:focus, .area-legacy .site-header .search-bar input[type=search]:hover, .area-legacy .site-header .search-bar input[type=search]:focus { color: #662D32; } .site-header .search-bar input[type=submit], .site-header .search-bar .search-bar--submit { width: auto; } } .recently-viewed-grid { display: flex; flex-wrap: wrap; gap: 20px; justify-content: flex-start; margin-top: 20px; margin-bottom: 20px; } .recent-item { width: calc(50% - 10px); box-sizing: border-box; text-align: center; font-family: inherit; } .recent-item img { max-width: 100%; height: auto; display: block; margin: 0 auto 10px; } .recent-item p { margin: 0; font-size: 14px; } .recent-item .product-title { font-weight: 600; margin-bottom: 5px; } .recent-item .product-price { color: #000; font-size: 15px; } .recently-viewed-cont-mobile { display: none; } @media (max-width: 991px) { .recently-viewed-cont { display: none; } .recently-viewed-cont-mobile { display: block; padding: 0 20px; } } .freccia { z-index: 9999; position: relative; cursor: pointer; } .select--item.inactive { display: none !important; } .select--item.active { display: inline-block; margin-right: 8px; } .freccia.disabled { opacity: 0.3; pointer-events: none; cursor: default; } /* Nasconde il prezzo nel widget rk */ .rk-widget-card-price-money { display: none !important; }