/* Theme Name: Laisse Description: Responsive WordPress Theme based on Boostrap and Font Awesome. Version: 1.0.0 Author: Ness Communication Author URI: http://www.nesscommunication.com Site: http://www.nesscommunication.com Text Domain: laisse Domain Path: /languages Tags: grid-layout, blog, custom-menu, featured-images, right-sidebar License: GNU General Public License v3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html */ body, html{ font-family: "Ubuntu", sans-serif; font-size: 100%; color: #393b39;} * { box-sizing: border-box; } /*-------------------------- General --------------------------*/ hr{border:none; border-bottom: 1px solid;} /* form */ input{border: 1px solid;} input, textarea, select, button { width : auto; margin: 0; -webkit-box-sizing: border-box; /* For legacy WebKit based browsers */ -moz-box-sizing: border-box; /* For legacy (Firefox <29) Gecko based browsers */ box-sizing: border-box; border: 0; outline: none; } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border: none; background-color: #fff; color: #393b39; } pre{overflow: hidden} /* Video Resposnive */ figure{margin:0;} .video-container { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0;} .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;} a{color: #393b39;} img{width: 100%;height: auto;} /*-------------------------- Layout --------------------------*/ h1,h2,h3,h4,h5{font-weight: 500;margin:0;} h1{font-size: 2.25em;} /*36px*/ h2{font-size: 1.75em;} /*28px*/ h3{font-size: 1.5em;} /*24px*/ h4{font-size: 1.3125em;} /*21px*/ h5{font-size: 1.125em;} /*18px*/ p{font-size: 1.125em;margin: 0;line-height: 26px;} .p-20{padding: 20px;} .p-40{padding: 40px;} .p-60{padding: 60px;} .p-0-20{padding: 0 20px;} .p-0-40{padding: 0 40px;} .p-0-60{padding: 0 60px;} .p-20-60{padding: 20px 60px;} .pl-0{padding-left:0;} .m-0{margin: 0;} .m-0-10{margin: 0 10px;} .mb-20{margin-bottom: 20px;} .mb-40{margin-bottom: 40px;} .mb-60{margin-bottom: 60px!important;} .mt-20{margin-top: 20px;} .mt-35{margin-top: 35px;} .mt-40{margin-top: 40px;} .mt-60{margin-top: 60px!important;} .mt-150{margin-top: 150px;} .d-f{display: flex;flex-wrap: wrap;} .fd-c{flex-direction: column;} .jc-c{justify-content: center;} .jc-sb{justify-content: space-between;} .jc-fs{justify-content: flex-start;} .jc-fe{justify-content: flex-end;} .ac-c{align-content: center;} .ai-c{align-items: center;} .ac-fs{align-content: flex-start;} .ai-fs{align-items: flex-start;} .ac-fe{align-content: flex-end;} .ai-fe{align-items: flex-end;} .ta-l{text-align: left;} .ta-c{text-align: center;} .ta-r{text-align: right;} strong.title{margin-bottom: 10px; font-size: 18px;} .fw-3{font-weight: 300;} .fw-4{font-weight: 400;} .fw-5{font-weight: 500;} .fw-6{font-weight: 600;} .fs-12{font-size: 12px;} .fs-14{font-size: 14px;} .fs-16{font-size: 16px;} .fs-18{font-size: 18px;} .fs-21{font-size: 21px;} .fs-100{font-size: 100px;} .tt-u{text-transform: uppercase;} .w-25{width: 25%;} .w-33{width: 33.33%;} .w-50{width: 50%;} .w-100{width: 100%;} .h-100{height: 100%} .width-wrap { max-width: 1920px; margin: 0 auto; width: 100%; } .pt-header{margin-top: 222.5px;} #cmplz-document, .editor-styles-wrapper .cmplz-unlinked-mode{max-width: 100%;font-size: 16px;} .wpcf7 p { display: flex ; flex-wrap: wrap; justify-content: flex-end; align-items: flex-start; align-content: center; } .wpcf7 p .wpcf7-form-control-wrap[data-name="acceptance"] { margin: 0; font-size: 12px; line-height: 18px; width: 70%; margin-right: auto; padding-left: 20px; } .wpcf7 p .wpcf7-form-control-wrap input[type="checkbox"] { width: auto; margin: 0;box-shadow: unset!important;} .wpcf7 p .wpcf7-form-control-wrap input, .wpcf7 p .wpcf7-form-control-wrap select, .wpcf7 p .wpcf7-form-control-wrap textarea { width: 100%; margin-bottom: 20px; border-radius: 20px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.5); padding: 10px 25px; height: 50px; } .wpcf7 p .wpcf7-form-control-wrap { width: calc(50% - 20px); margin: 0 10px; } .wpcf7 p .wpcf7-form-control-wrap textarea{height: 150px;} .wpcf7 p .wpcf7-form-control-wrap[data-name="acceptance"] a{display: inline-block; margin: 0; font-weight: 400;padding: 0;} .wpcf7-list-item{margin: 0;} .wpcf7 p input[type="submit"]{background:#dd791f; color:#fff; border:none; width: calc(30% - 20px);padding: 10px; border-radius: 20px;margin: 0 10px;} span.wpcf7-spinner{position: absolute;bottom: 40px;} .btn { padding: 10px 30px; width: auto; text-align: center; display: inline-block; border-radius: 20px; text-decoration: none; margin-left: 5px; font-size: 16px; font-weight: 400; background-color: #dd791f; color: #fff; } .contact-form .wpcf7-form-control-wrap input, .contact-form .wpcf7-form-control-wrap textarea, .contact-form .wpcf7-form-control-wrap select { box-shadow: 0 0 4px #dd791f !important; border-radius: 20px; } span.wpcf7-form-control.wpcf7-acceptance label { display: flex ; align-items: center; align-content: center; gap: 10px; text-align: left;} /*-------------------------- Header --------------------------*/ .header { width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-content: center; align-items: center; padding:0; position: fixed; top: 0; width: 100%; z-index: 999; background: #fff; } .header__logo { color: #fff; text-decoration: none; display: block; height: 80px!important; } .header__menu { padding: 0; margin: 0; list-style-type: none; text-align: center; align-self: stretch; display: flex ; flex-wrap: wrap; align-items: center; align-content: center; } .header__menu .menu-item { display: flex ; height: 100%; flex-wrap: wrap; align-items: center; padding: 60px 10px; position: relative; width: 100px; text-align: center; justify-content: center; margin: 0 30px;} .header__menu .menu-item a { padding: 0; text-decoration: none; font-size: 24px; line-height: 24px; font-weight: 100; display: inline-block; color: #fff; } .header__menu .menu-item.current-menu-item{background-color: #9faa11;} .header__menu .menu-item.current-menu-item:after { content: ''; position: absolute; bottom: 0; width: 100%; height: 100px; border-radius: 50%; background-color: #9faa11; left: 0; right: 0; transform: translateY(50%); } .header__menu .menu-item.current-menu-item a{font-weight: 600;color: #fff;} .header__menu .menu-item.current-menu-item a:after { content: ''; background-image: url(https://www.laisse-educative.com/wp-content/uploads/2025/05/impronta.png); width: 40px; height: 40px; display: block; background-repeat: no-repeat; background-position: center center; background-size: contain; position: absolute; left: 0; right: 0; margin: 0 auto; z-index: 9; bottom: 0; } .header__menu .menu-item.icona { width: auto; margin: 0 20px; margin-left: 60px; } .header__menu .menu-item.icona img{width: auto;height: 20px!important;} .header__menu .menu-item.icona:last-child{ margin-left: 0; } .header__menu .menu-item.current-menu-item.icona { background: unset !important; } .header__menu .menu-item.current-menu-item.icona:after { display: none; } .header__menu .menu-item.current-menu-item a:after{display: none;} .header__icon-bar { display: none; } .top-bar { width: 100%; display: flex ; justify-content: space-between; padding: 20px; color: #dd791f; align-items: center; align-content: center; } .top-bar p{font-size: 18px;font-weight: 200;} .top-bar strong{font-weight: 500;} .bottom-bar { background-color: #393b39; display: flex ; flex-wrap: wrap; justify-content: space-between; width: 100%; align-items: center; align-content: center; width: 100%;} .mobile-cart{display: none;} .mobile-cart img{width: auto;height: 20px;display: block;} /*-------------------------- Home --------------------------*/ .home-content{margin-top: 222.5px;} #hero{position: relative;} .absolute-hero { position: absolute; top: 50%; transform: translateY(-50%); left: 10%; color: #fff;} .absolute-hero h1 { font-size: 60px; font-weight: 900; position: relative;display: inline-block;} .absolute-hero h1:after { content: ''; position: absolute; bottom: 0; width: 100%; border-radius: 15px; height: 25px; background: #9faa11; left: 0; right: 0; z-index: -1; transform: rotate(-2deg); } .absolute-hero p { max-width: 580px; font-size: 24px; line-height: 34px; margin-top: 60px; font-weight: 200; } .claim { width: 100%; min-height: 400px; padding: 100px 60px;} .claim h2{ font-size: 60px; font-weight: 900; position: relative; color: #dd791f;} .claim h3 { position: relative; font-size: 42px; } .claim h3:last-of-type:after { content: ''; position: absolute; bottom: 0; width: 100%; border-radius: 15px; height: 25px; background: #9faa11; left: 0; right: 0; z-index: -1; transform: rotate(-2deg); } .claim img{width: 50%;padding-top: 60px;} .testo-claim { display: flex ; flex-wrap: wrap; flex-direction: column; align-content: center; align-items: center; justify-content: flex-start; text-align: left; margin-bottom: 40px; } #tirare{background: url(https://www.laisse-educative.com/wp-content/uploads/2025/05/guinzaglio.png);background-size: 40%; background-repeat: no-repeat; background-position: bottom 20% right;} #tutorial img{height: 100px;} #tutorial ul { width: 100%; display: flex ; flex-wrap: wrap; align-items: flex-start; padding: 60px; margin: 0; list-style-type: none; background-color: #dd791f; border-radius: 60px;} #tutorial ul li { width: 25%; text-align: center; display: flex ; flex-direction: column; align-items: center; align-content: center; } #tutorial ul li.sfalsata{padding-top: 200px;} #tutorial ul li h4 { font-size: 36px; line-height: 46px; color: #fff; margin: 0; position: relative; display: inline-block; } #tutorial ul li h4 span{position: relative;} #tutorial ul li h4:before { content: ''; position: absolute; bottom: 5px; height: 10px; background-color: #9faa11; width: calc(100% + 20px); opacity: .5; left: -10px; right: -10px; } #tutorial ul li p{font-size: 21px;line-height: 31px;margin: 10px 0;} #taglie { padding: 0 60px; } #taglie>div { background-color: #f3f5f6; background-image: url(https://www.laisse-educative.com/wp-content/uploads/2025/05/cane.png); background-position: bottom 0% right 20%; background-repeat: no-repeat; background-size: 400px; border-radius: 60px; margin: 60px auto; padding: 100px 60px; position: relative; min-height: 600px; } #taglie h2{ font-size: 42px;} #taglie .testo-claim{align-items: flex-start;align-content: flex-start;} #taglie img { position: absolute; bottom: -150px; z-index: 9; height: 550px; width: auto; } #taglie h3:after{z-index: 0;} #taglie span{position: relative;z-index: 1;} #guinzagli ul { list-style-type: none; padding: 60px; margin: 0; display: flex ; flex-wrap: wrap; background-color: #9faa11;border-radius: 60px;} #guinzagli ul li{width: 33.33%;padding: 40px;text-align: center;color: #fff;font-size: 16px;font-weight: 100;} #guinzagli ul li h5{margin: 10px 0;} #guinzagli ul li img { padding: 0 60px; } .alano { position: relative; padding: 60px;} .alano img { width: 30%; position: absolute; left: 0; top: -80px; max-width: 700px;} .alano h2 { text-align: center; padding: 20px; font-size: 60px; font-weight: 900; } .alano h3{font-size: 42px;text-align: center;line-height: 52px;} span.orange{color: #dd791f;} span.underline-green{position: relative;} span.underline-green:after{content: '';position: absolute; bottom: 0; width: 100%; border-radius: 15px; height: 15px; background: #9faa11; left: 0; right: 0; z-index: -1; transform: rotate(-1.5deg);} span.underline-brown{position: relative;} span.underline-brown:after{content: '';position: absolute; bottom: 0; width: 100%; border-radius: 15px; height: 15px; background: #bfa047; left: 0; right: 0; z-index: -1; transform: rotate(-1.5deg);} .jackrussell{position: relative;} .left-titolo { width: 50%; padding: 0 60px; padding-top: 30%; } .left-titolo h3 { font-size: 42px; line-height: 52px; position: relative; z-index: 10;} .nuvoletta-wrap {width: 50%;} .nuvoletta{width: 70%;position: relative;} .jackrussell img.jackrussell-img { width: 30%; padding-top: 25%; } .nuvoletta-testo { position: absolute; top: 45%; left: 45%; transform: translate(-50%, -50%); color: #fff; text-align: center; } .nuvoletta-testo a{color: #fff;} .nuvoletta-testo h4 { font-size: 32px; } .nuvoletta-testo p{font-size: 16px;font-weight: 200;margin: 20px 0;} .nuvoletta-testo a{font-size: 18px;font-weight: 600;} .lunghezze{width: 120%; z-index: 9; position: relative;margin-left: 60px;} .reviews-section { background-color: #fdfdfd; padding: 60px 40px; border-radius: 12px; margin: auto; display: flex; flex-wrap: wrap; justify-content: space-between; } .section-title { color: #dd791f; text-align: center; margin-bottom: 20px; width:100%; font-size: 42px; line-height: 52px; } .review { border-left: 5px solid #dd791f; padding: 40px; margin-bottom: 1.5rem; background-color: #fffef9; border-radius: 8px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); width: calc(33.33% - 40px); } .rating { color: #9faa11; font-size: 1.2rem; margin-bottom: 0.5rem; } .author { font-weight: bold; color: #9faa11; text-align: right; margin-top: 20px; } #newsletter{margin-top: 40px;} .newsletter-wrap { background-color: #f3f5f6; border-radius: 60px; margin: 0 auto; padding: 0 60px; position: relative; min-height: 600px; display: flex ; flex-wrap: wrap; align-items: center; align-content: stretch; justify-content: space-between; overflow: hidden;} .newsletter-left{width: 50%;} .newsletter-left h3{font-size: 42px;} .newsletter-left p { font-size: 24px; font-weight: 100; margin: 60px 0; max-width: 440px; line-height: 34px; } .newsletter-right { width: 50%; position: relative; align-self: stretch; display: flex ; flex-wrap: wrap; align-items: center; align-content: center;} .newsletter-right img { position: absolute; right: 25%; top: 0; bottom: 0; z-index: 2; height: 100%; width: auto; } .newsletter-right:after { content: ''; background-color: #fff; position: absolute; right: -40%; top: -80%; bottom: 0; z-index: 1; width: 170%; height: 170%; border-radius: 50%; transform: rotate(-15deg); } .newsletter-right .wpcf7{z-index: 3;position: relative;} .green-strip{background-color: #9faa11;padding: 30px;color: #fff;text-align: center;} .contatti-left, .contatti-right { width: 50%; padding: 60px; display: flex ; flex-wrap: wrap; align-content: center; align-items: center; flex-direction: column; justify-content: center; text-align: center;} .contatti-left h3{font-size: 42px;line-height: 52px;} .contatti-left>p { margin: 20px 0 40px; font-size: 24px; line-height: 34px; font-weight: 100; max-width: 400px; text-align: center; } .contatti-right h5 { font-size: 42px; line-height: 52px; margin-top: 60px; } .contatti-right p{font-size: 24px;line-height: 34px;font-weight: 100;} /*-------------------------- Woocommerce --------------------------*/ body.single-product { background-color: #f1f1f1; } .single-product #primary { margin-top: 222.5px; padding-top: 60px; } .top-custom-prodotto { margin-bottom: 60px; background-color: #fff; padding: 60px; border-radius: 50px; } .top-custom-prodotto-wrap{max-width: 1440px;display: flex ; flex-wrap: wrap; justify-content: space-between; align-content: flex-start; align-items: flex-start; margin: 0 auto;} .woocommerce .woocommerce-breadcrumb { margin: 0; padding: 0px 0 60px; font-size: 18px; font-weight: 100; } .woocommerce div.product .product_title { color: #9faa11; font-size:42px;} .variations th.label { display: none!important; } .woocommerce div.product form.cart .variations select { border: 1px solid #dd791f; border-radius: 5px; padding: 5px 15px; margin: 10px 0; outline: none!important; min-width: 100%;} .woocommerce div.product div.summary, .woocommerce div.product form.cart{margin-bottom: 0;} .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price{color: #dd791f!important;} .woocommerce-product-details__short-description { margin: 20px 0; } .woocommerce .quantity .qty{width: 100%!important;} .woocommerce-variation-add-to-cart { display: flex ; flex-wrap: wrap; align-content: center; align-items: center; margin: 20px 0; } .product_meta { display: none; } .woo-variation-swatches .variable-items-wrapper { gap: 10px; position: relative; margin-top: 40px; } .woo-variation-swatches .variable-items-wrapper:before { content: ''; width: 100%; margin-top: 47px; background-color: #9faa11; height: 3px; } .woo-variation-swatches .variable-items-wrapper:after { position: absolute; top: 0; content: 'Variazioni Colore'; text-align: center; background: #9faa11; display: inline-block; width: auto; color: #fff; border-top-left-radius: 25px; border-top-right-radius: 25px; padding: 7.5px 20px; margin: 0 auto; left: 0; right: 0; max-width: 200px; font-size: 21px; } .woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item) { box-shadow: unset!important; width: calc(33.33% - 6.7px); height: auto; margin: 0; padding: 0; } .woocommerce div.product form.cart div.quantity { padding: 10px; border: 1px solid; border-radius: 50px; width: 15%; margin-right: 10px; } .woocommerce div.product form.cart .button{width: calc(85% - 10px);} /*Reviews*/ .woocommerce .star-rating { position: relative; display: inline-block; font-size: 1.2em; letter-spacing: 0.05em; margin-right: 10px;} .woocommerce .star-rating::before{color: #a8a8a8;} .woocommerce .star-rating span { display: block; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; padding-top: 1em!important;color: #a8a8a8;} .custom-product-rating { display: flex ; flex-wrap: wrap; justify-content: flex-start; align-items: center; align-content: center; margin: 20px 0!important; } span.review-count{color: #dd791f;} /*Button*/ .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled[disabled]:hover{ background-color: #dd791f; border-radius: 25px; font-size: 21px; padding: 10px 40px; font-weight: 400;} .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt{ background-color: #dd791f; border-radius: 25px; font-size: 21px; padding: 10px 40px; font-weight: 400;} .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:hover{ background-color: #dd791f!important; } .woocommerce div.product .woocommerce-tabs .panel { background-color: #fff; padding: 60px; border-radius: 50px; margin: 0; margin-bottom: 60px; outline: none;} .woocommerce div.product .woocommerce-tabs .panel p { margin: 15px 0; } .woocommerce div.product .woocommerce-tabs .panel h2 { display: none; } .woocommerce div.product .woocommerce-tabs .panel ul{line-height: 26px;} .woocommerce div.product .woocommerce-tabs ul.tabs { margin: 0; padding: 0; padding-left: 60px; } .woocommerce div.product .woocommerce-tabs ul.tabs::before{display: none;} .woocommerce div.product .woocommerce-tabs ul.tabs li { border: 0; background-color: transparent; display: inline-block; position: relative; border-radius: 25px; margin: 0; padding: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li a{font-weight: 400;padding: 15px 40px;} .woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color: #dd791f;} #tutorial-prodotto ul { width: 100%; display: flex ; flex-wrap: wrap; align-items: flex-start; padding: 60px; margin: 0; list-style-type: none; background-color: #dd791f; border-radius: 60px;} #tutorial-prodotto img{width: 100px;} #tutorial-prodotto ul li { width: 25%; text-align: center; display: flex ; flex-direction: column; align-items: center; align-content: center; } #tutorial-prodotto ul li.sfalsata{padding-top: 200px;} #tutorial-prodotto ul li h4 { font-size: 36px; line-height: 46px; color: #fff; margin: 0; position: relative; display: inline-block; } #tutorial-prodotto ul li h4 span{position: relative;} #tutorial-prodotto ul li h4:before { content: ''; position: absolute; bottom: 5px; height: 10px; background-color: #9faa11; width: calc(100% + 20px); opacity: .5; left: -10px; right: -10px; } #tutorial-prodotto ul li p{font-size: 21px;line-height: 31px;margin: 10px 0;} #taglie-prodotto { padding: 60px; position: relative; min-height: auto; } #taglie-prodotto h2{ font-size: 42px;} #taglie-prodotto .testo-claim{align-items: flex-start;align-content: flex-start;} #taglie-prodotto img { position: absolute; bottom: -150px; z-index: 9; height: 550px; width: auto; } #taglie-prodotto h3:after{z-index: 0;} #taglie-prodotto span{position: relative;z-index: 1;} #info-prodotto .left-titolo { padding: 60px; } #info-prodotto .left-titolo p { font-size: 24px; margin: 0 0 100px; padding: 0 40px 40px; font-weight: 100; line-height: 34px; } #info-prodotto .nuvoletta-wrap { margin-top: -150px; } /*-------------------------- Faq --------------------------*/ .faq-container { margin: auto; padding: 60px;} .faq-item { background: #fff; margin-bottom: 10px;} .faq-title { color: #dd791f; font-size: 26px; padding: 20px 0; cursor: pointer; font-weight: bold; border-top: 1px solid;display: flex ; justify-content: space-between;align-items: center;align-content: center;} .faq-title .arrow {transition: transform 0.3s ease;padding: 0;font-size: 52px;} .faq-content { display: none; padding: 20px; } .faq-content strong{display: block;margin-bottom: 10px;} #guida-taglie{padding: 60px;} #guida-taglie h2 { color: #dd791f; font-size: 26px; padding: 60px; font-weight: bold; text-align: center; } .tabella-head ul { display: flex ; flex-wrap: wrap; margin: 0;padding: 0; list-style-type: none;} .tabella-head ul li span { background-color: #dd791f; border-radius: 50px; color: #fff; font-size: 24px; padding: 10px 40px; width: 320px; display: inline-block; text-align: center; } .tabella-row{display: flex;flex-wrap: wrap;border-top: 3px solid #dd791f;padding: 40px 0;} .tabella-row-left{width: 25%;} .tabella-row-left img { width: 100px; margin: auto; padding: 0; display: block;} .tabella-row-center{width: 50%;} .tabella-row-right{width: 25%;} .left-wrap { max-width: 320px; padding: 20px 40px; text-align: center; display: flex ; flex-direction: column; gap: 20px; } .tabella-row-center ul,.tabella-row-right ul { list-style-type: none; padding: 0; margin: 0; } .tabella-row-center ul li{ display: flex ; flex-wrap: wrap; justify-content: flex-start; border-bottom: 1px solid #9faa11; padding: 20px 0;} .tabella-row-center ul li:last-child { border: 0; } .tabella-row-right ul li { display: flex ; flex-wrap: wrap; justify-content: flex-end; border-bottom: 1px solid #9faa11; padding: 20px 0;} .tabella-row-right ul li:last-child { border: 0; } .tabella-row-right ul li span { width: 320px; text-align: center; } /*-------------------------- Cart --------------------------*/ .woocommerce-cart .content { margin-top: 222.5px; padding-top: 60px; } .wp-block-woocommerce-cart{padding: 60px;} /*-------------------------- Checkout --------------------------*/ .woocommerce-checkout .content { margin-top: 222.5px; padding-top: 60px; } .wp-block-woocommerce-checkout{margin: 0 auto!important; padding: 60px;} /*-------------------------- MyAccount --------------------------*/ .woocommerce-account .content { margin-top: 222.5px; padding-top: 60px; } nav.woocommerce-MyAccount-navigation ul { list-style-type: none; padding: 0; display: flex; flex-direction: column;align-items: center;} nav.woocommerce-MyAccount-navigation ul li { padding: 10px; display: inline-block; } nav.woocommerce-MyAccount-navigation ul li a { text-decoration: none; } nav.woocommerce-MyAccount-navigation ul li.is-active { background: #9faa11; border-radius: 50px; } nav.woocommerce-MyAccount-navigation ul li.is-active a { color: #fff; } /*-------------------------- Contact --------------------------*/ /*-------------------------- Index, Single, Page --------------------------*/ .content{width: 100%;} .content__title{font-size: 42px;} .post{padding:40px; border-bottom: 1px solid #eee;} .post img{max-width: 100%; height: auto;} .content .tag {margin-top:40px;} .content .tag a{background: #666; color:#fff; padding:5px 10px; text-decoration: none; display: inline-block;;margin-top:5px;font-size: 12px;} /* Comments */ .comments{margin: 40px 0; border-top: 1px solid #eee} .commentlist, .commentlist .children{list-style-type: none} .comment-body{margin: 40px 0} .comment-author.vcard img{border-radius: 100%;} .comment-form-comment textarea{background: #eee; width:100%;border: 1px solid #ddd;margin-top:5px;} .comment-form-author input, .comment-form-email input, .comment-form-url input{background: #eee; width:200px; max-width:300px;border: 1px solid #ddd;padding:5px} .comment-form-author label, .comment-form-email label, .comment-form-url label{ width:100px;display: inline-block;} .form-submit input{background: #333; color:#fff; border:none;font-size: 16px;padding: 10px 15px;width: auto;} /* Pagination */ .pagination{padding:40px;} .pagination a, .pagination span{padding: 10px 15px; border: 1px solid #ddd; text-decoration: none;} .pagination a:hover{background: #eee} /* Caption Images */ .wp-caption { margin-bottom: 20px; padding: 10px; max-width: 97%; border: 1px solid #ddd; text-align: center; } .wp-caption img { margin: 0; padding: 0; width: 100%!important; height: auto; border: 0 none; } .wp-caption p.wp-caption-text { margin: 0; padding: 8px; font-size: 1em; line-height: 17px; } /* Gallery */ .gallery { padding: 40px 0 40px 0; width: 100%; } .gallery-item { width: 33.333333%; text-align: center; } .gallery img { margin: 0 5% 0 5%; width: 90%; height: auto; border: none!important; } .gallery-caption { width: 90%;margin:10px 0 0 0;} /*-------------------------- Sidebar --------------------------*/ .sidebar{width:30%;} .widget{padding:40px;} .widget ul{padding: 0;list-style-type: none;} .widget ul li a{text-decoration: none;display: block;border-bottom: 1px solid #eee;padding:10px 15px} .widget_search label{display: none;} footer { background-color: #3a3a3a; color: #fff; } footer .copyright{padding: 40px 0;text-align: center;} footer .copyright a{color: #fff;} footer .footer-right {padding: 20px 0;} footer .footer-right h5 { font-weight: 500; text-transform: uppercase; font-size: 16px; padding-left: 5px;} footer .footer-right img{width: 150px;display: block;} /*-------------------------- Desktop --------------------------*/ @media (max-width: 1920px) { /*Home*/ .width-wrap{max-width: 1440px;} .header__menu .menu-item a{font-size: 21px;line-height: 21px;} .header__logo{height: 60px!important;} .absolute-hero h1, .claim h2, .alano h2{font-size: 50px;} .absolute-hero p{max-width: 530px;} .claim h3, #taglie h2, .alano h3, .left-titolo h3, .newsletter-left h3, .contatti-left h3, .contatti-right h5, #tutorial-prodotto ul li h4{font-size: 32px;line-height: 42px;} .nuvoletta-testo h4{font-size: 24px;line-height: 34px;} .nuvoletta-testo p{margin: 10px 0;} .absolute-hero p, .newsletter-left p, .contatti-left>p, .contatti-right p { font-size: 21px; line-height: 31px;} #tutorial ul li h4{font-size: 24px;line-height: 34px;} #tutorial ul li p { font-size: 18px; line-height: 28px;} .single-product #primary, .home-content, .woocommerce-cart .content, .woocommerce-checkout .content, .woocommerce-account .content,.pt-header {margin-top: 220px;} #taglie img{height: 450px;} #taglie>div{background-size: 300px;background-position: bottom 0% right 10%;} /*Shop*/ #info-prodotto .nuvoletta-wrap { margin-top: -100px; } } /*-------------------------- Desktop --------------------------*/ @media (max-width: 1440px) { .header__menu .menu-item a{font-size: 18px;line-height: 18px;} .header__logo{height: 40px!important;} .absolute-hero h1,.claim h2, .alano h2, #taglie-prodotto h2, .woocommerce div.product .product_title{font-size: 40px;} .absolute-hero p, .newsletter-left p, .contatti-left>p, .contatti-right p { font-size: 18px; line-height: 28px; } .absolute-hero p { max-width: 440px; } .claim{padding: 60px 0;} .claim img{padding-top: 40px;} #taglie>div{background-image: none;padding: 60px;} #taglie img { height: 400px; position: relative; bottom: unset; left: 0; right: 0; margin: 0 auto; } .testo-claim{margin-bottom: 0;} #guinzagli ul li{padding: 0;} .left-titolo { width: 100%; display: flex ; align-items: center; align-content: center; padding-top: 60px;} .lunghezze{width: 50%;margin: 0 auto;} .nuvoletta-wrap{width: 70%;} /*SHOP*/ #info-prodotto .left-titolo { flex-wrap: wrap; padding-top: 0;} #info-prodotto .left-titolo p{margin-bottom: 0;} } @media (max-width: 1180px) { .header__menu .menu-item{width: 85px;margin: 0 10px;} #tutorial ul li { width: 50%; padding: 40px;} #tutorial ul li.sfalsata { padding-top: 40px; } #tutorial ul li p{font-size: 18px;} /*Prodotto*/ #tutorial-prodotto ul li { width: 50%; padding: 40px;} #tutorial-prodotto ul li.sfalsata { padding-top: 40px; } #tutorial-prodotto ul li p{font-size: 18px;} } /*-------------------------- Tablet --------------------------*/ @media (max-width: 998px) { .mobile-cart{display: block;} .mobile-cart ul { display: flex ; flex-wrap: wrap; justify-content: space-between; gap: 10px; list-style-type: none; padding: 0; } .icona{display: none!important;} .btn{font-size: 14px;margin: 0;} .p-0-60{padding: 0 20px;} .top-bar{padding: 20px 0;} .header__menu { width: 80%; overflow: hidden; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; position: fixed; top: 0; bottom: 0; height: 100vh; background: #fff; left: 0; z-index: 9; transform: translateX(-100%); display: flex ; flex-wrap: wrap; align-content: flex-start; flex-direction: column; justify-content: center; text-align: left; padding-left: 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);} .header__menu .menu-item { margin: 0; width: 100%; height: auto; padding: 20px; } .header__menu .menu-item a{color: #393b39;} .header__menu .menu-item.current-menu-item:after{display: none;} .header__menu .menu-item.icona{margin: 0;} .header__icon-bar {display: block; position: relative; width: 24px; height: 60px; transition-duration: 0.5s;z-index: 11;} .header__icon-bar .icon-left { transition-duration: 0.5s; position: absolute; height: 3px; width: 12px; top: 50%; transform: translateY(-50%); background-color: #dd791f;} .header__icon-bar .icon-left:before { transition-duration: 0.5s; position: absolute; width: 12px; height: 3px; background-color: #dd791f; content: ""; top: -8px;margin: 0;} .header__icon-bar .icon-left:after { transition-duration: 0.5s; position: absolute; width: 12px; height: 3px; background-color: #dd791f; content: ""; top: 8px;} .header__icon-bar .icon-left:hover { cursor: pointer;} .header__icon-bar .icon-right { transition-duration: 0.5s; position: absolute; height: 3px; width: 12px; top: 50%; transform: translateY(-50%); background-color: #dd791f; left: 11px;} .header__icon-bar .icon-right:before { transition-duration: 0.5s; position: absolute; width: 12px; height: 3px; background-color: #dd791f; content: ""; top: -8px;margin: 0;} .header__icon-bar .icon-right:after { transition-duration: 0.5s; position: absolute; width: 12px; height: 3px; background-color: #dd791f; content: ""; top: 8px;} .header__icon-bar.open .icon-left { transition-duration: 0.5s; background: transparent;} .header__icon-bar.open .icon-left:before {transform: rotateZ(45deg) scaleX(1.4) translate(2px, 2px); -webkit-transform: rotateZ(45deg) scaleX(1.4) translate(2px, 2px); -moz-transform: rotateZ(45deg) scaleX(1.4) translate(2px, 2px); -o-transform: rotateZ(45deg) scaleX(1.4) translate(2px, 2px); -ms-transform: rotateZ(45deg) scaleX(1.4) translate(2px, 2px); } .header__icon-bar.open .icon-left:after { transform: rotateZ(-45deg) scaleX(1.4) translate(2px, -2px); -webkit-transform: rotateZ(-45deg) scaleX(1.4) translate(2px, -2px); -moz-transform: rotateZ(-45deg) scaleX(1.4) translate(2px, -2px); -o-transform: rotateZ(-45deg) scaleX(1.4) translate(2px, -2px); -ms-transform: rotateZ(-45deg) scaleX(1.4) translate(2px, -2px); } .header__icon-bar.open .icon-right { transition-duration: 0.5s; background: transparent;} .header__icon-bar.open .icon-right:before { transform: rotateZ(-45deg) scaleX(1.4) translate(-2px, 2px); -webkit-transform: rotateZ(-45deg) scaleX(1.4) translate(-2px, 2px); -moz-transform: rotateZ(-45deg) scaleX(1.4) translate(-2px, 2px); -o-transform: rotateZ(-45deg) scaleX(1.4) translate(-2px, 2px); -ms-transform: rotateZ(-45deg) scaleX(1.4) translate(-2px, 2px); } .header__icon-bar.open .icon-right:after { transform: rotateZ(45deg) scaleX(1.4) translate(-2px, -2px); -webkit-transform: rotateZ(45deg) scaleX(1.4) translate(-2px, -2px); -moz-transform: rotateZ(45deg) scaleX(1.4) translate(-2px, -2px); -o-transform: rotateZ(45deg) scaleX(1.4) translate(-2px, -2px); -ms-transform: rotateZ(45deg) scaleX(1.4) translate(-2px, -2px); } .header__icon-bar:hover { cursor: pointer;} .show-menu{transform: translateX(0);} .header__menu .menu-item a{font-size: 18px;} .single-product #primary, .home-content, .woocommerce-cart .content, .woocommerce-checkout .content, .woocommerce-account .content,.pt-header {margin-top: 138px; } .absolute-hero{left: 60px;} .absolute-hero p{margin-top: 40px;} .absolute-hero h1, .claim h2, .alano h2, .woocommerce div.product .product_title { font-size: 36px; } .claim h3, #taglie h2, .alano h3, .left-titolo h3, .newsletter-left h3, .contatti-left h3, .contatti-right h5, #tutorial-prodotto ul li h4 { font-size: 24px; line-height: 34px; } .left-titolo { flex-wrap: wrap; justify-content: center; text-align: center; padding: 20px;} .lunghezze { width: 80%; margin: 20px auto; } .nuvoletta-wrap { width: 90%; } .nuvoletta-testo{width: 80%;} .newsletter-wrap{justify-content: center;text-align: center;align-content: center;padding: 20px; min-height: 450px;margin: 20px 0;} .newsletter-left{width: 100%;} .newsletter-left p{margin: 20px auto;width: 100%;} .newsletter-right{width: 100%;} .newsletter-right:after{display: none;} .newsletter-right img{display: none;} .wpcf7 p {justify-content: center; margin-top: 20px;} .contatti-left{order: 1;} .contatti-left>p{margin: 20px auto;} .contatti-left, .contatti-right{width: 100%;padding: 20px;} .contatti-right { background-color: #9faa11; margin-bottom: 20px; } .contatti-right h5{margin-top: 0;} .contatti-right h5:last-of-type{margin-top: 20px;} .claim { padding: 20px 0; } #taglie{padding: 0 20px;min-height: auto;} #taglie>div{margin: 20px auto;} #tutorial ul, #guinzagli ul, #tutorial-prodotto ul{padding: 20px;} .alano {padding: 20px;} #taglie-prodotto h2{font-size: 36px;} .wpcf7 p input[type="submit"]{width: auto;} footer .copyright{padding: 20px 0;} .single-product #primary{padding-top: 20px;} .woocommerce .woocommerce-breadcrumb { padding: 20px 0; } .woocommerce div.product .woocommerce-tabs .panel, .top-custom-prodotto{padding: 20px;margin-bottom: 20px;} #info-prodotto .left-titolo{padding: 20px;} #info-prodotto .left-titolo p{font-size: 18px;line-height: 28px;} #info-prodotto .nuvoletta-wrap { margin-top: 0; } #taglie-prodotto { padding: 20px;} #taglie-prodotto .testo-claim { align-items: center; align-content: center; width: 100%; } .faq-container{padding: 20px;} .faq-title .arrow { padding: 0; width: 40px; height: 40px; display: flex ; flex-wrap: wrap; justify-content: center; align-content: center; align-items: center; } #guida-taglie{padding: 20px;} #guida-taglie h2 { padding: 20px 0; font-size: 18px; } .tabella-head ul li span{font-size: 16px; width: 150px;} .tabella-row-left img{width: 60px;} .left-wrap{padding: 20px;} .faq-title{font-size: 18px;} .wp-block-woocommerce-cart, .wp-block-woocommerce-checkout { padding: 20px; } .wc-block-cart .wc-block-cart__submit-container--sticky:before{background-color: #fff;} .page-id-12 .p-60, .page-id-265 .p-60, .page-id-254 .p-60, .page-id-259 .p-60{padding: 20px!important;} .woocommerce-account .content{padding-top: 20px;} } /*-------------------------- Smartphone --------------------------*/ @media (max-width: 782px) { p{font-size: 1em;} .custom-product-rating{font-size: 14px;} #guinzagli ul{justify-content: center;} #guinzagli ul li{width: 50%;padding: 40px 0;} #guinzagli ul li img { padding: 0 20px; width: 50%;} .alano img{left: -80px;} .nuvoletta-testo h4 { font-size: 18px; line-height: 28px; } .nuvoletta-testo a{font-size: 16px;} #taglie>div { min-height: auto; padding: 40px 20px; } #taglie img{width: 100%;height: auto;} .green-strip{padding: 20px;} .nuvoletta{width: 80%;} .jackrussell img.jackrussell-img{width: 20%;} .absolute-hero h1, .claim h2, .alano h2, .woocommerce div.product .product_title, #taglie-prodotto h2 { font-size: 21px; line-height: 31px;} .absolute-hero p, .newsletter-left p, .contatti-left>p, .contatti-right p { font-size: 16px; line-height: 24px; } .absolute-hero p { margin-top: 20px; } .claim h3, #taglie h2, .alano h3, .left-titolo h3, .newsletter-left h3, .contatti-left h3, .contatti-right h5, #tutorial-prodotto ul li h4 { font-size: 18px; line-height: 24px; } #tutorial ul li { width: 100%; padding: 20px; } #tutorial ul li.sfalsata { padding-top: 20px; } #tutorial ul li h4{font-size: 18px; line-height: 28px;} #tutorial ul li p { font-size: 16px; line-height: 24px;} #tutorial-prodotto ul li { width: 100%; padding: 20px; } #tutorial-prodotto ul li.sfalsata { padding-top: 20px; } #tutorial-prodotto ul li h4{font-size: 18px; line-height: 28px;} #tutorial-prodotto ul li p { font-size: 16px; } .absolute-hero { left: 40px; right: 40px; } .claim img { padding-top: 20px; } .top-bar p{display: none;} #info-prodotto .left-titolo p { font-size: 16px; line-height: 24px; } .woocommerce .woocommerce-breadcrumb{font-size: 16px;} #taglie-prodotto h2{text-align: center;} .price{font-size: 1em!important;} .woocommerce div.product form.cart .button{font-size: 16px;} } @media (max-width: 480px) { .logo{width: 175px;} .header__logo {width: 175px; height: auto !important; } input, textarea, select, button { font-size: 16px; padding: 10px !important; } .absolute-hero h1, .claim h2, .alano h2, .woocommerce div.product .product_title, #taglie-prodotto h2 { font-size: 18px; line-height: 28px; } .absolute-hero h1{ width: 100%; text-align: center; } #guinzagli ul li{width: 100%;} section#hero img { height: 350px; object-fit: cover; object-position: top; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; } #tirare{background: none;min-height: auto;} .claim img{width: 100%;} .alano img{left: -60px;top: -60px;} .nuvoletta { width: 100%; } .nuvoletta-testo { width: 100%; } .nuvoletta-testo { position: relative; top: 0; left: 0; transform: none; color: #fff; text-align: center; background: #dd791f; padding: 40px 20px; border-radius: 100px; } .nuvoletta-testo:after { content: ''; width: 0px; height: 30px; border-top: solid 30px #dd791f; border-left: solid 20px transparent; border-right: solid 20px transparent; position: absolute; bottom: -60px; left: 0; right: -60px; margin: 0 auto; } .nuvoletta img{display: none;} .jackrussell img.jackrussell-img { width: 50%; padding-top: 30px; margin: 0 auto; } .absolute-hero p { max-width: 100%; } #taglie .testo-claim { align-items: center; align-content: center; margin: 0 auto;} #taglie h2{text-align: center;} #taglie h3 { font-size: 16px; } .lunghezze{width: 100%;} #guinzagli ul li{padding: 20px 0;} #guinzagli ul li img{width: 60%;} .tabella-head ul li span { font-size: 14px; width: 80px; padding: 10px 0; } .tabella-head .w-50 { width: 40%; } .tabella-head .w-25:first-of-type { width: 35%; } .tabella-row{padding: 20px 0;} .tabella-row-left img{width: 40px;margin: 0;} .left-wrap{padding: 20px 10px;padding-left: 0;text-align: left;} .tabella-row-left{width: 35%;} .tabella-row-center { width: 40%; } .wpcf7 p .wpcf7-form-control-wrap, .wpcf7 p .wpcf7-form-control-wrap[data-name="your-message"] { width: 100%; margin: 0; } .footer-left{order: 1;margin: 0 auto;} .footer-right { padding-top: 20px; margin: 0 auto; } footer .copyright, footer .footer-right h5{font-size: 14px;} .wpcf7 p .wpcf7-form-control-wrap[data-name="acceptance"]{width: 100%;padding: 0;} .woocommerce div.product form.cart .variations select{font-size: 13px;color: #393b39!important;} .woo-variation-swatches .variable-items-wrapper{margin-top: 20px;} .woo-variation-swatches .variable-items-wrapper:after { padding: 0px 0px; max-width: 200px; font-size: 16px; } .woo-variation-swatches .variable-items-wrapper:before{margin-top: 32px;} .woocommerce .quantity .qty { width: 100% !important; padding: 0 !important; } .woocommerce div.product .woocommerce-tabs ul.tabs{padding: 0;} .woocommerce div.product .woocommerce-tabs ul.tabs li a{padding: 10px;} .woocommerce div.product .woocommerce-tabs ul.tabs li::before, .woocommerce div.product .woocommerce-tabs ul.tabs li::after{display: none;} .woocommerce #reviews #comments ol.commentlist{padding: 0;} .woocommerce table.shop_attributes th{width: auto;} }