/*
* Theme Name: JuliaB
* Author: TANIOS
* Author URI: https://tanios.ca/
* Version: 14554878 0.0.0
* Textdomain: JuliaB
*/

/* GENERAL */

.margin-bottom-5 {
    margin-bottom: 5px !important;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.margin-bottom-15 {
    margin-bottom: 15px !important;
}

.margin-bottom-20 {
    margin-bottom: 20px !important;
}

.margin-bottom-25 {
    margin-bottom: 25px !important;
}

.margin-bottom-30 {
    margin-bottom: 30px !important;
}

.margin-bottom-35 {
    margin-bottom: 35px !important;
}

.margin-bottom-40 {
    margin-bottom: 40px !important;
}

.margin-bottom-45 {
    margin-bottom: 45px !important;
}
.margin-bottom-50 {
    margin-bottom: 50px !important;
}

.margin-bottom-55 {
    margin-bottom: 55px !important;
}

.margin-bottom-60 {
    margin-bottom: 60px !important;
}

.margin-bottom-70 {
    margin-bottom: 70px !important;
}

.margin-bottom-80 {
    margin-bottom: 80px !important;
}

.margin-bottom-90 {
    margin-bottom: 90px !important;
}

.margin-bottom-100 {
    margin-bottom: 100px !important;
}

.margin-bottom-120 {
    margin-bottom: 120px !important;
}

.margin-bottom-128 {
    margin-bottom: 128px !important;
}

.margin-bottom-130 {
    margin-bottom: 130px !important;
}

.margin-bottom-160 {
    margin-bottom: 160px !important;
}

.margin-bottom-170 {
    margin-bottom: 170px !important;
}

.margin-bottom-180 {
    margin-bottom: 180px !important;
}

.margin-bottom-200 {
    margin-bottom: 200px !important;
}

.margin-bottom-215 {
    margin-bottom: 215px !important;
}

.margin-bottom-230 {
    margin-bottom: 230px !important;
}

.margin-bottom-330 {
    margin-bottom: 330px !important;
}

/* -------------------- */

.margin-left-20 {
    margin-left: 20px !important;
}

.margin-right-20 {
    margin-right: 20px !important;
}


/* -------------------- */

.margin-top-5 {
    margin-top: 5px !important;
}

.margin-top-8 {
    margin-top: 8px !important;
}

.margin-top-10 {
    margin-top: 10px !important;
}

.margin-top-15 {
    margin-top: 15px !important;
}

.margin-top-16 {
    margin-top: 16px !important;
}

.margin-top-20 {
    margin-top: 20px !important;
}

.margin-top-25 {
    margin-top: 25px !important;
}

.margin-top-30 {
    margin-top: 30px !important;
}

.margin-top-35 {
    margin-top: 35px !important;
}

.margin-top-40 {
    margin-top: 40px !important;
}

.margin-top-45 {
    margin-top: 45px !important;
}

.margin-top-50 {
    margin-top: 50px !important;
}

.margin-top-60 {
    margin-top: 60px !important;
}

.margin-top-65 {
    margin-top: 65px !important;
}

.margin-top-70 {
    margin-top: 70px !important;
}

.margin-top-75 {
    margin-top: 75px !important;
}

.margin-top-80 {
    margin-top: 80px !important;
}

.margin-top-90 {
    margin-top: 90px !important;
}

.margin-top-100 {
    margin-top: 100px !important;
}

.margin-top-115 {
    margin-top: 115px !important;
}


.margin-top-130 {
    margin-top: 130px !important;
}

.margin-top-140 {
    margin-top: 140px !important;
}

.margin-top-150 {
    margin-top: 150px !important;
}

.margin-top-160 {
    margin-top: 160px !important;
}

.margin-top-170 {
    margin-top: 170px !important;
}

.margin-top-180 {
    margin-top: 180px !important;
}

.margin-top-190 {
    margin-top: 190px !important;
}

.margin-top-200 {
    margin-top: 200px !important;
}

.margin-top-220 {
    margin-top: 220px !important;
}

.margin-top-370 {
    margin-top: 370px !important;
}

.margin-top-450 {
    margin-top: 450px !important;
}

.margin-top-500 {
    margin-top: 500px !important;
}

/* -------------------- */

.padding-top-10 {
    padding-top: 10px !important;
}

.padding-top-15 {
    padding-top: 15px !important;
}

.padding-top-20 {
    padding-top: 20px !important;
}

.padding-top-30 {
    padding-top: 30px !important;
}

/* -------------------- */

.padding-left-20 {
    padding-left: 20px !important;
}

.padding-left-30 {
    padding-left: 30px !important;
}

/* -------------------- */

.padding-right-20 {
    padding-right: 20px !important;
}

.padding-right-25 {
    padding-right: 25px !important;
}

.padding-right-50 {
    padding-right: 50px !important;
}

/* -------------------- */

.padding-bottom-30 {
    padding-bottom: 30px !important;
}

.padding-bottom-50 {
    padding-bottom: 50px !important;
}

/* -------------------- */

.light {
    font-weight: 300;
}

.regular {
    font-weight: 400;
}

.align-right {
    text-align: right;
}

.white h1,
.white h2,
.white h3,
.white h4,
.white p {
    color: white;
}

.gris {
    background-color: #ebeaee;
}

/* NAV */
#floating-menu a:focus, 
#floating-menu a:hover, 
#menu .menu-item a:focus, 
#menu .menu-item a:hover {
    color: #004650;
}

