/* 
Theme Name:		 TTANDEM Child Theme
Theme URI:		 https://www.ttandem.com
Description:	 TTANDEM Child Theme is a child theme of Aveit
Author:			 ttandem digital estudio
Author URI:		 https://www.ttandem.com
Template:		 aveit
Version:		 12.06.25
Text Domain:	 ttandem-child-theme
*/


/*
   Fonts
*/
/* Aero */
@font-face {
    font-family: 'Aero';
    src: url('/wp-content/themes/ttandem-child-theme/fonts/AERO.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Lato Regular */
@font-face {
    font-family: 'Lato';
    src: url('/wp-content/themes/ttandem-child-theme/fonts/LATO-REGULAR_0.TTF') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Lato Italic */
@font-face {
    font-family: 'Lato';
    src: url('/wp-content/themes/ttandem-child-theme/fonts/LATO-ITALIC_0.TTF') format('truetype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

/* Lato Light */
@font-face {
    font-family: 'Lato';
    src: url('/wp-content/themes/ttandem-child-theme/fonts/LATO-LIGHT_0.TTF') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

/* Lato Light Italic */
@font-face {
    font-family: 'Lato';
    src: url('/wp-content/themes/ttandem-child-theme/fonts/LATO-LIGHTITALIC_0.TTF') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

/* Lato Bold */
@font-face {
    font-family: 'Lato';
    src: url('/wp-content/themes/ttandem-child-theme/fonts/LATO-BOLD_0.TTF') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Lato Bold Italic */
@font-face {
    font-family: 'Lato';
    src: url('/wp-content/themes/ttandem-child-theme/fonts/LATO-BOLDITALIC_0.TTF') format('truetype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* Lato Black */
@font-face {
    font-family: 'Lato';
    src: url('/wp-content/themes/ttandem-child-theme/fonts/LATO-BLACK_0.TTF') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* Lato Black Italic */
@font-face {
    font-family: 'Lato';
    src: url('/wp-content/themes/ttandem-child-theme/fonts/LATO-BLACKITALIC_0.TTF') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}


/*
   Globals
*/
body {
    color: #0E2258;
    font-family: 'Lato' !important;
}
strong {
    color: #0E2258;
    font-weight: 700;
}
p, li, a {
    font-family: 'Lato' !important; 
}
h1, h2, h3, h4, h5, h6 {
    color: #323F71;
    font-family: 'Aero' !important;
}
h4 {
    line-height: 30px;
}
.text-light strong {
    color: #fff;
}
.it-solution .btn-theme {
    background-color: #00A0E4;
    border: 2px solid #00A0E4;
}
.it-solution .btn-theme.effect:hover, 
.it-solution .btn-theme.effect:focus {
    background-color: #fff;
    border: 2px solid #00A0E4;
    color: #00A0E4 !important;
}
.margin-top-min {
    margin-top: 30px;
}
.it-solution .bg-gradient,
.it-solution .shadow.theme-hard::after {
    background: linear-gradient(95deg, #7734D7 4.26%, #00A0E4 98.81%);
}
.btn.circle {
    font-family: 'Roboto';
    font-size: 18px;
    font-weight: 700;
    text-transform: none;
}
.btn.circle .arrow_right {
    display: none;
}


/*
    Top Bar Area
*/
.top-bar-area .info li {
    color: #0E2258;
}


/*
    Logo
*/
.navbar-brand>img {
    width: 100%;
    height: auto !important;
    max-height: 100% !important;
    max-width: 190px;
}


/*
    About widget
*/
.about-area .row-reverse {
    flex-direction: row-reverse;
}
.about-area .row-reverse .thumb {
    margin-left: 100px;
    margin-right: 0;
}
.about-area .thumb .fun-fact .counter .extratitle {
    margin-left: 12px;
}
.about-area .content {
    color: #0E2258;
}
.about-area .content h2 {
    color: #00A0E4;
    font-weight: 500;
}
.about-area .content li h5 {
    text-transform: none;
}
.about-area .content p,
.about-area .content li,
.about-area .content strong {
    color: #0E2258;
}
.about-area .content li {
    padding-left: 35px;
}
.about-area .content li::after {
    background-color: transparent;
    height: auto;
    width: auto;
    line-height: inherit;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
}


/*
    Quick Contact Area
*/
.quick-contact-area h2 {
    font-weight: 500;
}
.quick-contact-area p {
    font-size: 18px;
}
.quick-contact-area ul {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.quick-contact-area ul li {
    margin: 0;
    width: 30%;
}
.quick-contact-area .button-subtext {
    font-size: 18px;
    margin-top: 15px;
}


/*
    Clients Area
*/
.clients-area .client-items .partner-box {
    flex-wrap: wrap;
}
.clients-area .client-items .partner-box .item {
    padding: 0 12px;
    width: 28%;
}
.clients-area .client-items .partner-box .item img {
    height: auto !important;
    object-fit: contain !important;
}
.clients-area .client-items h2 {
    color: #00A0E4;
    font-weight: 500;
    text-transform: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .clients-area {
        text-align: left;
    }
}


/*
    Choose Us Area
*/
.choose-us-style-nine-area .left-info {
    padding-right: 15px;
}
.choose-us-style-nine-area h2 {
    font-size: 35px;
    text-transform: none;
}
.choose-us-style-nine-area .left-info h2 {
    font-weight: 500;
    text-decoration: none;
}
.choose-us-style-nine h3, h4, h5, h6 {
    font-family: 'Lato' !important; 
}
.choose-us-style-nine-area .right-info > .row {
    row-gap: 30px;
}
.choose-us-style-nine-area::before,
.choose-us-style-nine-area::after {
    display: none;
}


/*
    FAQ Area
*/
.faq-area img + .faq-title {
    margin-top: 38px;
}
.faq-area .faq-title h5 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 19px;
}
.faq-area .faq-title h2 {
    color: #00A0E4;
    font-weight: 500;
    margin: 0;
    text-transform: none;
}
.faq-area .faq-title h2 + p {
    margin-top: 20px;
}
.faq-area .faq-title a {
    margin-top: 38px;
}
.faq-area .faq-content .card .card-header h4 {
    font-size: 20px;
    padding-right: 40px;
}


/*
    Banner Area
*/
.banner-area {
    background-position: bottom;
}
.banner-area .container > .row {
    padding-top: 60px;
}
.banner-area .container > .row.align-center {
    align-items: flex-start;
}
.banner-area .container > .row.align-center > .col-lg-6 > .content {
    padding-top: 20%;
}
@media (max-width:767px) {
    .banner-area .container > .row.align-center > .col-lg-6 > .content {
        padding-top: 10%;
    }
}
.banner-area .appoinment-box textarea {
    border: none;
    border-radius: inherit;
    box-shadow: inherit;
    background: rgba(255, 255, 255, 0.6);
    border-bottom: 1px solid #e6e6e6;
    padding-left: 0;
}
.title-50 .banner-area.it-banner .content h2 {
    font-size: 50px;
}
.banner-area.it-banner .content h3,
.banner-area.it-banner .content h4,
.banner-area.it-banner .content h5,
.banner-area.it-banner .content h6 {
    font-family: 'Lato' !important; 
}
.banner-area.it-banner .content h3 strong {
    font-weight: 900;
}
.banner-area.it-banner .content h3 + p {
    margin-top: 40px;
}
.banner-area.it-banner .content h4 {
    font-weight: 400;
}
.banner-area.it-banner .content h4 strong {
    font-weight: 900;
}
.banner-area .appoinment-box h4 {
    color: #323F71;
}
.banner-area .appoinment-box p {
    color: #0E2258;
    margin: 0;
    padding: 0;
    text-align: left;
}
.banner-area .appoinment-box .heading p {
    font-weight: 600;
    text-align: center;
}
.banner-area .appoinment-box .legal-text p {
    color: #495057;
    font-size: 12px;
    line-height: 1;
    text-align: left;
}
.banner-area .appoinment-box .legal-text p a {
    color: #495057;
    text-decoration: underline;
}
.banner-area .appoinment-box .legal-text p a:hover {
    color: #495057;
    text-decoration: none;
}
.banner-area .appoinment-box .wpcf7-acceptance label {
    display: flex;
    align-items: center;
}
.banner-area .appoinment-box .wpcf7-acceptance label input {
    min-height: auto;
    margin-right: 7px;
}
.banner-area .appoinment-box .wpcf7-acceptance > .wpcf7-list-item {
    margin: 0;
}
.banner-area .appoinment-box button {
    font-family: 'Roboto';
    font-size: 18px;
    font-weight: 700;
}
.banner-area.it-banner .sahpe {
    width: 485px;
    left: 25%;
}
@media (max-width: 991px) {
    .banner-area.it-banner .content > a.btn-theme,
    .banner-area.it-banner .sahpe {
        display: none;
    }
}


/*
    Services List Area
*/
.services-list-area p {
    color: #0E2258;
}


/* Testimonials Area */
.testimonials-area .heading-center {
    margin-bottom: 0;
}
.testimonials-area .heading-center h2 {
    color: #00A0E4;
    font-weight: 500;
    margin: 0;
    text-transform: none;
}
.testimonials-area .heading-center::before,
.testimonials-area .heading-center::after {
    display: none;
}
.testimonials-area .thumb {
    height: 50px;
    width: 50px;
}
.testimonials-area .thumb::after {
    top: 15px;
    right: auto;
}


/* Free Content Area */
.free-content-area {
    background: linear-gradient(267deg, #7734D7 0%, #00A0E4 66.21%);
}
.free-content-area h1,
.free-content-area h2,
.free-content-area h3,
.free-content-area h4,
.free-content-area h5,
.free-content-area h6,
.free-content-area p,
.free-content-area strong,
.free-content-area li
.free-content-area a {
    color: #fff;
}
.free-content-area h1 {
    font-size: 50px;
}
.free-content-area h2 {
    font-size: 36px;
}
.free-content-area h3 {
    font-family: 'Lato' !important;
    font-size: 27px;
    font-weight: 700;
}
@media (max-width: 992px) {
    .free-content-items .col-lg-6 + .col-lg-6 {
        margin-top: 45px;
    }
}
@media (min-width: 992px) {
    .free-content-items .col-lg-6 {
        flex: 0 0 calc(50% - 45px); /* 45px es la mitad de la calle total */
        max-width: calc(50% - 45px);
    }
    .free-content-items .col-lg-6:not(:last-child) {
        margin-right: 90px;
    }
}
@media (min-width: 1200px) {
    .free-content-area .container {
        max-width: 1400px;
    }
}


/* Full Content Area */
.full-content-area h1 {
    color: #00A0E4;
    font-size: 36px;
    font-weight: 400;
    margin-bottom: 44px;
}
.full-content-area h2,
.full-content-area h3,
.full-content-area h4,
.full-content-area h5,
.full-content-area h6 {
    font-family: 'Lato' !important;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 30px;
}
.full-content-area h2 {
    font-size: 24px;
}
.full-content-area h3 {
    font-size: 20px;
}
.full-content-area p + h2,
.full-content-area p + h3,
.full-content-area p + h4,
.full-content-area p + h5,
.full-content-area p + h6,
.full-content-area ul + h2,
.full-content-area ul + h3,
.full-content-area ul + h4,
.full-content-area ul + h5,
.full-content-area ul + h6 {
    margin-top: 36px;
}
@media (min-width: 1200px) {
    .full-content-area .container {
        max-width: 1400px;
    }
    .full-content-items {
        max-width: 1180px;
    }
}


/* Full Content Area with background */
.full-content-area--background-active {
    background: linear-gradient(213deg, #7734D7 0%, #00A0E4 100%);
    text-align: center;
}
.full-content-area--background-active h1 {
    color: #fff;
    font-size: 50px;
    line-height: 60px;
}
.full-content-area--background-active p {
    color: #fff;
    font-size: 27px;
    line-height: 30px;
}
@media (min-width: 1200px) {
    .full-content-area--background-active .full-content-items {
        max-width: 100%;
    }
}


/* grid steps */
.grid-steps {
    padding: 100px 0;
}
.grid-steps .e-con-inner {
    background: transparent url('/wp-content/uploads/2025/09/bg-steps.png') repeat-x 0 70px;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.grid-steps img {
    background-color: #fff;
    margin-bottom: 120px;
    padding: 0 8px;
    width: auto;
}
.grid-steps p {
    color: #0E2258;
    font-size: 18px;
    line-height: 24px;
    padding-right: 70px;
}
.grid-steps p.arrow {
    background: transparent url('/wp-content/uploads/2025/09/icon-arrow.png') no-repeat right 8px;
}
@media (max-width: 955px) {
    .grid-steps .e-con-inner {
        background: none;
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .grid-steps .e-con-inner > .elementor-element:nth-child(2n) p.arrow {
        background: none;
    }
}
@media (max-width: 492px) {
    .grid-steps {
        padding: 50px 0;
    }
    .grid-steps .e-con-inner {
        grid-template-columns: 1fr !important;
    }
    .grid-steps img {
        margin-bottom: 60px;
    }
    .grid-steps p.arrow {
        background: none;
    }
}
  

/*
    Footer
*/
footer.bg-dark {
    background-color: #323F71 !important;
}
footer.bg-dark::after {
    display: none;
}
footer .f-items {
    padding-top: 50px;
    padding-bottom: 18px;
}
footer .item {
    margin-top: 0;
}
footer .widget-title {
    font-family: 'Lato' !important;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px;
}
footer.bg-dark .item p {
    color: #CCC;
    font-family: 'Lato' !important;
    font-size: 16px;
    margin-bottom: 0;
}
footer.bg-dark .item p a {
    color: #CCC;
    font-weight: 400;
}
footer.bg-dark .item p a:hover {
    color: #fff;
}
footer.bg-dark .footer-bottom-menu {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    margin-bottom: 0;
}
footer.bg-dark .footer-bottom-menu li {
    color: #CCC;
    font-family: 'Lato' !important;
    font-size: 16px;
    margin-bottom: 0;
}
footer.bg-dark .footer-bottom-menu li a {
    color: #CCC;
    font-family: 'Lato' !important;
    font-weight: 400;
}
footer.bg-dark .footer-bottom-menu li a:hover {
    color: #fff;
}
.footer-bottom {
    padding-top: 44px;
    padding-bottom: 44px;
}
@media (max-width: 991px) {
    footer .item + .item {
        margin-top: 20px;
    }
}
@media (min-width: 1200px) {
    footer .container {
        max-width: 1400px;
    }
}
@media (min-width: 992px) {
    .col-lg-2bis {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .col-lg-10bis {
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
    }
}


/*
    Cookies
*/
.cky-overlay {
    opacity: .7 !important;
    z-index: 9999999 !important
}
.cky-consent-container {
    width:auto !important;
    bottom:auto !important;
    left:50% !important;
    top:50% !important;
    transform:translate(-50%,-50%);
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    -o-transform:translate(-50%,-50%);
}
@media only screen and (max-width:768px) {
    .cky-consent-container {
        width:80% !important;
    }
}
.cky-btn {
    background-color:transparent !important;
    border: 2px solid #00A0E4 !important;
    color:#00A0E4 !important;
}
.cky-btn.cky-btn-accept {
    background-color: #00A0E4 !important;
    border: 2px solid #00A0E4 !important;
    color: #fff !important;
}
.cky-category-des+.cky-table-wrapper {
    margin-top:20px;
}