/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.17
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

html, body{
    overflow-x: hidden;
}

.fit_content{
    width: fit-content;
}

.square{
    aspect-ratio: 1 / 1; 
}

.non_visible {
    display: none !important;
}

body:not(.elementor-editor-active) .elementor-menu-anchor:before {
    content: "";
    display:block;
    height: 0px; /* fixed header height*/
    margin: -150px 0 0; /* negative fixed header height */
    visibility: hidden;
    pointer-events: none;
  }


/* MODALE */
body.elementor-popup-active {
    overflow: hidden !important;
    position: fixed !important;
    width: 100%;
}

/* TITRE & TXT */
p a {
    color: #EE7203 !important;
}

p#breadcrumbs a {
    color: #282727 !important;
    opacity: 0.7;
}

p {
    margin-block-end: 0 !important;
}

h1, h2 {
    display: flex;
    align-items: center;
    gap: 7px; 
    flex-wrap: wrap;
    line-height: 120% !important;
}

h1 span {
    font-size: 48px;
    background-image: linear-gradient(120deg, #EE7203 0%, #EE7203 100%);
    background-repeat: no-repeat;
    background-size: 100% 14px;
    background-position: 0px 93%;
    line-height: 120%;
}
 

h2 span {
    font-size: 32px;
    background-image: linear-gradient(120deg, #EE7203 0%, #EE7203 100%);
    background-repeat: no-repeat;
    background-size: 100% 11px;
    background-position: 0 100%;
    line-height: 120%;
}

.elementor-widget-text-editor ul{
    padding-inline-start: 24px !important; 
}



/* BUTTON */

.container-arrows {
    min-height: 42px;
}

.btn-decouvrir,  a.btn-preinscrire{
    border-radius: 10px;
    padding: 10px 20px;
    cursor: pointer;
    display: block;
    width: 100%;
    text-align: center;
    font-family: "Agenda", Sans-serif;
    font-size: 16px;
    font-weight: 500;
    transition: all ease-in-out .3s;
}

.elementor-button-orange-fit .elementor-button, .elementor-button-orange-large .elementor-button{
    border: 1px solid #A95102;
    background-color: var(--e-global-color-primary) !important;
    color: var(--e-global-color-3678874)!important;
}

.elementor-button-orange-fit .elementor-button:hover, .elementor-button-orange-large .elementor-button:hover {
    box-shadow: 0px 0px 0px 2px #FFF, 0px 0px 0px 4px #EE7203;
}

.elementor-button-blanc-fit .elementor-button, .elementor-button-blanc-large .elementor-button, .btn-decouvrir,  a.btn-preinscrire{
    border: 1px solid #EE7203;
    background-color: #FFF !important;
    color: #EE7203 !important; 
}

.elementor-button-blanc-fit .elementor-button:hover, .elementor-button-blanc-large .elementor-button:hover, .btn-decouvrir:hover,  a.btn-preinscrire:hover {
    box-shadow: 0px 0px 0px 2px #FFF, 0px 0px 0px 4px #EE7203;
}

.elementor-button-gris-fit .elementor-button, .elementor-button-gris-large .elementor-button{
    border: 1px solid #E4E4E7;
    background-color: #F4F4F5 !important;
    color: #1A1A1A !important;
}

.elementor-button-gris-fit .elementor-button:hover, .elementor-button-gris-large .elementor-button:hover {
    box-shadow: 0px 0px 0px 2px #FFF, 0px 0px 0px 4px #E4E4E7;
}

 
.elementor-button-orange-fit .elementor-button,.elementor-button-blanc-fit .elementor-button, .elementor-button-gris-fit .elementor-button{
    padding: 12px 16px;
}

.elementor-button-orange-large .elementor-button,.elementor-button-blanc-large .elementor-button, .elementor-button-gris-large .elementor-button{
    padding: 12px 40px;
}

.elementor-button-orange-fit.elementor-align-justify, .elementor-button-orange-large.elementor-align-justify, .elementor-button-blanc-fit.elementor-align-justify, .elementor-button-blanc-large.elementor-align-justify, .elementor-button-gris-fit.elementor-align-justify, .elementor-button-gris-large.elementor-align-justify {
    width: 100%;
}

.elementor-button-text {
    flex-grow: initial !important;
}
.elementor-button-content-wrapper {
    align-items: center;
}

.elementor-button-icon svg {
    width: 24px !important;
    margin: -4px 0;
}


form.elementor-form button.elementor-button[type="submit"]:hover {
    box-shadow: 0px 0px 0px 2px #FFF, 0px 0px 0px 4px #EE7203 !important;
}

.elementor-mark-required .elementor-field-label:after {
    color: #EE7203;
}

/* HEADER */
a.color-active{
    color: #EE7203 !important;
}

.elementor-sub-item.has-submenu{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

a.elementor-sub-item.has-submenu {
    cursor: default;
}

.elementor-nav-menu--dropdown a {
    padding-right: 24px !important;
}


/* FOOTER */
.site-footer {
    display: none;
}

.footer_soutenir span {
    font-size: 17px;
    box-shadow: inset 0 -4px 0 0 #EE7203;
}

.taxe_card{
    overflow: hidden;
    height: 130px;
}

.taxe_bubble{
    aspect-ratio: 1 / 1;
    position: absolute;
    bottom: -15px;
    right: -15px;
    width: 100px
}

.taxe_app div {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.taxe_app span {
    font-size: 5.5px;
    line-height: 15px;
}



/* COUNTER */
.elementor-counter-number-wrapper {
    margin-bottom: 20px;
}


/* ACTUALITES */

.last_posts {
    display: flex;
    gap: 60px;
    flex-wrap: wrap;
    justify-content: space-between;
}


.post_card {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    max-width: 293px;
}

img.card-img-top {
    width: 100%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 50%;
}

.team-carousel img.card-img-top {
    min-height: 250px;
}

.img_bloc_post {
    padding: 24px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="296" height="296" viewBox="0 0 296 296" fill="none"><path d="M285.367 94.2319L285.14 94.3204C286.628 98.1429 287.969 102.058 289.155 106.062C290.341 110.066 291.349 114.08 292.183 118.096L292.422 118.046C298.828 148.891 295.011 179.85 283.056 207.083L282.832 206.985C279.507 214.56 275.551 221.846 271.01 228.76L271.214 228.894C254.885 253.752 231 273.815 201.642 285.242L201.554 285.014C197.731 286.502 193.816 287.843 189.812 289.029C185.808 290.215 181.794 291.223 177.778 292.057L177.828 292.296C146.983 298.702 116.024 294.885 88.791 282.93L88.8891 282.706C81.3144 279.381 74.0285 275.425 67.1142 270.884L66.9801 271.088C42.1215 254.759 22.0589 230.874 10.6325 201.516L10.86 201.428C9.37227 197.605 8.03116 193.69 6.84518 189.686C5.65922 185.682 4.65148 181.668 3.81735 177.652L3.57833 177.702C-2.82809 146.857 0.988864 115.898 12.9441 88.665L13.1676 88.7632C16.4929 81.1885 20.4489 73.9025 24.9905 66.9882L24.7864 66.8542C41.1146 41.9956 65.0001 21.9329 94.3579 10.5065L94.4464 10.734C98.2689 9.24629 102.184 7.90518 106.188 6.71921C110.192 5.53324 114.206 4.5255 118.222 3.69137L118.172 3.45235C149.017 -2.95406 179.976 0.862889 207.209 12.8181L207.111 13.0417C214.686 16.367 221.972 20.3229 228.886 24.8645L229.02 24.6605C253.878 40.9886 273.941 64.8741 285.367 94.2319Z" stroke="url(%23paint0_linear_1038_585)" stroke-width="0.488243" stroke-dasharray="27 87.88"/><defs><linearGradient id="paint0_linear_1038_585" x1="106.119" y1="6.48513" x2="189.881" y2="289.263" gradientUnits="userSpaceOnUse"><stop stop-color="%23FB9149"/><stop offset="1" stop-color="%23FB9149"/></linearGradient></defs></svg>');
}

.card_content{
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.card-body {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

h3.card-title {
    color: #EE7203;
    font-family: Futura;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    padding: 0 8px;
    margin-block-start: 0;
    margin-block-end: 0;
}

p.card-text {
    color: #04211F;
    font-family: Agenda;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 21.6px */
}

p.card-link {
    color: #EE7203;
    font-family: Agenda;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    text-decoration-line: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 0.5px;
    margin-top: 12px; 
}

.image-carousel-actu {
    aspect-ratio: 1 / 1; /* Crée un carré parfait */
    background-size: cover;
    background-position: center;
    position: relative; /* Pour positionner correctement le contenu interne si nécessaire */
    border-radius: 15px;
    margin: 0 10px;
}

.carousel-images-actu{
    padding: 60px 0 20px 0;
    margin: 0 -10px;
}

.actu-carousel  ul.slick-dots {
    bottom: -40px;
}

.actu-carousel .slick-dots li button:before {
    color: #282727 !important;
}

.actu-carousel [type=button]:focus, .actu-carousel button:hover {
    background-color: #fff !important;
}

.container-arrows-actu {
    text-align: right;
    margin-bottom: 0;
    margin-top: 20px;
    display: flex;
    gap: 0;
    justify-content: center;
}


.fancybox-button {
    background: #F19A0D !important;
    color: #fff !important;
    border-radius: 50px !important;
}

.fancybox-navigation .fancybox-button--arrow_right, .fancybox-navigation .fancybox-button--arrow_left {
    padding: 0;
    height: 44px;
    width: 44px;
    margin: 0 20px;
}

.fancybox-toolbar {
    right: 20px;
    top: 20px;
}

button.fancybox-button.fancybox-button--close {
    margin-left: 10px;
}

button.fancybox-button.fancybox-button--zoom {
    display: none !important;
}

.fancybox-image, .fancybox-spaceball {
    border-radius: 15px !important;
}

.fancybox-caption__body {
    font-size: 16px;
    font-weight: 700;
}

.dialog-lightbox-widget {
    display: none;
}

/* ACCORDEON */
.elementor-accordion-item {
    border: 2px solid #FAD3B1 !important;
    background-color: #FFFFFF;
    margin-bottom: 24px;
    border-radius: 15px;
}

.elementor-accordion-item .elementor-tab-content {
    border-width: 0 !important;
}

.elementor-accordion .elementor-tab-title .elementor-accordion-icon svg {
    width: 24px !important;
    height: 24px !important;
}


.elementor-tab-content a{
    color: var(--e-global-color-primary);
    font-family: "Agenda", Sans-serif;
    font-size: 18px;
    font-weight: 500;
}

.elementor-tab-content span a {
    border: none;
    background-color: transparent;
    color: var(--e-global-color-primary);
    padding: initial;
}

.elementor-tab-content span a:hover {
    box-shadow: none;
} 

.elementor-tab-content p:has(> a) {
    margin: 24px 0 !important;
}

/* TOGGLE */

.elementor-toggle-item {
    border: 2px solid #FAD3B1 !important;
    background-color: #FFFFFF;
    border-radius: 15px;
}

.elementor-toggle .elementor-tab-title .elementor-toggle-icon svg {
    margin-inline-start: 0;
    width: 24px !important;
    height: 24px !important;
}

.elementor-toggle-item ul {
    padding-inline-start: 20px !important;
}

.elementor-toggle span.elementor-toggle-icon-closed, .elementor-accordion span.elementor-accordion-icon-closed {
    width: 24px;
    height: 24px;
    background: url(/wp-content/themes/hello-theme-child-master/img/angle-down.svg) !important;
}

.elementor-toggle span.elementor-toggle-icon-opened, .elementor-accordion span.elementor-accordion-icon-opened{
    width: 24px;
    height: 24px;
    background: url(/wp-content/themes/hello-theme-child-master/img/angle-up.svg) !important;
}



/* FIL D'ARIANE */
.ariane-separator{
    content: url(/wp-content/uploads/2023/11/Chevron_Ariane.svg);
}

.ariane-home{
    content: url(/wp-content/uploads/2023/10/home.svg);
}

p#breadcrumbs span:first-of-type{
    display: flex;
    gap: 8px;
}

p#breadcrumbs a {
    color: #282727;
    font-family: Agenda;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    transition: all ease-in-out .2s;
    display: flex;
    gap: 4px;
    align-items: center;
}

p#breadcrumbs a:hover {
    color: var(--e-global-color-primary);

}

p#breadcrumbs span {
    display: flex;
    align-items: center;
}

span.breadcrumb_last {
    font-family: Futura;
    font-size: 14px;
    font-style: normal;
    font-weight: 900;
}

.ariane_box::before {
    display: block;
    content: "";
    position: absolute;
    left: -100vw;
    top: 0;
    width: 100vw;
    height: 100%;
    background-color: #fff;
    z-index: 0;
    border-radius: 0;
}
 
.ariane_box {
    position: relative;
}


/* FORMATIONS */
.niveau span{
    border: 1px solid #A95102;
    background-color: var(--e-global-color-primary) !important;
    color: var(--e-global-color-3678874)!important;
    padding: 12px 16px;
    font-family: "Agenda", Sans-serif;
    font-size: 18px;
    font-weight: 500;
    border-radius: 8px 8px 8px 8px;
}

.lame_formation a{
    color: var(--e-global-color-primary);
    font-family: "Agenda", Sans-serif;
    font-size: 18px;
    font-weight: 500;
}


.lame_formation .elementor-widget-text-editor p:has(> a) {
    margin: 24px 0 !important;
}

a.btn_back {
    display: flex;
    align-items: center;
    gap: 8px;
}

span.btn-back-icon {
    width: 28px;
    height: 28px;
    transform: rotate(180deg);
}

span.btn-back-label {
    font-family: Futura;
    font-size: 14px;
    font-weight: 900;  
    color: initial;
}



/* METIERS */
.similaire.non_visible{
    display: block;
    background-color: #F5F5F5; 
}



/* BLOG FLEXIBLE */

.full-texte-actu {
    width: 100%;
    max-width: 1024px;
    padding: 60px 0;
    margin: auto;
}

.flex-container {
    display: flex;
    gap: 60px;
    padding: 60px 0;
}

.flex-container .texte-col {
    flex-basis: 50%; 
    max-width: 50%; 
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.flex-container .image-col,
.flex-container .col-2-img {
    flex-basis: 50%; 
    max-width: 50%; 
}

.flex-container img {
    width: 100%;
    height: 320px;
    object-fit: cover;
    border-radius: 15px;
}

.blog_flex h2, .event h2 {
  text-transform: none !important;
}

.blog_flex .image-col {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 15px;

}

.blog_flex .col-2-img {
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: center;
}

.blog_flex iframe{
    height: 320px;
    border-radius: 15px;
}



/* AGENDA */

/* Style de base pour la grille */
.evenements-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 colonnes en desktop */
    gap: 24px;
}

/* Style des cards d'événement */
.evenement-card {
    border: 1px solid #FAD3B1;
    border-radius: 15px;
    background: #FEFCF6;
} 

.evenement-card a {
    color: initial;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Image de la card */
.evenement-card img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

/* Titre et contenu */
.evenement-card .head_card{
    padding: 24px;
    display: flex;
    gap: 18px;
}

.evenement-card .event_content {
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.evenement-card .event_btn {
    padding: 0 24px 24px 24px;
}

.taxo_info {
    color: #EE7203;
    font-family: Agenda;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 0.9em;
    display: flex;
    padding: 0px 16px;
    height: 44px;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    border: 1px solid #EE7203;
    background: #FFF;
}

.evenement-card h3 {
    font-size: 16px !important;
    line-height: 120%;
    margin-block-start: 0;
    margin-block-end: 0;
    height: 78px;
    overflow: hidden;
}

/* Bouton */
.evenement-card button {
    border-radius: 10px;
    border: 1px solid #EE7203;
    color: #EE7203;
    background:#FFF;
    padding: 10px 20px;
    cursor: pointer;
    display: block;
    width: 100%;
}

.evenement-card button:hover {
    background-color:#EE7203 ;
    color: #fff;
}

.event_resume{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4; /* Nombre de lignes à afficher */
    overflow: hidden;
    text-overflow: ellipsis;
    border-top: 1px solid #EE7203;
    padding-top: 14px;
    height: 123px;
}

.item_info {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.lieu_event, .date_event {
    display: flex;
    gap: 8px;
    align-items: center;
}

.lieu_event .icon{
    content: url('/wp-content/uploads/2023/11/map-location.svg');
width: 24px;
height: 24px;
}
.date_event .icon{
    content: url('/wp-content/uploads/2023/11/calendar.svg');
width: 24px;
height: 24px;
}


/* Media query pour les tablettes */
@media (max-width: 1024px) {
    .evenements-grid {
        grid-template-columns: repeat(2, 1fr); /* 2 colonnes en tablette */
    }
}

/* Media query pour les mobiles */
@media (max-width: 768px) {
    .evenements-grid {
        grid-template-columns: 1fr; /* 1 colonne en mobile */
    }
}




/* FORMATIONS GRID */
 
.fiches-formation-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); /* Crée des colonnes de 320px de largeur maximale */
    grid-gap: 20px; /* Espace entre les cartes */
    justify-items: center;
}

.fiches-formation-card a {
    color: #282727 !important;
}

.fiche-formation-card {
    max-width: 320px; /* Largeur maximale pour chaque carte */
    padding: 18px; 
    border-radius: 15px;
border: 1px solid #FAD3B1;
background: #FFF;
font-size: 16px;
display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.fiche-formation-card a{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.fiches-formation-grid .fiche-formation-card {
    margin:0 !important;
}

.fiche-formation-card img {
    width: 100%;
    height: 190px !important;
    object-fit: cover;
    border-radius: 15px;
}

.head_formation {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.cat_formation {
    position: absolute;
    top: 12px;
    left: 12px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.cat_formation div {
    font-size: 16px;
    display: flex;
    height: 28px;
    padding: 0px 8px;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 5px;
    width: fit-content;
}

.niveau_info{
    border: 1px solid #A95102;
    background: #EE7203;
}

.diplome_info{
    border: 1px solid #282727;
    background: #282727;
}


.famille_info {
    font-size: 18px;
    font-family: Agenda;
font-style: normal;
font-weight: 500;
line-height: 120%;
color: #282727;
}

.famille_info {
    font-size: 18px;
    font-family: Agenda;
font-style: normal;
font-weight: 500;
line-height: 120%;
color: #282727;
text-transform: capitalize;
}

.fiche-formation-card h3{
    font-family: Futura;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 120%;
color: #282727;
min-height: 57px;
}

.nbr_etablissement_info{
color: #282727;
display: flex;
align-items: center;
gap: 4px;
}

.icon_etab{
    content:url('/wp-content/uploads/2023/11/map-location.svg');
    width: 24px;
    height: 24px;
    }








/* HOME FEDERATION */

.visite_virtuelle iframe {
    border-radius: 15px 15px 0 0 !important;
    aspect-ratio: 16 / 9 !important;
	height: 100% !important;
	width: 100% !important;
}













/* SEARCH BAR MODALE */
.fa-search:before {
    content:url('/wp-content/uploads/2023/11/search_white.svg') !important;
}

.elementor-search-form__container {
    border-radius: 8px !important;
}







/* POPUP MODALE  */
.popup_blur .dialog-widget-content {
    backdrop-filter: blur(2px) !important;
}

.popup_blur a  {
    outline: none !important;
}



/* DOWNLOAD FORMATION */
.download_btn{
    border: 1px solid #A95102;
    background-color: var(--e-global-color-primary) !important;
    color: var(--e-global-color-3678874) !important;
}

.download_btn:hover{
box-shadow: 0px 0px 0px 2px #FFF, 0px 0px 0px 4px #EE7203;
}



/* --------------------   RESPONSIVE  -------------------- */

/* TABLETTE & MOBILE */
@media(max-width:1024px) {

    .last_posts {
        flex-direction: column;
        gap: 30px;
        align-items: center;
    }

    .full-texte-actu {
        padding: 40px 0;
    }

    .flex-container {
        gap: 40px;
        padding: 40px 0;
    }

    .carousel-images-actu{
        padding: 40px 0 20px 0;
    }

}

/* TABLETTE ONLY */
@media(min-width:767px) and (max-width:1024px) {
    .taxe_card{
        height: 207px;
    }
    
    .taxe_bubble{
        bottom: 15px;
    }
}


/* MOBILE ONLY */
@media(max-width: 767px) {

    h1 span {
    font-size: 32px;
    background-size: 100% 11px;
    }

    h2 span {
        font-size: 24px;
        background-size: 100% 8px;
    }
 
    .hide_bg_mobile{
        background: none !important;
    }

    .btn_hero_home.elementor-button-orange-large, .btn_hero_home.elementor-button-blanc-large {
        width: 50%;
    }

    .btn_hero_home.elementor-button-orange-large .elementor-button, .btn_hero_home.elementor-button-blanc-large .elementor-button,  .btn_hero_home.elementor-button-gris-large .elementor-button{
        width: 100%;
        padding: 12px;
    }

    .lame .elementor-button-orange-fit, .lame .elementor-button-blanc-fit, .lame .elementor-button-gris-fit,.lame .elementor-button-orange-large, .lame .elementor-button-blanc-large, .lame .elementor-button-gris-large{
        width: 100%;
    }

    .lame .elementor-button-orange-fit .elementor-button, .lame .elementor-button-blanc-fit .elementor-button, .lame .elementor-button-orange-large .elementor-button, .lame .elementor-button-blanc-large .elementor-button,  .lame .elementor-button-gris-fit .elementor-button, .lame .elementor-button-gris-large .elementor-button{
        width: 100%;  
    }

    .elementor-counter-number-wrapper {
        margin-bottom: 10px;
    }

    .footer_box .fit_content{
        width: 100%;
    }


    .flex-container .texte-col, .flex-container .image-col, .flex-container .col-2-img {
        flex-basis: 100%;
        max-width: 100%;
    }
    .flex-container {
        display: flex;
        flex-direction: column !important;
    }

    .blog_flex .image-col, .blog_flex .col-2-img {
        order: -1;
    }

    .flex-container img, .blog_flex iframe {
        height: 260px; 
    }

    .team-carousel img.card-img-top {
        min-height: 200px;
    }
}