/* 
Theme Name: Idexa25 Child
Theme URI: https://www.idexa.com
Description: Versione child del tema Idexa. 
Author: IdexaWeb
Author URI: https://www.idexaweb.com
Template: twentytwentyfive
Version: 1.0.0
Text Domain: idexa-web-child
*/


body {
    overflow-x: hidden;
    width: 100%;
}

html {
    scroll-behavior: smooth;
}

main#wp--skip-link--target {
    margin: 0px !important;
}

.wp-block-group.alignfull.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {
    padding: 0px !important;
}

sr7-module {
    margin: 0px !important;
}

sr7-txt#index-64-3 strong {
    font-weight: 900 !important;
    color: #ffffff !important;
}


.entry-content.alignfull.wp-block-post-content.has-global-padding.is-layout-constrained.wp-block-post-content-is-layout-constrained {
    margin: 0px !important;
}

.header-container.scrolled .logo img.logo-nero {
    display: block;
}

.header-container.scrolled .logo img.logo-bianco {
    display: none;
}

/* LOGO */

.custom-logo .logo {
    display: flex;
    align-content: center;
    align-items: center;
}

.logo-section .logo {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 10px;
}

.custom-logo .logo h2 {
    font-size: 24px;
    font-weight: 700;
    color: #fff !important;
    margin-left: 10px;
    text-transform: capitalize;
}


.logo img {
    width: 230px;
}

.logo img.logo-nero {
    display: none;
}

@media (max-width:768px) {
    .logo img {
        width: 220px;
    }
}



/* HEADER */

body.no-sticky {
    overflow: hidden;
}

header.wp-block-template-part {
    position: fixed;
    inset: 0 auto auto 0;
    width: 100%;
    z-index: 9999999;
}

.header-container {
    width: 100vw;
    margin-inline: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 24px;
    padding-right: 24px;
}

.header-container .nav-links {
    z-index: 999999;
    border-radius: 50px;
    padding: 0px;
    background: rgba(217, 217, 217, 0.05);
    box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(50px);

    right: 50px;
    position: relative;

}


.header-container .nav-links a {
    font-size: 22px;
    line-height: 60px;
    font-family: 'Inter';
    text-decoration: none;
    padding: 15px 15px;
    color: #1d1d1d;
}

sr7-module#index[data-current="64"] .nav-links a,
sr7-module#index[data-current="69"] .nav-links a,
sr7-module#index[data-current="71"] .nav-links a {
    color: #ffffff !important;
}

sr7-module#index[data-current="65"] .logo img.logo-nero {
    display: block;
}


.header-container .nav-links a:hover {
    color: #000000;
    background: #1a1a1a;
    background: rgb(68 68 68 / 5%);
    backdrop-filter: blur(300px);
}

.header-container .nav-links a:hover {
    outline: unset !important;
    outline-style: unset !important;
}

sr7-module#index[data-current="71"] .logo h2 {
    color: #1a1a1a !important;
}

.header-container .third-element {
    min-width: 155.41px;
}


#index-65-60>div.header-container>div.nav-links>a:nth-child(1) {
    border-radius: 50px 0px 0px 50px !important;
    padding-left: 28px;
}

#index-65-60>div.header-container>div.nav-links>a:nth-child(6) {
    border-radius: 0px 50px 50px 0px !important;
    padding-right: 28px;
}



a {
    text-decoration: none;
    font-weight: 500;
}


/* NAVIGATION */

.nav-pill {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: #e5e2dd;
    padding: 12px 26px;
    border-radius: 12px;
    display: flex;
    gap: 35px;
}

.nav-pill a {
    text-decoration: none;
    color: #222;
    font-weight: 500;
}

.nav-pill a:hover {
    opacity: 0.7;
}

.header-container,
.header-container h2,
.header-container a,
.header-container svg {
    transition: all .350s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.header-container.scrolled {
    background: color-mix(in oklab, #ffffff 84%, transparent);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--stroke);
}

.header-container.scrolled .nav-links a {
    background: #f5f2ee00;
}

.header-container.scrolled svg {
    stroke: #1a1a1a;
}

.header-container.scrolled a {
    color: #1a1a1a !important;
}

.header-container.scrolled h2 {
    color: #1a1a1a !important;
}



.go-to-slide {
    cursor: pointer;
}

/* MOBILE BUTTON */

.menu-toggle {
    flex-direction: column;
    gap: 5px;
    cursor: pointer;
}

.menu-toggle span {
    width: 26px;
    height: 3px;
    background: white;
    transition: 0.3s;
    margin-right: 12px;
    z-index: 9999999;
}

.scrolled .menu-toggle span {
    background: #1a1a1a;
}


/* MOBILE MENU */

.mobile-menu {
    position: fixed;
    inset: 0;
    background: #012f2a;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    transform: translateY(-100%);
    transition: 0.4s;
    z-index: 9999;
    opacity: 0;
    height: 0px;
    margin-top: 72px;
    flex-wrap: nowrap;
    align-content: center;
    z-index:-1!important;
}


.mobile-menu a {
    color: white;
    font-size: 24px;
    text-decoration: none;
    line-height: 28px;
    display: none;
}

.mobile-menu.active {
    transform: translateY(0);
    height: 280px;
    opacity: 1;
    z-index: 9999!important;
}

.mobile-menu.active a {
    display: block;
}


#index-65-60>div.mobile-menu.active>a:nth-child(1) {
    margin-top: 24px;
}



/* RESPONSIVE */

@media (max-width:900px) {

    .nav-links {
        display: none;
    }

    .menu-toggle {
        display: flex;
    }

    .logo-section {
        margin-left: 12px;
    }

    .header-container {
        padding: 12px 0px !important;
    }

}

.menu-toggle.active span:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
}

