@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;500i;600;700&display=swap');
:root{
    --size-small: 11.12px;
    --size-normal: 18px;
    --size-title: 43.95px;
    --size-medium: 22.5px;
    --size-md-plus: 29.12px;
    --primary: #00924D;
    --green-plus: #005E32;
    --teal-bg: #08909E;
    --white: #fff;
    --bg-body: #f3f5f6;
    --black: #000;
}

body{
    font-size: var(--size-normal);
    font-family: 'Poppins', sans-serif;
    color: #000;
    background-color: var(--bg-body);
}
#top-header{
    background-color: #00924D;
    position: relative;
}
.l-header{
    width: auto;
}
.r-header{
    margin-left: 1.75rem;
}
.logo-img{
    background-color: var(--white);
    position: relative;
    width: 138px;
    z-index: 900;
    margin-bottom: -4rem;
}

.navbar-brand{
    display: none;
}
.navbar-dark .navbar-nav .nav-link {
    font-size: var(--size-normal);
    font-weight: 500;
    color: var(--white);
    text-transform: uppercase;
    padding: .5rem 1.2rem;
}

#sliderHome{
    max-width: 2560px;
    margin-inline: auto;
}
.crsl-block-caption{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .16);
    display: flex;
    align-items: flex-end;
    padding-bottom: 2rem;
}
.crsl-caption-in{
    max-width: 800px;
    color: var(--white);
    margin-top: 10rem;
    /* display: flex;
    align-items: flex-end; */
}
.crsl-img{
    display: block;
    width: 100%;
    aspect-ratio: 144/65;
    object-fit: cover;
    object-position: top;
}
.crsl-tag{
    font-size: var(--size-normal);
    font-weight: 600;
    text-transform: uppercase;
    color: var(--white);
    text-decoration: none;
    display: inline-block;
    margin-bottom: 1.5rem;
}
.crsl-tag:hover, .crsl-tag:focus{
    color: var(--white);
}
.crsl-title{
    font-size: calc(var(--size-title) - 8px);
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 2rem;
}
.carousel-control-prev, .carousel-control-next{
    width: 5%;
}

.btn{
    text-transform: uppercase;
    font-weight: 700;
    font-size: var(--size-normal);
}
.btn.btn-outline-light, .btn.btn-outline-primary, .btn.btn-outline-dark{
    border-width: 2px;
}
.btn-lg, .btn-group-lg > .btn {
    padding: 0.5rem 2.5rem;
  }

.title2{
    font-size: var(--size-title);
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 3rem;
}
#actus{
    padding-top: 4rem;
    padding-bottom: 4rem;
    position: relative;
}
#actus::before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 335px;
    background-color: var(--teal-bg);
    z-index: -1;
}
#actus .title2{
    color: var(--white);
}
.actu-card{
    margin-bottom: 2rem;
}
.actu-card-img{
    width: 100%;
    object-fit: cover;
    object-position: top;
    aspect-ratio: 1.66;
}
.actu-card-caption{
    padding: 1.5rem .125rem;
    height: 125px;
}
.actu-card-title{
    font-size: var(--size-medium);
    font-weight: 600;
}
.actu-card-title a, .actu-card-title a:hover, .actu-card-title a:focus{
    color: var(--black);
    text-decoration: none;
}
.ac-tag{
    display: inline-block;
    color: var(--black);
    opacity: .5;
    font-size: var(--size-normal);
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: none;
}
.ac-tag:hover, .ac-tag:focus{
    color: var(--black);
}