#header .container-fluid {
    max-width: 100%;
}

.heading,
.feature__title, 
.the-content h1, 
.the-content h2, 
.the-content h3, 
.the-content h4, 
.the-content h5, 
.the-content h6 {
    font-family: 'Merriweather', serif;
    font-weight: 400;
}

.the-content ul li:before {
    background-image: none;
    width: 5px;
    height: 5px;
    vertical-align: 1px;
    background-color: #37d1a0;
    border-radius: 50%;
}

.feature__title,
.heading--type-1,
.the-content h1, 
.the-content h2, 
.the-content h3, 
.the-content h4, 
.the-content h5, 
.the-content h6 {
    color: #004650;
}

.btn {
    background-color: #004650;
    border: none;
    color:white;
}

.btn:hover,
.btn:focus {
    color: white;
    background-color: #022a39;
}

/* IMAGE HERO */
#cover .cover__image {
    width: 100%;
    max-width: 90%;
}

/* CASE STUDIES / FORMATION */
.half-cover .cover__title.vert {
    color: #004650;
}

.article-card .card__title a:focus, 
.article-card .card__title a:hover,
.article-card .card__subtitle {
    color: #004650;
}

/* FOOTER */
#copyright {
    background-color: #004650;
}

#footer .footer__menu a:focus, 
#footer .footer__menu a:hover {
    color: #004650;
}

#menu .menu__footerHeader {
    display: none;
}


/* =========================================================================== */

/* GENERAL */
.heading--type-1 {
    font-size: 3.2rem;
}

/* NAV */
    .header__left img {
        width: 150px;
    }

/* ACCUEIL */
#cover .cover__backgrounds>div:first-child {
    background: #ebeaee;
}

.features-circle .circle__item .item__image {
    background-color: #004650;
}

.home main .page__section:nth-of-type(3) {
    background: #f0f0f5;
}

.home main .page__section:nth-of-type(3) .section__header {
    margin-bottom: 90px;
}

.home main .page__section:nth-of-type(5) {
    padding: 10px;
}


.features-circle .circle__item {
    width: 540px;
}

/* SERVICES pour FR */
.page-id-262 main > .page__section:first-of-type {
    background: #ebeaee;
}

.page-id-262 main > .page__section:nth-of-type(3) {
    background: #37d1a0;
}

.page-id-262 main > .page__section:nth-of-type(3) p,
.page-id-262 main > .page__section:nth-of-type(3) a {
    color: #004650;
}

.page-id-262 main > .page__section:nth-of-type(3) a:after {
    background-color: #004650;
}

.page-id-262 main > .page__section:nth-of-type(3) .collapsible__header:after {
    background-image: url(assets/dist/bundle/chevron-down.svg);
}

.page-id-262 .globex-block:nth-of-type(2) .section-with-icon {
    margin-bottom: 0;
}

.page-id-262 main > .page__section:first-of-type {
    background-image: url(assets/images/png/AKOR_Hero-Services_01.jpg);
    background-size: cover;
}

.page-id-262 main > .page__section:first-of-type h3 {
    color: white;
    font-weight: 300;
}

/* A PROPOS pour FR */
.page-id-270 main > .page__section:first-child {
    background: #ebeaee;
}