.menu-toggle.active span:nth-child(2) {
    opacity: 0;
}

.menu-toggle.active span:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
}




/* BUTTON */

.truecode-btn {
    transition: all .25s ease-in-out !important;
    cursor: pointer;
    border-bottom: 12px solid transparent !important;
}

.truecode-btn {
    border-width: 0px 0px 6px 0px !important;
}

/* hover */
.truecode-btn:hover {
    transform: translateY(-12px) !important;
    border-bottom: 6px solid #08a579 !important;
}

.truecode-btn.alternate:hover {
    border-bottom: 6px solid #08a579 !important;
}

/* HOME */

h1.wp-block-post-title {
    display: none;
}

.video-phone .sr7-html5-video {
    border-radius: 12px !important;
}


@media (min-width: 1400px) {
    .video-phone .sr7-html5-video {
        scale: 1.50 !important;
    }
}

@media (min-width: 1600px) {
    .video-phone .sr7-html5-video {
        scale: 1.5 !important;
    }
}

/* FOOTER */
.wp-block-group.is-style-default.has-global-padding.is-layout-constrained.wp-container-core-group-is-layout-3142292b.wp-block-group-is-layout-constrained {
    display: flex;
    flex-direction: column;
    justify-content: center;
}


footer h2.wp-block-heading.has-text-align-center {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 24px;
}

footer p.has-text-align-center.wp-block-site-tagline {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.6px;
    color: #FFFFFF;
    margin-bottom: 24px;
}

footer .footer-menu a {
    text-decoration: none;
    border-right: 1px solid #fff;
    padding-right: 6px;
    font-size: 18px;
}

body>div>footer>div>div.wp-block-group.is-style-default.has-global-padding.is-layout-constrained.wp-container-core-group-is-layout-3142292b.wp-block-group-is-layout-constrained>div.footer-menu>a:nth-child(5) {
    border-right: none;
    padding-right: 0px;
}


@media (max-width:900px) {
    .custom-logo .logo {
        display: flex;
        align-content: center;
        align-items: center;
        justify-content: center;
    }

    .footer-menu {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

    footer .footer-menu a {
        text-decoration: none;
        border-right: 0px solid #fff !important;
        ;

    }
}


footer {
    display: none !important;
}


.zindexup {
    z-index: 99 !important;
}


@media screen and (max-width: 768px) {

    .slide-bg-00 {
        background: url(https://truecode.idexaweb.com/wp-content/uploads/2026/03/bg-verde.webp) no-repeat center center !important;
        background-size: cover;
    }
}



#index0>sr7-mask:nth-child(13) {
    position: absolute !important;
    bottom: 0px !important;
    left: 0px !important;
    top: unset !important;
}


sr7-module#index[data-current="64"] sr7-slide:nth-of-type(8) > sr7-mask {
opacity: 0 !important;
}


@media (max-width: 768px) {

    sr7-txt#index-70-2 {
    color: #1d1d1d00 !important;
}


     /*INDEX */
    sr7-txt#index-64-97,
    sr7-txt#index-64-98

     /* COME FUNZIONA */
    sr7-txt#index-66-36,
    sr7-txt#index-66-57, 
    
       /* COME PUO AIUTARTI */
    sr7-txt#index-69-80, 
    sr7-txt#index-69-82, 
    
    sr7-txt#index-70-96, 
    sr7-txt#index-70-100,
    
    sr7-txt#index-71-174,
    sr7-col#index-71-175

    sr7-txt#index-75-169,
    sr7-txt#index-75-171, 
    
    /* CONTATTI */
    sr7-txt#index-72-160, 
    sr7-txt#index-72-162{

        left: 0px !important;
        right: 0px !important;
        margin: auto !important;
    }

    sr7-row#index-64-87,
    sr7-row#index-66-31, 
    sr7-row#index-69-58,
    sr7-row#index-70-92, 
    sr7-row#index-71-172,
    sr7-row#index-72-105,
    sr7-row#index-75-105, 
  sr7-row#index-65-6 {
        padding: 0px !important;
    }

}



