/*
 Theme Name:   CarloCorsiTattoo
 Theme URI:    http://webgatha.potenzaglobalsolutions.com
 Description:  WebGatha Child Theme
 Author:       TeamWP @Potenza Global Solutions
 Author URI:   http://www.potenzaglobalsolutions.com
 Template:     webgatha
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         one-column, two-columns, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, e-commerce, blog, grid-layout
 Text Domain:  carlocorsitattoo
*/
@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: 400;
    src: url(font/webfonts/fa-brands-400.eot);
    src: url(font/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(font/webfonts/fa-brands-400.woff2) format("woff2"),url(font/webfonts/fa-brands-400.woff) format("woff"),url(font/webfonts/fa-brands-400.ttf) format("truetype"),url(font/webfonts/fa-brands-400.svg#fontawesome) format("svg")
}
#masthead{
    z-index: 999!important;
}
.device-type-mobile .site-header .site-title img {
    max-height: 80px;
}
.page-header.header-intro.header_intro_bg-image:after{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    background: url('img/bgTitle.png') no-repeat;
    background-position: center bottom;
    background-size: auto 100%;
    background-repeat: repeat-x;
    height: 70px;
    width: 100%;
}
.site-header.header-above-content+.site-content .page-header.header-intro {
    padding-top: 5%;
}
.vc_row{
    padding-top:40px;
    padding-bottom: 40px;
}
.vc_inner{
    padding-top:20px;
    padding-bottom: 20px;
}
.header_intro_opacity::before {
    mix-blend-mode: multiply!important;
}
body{
    /*--primary: #cda434;*/
    --primary: #f3c242;
}
.site-header .site-title img, .site-header .sticky-site-title img{
    filter: brightness(0) invert(1)!important;
}
.read-more .blog-read-more{
    color:  var(--primary);
    border-color:  var(--primary);
}
.txtGold{
    color:  var(--primary);
}
.bgGold{
    background:  var(--primary);
}
.fontSec{
    font-family: Kodchasan, serif;
}
.bgBlack{
    background: black;
}
.page-header .entry-title{
    color: var(--primary)!important;
    font-size: 70px;
}
.txtBlack,
a.txtBlack,
.txtBlack:hover
.txtBlack .webgatha-list-info,
.txtBlack h3,
.txtBlack h4 {
    color: #333;
}
.txtBlack .webgatha-list-info{
    color: #333!important;
}
.wpcf7-tel{
    width: 100%;
    padding: 13px 15px;
    font-size: 14px;
    outline: 0;
}
form.wpcf7-form input {
    height: auto!important;
}
span.wpcf7-list-item-label {
    display: inline!important;
    vertical-align: top!important;
    line-height: 1.2!important;
}
.wpcf7-submit{
    font-size: 18px;
}
.wpcf7-submit:hover{
    color: #333;
}
.footerContact .wpcf7-submit{
    background: #333!important;
    border: 2px solid var(--primary);
}
.footerContact .wpcf7-submit:hover{
    background:  var(--primary)!important;
    border-color: #333!important;
}
.site-footer .footer-social_profile a{
    color: var(--primary)!important;
    border: 2px solid var(--primary);
    border-radius: 3px;
    padding: 0px!important;
    width: 40px!important;
    height: 40px!important;
    line-height: 40px!important;
    margin: 5px 7px;
    display: inline-block;
    text-align: center;
}
.site-footer .footer-social_profile a i{
    font-size: 20px!important;
    line-height: 25px!important;
}
.site-footer .footer-social_profile:hover a{
    background: white;
}
.showOverflow{
    overflow: visible!important;
    z-index: 10!important;
}
.showOverflow .vc_inner{
    overflow: visible!important;
}
.gallery-lightbox{
    padding: 0;
    margin: 30px 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr); 
    gap: 20px;
    list-style: none;
}

.gallery-lightbox li {
    display: block;
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
}