#athlete{
    margin-bottom: 3rem;
}
.athl-img{
    width: 100%;
    height: 420px;
    object-fit: cover;
}
.athl-mth{
    height: 420px;
    padding: 2.5rem;
    background-color: var(--teal-bg);
    color: var(--white);
}
.ttle-sm{
    text-transform: uppercase;
    font-weight: 700;
    font-size: var(--size-normal);
}
.athl-mth .title2{
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
}
#footer{
    background-color: var(--green-plus);
    color: var(--white);
    padding-bottom: 2rem;
    position: relative;
    margin-top: 14rem;
}
#footer a{
    color: var(--white);
}
.wh-bl, .wh-br{
    padding: 2rem;
    background-color: var(--white);
    margin-bottom: 3rem;
    margin-top : -8rem;
}
.wh-bl{
    width: 35%;
    height: 374px;
}
.wh-br{
    width: 60%;
    height: 320px;
}
.grn-title{
    color: var(--primary);
    font-size: var(--size-md-plus);
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 1.5rem;
}
.lst-logo{
    display: flex;
    flex-wrap: wrap;
}
.wh-bl .logo-itm{
    width: 25%;
    margin-bottom: 1rem;
}
.wh-br .logo-itm{
    width: 16.6667%;
    margin-bottom: 1rem;
}
.inlne-itm{
    margin-top: 2rem;
    display: inline-block;
    margin-right: 5rem;
}
.inlne-itm > a{
    display: inline-block;
    margin-bottom: 0;
    margin-right: 2.5rem;
    text-decoration: underline;
}
.h-social{
    font-size: var(--size-normal);
    color: var(--white);
}
.h-social a{
    font-size: 1.2rem;
    color: var(--white);
    text-decoration: none;
}

.pcopy{
    margin-top: 2rem;
    font-size: var(--size-small);
    font-weight: 300;
}
/* =============================================== */
/* h1 {
  margin-top: 0;
  font-size: 11.089rem;
}

h2 {font-size: 6.854rem;}

h3 {font-size: 4.236rem;}

h4 {font-size: 2.618rem;}

h5 {font-size: 1.618rem;}

small, .text_small {font-size: 0.618rem;} */
/* ============================================== */


/* page */
li .dropdown-item{
    border-bottom: 1px solid var(--bs-gray-300);  
}
li:last-child .dropdown-item{
    border-bottom: none;
}
.breadcrumb{
    padding: 1.75rem 0;
    padding-left: 237px;
    background-color: #f3f5f6;
}
.breadcrumb-item{
    font-size: var(--size-small);
}
.breadcrumb-item > a{
    text-decoration: none;
    color: var(--black);
} 
.breadcrumb-item + .breadcrumb-item::before {
    content: var(--bs-breadcrumb-divider, ">")
}
.head-sx .title2{
    color: var(--teal-bg);
    margin-bottom: 1.85rem;
}
.content-txt{
    max-width: 736px;
    font-size: var(--size-normal);
    line-height: 1.6;
}
.content-txt .title3{
    font-size: var(--size-md-plus);
    color: var(--teal-bg);
}
.content-txt h1,
.content-txt h2,
.content-txt h3,
.content-txt h4,
.content-txt h5,
.content-txt h6{
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1.5;
}

.side-nav{
    position: sticky;
    top: .5rem;
}
.side-nav .card{
    border-color: var(--teal-bg);
}
.side-nav .card-header{
    border: none;
    background-color: var(--teal-bg);
    padding: 1.125rem 1rem;
    font-size: var(--size-md-plus);
    font-weight: 700;
    color: var(--white);
}
.side-nav .list-group-item{
    font-weight: 600;
    font-size: var(--size-normal);
    padding: .9rem 1rem;
}
.side-nav .list-group-item.active {
    color: var(--primary);
    background-color: transparent;
    border: 1px solid rgba(0, 0, 0, 0.125);
}

.card-pers{
    margin-bottom: .5rem;
    padding-right: 3rem;
}
.card-pers-img{
    width: 100%;
    height: 286px;
    object-fit: cover;
    object-position: top;
}
.card-pers-caption{
    height: 65px;
    padding: .5rem 0;
}
.card-pers-txt{
    text-transform: uppercase;
    font-size: var(--size-normal);
    font-weight: 600;
}