@media only screen and (max-height: 601px) {

    .logo img {
        width: 140px;
    }

    #index-64-47>sr7-row-con {
        opacity: 0 !important;
    }
  /* INDEX */
  div#index-64-78 {
    scale: 0.78 !important;
    top: 42px !important;
}
sr7-txt#index-64-30 {
    font-size: 28px !important;
    line-height: 28px !important;
    top:unset !important;
    bottom:72px!important;
}


/* COME FUNZIONA */

sr7-txt#index-66-25, sr7-txt#index-66-2 {
    font-size: 24px !important;
    line-height: 24px !important;}


sr7-grp#index-66-7 {
    margin-top: 14px !important;
}

sr7-img#index-66-14 {
    top: 42px !important;
    transform: scale(0.75) !important;
}


/* Footer */
sr7-module#index[data-current="70"] 
sr7-zone#index-65-117, 
sr7-module#index[data-current="69"] 
sr7-zone#index-65-117, 
 sr7-module#index[data-current="71"] 
sr7-zone#index-65-117, 
sr7-module#index[data-current="72"] 
sr7-zone#index-65-117 {
    opacity: 0 !important;
    height: 0px !important;
    z-index: -1 !important;
}

/* COME PUO AIUTARTI */

sr7-txt#index-69-17 {
        font-size: 15px !important;
        line-height: 15px !important;
}

sr7-txt#index-69-27 {
    font-size: 14px !important;
    line-height: 22px !important;
}

sr7-grp#index-69-7 {
    top: 20px !important;
}

sr7-txt#index-69-2 {
    font-size: 18px !important;
    margin-top: 32px !important;
}

a#index-69-9 {
    margin-top: 2px !important;
}

/* Scegli TrueCode */ 

sr7-grp#index-70-7 {
    top: 42px !important;
}

sr7-txt#index-70-27 {
         font-size: 14px !important;
        line-height: 22px !important;
    
}
sr7-txt#index-70-5 {
    font-size: 14px !important;
}

/* SCOPRI DI PIÙ */

sr7-grp#index-71-7 {
    top: 24px !important;
}

sr7-txt#index-71-2 {
    font-size: 16px !important;
    line-height: 16px !important;
}

#index-71 > sr7-mask:nth-child(3) {
    bottom: 0px !important;
    top: unset !important;
    height: 28vh !important;
}

#index-71 > sr7-mask:nth-child(2) {
    height: 74vh !important;
}

sr7-grp#index-71-0 {
    height: 74vh !important;
}

/*Made in Italy */

sr7-img#index-75-41 {
    scale: 0.7 !important;
}

sr7-grp#index-75-7 {
    top: 24px !important;
}



/* Contatti */

sr7-img#index-72-45, sr7-img#index-72-46 {
    scale: 0.8 !important;
    top: 200px !important;
}


sr7-txt#index-72-20 {
    font-size: 20px !important;
    line-height: 20px !important;

}

sr7-txt#index-72-15 {
    margin-bottom: 6px !important;
}

sr7-grp#index-72-54 {
    top: 230px !important;
}





}



@media only screen and (max-width: 324px) {


    #index-64-47>sr7-row-con {
        opacity: 0 !important;
    }
  /* INDEX */
  div#index-64-78 {
    scale: 0.9 !important;
    top: 42px !important;
}

}



@media only screen and (max-height: 560px) {

sr7-img#index-71-41, sr7-img#index-71-40, sr7-img#index-71-33, sr7-img#index-71-34, sr7-img#index-71-39, sr7-img#index-71-38, sr7-img#index-71-42, sr7-img#index-71-43, sr7-img#index-71-37 {
    width: 72px !important;
    height: 72px !important;
}


sr7-img#index-71-41, sr7-img#index-71-37, sr7-img#index-71-40 {
    top: -128px !important;
}

sr7-img#index-71-38, sr7-img#index-71-42, sr7-img#index-71-43 {
    top:42px!important;
}


}


@media screen and (min-width: 2500px) {

sr7-img#index-71-41, sr7-img#index-71-40, sr7-img#index-71-33, sr7-img#index-71-34, sr7-img#index-71-39, sr7-img#index-71-38, sr7-img#index-71-42, sr7-img#index-71-43, sr7-img#index-71-37 {
    width: 240px !important;
    height: 240px !important;
}

sr7-img#index-71-41, sr7-img#index-71-37, sr7-img#index-71-40 {
    top: 60px !important;
}

sr7-img#index-71-38, sr7-img#index-71-42, sr7-img#index-71-43 {
    top:690px!important;
}

#index-69-0 > sr7-mask,#index-70-0 > sr7-mask {
    top:400px !important;
} 


}