/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/
/*****************GENERALES*****************/
.p-relative{
    position: relative;
}
.o-hidden{
    overflow: hidden !important;
}
.text-center{
    text-align: center;
}
.hidden {
    display: none;
}
.fw_normal{
    font-weight: normal !important;
}
.biotech_blue{
    color: #16385A !important;
}
.biotech_light_blue{
    color: #0075BB !important;
}
.biotech_green{
    color: #C1D885 !important;
}
.classic-button{
	margin: 0 auto;
	text-decoration: none;
	display: block;
	color: #ffffff;
	background-color: #76935E;
	border-radius: 4px;
	width: 20%;
	border-top: 0px solid transparent;
	font-weight: 700;
	border-right: 0px solid transparent;
	border-bottom: 0px solid transparent;
	border-left: 0px solid transparent;
	padding-top: 0px;
	padding-bottom: 0px;
	font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	mso-border-alt: none;
	word-break: keep-all;
}
.green-button{
    background-color: #C1D885;
    padding: 8px 30px;
    border-radius: 10px;
    color: #16385A;
    display: inline-block;
    margin: 10px 0;
    text-align: center;
}
.owl-stage{
    display: flex;
}
.owl-item:hover{
    cursor: grab;
}
.training-info-accordion-wrapper .owl-theme .owl-dots .owl-dot.active span{
    background: #2672B7;
    width: 30px;
}
.training-info-accordion-wrapper .owl-theme .owl-dots .owl-dot span{
    background: #2672B7;
    width: 10px;
    transition: all 0.3s;
}
.loading-overlay{
    position: absolute;
    width: 100%;
    height: calc(100% - 85px);
    top: 70px;
    border-radius: 8px;
    background-color: rgba(186,186,186,75%);
    opacity: 0;
    z-index: -1;
    transition: all 0.5s;
}
.spinner {
    border: 10px solid rgba(0, 0, 0, .1);
    border-left-color: transparent;
    border-radius: 50%;
    border-left-color: #660066;
    width: 80px;
    height: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform-origin: top left;
    animation: spin 1s linear infinite;
}
@keyframes spin {
    0% {
      transform: rotate(0deg) translate(-50%,-50%);
    }
  
    100% {
      transform: rotate(360deg) translate(-50%,-50%);
    }
}
.cky-title,.cky-preference-title,.cky-accordion-btn{
    color: #76935e !important;
}
.cky-preference-body-wrapper,.cky-preference-body-wrapper p,.cky-notice-des{
    color: #343434 !important;
}
.cky-btn.cky-btn-accept{
    background-color: #76935E !important;
    border-color: #76935E !important;
}
.cky-btn.cky-btn-reject,.cky-btn.cky-btn-customize,.cky-btn.cky-btn-preferences{
    border-color: #76935E !important;
    color: #76935E !important;
}
/******************HOME*********************/
.home-pathway-container {
    display: flex;
    gap: 20px; /* Space between columns */
    max-width: 1200px;
    margin: 0 auto;
    padding: 35px;
    border: 2px solid #76935E;
    border-radius: 20px;
}
.home-pathway-accordion-column {
    flex: 1; /* Takes up one part of the available space */
}
.home-pathway-accordion-column:first-child {
    padding: 40px 0;
}
.home-pathway-image-column {
    flex: 1; /* Takes up one part of the available space */
    position: relative; /* Essential for positioning images on top of each other */
    overflow: hidden; /* Hide overflowing images during transition */
}
.home-pathway-accordion-item {
    margin-bottom: 10px;
    position: relative;
    padding-left: 25px;
}
.home-pathway-accordion-header {
    padding: 15px 20px 15px 0;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: background-color 0.3s ease;
}
.home-pathway-accordion-header:hover {
    background-color: #f0f0f0;
}
.home-pathway-accordion-header h3 {
    margin: 0;
    font-size: 1.2em;
}
.home-pathway-accordion-header h3::after {
    content: "\f107";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #C1D885;
    margin-left: 10px;
    vertical-align: text-bottom;
}
.home-pathway-accordion-item.active::before{
    content: "";
    height: 100%;
    width: 2px;
    background-color: #76935E;
    position: absolute;
    left: -10px;
}
.home-pathway-accordion-item.active .home-pathway-accordion-header h3::after {
    content: "\f106";
}
.home-pathway-accordion-content {
    max-height: 0; /* Initially hidden */
    overflow: hidden;
    transition: max-height 0.5s ease-in-out, padding 0.5s ease-in-out; /* Smooth transition */
    padding: 0 20px 0  0; /* No padding when closed */
    border-bottom: 1px solid #76935E;
}
.home-pathway-accordion-item.active .home-pathway-accordion-content {
    max-height: 200px; /* Or a value large enough to contain your content */
    padding: 15px 20px 15px 0; /* Padding when open */
}
/* Image Column Styling */
.home-pathway-accordion-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100% !important; /* Maintain aspect ratio */
    object-fit: contain;
    opacity: 0; /* Hidden by default */
    transform: translateX(100%); /* Start off-screen to the right */
    transition: opacity 0.6s ease-in-out, transform 0.6s ease-in-out;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