.accordion-button:not(.collapsed) {
    color: var(--white);
    background-color: var(--teal-bg);
}
.accordion-button:not(.collapsed)::after {
    background-image: unset;
    content: "\e604";
    font-family: 'simple-line-icons';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.accordion-button {
    font-size: var(--size-md-plus);
    font-weight: 600;
    text-transform: uppercase;
}
.accordion-item{
    margin-bottom: 1rem;
}
figcaption{
    margin-top: 1rem;
}
.figname{
    font-size: var(--size-md-plus);
    font-weight: 700;
    display: block;
}
.figpost{
    font-size: var(--size-normal);
    font-weight: 500;
    font-style: italic;
}
.cp-date{
    font-weight: 400;
}
.page-item{
    margin: 0 .5rem;
}
.page-link {
    color: var(--black);
    text-decoration: none;
    background-color: transparent;
    border: none;
    font-size: calc(var(--size-normal) - 2px);
    height: 30px;
    width: 30px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page-item.active .page-link {
    color: #fff;
    background-color: var(--teal-bg);
    border-color: var(--teal-bg);
}

.meta-art{
    max-width: 1000px;
}
.title2.art-title{
    text-transform: unset;
}
.art-figure{
    margin-bottom: 3rem;
}
.art-figure img{
    width: 100%;
    object-fit: cover;
    object-position: top;
    aspect-ratio: 1.66;
}
.m-tag, .m-date{
    color: var(--black);
    text-decoration: none;
}
.m-tag{
    text-transform: uppercase;
}
.art-figure ~ .content-txt{
    font-weight: 400;
    max-width: 778px;
    
}
.art-figure ~ .content-txt p{
    margin-bottom: 1.5rem;
}
.commq-card{
    padding-right: 1rem;
    margin-bottom: 1.5rem;
    min-height: 230px;
}
.commq-descr{
    margin: 1.1rem 0;
}
.fed-card{
    border: 2px solid var(--teal-bg);
    padding: 0;
    margin-bottom: 2rem;
}
.fed-card-img{
    width: 100%;
    height: 200px;
    object-fit: contain;
    object-position: 50% 50%;
}
.fed-card-caption{
    background-color: var(--teal-bg);
    color: var(--white);
    padding: 1.25rem .85rem ;
}

.fed-card-caption h4{
    font-size: var(--size-normal);
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
}

.bloc-divder{
    margin-bottom: 3rem;
}
.bloc-divder h3{
    font-size: var(--size-md-plus);
    font-weight: 600;
    margin-bottom: 1.7rem;
}
.bloc-divder .list-unstyled li, .side-nav .list-unstyled li{
    line-height: 2.5;
}
.side-nav .card-header{
    text-transform: uppercase;
}
.card-mdl{
    position: relative;
    margin-bottom: 2rem;
}
.card-mdl-img{
    width: 100%;
    height: 203px;
    object-fit: cover;
}
.reltv{
    position: relative;
}
.nme-athl{
    font-size: var(--size-normal);
    font-weight: 600;
    text-transform: uppercase;
    margin: .5rem 0 .7rem;
}
.mdl-list{
    display: flex;
    flex-wrap: wrap;
}
.mdl-or, .mdl-argent, .mdl-bronze{
    font-size: var(--size-small);
    color: var(--white);
    height: 30px;
    width: 30px;
    border-radius: 100%;
    background-color: var(--bs-gray-200);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: .25rem;
}
.mdl-or{
    background-color: #D79A10;
}
.mdl-argent{
    background-color: #C0C0C0;
}
.mdl-bronze{
    background-color: #614E1A;
}
.side-nav select, .top-filters select{
    width: 100%;
    padding: .65rem 1rem;
    border-color: var(--teal-bg);
}
.side-nav select, .side-nav label, .top-filters select, .top-filters label{
    color: var(--bs-gray-600);
    text-transform: uppercase;
}
.lbl{
    display: block;
    margin-bottom: .5rem;
    color: var(--black) !important;
    font-size: var(--size-normal);
    font-weight: 700;
    text-transform: uppercase;
}
.top-filters{
    display: flex;
    justify-content: space-between;
}
.flt-bloc{
    padding: 1rem .5rem;
    width: 45%;
}

.mdl-table th{
    background-color: var(--primary);
    color: var(--white);
    text-align: center;
}
.mdl-table.table > :not(:first-child) {
    border-top: 2px solid transparent;
}
.mdl-table th, .mdl-table td{
    border: 1px solid var(--bs-gray-400);
}
.mdl-table th:last-child, .mdl-table td:last-child{
    border-right: none;
}
.mdl-table th:first-child, .mdl-table td:first-child{
    border-left: none;
    text-align: center;
}
.mdl-table .mdl-list{
    justify-content: space-evenly;
}
.toUpper{
    text-transform: uppercase !important;
}

.doc-list{
    margin: 2rem 0;
}
.doc-item{
    display: flex;
    max-width: 785px;
    margin-bottom: 1.85rem;
}
.doc-icon{
    width: 110px;
}
.doc-icon img{
    width: 35px;
}
.doc-caption{
    padding: 0 1rem;
}
.doc-caption i{
    color: #888585;
}
.doc-title{
    display: block;
    color: var(--black);
    text-decoration: none;
    font-size: var(--size-normal);
    font-weight: 400;
    margin-bottom: .85rem;
}
.doc-title:hover, .doc-title:focus{
    color: var(--black);
}
.doc-categ{
    color: #888585;
    font-size: var(--size-normal);
    font-weight: 400;
    text-decoration: none;
}


.f-input{
    padding: .85rem 1rem;
    width: 100%;
}
.rtrait-1{
    max-width: 500px;
}
.rtrait-2{
    max-width: 750px;
}
.btn-send{
    font-size: var(--size-normal);
    font-weight: 600;
    text-transform: uppercase;
    color: var(--white);
    background-color: var(--primary);
    padding: 1rem 2.5rem;
    border: none;
    box-shadow: none;
    transition: background-color .3s;
}
.btn-send:hover, .btn-send:focus{
    background-color: var(--green-plus);
}
/* Media Queries */
/* Extra Large devices */
@media screen and (max-width: 1399.98px) {
    .navbar-dark .navbar-nav .nav-link {
        padding: .5rem;
    }
    .actu-card-caption{
        height: 145px;
    }
    .card-pers-img{
        height: 241px;
    }
    .breadcrumb{
        padding-left: 200px;
    }
}

/* Large devices */
@media screen and (max-width: 1199.98px) {
    .link-logo{
        display: none;
    }
    .navbar{
        padding: 0;
    }
    .navbar-brand{
        display: inline-block;
        padding-top: 0;
        padding-bottom: 0;
    }
    .navbar-nav{
        padding-left: 16.667%;
    }
    .navbar-dark .navbar-nav .nav-link {
        padding: .5rem;
        text-align: right;
        border-bottom: 1px solid #fff;
    }
    .navbar-dark .navbar-toggler {
        color: rgba(255, 255, 255, 1);
        border-color: transparent;
        text-transform: uppercase;
        vertical-align: center;
        line-height: 1;
        font-weight: 600;
    }

    .athl-mth, .athl-img {
        height: 510px;
    }
    .actu-card-caption{
        height: 125px;
    }
    .card-pers-img{
        height: 317px;
    }
    .flt-bloc{
        padding: 1rem .5rem;
        width: 50%;
    }
}

/* Medium devices */
@media screen and (max-width: 991.98px) {
    .athl-mth, .athl-img {
        height: auto;
        min-height: 350px;
    }
    .actu-card-caption{
        height: 145px;
    }
    .whb{
        flex-wrap: wrap !important;
    }
    .wh-bl, .wh-br{
        width: 100% !important;
        height: auto;
        flex-wrap: wrap;
    }
    .wh-bl{
        margin-bottom: 10rem;
    }
    .card-pers-img{
        height: 226px;
    }
    .breadcrumb{
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        justify-content: flex-end;
    }
}

/* small devices */
@media screen and (max-width: 767.98px) {
    .logo-img{
        width: 100px;
        margin-bottom: 0;
    }
    .wh-bl, .wh-br{
        flex-wrap: wrap;
    }
    .card-pers-img{
        height: auto;
    }
    .top-filters{
        flex-wrap: wrap;
    }
    .flt-bloc{
        width: 100%;
    }
    .crsl-block-caption{
        position: static;
        background-color: rgba(0, 0, 0, .86);
        padding: 1.5rem 2rem;
        height: 240px;
    }
    .crsl-caption-in{
        margin-top: .5rem;
    }
    .crsl-tag{
        font-size: calc(var(--size-normal) - 2px);
        margin-bottom: 1rem;
    }
    .crsl-title{
        font-size: var(--size-medium);
        margin-bottom: 1rem;
    }
    .crsl-btn{
        text-align: left;
    }
    .crsl-btn .btn{
        font-size: calc(var(--size-normal) - 4px);
    }
}
/*Extra small*/
@media screen and (max-width: 575.98px){
    .actu-card-caption{
        height: auto;
    }
    .wh-bl .logo-itm, .wh-br .logo-itm{
        width: 33.333%;
    }
}

@media screen and (max-width: 450px){
    :root{
        --size-title: 36.12px;
    }
    .inlne-itm{
        margin-right: 0;
        margin-bottom: 1rem;
    }
    .inlne-itm > a{
        font-size: calc(var(--size-normal) - 2px);
    }
    .breadcrumb{
        padding-top: 5rem;
        padding-bottom: .5rem;
    }
}