.page-id-270 main .boxed--650 {
    max-width: 990px;
}

.page-id-270 .page__section--size-990 .container-fluid {
    max-width: 1000px;
}

/* CONTACT FR */
.page-id-258 main > .page__section:first-child {
    background: #ebeaee;
}

/* FORMATIONS */
.hero-formation .titre-hero h3{
    font-family: 'Merriweather', serif;
    font-weight: 300;
    font-size: 3.2rem;
}

.formation-stack-3 h4 {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.2em;
    color: #004650;
}

.cta__vert {
    background-color: #004650;
    color: white;
    padding: 18px 28px;
    display: inline-block;
    font-size: 17px;
    border-radius: 30px;
    transition: all 0.2s;
}

.cta__vert:hover {
    background-color: #002a30;
    color: white;
    text-decoration: none;
} 


@media ( max-width: 1440px ) {

/* ACCUEIL */
    .features-circle .circle__item {
        width: 500px;
    }

}

@media ( max-width: 1280px ) {

    /* ACCUEIL */
    .features-circle .circle__item .item__image {
        min-width: 95px;
    }

    .features-circle .circle__item .item__text {
        font-size: 15px;
    }

    .features-circle .circle__items .circle__item:nth-of-type(1) .item__image {
        margin-left: 60px;
    }

    .features-circle .circle__items .circle__item:nth-of-type(2) .item__image {
        margin-right: 60px;
    }

    .features-circle .circle__items .circle__item:nth-of-type(2) {
        width: 520px;
    }

    .features-circle .circle__items .circle__item:nth-of-type(3) {
        width: 400px;
    }

    .features-circle .circle__items .circle__item:nth-of-type(3) .item__image {
        margin-left: 20px;
    }

    .features-circle .circle__items .circle__item:nth-of-type(4) {
        width: 400px;
    }

    .features-circle .circle__items .circle__item:nth-of-type(4) .item__image {
        margin-right: 20px;
    }

}    

@media ( max-width: 1199px ) {

/* ACCUEIL */
    .features-circle .circle__item .item__image img {
        width: 50px;
    }


}    

@media ( max-width: 991px ) {

    .features-circle .circle__items .circle__item:nth-of-type(1) .item__image {
        margin-left: 0;
    }

    .features-circle .circle__items .circle__item:nth-of-type(3) .item__image {
        margin-left: 0;
    }

    .features-circle .circle__items .circle__item:nth-of-type(4) .item__image {
        margin-right: 50px;
    }
}    

@media ( max-width: 768px ) {

    #cover .cover__wrapper {
        min-height: 480px;
    }

    .features-circle .circle__item,
    .features-circle .circle__items .circle__item:nth-of-type(2),
    .features-circle .circle__items .circle__item:nth-of-type(3),
    .features-circle .circle__items .circle__item:nth-of-type(4) {
        width: calc(100% + 50px);
    }

    .home .flickity-viewport {
        margin-top: 40px;
    }

    .home .carousel__navigation {
        margin-top: 0;
    }

/* SERVICES */    
    .page-id-262 .section-with-icon .section__title {
        text-align: center;
    }

/* FORMATION */
    .align-right {
        text-align: left;
    }

    .wrapper-cta {
        text-align: center;
    }

    .formation-stack-1,
    .formation-stack-2,
    .formation-stack-3,
    .formation-stack-4 {
        padding: 0 15px;
    }

    .formation-stack-2 .margin-top-75 {
        margin-top: 45px !important;
    }

    .formation-stack-2 .margin-bottom-80 {
        margin-bottom: 50px !important;
    }

    .formation-stack-3 .margin-top-75 {
        margin-top: 45px !important;
    }

    .formation-stack-4 .margin-top-40 {
        margin-top: 10px !important;
    } 

    .cta__vert {
        padding: 15px 20px;
    }

}    

@media ( max-width: 767px ) {

/* ACCUEIL */


}

@media ( max-width: 480px ) {

    .heading--type-1,
    .hero-formation .titre-hero h3 {
        font-size: 2.2rem;
    }

/* ACCUEIL */    
    #cover .cover__wrapper {
        min-height: 360px;
    }


}    

@media ( max-width: 480px ) {

/* ACCUEIL */    
    #cover .cover__wrapper {
        min-height: 340px;
    }


}