.home-pathway-accordion-image.active {
    opacity: 1;
    transform: translateX(0); /* Slide into view */
    z-index: 1; /* Bring active image to the front */
}
#home-newsletter-container .tnp.tnp-subscription {
    margin-left: 0;
    max-width: 100%;
}
.newsletter-form-submit-right{
    display: flex;
    align-items: center;
    max-width: 800px;
}
#home-newsletter-container .tnp.tnp-subscription .newsletter-form-submit-right .tnp-field.tnp-field-email{
    flex: 1;
}
#home-newsletter-container .tnp.tnp-subscription .newsletter-form-submit-right .tnp-field.tnp-field-email input.tnp-email{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
#home-newsletter-container .tnp.tnp-subscription .newsletter-form-submit-right .tnp-field input[type="submit"]{
    background-color: #B2BE77;
    color: #fff;
    padding: 10px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
#home-newsletter-container .tnp.tnp-subscription .tnp-field.tnp-privacy-field {
    color: #fff;
    font-size: 15px;
}
#home-events .ecs-event-list{
    display: grid;
    gap: 50px;
    grid-template-columns: 1fr 1fr 1fr;
    list-style: none;
}
#home-events .ecs-event-list .ecs-event{
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}
#home-events .ecs-event-list .ecs-event a img{
    height: 400px;
    object-fit: cover;
    border-radius: 20px;
    transform: scale(1.2);
    transition: all 0.3s ease;
}
#home-events .ecs-event-list .ecs-event:hover a img{
    transform: scale(1);
}
#home-events .ecs-event-list .ecs-event h4.entry-title,#home-events .ecs-event-list .ecs-event span.duration.time{
    position: absolute;
    left: 0;
    text-align: center;
    color: #76935E;
    background-color: #fff;
    width: 90%;
    left: 5%;
    padding: 20px;
}
#home-events .ecs-event-list .ecs-event h4.entry-title{
    bottom: 70px;
    margin-bottom: 0;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    z-index: 9;
}
#home-events .ecs-event-list .ecs-event span.duration.time{
    bottom: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
/*****************ABOUT***************/
.why-biothech-text li::marker{
    font-weight: bold;
}
.single-partner-container{
    max-width: 1200px;
    margin: 10px auto;
}
.partners-single-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
    margin: 20px 0;
}
.partners-single-header h1{
    font-size: 40px;
    color: #76935E;
}
.single-partner-container p{
    color: #343434;
}
.partners-single-header img{
    width: 180px;
    min-width: 180px;
    border: 1px solid #76935E;
    border-radius: 5px;
}
.logo-go_back-container{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    row-gap: 10px;
}
.logo-go_back-container a{
    color: #343434;
    font-weight: bold;
}
.logo-go_back-container a span{
    vertical-align: sub;
    color: #76935e;
    font-weight: bold;
}
.partner-position-socials{
    margin-top: -50px;
    margin-bottom: 50px;
}
.partner-position-socials.tuscany-single{
    margin-top: -30px;
}
.partner-position-socials .partner-position{
    margin-bottom: 10px;
}
.partner-position-socials .partner-position h2{
    color: #343434;
    font-size: 25px;
}
.partner-position-socials .partner-socials div{
    display: inline-block;
    margin-right: 4px;
}
.partner-position-socials .partner-socials div img{
    width: 30px;
}
/******************NEWS***************/
#main-top-news .uc_content{
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.15);
    padding-top: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
