/*
Theme Name: Catana Child
Theme URI: http://demo.theme-sky.com/catana/
Author: Theme Sky Team
Author URI: http://theme-sky.com/
Description: A Premium and Responsive WordPress theme, designed for E-Commerce websites
Template: catana
Version: 1.0.0
License: GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, left-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: catana-child
*/

@tailwind base;
@tailwind components;
@tailwind utilities;

body{
    font-size:20px;
    line-height:28px;
}
.page-container :is(h2,h3,h4) {
    font-size:1.4em;
    line-height:1.2;
    margin-bottom: 12px;
    font-weight: 600;
    letter-spacing: normal;
}

:root {
    --nero: #182F38;
    --verde: #699B94;
    --azzurro:#B3CED8;
    --azzurro2:#DAE9EF;
    --blu:#007BA5;
    --bianco: #F7F6ED;
}
.testo-bianco h2 {
    color:var(--bianco)!important;
}
#left-sidebar, #right-sidebar, #main-content, .single-post .page-container > .entry-format, .single-navigation, .ts-pagination {
    padding:0!important
}
#main > .page-container {
    width:auto!important;
    margin:0!important;
    padding:0!important
}
.breadcrumb-title-wrapper.breadcrumb-v1 .heading-title {
    letter-spacing: normal;
}


p:not(:last-child) {
    margin-bottom:16px
}

ul li {
    padding-top:0;
    list-style-position:outside;
    margin-left:1em
}

/* breadcrumb */
.breadcrumb-title-wrapper {
    padding:0;
    background-color:transparent!important
}

.breadcrumb-title-wrapper.breadcrumb-v1 .heading-title {
    padding-bottom:0;
    bordeR:none;
    font-size:14px;
    line-height:22px;
    margin-bottom:0;
    text-align: left;
    font-weight: 600;
}

.breadcrumb-title-wrapper .breadcrumb-content {
    padding-left:0;
    padding-right:0;
}
.breadcrumbs-container > span:not(.current) {
    margin:0
}
.breadcrumbs-container {
    font-size:14px;
    line-height:22px;

}
.breadcrumbs-container  a {
    text-decoration: underline;
}
.list-posts .entry-content >  .entry-meta-top {
    display:none!important
}
.page-seo p {
    font-size:14px;
    line-height:17px;
}

.box-contattaci {
    transition:transform .5s ease-out
}
.box-contattaci.active {
    transform: translateX(0) !important;
}
.box-contattaci-overlay{
    position:fixed;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    display:none;
z-index:9998;
cursor:pointer;
}
.box-contattaci-overlay.active {
    display:block;
}


@media (max-width:767px) {
    .ts-header .container, .footer-container .container, .breadcrumb-title-wrapper .breadcrumb-content {
        padding-lefT:0!important;
        padding: 0!important;
    }
    .breadcrumbs-container {
        text-align: left!important;
        margin-top:12px
    }
    .breadcrumb-title-wrapper {
        padding-top:0!important;
        padding-bottom:0!important
    }
}
@media (min-width:768px) {

    .page-container .breadcrumb .mt-\[12px\] h2 {
        font-size:40px;
        line-height: 50px;
    }

    .breadcrumb-title-wrapper.breadcrumb-v1 .heading-title, .breadcrumb-title .breadcrumbs {
        width:50%;
        float:left;
    }
    .breadcrumb-title-wrapper.breadcrumb-v1 .heading-title {
        padding-right:20px
    }
    .breadcrumb-title:after {
        content:'';
        display:block;
        clear:both
    }
    .breadcrumbs-container {
        text-align: right;
    }
    .rete {
        text-align: right;
    }
}

@media (min-width:1024px) {
    .rete {
        width:calc(100% - 319px)
    }
}
/* header */

.ts-header .menu-wrapper nav > ul > li a:after {
    display:none!important;
}
.sticky-wrapper {
    height:auto!important
}
header .logo-wrapper {
    height:70px
}
header .logo img, header .logo-header img, .ts-single-image.logo img, .ts-sidebar-content .logo img, .footer-container .logo img {
    width:Auto!important;
    height:36px
}

.menu-right .ts-menu {
    float:none
}
.ts-header .menu-wrapper {
    display:flex;
    align-items:center;

}
.layout-fullwidth .ts-header .container {
    padding-left:2.5vw!important;
    padding-right:2.5vw!important;
    display:flex;
    align-items: center;
}
.header-sticky > .container {
    display:flex;
    align-items:center;
}
.header-v6 .header-template.hidden-cart.show-search .header-middle .header-right, .header-v6 .header-template.hidden-search.show-cart .header-middle .header-right{
    width:auto!important;
}
header .menu-wrapper .ts-menu {
   
    text-align:center;
    margin:0 auto;
    display:flex;
    align-items: center;
}
header .menu-wrapper .ts-menu  .main-menu,.search-sidebar-icon {
    display:inline-block;
}
.header-sticky .container > .logo-wrapper {
    display:flex;
    align-items:center
}
.header-container .sticky-wrapper.is-sticky .header-sticky > .container {
    padding-top:0;
    padding-bottom:0
}
.header-container .sticky-wrapper.is-sticky .header-sticky .logo-wrapper {
    height:70px
}
.header-social {

    margin-left: 30px;
    margin-right:16px;
}