.gallery-lightbox img {
    width: 100%; /* Adatta le immagini alla larghezza del contenitore */
    height: auto; /* Mantieni le proporzioni */
    border-radius: 5px; /* Aggiungi angoli arrotondati, se desiderato */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.gallery-lightbox img:hover {
    transform: scale(1.05); /* Ingrandisci leggermente l'immagine al passaggio del mouse */
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); /* Aggiungi un'ombra al passaggio del mouse */
}
.portfolio-section .portfolio-style-14 .portfolio-overlay .portfolio-content{
    width: 100%!important;
}
.portfolio-section .portfolio-style-14 .portfolio-overlay .portfolio-content .entry-title a{
    width: 100%!important;
    padding: 15px!important;
    display: block!important;
}
.portfolio-section .portfolio-style-14 .portfolio-item .portfolio-overlay{
    background: rgba(0, 0, 0, .6);
    padding: 0!important;
}
.portfolio-section .portfolio-style-14 .portfolio-item:hover .portfolio-content{
    transform: translate(10px, -10px);
    transition: transform 0.5s ease; 
}
.portfolio-section .portfolio-item .portfolio-img{
    position: relative;
}
.blog-post-style-8 .blog-post-read-more a,
.blog-post-style-8 .blog-post-title .blog-title a{
    color: #131313!important;
}
.blog-post-style-8 .blog-post-read-more:hover a,
.blog-post-style-8 .blog-post-title .blog-title:hover a{
    color: var(--primary)!important;
}
.blog-post-style-8 .blog-post-title .blog-title a{
    font-size: 22px!important;
}
.rigaA{
    z-index: 100!important;
}

.fa-tiktok:before{
    content: "\e07b";
}
.menu-root-jfskDFf5dK2gDdff .menu-wrapper{
    background: white!important;
}
.menu-root-jfskDFf5dK2gDdff .menu-list{
    padding-bottom: 0!important;
    margin-bottom: -20px!important;
}
.menu-root-jfskDFf5dK2gDdff .by-line,
.menu-root-jfskDFf5dK2gDdff .menu-wrapper .by-line{
    display: none!important;
    opacity: 0!important;
    z-index: -1!important;
}
.paddingRowHome{
    padding-top: 15%!important;
    padding-bottom: 15%!important;
}
.iubenda-tp-alert-btn[data-tp-float][data-tp-float=bottom-right], .iubenda-tp-alert-btn[data-tp-float][data-tp-float=top-right], .iubenda-tp-btn[data-tp-float][data-tp-float=bottom-right], .iubenda-tp-btn[data-tp-float][data-tp-float=top-right], .iubenda-uspr-btn[data-tp-float][data-tp-float=bottom-right], .iubenda-uspr-btn[data-tp-float][data-tp-float=top-right]{
    left: 0!important;
    width: 34px!important;
    right: unset!important;
}
@media screen and (min-width:769px) {
    .showOverflow  h2{
        font-size: 40px!important;
    }
    .abbondanza{
        margin-left: -120px!important;
        margin-bottom: -160px!important;
        margin-top: -240px!important;
        z-index: -1!important;
    }
    .showOverflow .rigaA{
        padding-top: 150px!important;
        
    }
    .site-info .col-lg-6.col-md-6.pull-left{
        max-width: 70%!important;
        flex: 0 0 70%;
    }
    .site-info .col-lg-6.col-md-6.pull-right{
        max-width: 30%!important;
    }
    .paddingMobile{
        padding-top: 150px!important;
        padding-bottom: 80px!important;
    }
}
@media screen and (max-width:768px) {
    .gallery-lightbox{
        grid-template-columns: repeat(2, 1fr); 
    }
    #webgatha_breadcrumbs,
    .page-header .page-header-breadcrumbs{
        text-align: left!important;
    }
    .site-header.header-above-content+.site-content .page-header.header-intro {
        padding-top: 11%;
        height: 350px;
    }
    .portfolio-content-area.portfolio-with-space {
        margin-left: 0;
        margin-right: 0;
    }
    .paddingRowHome{
        padding-top: 22%!important;
        padding-bottom: 17%!important;
    }
    h1{
        font-size: 37px!important;
        line-height: 1.1!important;
    }
    h2{
        font-size: 31px!important;
        line-height: 1.1!important;
    }
    h3{
        font-size: 27px!important;
        line-height: 1.1!important;
    }
    .abbondanza{
        margin-top: 30px!important;
    }
    .paddingMobile{
        padding-top: 30px!important;
        padding-bottom: 30px!important;
    }
    .site-footer{
        padding-bottom: 60px!important;
    }
    .wpb_single_image .vc_figure{
        margin: 30px auto!important;
    }
}
@media screen and (max-width:480px) {
    .gallery-lightbox{
        grid-template-columns: repeat(1, 1fr); 
    }
}