#main-top-news .uc_content .ue-grid-item-meta-data{
    gap: 0;
}
#main-top-news .uc_content .uc_post_title .ue_p_title{
    font-weight: 700;
}
#main-top-news .uc_content .uc_post_text,#main-top-news .uc_content .ue_tags_terms{
    margin-top: 0;
}
#main-top-news .uc_content .ue_tags_terms a::before {
    content: "\f02b";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #fff;
}
#main-top-news .uc_content .uc_post_text,#main-top-news .uc_content .uc_post_title .ue_p_title,#main-top-news .uc_content .ue-grid-item-meta-data{
    color: #fff;
}
#main-all-news .uc_post_grid_style_one_item{
    border-radius: 20px;
}
#main-all-news .uc_post_image{
    padding: 25px;
}
#main-all-news .uc_post_image img{
    border-radius: 20px;
    height: 100%;
}
#main-all-news .uc_post_button{
    text-align: center;
}
.uc-posts-pagination{
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 20px;
    font-weight: 500;
}
.uc-posts-pagination span, .uc-posts-pagination a{
    padding: 2px 12px;
}
.uc-posts-pagination span.current{
    background-color: #B2BE77;
    border-radius: 5px;
}
/***************************SINGLE-NEWS****************/
body.single:not(.single-success_case) #content .ast-container{
    max-width: 100% !important;
    padding: 0;
}
body.single.single-success_case #content .ast-container{
    display: block;
}
.single-cat-news-container{
    width: 100%;
}
.single-cat-news-container .single-news-header img{
    width: 100%;
    height: 600px;
    object-fit: contain;
    border-radius: 10px;
}
.single-news-tag{
    background-color: #E6E6F3;
    color: #343434;
    border-radius: 8px;
    padding: 5px 15px;
    margin-right: 8px;
}
.single-news-container{
    padding: 30px;
}
.single-news-container .entry-title,.single-news-container  .single-news-date{
    color: #343434;
}
.single-news-date{
    color: #343434;
}
.single-news-content{
    padding: 0 35px;
    color: #242D5C;
}
.single-news-content p{
    text-align: justify;
    color: #343434;
}
.single-news-sidebar .wp-block-heading{
    color: #76935E;
}
.widget-area#secondary{
    margin: 40px 0 0;
}
.wp-block-latest-posts__post-title{
    font-weight: 700;
    color: #76935E;
}
.wp-block-latest-posts__post-excerpt{
    margin-top: 10px !important;
    margin-bottom: 30px !important;
    font-size: 16px;
}
/******************EVENTS*******************/
.event-grid-item{
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 20px;
    margin-bottom: 30px;
    padding: 25px;
    border-radius: 20px;
    box-shadow: 0px 4px 21px 0px rgba(0, 0, 0, 0.25);
}
.event-thumbnail{
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
}
.event-thumbnail img{
    height: 100% !important;
    object-fit: cover;
    scale: 1.3;
    transition: scale 0.3s ease;
}
.event-grid-item:hover .event-thumbnail img{
    scale: 1.0;
}
.event-grid-item .event-meta{
    position: relative;
}
.event-grid-item .event-meta .event-title{
    color: #76935E;
}
.event-grid-item .event-meta p{
    color: #343434;
}
.event-grid-item .event-meta .event-title{
    font-weight: 700;
}
.event-grid-item .event-meta p{
    margin-bottom: 25px;
}
.event-grid-item .event-meta .event-date-time::before{
    content: "\f073";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
}
.event-grid-item .event-meta .event-venue::before{
    content: "\f3c5";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
}
.event-grid-item .event-meta .event-date-time,.event-grid-item .event-meta .event-venue{
    position: relative;
    color: #76935E;
    padding-left: 20px;
    margin-right: 10px;
}
.event-grid-item .event-meta .event-button{
    position: absolute;
    right: 0;
    bottom: 0;
}
.event-grid-item .event-meta .event-button a{
    padding: 5px 20px;
    display: inline-block;
    background-color: #76935E;
    color: #fff;
    border-radius: 10px;
}
.custom-events-pagination ul{
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
}
.custom-events-pagination ul li{
    margin: 2px 5px;
}
.custom-events-pagination ul li span{
    padding: 5px 10px;
    font-weight: 500;
}
.custom-events-pagination ul li span.current{
    background-color: #D9D9D9;
    border-radius: 10px;
}
/******************SINGLE EVENT************/
body.single #tribe-events-pg-template{
    max-width: 100%;
    padding: 0;
}
body.single #tribe-events-pg-template .tribe_events{
    padding: 0;
}
body.single #tribe-events-pg-template .tribe_events .tribe-events-event-image img{
    max-width: 1000px;
    margin: 0 auto;
    border-radius: 20px;
}
body.single #tribe-events-pg-template .tribe_events .single-event-container{
    margin: 0 auto;
    max-width: 1200px;
    padding: 20px;
}
body.single #tribe-events-pg-template .tribe_events .single-event-container a,body.single #tribe-events-pg-template .tribe_events .single-event-container h1,body.single #tribe-events-pg-template .tribe_events .single-event-container span{
    color: #76935E;
}
body.single #tribe-events-pg-template .tribe_events .single-event-container .tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button{
    background-color: #76935E;
}
body.single #tribe-events-pg-template .tribe_events .single-event-container .tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button svg path,body.single #tribe-events-pg-template .tribe_events .single-event-container .tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button button{
    color: #fff;
}
body.single #tribe-events-pg-template .tribe_events .single-event-container .tribe-events-schedule{
    position: relative;
    padding-left: 20px;
}
body.single #tribe-events-pg-template .tribe_events .single-event-container .tribe-events-schedule::before{
    content: "\f073";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    left: 0;
}
body.single #tribe-events-pg-template .tribe-events-event-meta{
    width: 50%;
    float: left;
}
body.single #tribe-events-pg-template .tribe-events-event-meta .tribe-events-meta-group-venue{
    flex: 0 0 180px;
}
body.single #tribe-events-pg-template .tribe-events-event-meta .tribe-events-venue-map{
    flex: 1;
}
body.single #tribe-events-pg-template .tribe-events-event-meta .tribe-events-venue-map iframe{
    max-height: inherit;
}
.tribe-events-single-event-description.tribe-events-content a{
    word-wrap: break-word;
}
#tribe-events-footer{
    padding: 20px;
}
/******************TRAINING*******************/
.top-left-line{
    position: absolute !important;
    top: 10px;
    left: -15px;
    z-index: 9;
    width: 50px;
}
.top-right-line{
    position: absolute !important;
    top: -20px;
    right: 25px;
    z-index: 9;
    width: 50px;
}
.bottom-right-line{
    position: absolute !important;
    bottom: 25px;
    right: -15px;
    z-index: 9;
    width: 50px;
}
#learn-get{
    transition: height 0.3s ease;
}
#copy-email-btn{
    position: relative;
}
.tooltip-bubble {
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    background: black;
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s;
}
.tooltip-bubble.show {
    opacity: 1;
}
#training-timeline-table{
    background-color: #fff;
    color: #76935E;
    border: none;
    border-radius: 10px;
    overflow: hidden;
}
#training-timeline-table thead th,#training-timeline-table tbody td:first-child{
    font-weight: bold;
}
#training-timeline-table thead tr{
    background-color: #76935E;
    color: #fff;
    text-align: left;
}
#training-timeline-table thead tr th,#training-timeline-table tbody tr td{
    border: none;
}
.forminator-button{
    border-radius: 10px !important;
}
#text-4{
    position: relative;
}
#text-4 > div > span{
    position: absolute;
    top: 0;
    right: 25px;
}
#checkbox-2{
    padding-top: 48px;
}
#landing-download-prepare details:nth-child(1) summary{
    background-color:#BD4A65;
}
#landing-download-prepare details:nth-child(2) summary,#landing-download-prepare details:nth-child(3) summary,#landing-download-prepare details:nth-child(4) summary{
    background-color:#B2BE77;
}
#landing-download-prepare details:nth-child(2) .e-n-accordion-item-title-icon,#landing-download-prepare details:nth-child(3) .e-n-accordion-item-title-icon,#landing-download-prepare details:nth-child(4) .e-n-accordion-item-title-icon{
    background-color:#76935E;
}
#landing-download-prepare .e-n-accordion-item-title-icon{
    background-color: #B2BE77;
}
#landing-download-prepare .e-n-accordion-item-title-text::before,#landing-download-prepare .elementor-heading-title::before{
    content: "\f019"; /* código del icono */
    font-family: "Font Awesome 6 Free"; /* o la versión que uses */
    font-weight: 900; /* importante para solid */
    margin-right: 8px;
}
.application-notice{
    background-color: #f5d6dc; 
    border-left: 6px solid #BD4A65;
    color: #000; 
    padding: 16px 20px;
    margin: 20px 0;
    border-radius: 0 8px 8px 0;
    font-size: 16px;
    line-height: 1.6;
    box-shadow: 0 4px 6px rgba(189, 74, 101, 0.08);
}
/*************TRAINING - ACCORDION************/
.training-info-accordion-wrapper {
    display: flex;
    gap: 30px;
}
.accordion-left {
    width: 35%;
    background-color: #fff;
}
.training-info-accordion-wrapper .accordion-left,.training-info-accordion-wrapper .accordion-right{
    padding: 20px;
    border-radius: 20px;
}
.training-info-accordion-wrapper .accordion-left h4{
    color: #76935E;
    font-size: 30px;
    font-weight: 700;
}
.accordion-right {
    width: 60%;
    background-color: #fff;
}
.accordion-right .slide{
    height: 100%;
    padding: 0 5px 65px 5px;
}
.accordion-right .slide .register-button-acc{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.accordion-item {
    border: none;
    border-bottom: 1px solid #000;
    padding: 15px;
    margin-bottom: 10px;
    transition: all 0.3s ease;
    cursor: pointer;
    height: 70px;
    overflow: hidden;
}
.accordion-item:nth-child(3){
    height: 50px;
}
.accordion-item:not(.active) h5::after{
    content: "\f061";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #2672B7;
    position: absolute;
    right: 0;
}
.accordion-item.active {
    height: 415px;
}
.accordion-item img{
    margin-bottom: 10px;
}
.right-content {
    display: none;
    width: 100%;
    max-width: 800px;
    height: 100%;
}
.right-content h5 {
    font-weight: 400;
}
.right-content h5,.right-content ul {
    margin: 0 0 5px;
}
.right-content.active {
    display: block;
    padding: 10px;
    position: relative !important;
}
.apply-btn{
    background-color: #76935E;
    color: #fff;
    padding: 8px 20px;
    display: inline-block;
    border-radius: 8px;
    position: absolute;
    bottom: 0;
}
.forminator-title {
    font-size: 25px !important;
}
::placeholder{
    color: #000 !important;
}
/******************MODAL POP-UP SUBSCRIPTION NEWSLETTER PLUGIN**********/
#tnp-modal-content h2{
    font-size: 35px;
    font-weight: bold;
    text-align: center;
    color: #343434;
}
#tnp-modal-content h3{
    font-size: 22px;
    font-weight: 400;
    text-align: center;
    color: #343434;
}
#tnp-modal #tnp-modal-body .tnp-subscription-popup #tnp-subscription-popup{
    display: flex;
    flex-wrap: wrap;
}
#tnp-modal #tnp-modal-body .tnp-subscription-popup #tnp-subscription-popup .tnp-field.tnp-field-email{
    flex: 1 1 70%;
    order: 1;
}
#tnp-modal #tnp-modal-body .tnp-subscription-popup #tnp-subscription-popup .tnp-field.tnp-field-email label{
    display: none;
}
#tnp-modal #tnp-modal-body .tnp-subscription-popup #tnp-subscription-popup .tnp-field.tnp-field-email input.tnp-email{
    background-color: #fff;
    border: 1px solid #76935E;
    border-radius: 30px;
}
#tnp-modal #tnp-modal-body .tnp-subscription-popup #tnp-subscription-popup .tnp-field.tnp-field-email input.tnp-email::placeholder{
    background-color: #fff;
    color: #76935E;
}
#tnp-modal #tnp-modal-body .tnp-subscription-popup #tnp-subscription-popup .tnp-field.tnp-field-button{
    flex: 1 1 30%;
    order: 2;
}
#tnp-modal #tnp-modal-body .tnp-subscription-popup #tnp-subscription-popup .tnp-field.tnp-field-button input.tnp-submit{
    background-color: #76935E;
    color: #fff;
    border-radius: 30px;
    padding: 10px 20px;
    margin-left: 5px;
}
#tnp-modal #tnp-modal-body .tnp-subscription-popup #tnp-subscription-popup .tnp-field.tnp-privacy-field{
    flex-basis: 100%;
    order: 3;
}
#tnp-modal #tnp-modal-body .tnp-subscription-popup #tnp-subscription-popup .tnp-field.tnp-privacy-field a{
    font-size: 14px;
    font-weight: 600;
    color: #343434;
}
/******************REPOSITORY*************/
.e-n-accordion-item-title-icon{
    padding: 2px 5px;
    border-radius: 50%;
}
/*******************SUCCESS-CASES-SINGLE****************/

