/**
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;
}
.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;
}
/******************HOME*********************/
.home-pathway-container {
    display: flex;
    gap: 20px; /* Space between columns */
    max-width: 1200px;
    margin: 0 auto;
    padding: 35px;
    border: 2px solid #16385A;
    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: #16385A;
    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 #16385A;
}
.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: #C1D885;
    color: #16385a;
    padding: 7px 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: #16385A;
    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 h2{
    font-size: 40px;
    color: #16385A;
}
.partners-single-header img{
    width: 180px;
    border: 1px solid #C1D885;
    border-radius: 5px;
}
.logo-go_back-container{
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 10px;
}
.logo-go_back-container a span{
    vertical-align: sub;
}
/******************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;
}
/***************************SINGLE-NEWS****************/
body.single #content .ast-container{
    max-width: 100% !important;
    padding: 0;
}
.single-cat-news-container{
    width: 100%;
}
.single-cat-news-container .single-news-header img{
    width: 100%;
    height: 600px;
    object-fit: cover;
}
.single-news-container{
    padding: 30px;
}
.single-news-container .entry-title,.single-news-container  .single-news-date{
    color: #242D5C;
}
.single-news-content{
    padding: 0 35px;
    color: #242D5C;
}
.single-news-content p{
    text-align: justify;
}
.widget-area#secondary{
    margin: 40px 0 0;
}
.wp-block-latest-posts__post-title{
    font-weight: 700;
}
.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,.event-grid-item .event-meta p{
    color: #16385A;
}
.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: #16385A;
    padding-left: 20px;
    margin-right: 10px;
    vertical-align: text-top;
}
.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: #2672B7;
    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;
}
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: #16385A;
}
body.single #tribe-events-pg-template .tribe_events .single-event-container .tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button{
    background-color: #16385A;
}
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;
}
/******************TRAINING*******************/
.top-left-line{
    position: absolute !important;
    top: 10px;
    left: -15px;
    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: #16385A;
    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: #16385A;
    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;
}
#text-5,#text-6{
    /* visibility: hidden; */
    display: none;
}
/*************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: #2672B7;
    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: 50px;
    overflow: hidden;
}
.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: 400px;
}
.accordion-item img{
    margin-bottom: 10px;
}
.right-content {
    display: none;
    width: 100%;
    max-width: 800px;
}
.right-content h5 {
    font-weight: 400;
}
.right-content h5,.right-content ul {
    margin: 0 0 5px;
}
.right-content.active {
    display: block;
    padding: 10px;
}
/******************MODAL POP-UP SUBSCRIPTION NEWSLETTER PLUGIN**********/
#tnp-modal-content h2{
    font-size: 35px;
    font-weight: bold;
    text-align: center;
    color: #16385A;
}
#tnp-modal-content h3{
    font-size: 22px;
    font-weight: 400;
    text-align: center;
    color: #16385A;
}
#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 #C1D885;
    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: #16385A;
}
#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: #C1D885;
    color: #16385A;
    border-radius: 30px;
    padding: 7px 20px;
    margin-left: -30px;
}
#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;
}
/******************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: #2672B7;
    position: absolute;
    left: 0;
}
#astra-footer-menu li{
    position: relative;
    padding-left: 15px;
}
.footer-newsletter-container {
    background-color: #16385A;
    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: #16385A;
    background-color: #C1D885;
}
.tnp-subscription.footer-subscription-form .tnp-privacy-field{
    font-size: 14px;
}
/****************@MEDIA*****************/
@media(max-width: 768px){
    .training-info-accordion-wrapper{
        flex-direction: column;
    }
    .training-info-accordion-wrapper .accordion-left,.training-info-accordion-wrapper .accordion-right{
        width: 100%;
    }
}