.ts-header .menu-wrapper nav > ul > li > a {
    font-size: 14px;
    font-weight: 600;
}
.search-button .icon:before, form .search-button:before, .widget_product_search > form:before, body .select2-search--dropdown:before {
    content:'\e8b6';
    font-family: 'Material Symbols Outlined';
    transform:translateY(2px);
    display: inline-block;
}
.ts-header .menu-wrapper nav > ul > li > a {
    color:var(--nero);
}
.ts-header .menu-wrapper nav > ul > li:hover > a {
color:var(--blu)
}
.ts-header .menu-wrapper nav > ul li ul.sub-menu > li:hover a {
    color:var(--bianco);
    text-decoration: underline;
}
.ts-group-meta-icon-toggle .icon:before {
    content:'\e5d2';
    font-family: 'Material Symbols Outlined';
    font-size:30px;
    display:block;
}
.header-middle {
    background-color:#F8FBFC!important
}
article.single .theme-title .heading-title {
    border:none!important
}
.blogs.related h4 {
    font-size:20px!important
}
.search div#main{
    width:95%;
    margin:70px auto
    }
    .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu {
        display:block;
        border:none;
    }
    .wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu a {
        border:none;
        background:transparent;
        color: Var(--bianco)!important;
        font-size:14px
    }
.search .blog-template .search-wrapper .search-button input{
 background:var(--nero)  ;
 color:vaR(--bianco);
 border-radius:16px;
 margin-top:12px;
}
.wpml-ls-legacy-dropdown ul.wpml-ls-sub-menu:before {
    background-color:var(--nero)!important;
    border-radius:20px;
    border:1px solid var(--bianco)
}
.search .entry-meta-top {
    display:none
}
.header-v6 .ts-header .wpml-ls-legacy-dropdown > ul > li.wpml-ls-current-language > a {
    font-size:14px
}
.ts-floating-sidebar.full-screen.active {
    z-index:9999999999
}
@media(min-width:991px) {
    .ts-header .menu-wrapper {
        display:flex;
        align-items: center;
        height:70px;
    }
    .ts-menu-drop-icon {
        top:50%;
        transform:Translatey(-50%)
    }
    .menu-right .ts-menu {
        height:70px
    } 
  
    .ts-header .menu-wrapper nav > ul li ul.sub-menu {
        padding:30px 32px 24px 12px;
 
    }
    .ts-header .menu-wrapper nav > ul li ul.sub-menu:before {
       
        border-radius: 20px;
        
        background:var(--nero);
        border:1px solid var(--bianco)!important;
        top:6px

    }
    .ts-header .menu-wrapper nav > ul li ul.sub-menu li{
        color:var(--bianco);
        font-size:14px;
        
    }
    .ts-header .menu-wrapper nav > ul > li > a {
        padding:0;
    }
    .ts-header .menu-wrapper nav > ul > li  {
        line-height: 70px;
    }
   
}
@media (min-width:768px){
    .header-right .a-contattaci {
        color:var(--bianco)!important;
        display:inline-block;
    }
}
@media (max-width:990px) {
    .search div#main{
        width:86.8%;
        }
    .header-middle div.header-right > div.search-sidebar-icon {
        position:relative;
transform:none
    }
     .header-v6 .header-template.hidden-cart.show-search .header-middle .header-right {
        display:flex;
        align-items:center;
        justify-content:flex-end
    }
    .search-button .icon:before, .search-sidebar-icon .icon:before {
        font-size:24px;
        display: block;
    }
    #ts-search-sidebar .search-field input[type="text"] {
        background:var(--bianco)
    }
    .layout-fullwidth .ts-header .container {
        padding-left:6.6vw!important;
        padding-right:6.6vw!important;
    }
     .ts-floating-sidebar .ts-sidebar-content {
        background:var(--nero)!important;
    }
    .ts-sidebar-content .logo img {
        display:none;
    }
    .ts-floating-sidebar .ts-sidebar-content {
        z-index:999999999
    }
    .mobile-menu-wrapper .mobile-menu >ul > li > a,.mobile-menu-wrapper .mobile-menu >ul > li.current-menu-item > a {
        color:var(--bianco)!important;
        font-size:28px;
        line-height:1;
        font-weight:600;
    }
    .mobile-menu .ts-menu-drop-icon:before,.mobile-menu-wrapper .mobile-menu li.current-menu-item > .ts-menu-drop-icon,.ts-floating-sidebar .close,.mobile-menu-wrapper .mobile-menu li li a,.mobile-menu-wrapper .mobile-menu li.current-page-ancestor > .ts-menu-drop-icon{
        color:var(--bianco)!important;
    }
    #group-icon-header .group-button-header.visible-phone {
        border:none;
    }
   
    .mobile-menu-wrapper nav > ul > li > ul.sub-menu {
        padding-left:0
    }
    .layout-fullwidth .ts-header .container >div,.header-v6 .header-template.hidden-cart.show-search .header-middle .header-right {
        width:50%!important;
    }
    .mobile-menu .ts-menu-drop-icon {
        top:20px!important;
    }
    .box-contattaci {
        transform: translatey(100%) !important;
    }
    .box-contattaci.active {
        transform: translatey(0) !important;
    }
}