.single-innovator #primary{
    margin-top: 0 !important;
}
.single-innovator article{
    padding: 10px !important;
}
.single-innovator article .entry-header{
    display: none;
}
.single-innovator-container{
    position: relative;
}
.single-innovator-container .go-back-link{
    position: absolute;
    right: 0;
    top: -25px;
    color: #242D5C;
}
.innovator-main-info .innovator-picture{
    flex: 0 0 225px;
}
.innovator-profile{
    display: flex;
    gap: 20px;
    justify-content: space-between;
}
.innovator-profile-text h1{
    font-size: 45px;
    line-height: 45px;
    margin-bottom: 10px;
}
.innovator-profile-text h2{
    font-size: 24px;
    line-height: 27px;
    margin-bottom: 10px;
}
.innovator-profile-text p{
    font-weight: bold;
    line-height: 25px;
}
.innovation-description,.innovator-files{
    margin-top: 30px;
}
.innovation-description h4,.innovation-impact h4{
    font-size: 24px;
}
.innovation-description p{
    text-align: justify;
}
.innovation-impact,.innovator-social-info{
    margin-top: 35px;
}
.innovation-impact p{
    margin-bottom: 8px;
}
.innovator-social-info h3,.innovator-files h3{
    border-left: 15px solid #242D5C;
    padding-left: 10px;
    line-height: 35px;
    margin: 20px 0;
    font-size: 30px;
}
.social_icons_container,.innovator-single .social-links{
    display: flex;
    gap: 10px;
    justify-content: flex-start;
}
.social_icons_container a,.innovator-single .social-links a{
    flex: 0 0 40px;
    background-color: #76935E;
    height: 40px;
    border-radius: 50%;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.social_icons_container a i,.innovator-single .social-links a i{
    font-size: 17px;
    color: #fff;
    vertical-align: middle;
}
.social_icons_container .fa-facebook-f:before,.innovator-single .social-links .fa-facebook-f:before {
    content: "\f39e";
}
.social_icons_container .fa-linkedin:before,.innovator-single .social-links .fa-linkedin:before {
    content: "\f08c";
}
.innovator-website{
    padding: 5px 0;
}
.innovator-website i{
    margin-right: 10px;
    font-size: 20px;
}
.innovator-website a{
    font-weight: bold;
    text-decoration: underline;
}
.innovator-files .innovator-website{
    text-align: center;
}
.innovator-files a{
    padding: 10px 35px;
    background-color: #2672b7;
    color: #fff;
    text-decoration: none;
    border-radius: 8px;
    display: inline-block;
}
/*******************TABS SINGLE SUCCESS CASE*******/
/* CSS Integrado para la funcionalidad y el estilo */

/* Variables de color */
:root {
    --text-color: #242D5C;
    --icon-color: #0075BB;
    --active-bg: #e0f7fa; /* Fondo ligero para la pestaña activa */
}

.tabs-container {
    margin: 50px auto;
    border: 1px solid #ccc;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Estilos de la barra de pestañas (Tabs) */
.tab-bar {
    display: flex;
    border-bottom: 2px solid #ccc;
    background-color: #f8f8f8;
    padding: 0;
    margin: 0;
    list-style: none; /* Quitar viñetas */
}

.tab-button {
    padding: 15px 20px;
    cursor: pointer;
    flex-grow: 1; /* Para que ocupen el mismo espacio */
    text-align: center;
    border: none;
    background: none;
    font-size: 16px;
    font-weight: bold;
    color: var(--text-color); /* Color de texto del título */
    transition: background-color 0.3s, color 0.3s;
    display: flex; /* Para alinear el texto y el icono */
    align-items: center;
    justify-content: center;
    gap: 8px; /* Espacio entre el texto y el icono */
    border-radius: 8px 8px 0 0;
    user-select: none; /* Prevenir selección de texto */
}

.tab-button:hover:not(.active) {
    background-color: #eee;
}

/* Estilo de la pestaña activa */
.tab-button.active {
    background-color: var(--active-bg);
    border-bottom: 2px solid var(--icon-color); /* Línea de color para destacar */
    color: var(--icon-color); /* Opcional: cambiar el color del texto activo */
}

/* Estilo del icono FA */
.tab-icon {
    color: var(--icon-color); /* Color del icono */
    font-size: 1.2em; /* Tamaño del icono */
}

/* Contenido de las pestañas (Content) */
.tab-content {
    padding: 20px 40px;
    min-height: 150px;
    background-color: white;
}

.content-pane {
    display: none; /* Ocultar por defecto */
    animation: fadeIn 0.5s;
}

.content-pane.active {
    display: block; /* Mostrar el contenido activo */
}

/* Animación simple */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}
/*******************SUCCESS CASES****************/
.innovators-filters{
    background-color: #f5f5f5;
    padding: 10px;
    border-radius: 10px;
    display: flex;
    gap: 10px;
    align-items: center;
}
.innovators-filters select{
    border-color: #242D5C;
    color: #242D5C;
    border-radius: 4px;
}
.innovators-filters button{
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-weight: 400;
    padding: 15px 25px;
    text-transform: capitalize;
}
.innovators-filters #filter-reset{
    background-color: rgba(146, 185, 198, 1);
    border-color: rgba(146, 185, 198, 1);
    color: #000;
}
.innovators-filters #filter-reset:hover{
    background-color: #fff;
    border-color: rgba(146, 185, 198, 1);
}
.dynamic_container{
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    padding: 30px 10px;
}
.innovator-single{
    border-radius: 20px;
    box-shadow: 0px 8px 24px 0px rgba(106, 106, 106, 0.25);
}
.dynamic_container > div > .innovator-single{
    height: 100%;
}
.innovator-single .innovator_container img{
    width: 100%;
    height: 220px;
    object-fit: contain;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}
.innovator-single-text{
    padding: 20px;
}
.innovator-single-text h6{
    margin-bottom: 5px;
    font-size: 18px;
}
.innovator-single-text h6:first-child{
    font-size: 22px;
}
.innovator-single-text p{
    font-weight: bold;
    margin-bottom: 8px;
    font-size: 18px;
    word-break: break-all;
}
.innovator-single-text a.single-innovator-link.classic-button{
    margin: 10px auto;
    width: 110px;
    font-size: 14px;
    padding: 10px;
}
.innovator-single-text a.single-innovator-link{
    margin: 10px auto;
    width: 100px;
    font-size: 16px;
    padding: 3px 10px;
    font-weight: bold;
    text-align: center;
    display: block;
}
.dynamic_container .pods-pagination-advanced{
    grid-column: 1/5;
}
.filtered-content-pagination #next-button,.filtered-content-pagination #previous-button,.pods-pagination-simple a{
    font-size: 16px;
    font-weight: 400;
    text-transform: none;
    background-color: #242D5C;
    color: #fff;
    padding: 8px 15px;
    border-radius: 4px;
}
.filtered-content-pagination #page-number{
    padding: 5px;
}
/******************CONTACT***************/
#contact-form label{
    color: #fff;
}
#contact-form button{
    background-color: #B2BE77;
}
/******************FOOTER***************/
#astra-footer-menu{
    position: relative;
    grid-template-columns: 1fr 1fr;
}
#astra-footer-menu li::before{
    font-family: "Font Awesome 6 Free";
    content: "\f105";
    font-weight: 900;
    color: #76935E;
    position: absolute;
    left: 0;
}
#astra-footer-menu li{
    position: relative;
    padding-left: 15px;
}
#astra-footer-menu li a{
    color: #343434;
}
.footer-newsletter-container {
    background-color: #BD4A65;
    padding: 20px 30px;
    border-radius: 30px;
    color: #fff;
}
.footer-newsletter-container h3,.footer-newsletter-container h4{
    color: #fff;
}
.tnp-subscription.footer-subscription-form .tnp-submit{
    width: 100%;
    color: #fff;
    background-color: #76935E;
}
.tnp-subscription.footer-subscription-form .tnp-privacy-field{
    font-size: 14px;
}
/****************@MEDIA*****************/
@media(max-width: 768px){
    .home-slider .home-slider-slide1 .n2-ss-layer.n2-ow > .n2-ss-layer-row,.home-slider .home-slider-slide2 .n2-ss-layer.n2-ow > .n2-ss-layer-row{
        padding: 10px !important;
    }
    .home-slider .home-slider-slide1 .n2-ss-layer.n2-ow > .n2-ss-layer-row .n2-ss-layer-col,.home-slider .home-slider-slide2 .n2-ss-layer.n2-ow > .n2-ss-layer-row .n2-ss-layer-col{
        padding: 30px  0 !important;
        margin-top: 70px;
    }
    .home-slider h1{
        font-size: 30px !important;
    }
    .home-slider p{
        font-size: 18px !important;
    }
    #home-events .ecs-event-list{
        grid-template-columns: 1fr;
        padding-left: 0;
    }
    .training-info-accordion-wrapper{
        flex-direction: column;
    }
    .training-info-accordion-wrapper .accordion-left,.training-info-accordion-wrapper .accordion-right{
        width: 100%;
    }
    #astra-footer-menu .menu-item{
        align-items: flex-start;
    }
    .event-grid-item{
        grid-template-columns: 1fr;
    }
    .event-thumbnail img{
        height: auto !important;
        scale: 1.0 !important;
    }
    .single-news-container{
        padding: 0;
    }
    .single-news-container{
        flex-direction: column;
    }
    .single-news-content{
        padding: 0;
    }
    .single-news-sidebar{
        width: 100%;
        max-width: 100%;
        padding: 20px;
    }
    .widget-area#secondary{
        margin-top: 0;
        padding-top: 5px;
    }
    .home-pathway-container {
        flex-direction: column; /* apila verticalmente */
        padding: 20px;
    }

    .home-pathway-accordion-column {
        width: 100%;
        padding: 0;
    }

    /* --- Imagen debajo del acordeón --- */
    .home-pathway-image-column {
        width: 100%;
        position: relative;
        overflow: hidden;
        margin-top: 20px;
    }

    /* En móvil, las imágenes se comportan como bloques normales, no absolutas */
    .home-pathway-accordion-image {
        position: static; /* quita posición absoluta */
        width: 100%;
        height: auto !important;
        object-fit: contain;
        display: none; /* oculta por defecto */
        opacity: 1;
        transform: none;
        box-shadow: none;
        transition: none;
    }
    .home-pathway-accordion-image.active {
        display: block; /* muestra solo la activa */
    }

    /* Ajustes de texto */
    .home-pathway-accordion-header h3 {
        font-size: 1.1em;
    }

    .home-pathway-accordion-content {
        font-size: 0.95em;
        padding-right: 0;
    }
  .innovator-profile{
        gap: 10px;
    }
    .innovator-profile-text h1{
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 8px;
    }
    .innovator-profile-text h2 {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 8px;
    }
    .innovator-social-info h3, .innovator-files h3 {
        line-height: 30px;
        margin: 15px 0;
        font-size: 25px;
    }
    .single-innovator-container .go-back-link {
        top: -30px;
        display: flex;
        gap: 10px;
    }
    .accordion-item{
        height: 50px;
    }
    .accordion-item.active,.right-content.active {
        height: 375px;
    }
}