@media (min-width:1024px) {
    .ts-header .menu-wrapper {
        width:calc(100% - 341px);
        text-align:center;
    }

}





/* form nel footer */

.wpcf7 p input[type="text"], .wpcf7 p input[type="email"],.wpcf7 p input[type="tel"], .wpcf7 p select, .wpcf7 p textarea {
    background-color:#fff;
    border:none!important;
    box-shadow:none!important;
    padding:15px 22px;
    font-size:14px;
    
}
.wpcf7-list-item {
    margin-left:0;
}
.wpcf7 p label {
    font-size:14px;
    font-weight:600;
    padding:0
}
.wpcf7 p {
    font-size:14px
}
.wpcf7 p a{
    text-decoration:underline;
}
.wpcf7 input.wpcf7-submit {
    border-radius:20px;
    background-color:var(--nero);
    color:var(--bianco);
    padding:14px 40px;
    bordeR:none;
    font-weight:600;
    text-transform: none;
    margin-top:0
}

.wpcf7 .wpcf7-submit:hover {
    color:var(--nero);
    background-color:var(--bianco)
}
.footer-container h2 {
    color:var(--bianco)!important;
    font-size:28px;
    line-height:34px
}
.footer-container a {
    text-decoration:underline
}


/* articolo */
.single #main > .page-container {
    background-color:transparent!important;

}
.sigle #content {
    min-height:0;
}



.single .breadcrumb-title .breadcrumbs {
width:Auto;
float:none;

}
.single .breadcrumbs-container,.single .breadcrumbs-container a,.single .breadcrumbs-container span {
    text-align: left;
    color:var(--bianco)!important
}
.single .entry-content h2, .single .entry-content h3 {
    color:var(--bianco)
}
.single .entry-content img {
    width:100%;
    display:block
}
.single .entry-title {
    font-size:32px;
    line-height:40px;
    font-weight:600;
    margin-top:21px;
}
#main-content strong {
    font-weight: 600!important;
}
.wpcf7 p {
    margin-bottom:16px
}
.wpcf7 p label :is(input,textarea) {
    font-weight:400;
    color:var(--nero)
}
.wpcf7 p:nth-of-type(2) {
    margin-bottom:24px;
    margin-top:32px
}
.wpcf7 p:last-of-type {
    margin-bottom: 0;
}
.wpcf7 p br {
    display:none;
}
.wpcf7 .clearfix > div {
    margin-bottom: 16px;
}
br{
    margin: 0 0 0 0;
}
.wpml-ls-legacy-dropdown {
    width:auto;
    display:inline-block;
    margin-left:16px;
}
.header-v6 .ts-header .wpml-ls-legacy-dropdown > ul > li.wpml-ls-current-language > a {
    background:transparent;
    color:var(--nero);
    padding-right:27px
}
.header-v6 .ts-header .wpml-ls-legacy-dropdown > ul > li.wpml-ls-current-language > a {
    border:none!important
}

body.logged-in header.ts-header.has-sticky{
    top:32px
}
.ts-header .menu-wrapper nav > ul > li > a,.ts-header nav li {
    text-transform:none!important
}
#wpadminbar {
    z-index: 999999999;
}

.single p strong {
    color: var(--bianco)!important;
}
@media (min-width:768px) {
   
    .wpcf7 .clearfix:nth-of-type(3) > div {
        margin-bottom: 0;
    }
}
@media (max-width:767px) {
    .thumbnail{
        margin-bottom: 0;
    }
    body.single-post .page-container #main-content {
        margin-top:0!important
    }
    .wpcf7 .clearfix:nth-of-type(3) > div:last-child {
        margin-bottom: 0;
    } 
    body.header-v6{
        font-size:16px;
        line-height:24px;
    } 
    .page-container :is(h2,h3,h4) {
        font-size:24px;
    }
    .header-container .sticky-wrapper.is-sticky .header-sticky > .container {
        padding-left:6.6%!important;
        padding-right:6.6%!important;
    }

    .wpcf7 .clearfix:nth-of-type(2) {
        padding-bottom: 8px;
    }
    .wpcf7 p textarea {
        min-height:200px
    }
    .footer-container h2 {
        font-size:24px
    }
}
.ts-header.has-sticky {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:999999
}
body div#main {
    padding-top:70px;
}
body.contattaci-active {
    overflow: hidden;
    height:100vh
}
/* cerca */

#ts-search-sidebar .search-field input[type="text"] {
    border:1px solid var(--blu)!important;
    box-shadow:none!important;
    padding:14px
}
.ts-sidebar-content .search-button, form .search-button:before {
    height:100%;
    width:40px;
}
form .search-button:before {
    line-height:54px;
    text-align: center;
}