@charset "UTF-8";
/**
Theme Name: Unify
Theme URI: https://unify.com
Author: Atos
Author URI: https://atos.net
Description: Unify WordPress Atos child theme
Template: atos
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: 
Text Domain: unify
**/

/*
    Repaint:
    from:       to:
    #88c540     #0061aa
    #6dab3c     #66a3c7
*/

.header__main .header__main-atos {
    position: absolute;
    min-width: 100px;
    max-width: 150px;
    max-height: 46px;
    vertical-align: middle;
    z-index: 1;
    padding: 0;
    top: 24px;
    right: 54px;
}
.header__main .header__main-nav .icon__menu {
    right: 220px;
    z-index: 10;
}
@media only screen and (max-height: 500px) {
    .header__main.stickytop .header__main-atos {
        top: 8px;
    }
}

.header__main .header__main-atos img {
    width: 142px;
}

    @media (max-width:520px) {
        .header__main .header__main-logo img, .header__main .header__main-atos img {
            width: 25vw;
        }

        .header__main .header__main-atos {
            right: 40px;
        }

        .header__main .header__main-nav .icon__menu {
            right: 50%;
            z-index: 10;
            width: 5vw;
            height: 4vw;
        }
    }
@media (max-width:360px) {
    .header__main .header__main-atos {
        right: 30px;
    }
}
@media (max-width:360px) {
    .header__main .header__main-atos {
        right: 24px;
    }
}
    .header__main {
        min-height: 90px;
    }

    .header__main-search.opened {
        z-index: 20;
    }



    .header__main .header__main-nav {
        right: 180px;
    }

    .header__main-search {
        right: -20px;
    }

    .lang-selector.parentmenu {
        text-transform: uppercase;
    }

    .blue, .green {
        color: #0061aa;
    }

    ​ .bg_blue, .bg_green {
        background-color: #0061aa;
    }

    ​ .lightblue, .lightgreen {
        color: #66a3c7;
        /*#previously 66A3C7*/
    }

    ​ .bg_lightblue, .bg_lightgreen {
        background-color: #66a3c7;
        /*#previously 66A3C7*/
    }

    .section.blue, .section.green {
        background-color: #0061aa !important;
    }

    .section.overlay-blue:before, .section.overlay-green:before {
        background-color: #0061aa !important;
    }

    .section.page > .section h1, .h1 {
        font-family: "Stag Sans Light", Verdana, Arial, Helvetica, sans-serif;
        color: #0061aa;
        padding: 0 0 20px;
        font-weight: 700;
    }

    h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
        font-family: "Stag Sans Light", Verdana, Arial, Helvetica, sans-serif;
    }

    .pl_grid h2 {
        font-weight: 700;
    }

    h6, .h6 {
        color: #0061aa;
    }



    .dash:after, .dash-white:after, .social-post__wrapper:after {
        background-color: #0061aa;
    }

    .btn, button[type="submit"], input[type="submit"], textarea[type="submit"], .button, .button-white, .button-blue, .button-green, .button-transp, .button-bluewhite, .button-greenwhite, .button-whiteblue, .button-cat, button {
        font-family: "Stag Sans Light", Verdana, Arial, Helvetica, sans-serif;
        font-size: 1.8rem;
        line-height: 2.0rem;
    }


    .cookie-policy__link button, .cookie-policy__link .button, .cookie-policy__link .button-white, .cookie-policy__link .button-blue, .cookie-policy__link .button-transp {
        font-family: "Stag Sans Light", Verdana, Arial, Helvetica, sans-serif;
    }


    .pagination__links a:hover {
        color: #0061aa;
    }

    .pl_wrapper .pagination__links a:hover {
        color: #0061aa;
    }

    /*********************************** CONTACT FORM */


    .gfield_error .validation_message {
        color: #e3632b;
    }

    #contactform .gfield_checkbox, #contactform .gfield_radio, #contactform select[multiple=multiple] {
        color: #626262;
        /*#prev Open Sans Book*/
        font-family: "Stag Sans Light", Verdana, Arial, Helvetica, sans-serif;
    }



    /***********************************
 __ __|  \    _ )  |     __|   __| 
    |   _ \   _ \  |     _|  \__ \ 
   _| _/  _\ ___/ ____| ___| ____/ 

Tables & pseudo-tables default styling
***********************************/

    th, .table-head {
        background-color: #0061aa;
    }

    .financial-calendar tr:nth-of-type(1) {
        padding: 10px 0;
        background-color: #0061aa;
    }

    /*********************************** PRE HEADER STYLING */


    .header__pre {
        font-family: "Stag Sans Light", Verdana, Arial, Helvetica, sans-serif;
    }

        .header__pre > ul > li a:hover, .header__pre > ul > li a.active {
            color: #0061aa !important;
        }


    .page__header-image h1, .page__header-image h2 {
        font-family: "Stag Medium", Verdana, Arial, Helvetica, sans-serif;
    }

    .header__banner-title {
        font-family: "Stag Medium", Verdana, Arial, Helvetica, sans-serif;
        font-size: 42px !important;
        font-size: 4rem;
        line-height: 50px;
        line-height: 5rem;
        font-weight: 300;
    }

    .header__banner-subtitle {
        font-family: "Stag Sans Light", Verdana, Arial, Helvetica, sans-serif;
        font-size: 26px !important;
        font-size: 2.6rem;
        line-height: 30px !important;
        line-height: 3rem;
        font-weight: 300;
    }

    .header__main .header__main-nav {
        font-family: "Stag Sans Light", Verdana, Arial, Helvetica, sans-serif;
    }


    .archives__list-item a {
        color: #0061aa !important;
    }

    /*#previously color: #66a3c7;*/
    .footer__main-sitemap a {
        color: #0061aa !important;
    }


    .grid__article-content:after, .grid__article-quote .grid__quote-content:after {
        background-color: #0061aa;
    }

    .grid__article-quote {
        background-color: #0061aa;
    }

        /*#prev Stag Sans Medium*/
        .grid__article-quote .grid__quote-link a {
            color: inherit;
            font-family: "Stag Medium", Verdana, Arial, Helvetica, sans-serif;
        }

    /***********************************
Component styling - à  compléter
***********************************/
    /* 18/7/2018 */

    .sameblockheight h5 {
        min-height: 70px;
        margin: 0;
    }

    .sameblockheight, .sameblockheight .wpb_wrapper {
        display: flex;
        flex-direction: column;
    }

        .sameblockheight .vc_column-inner {
            flex-direction: column;
            flex-grow: 1;
            display: flex;
        }

        /* justify-content: space-between; */
        .sameblockheight .wpb_wrapper {
            flex-grow: 1;
        }

    .subrow {
        display: flex;
    }

    /* width: 200px; */
    .sameblockheight .button-blue {
        display: flex;
        margin: 25px auto 50px auto;
    }

    /* .alignnone {
    margin-left: auto;
    margin-right: auto;
    display: block;
} */

    .sameblockheight .p-height {
        flex-grow: 1;
        word-break: break-word;
    }

    /* Créer (@media...) - style.css, (ligne au choix) */
    @media (max-width: 970px) {
        .sameblockheight .button-blue {
            max-width: 185px !important;
        }
    }

    @media (max-width: 768px) {
        .subrow {
            display: block;
        }

        .sameblockheight h5 {
            min-height: auto;
        }

        .sameblockheight .button-blue {
            max-width: 200px !important;
        }
    }


    /* to remove the flags area - June July 2018 */
    #hometabs .section__tabs-link {
        display: none;
    }

    #hometabs .subrow {
        text-align: center;
    }

    /* #menu-item-173771 - ne marche que pour un menu
{margin-left: -40px;} */

    .header__pre-institutional {
        margin-left: -8px;
    }


    li.parentmenu:hover:after {
        display: none;
    }


    /* Expert - Blog - June 2018 */





    .pl_expert .expert-detail h2 {
        font-size: 1.8rem !important;
        padding: 0 0 2px 0 !important;
        font-size: 18px !important;
        line-height: 20px !important;
    }

    .blog-article .blog-detail blockquote p {
        color: #0061aa;
    }

    .blog-article .blog-detail blockquote strong {
        color: #0061aa;
    }

    .pl_expert .alphabet a, .pl_expert .alphabet a:link, .pl_expert .alphabet a:active {
        color: #0061aa;
    }

        .pl_expert .alphabet a:hover {
            color: #E00000;
        }

    .section__experts .expert__function {
        color: #0061aa;
        font-family: "Stag Medium", Verdana, Arial, Helvetica, sans-serif;
    }

    .expert-related a, .expert-related a:link, .expert-related a:active, .expert-related a:hover {
        color: #0061aa;
    }

    /*  Social post - social wall */

    /*#prev Open Sans Book*/
    .social-post .social-post__content {
        font-family: "Stag Sans Light", Verdana, Arial, Helvetica, sans-serif;
    }

    /*#prev Open Sans Book*/
    .social-post a {
        color: #0061aa;
        font-family: "Stag Sans Light", Verdana, Arial, Helvetica, sans-serif;
    }

    .social-post__author_long, .social-post__author {
        color: #0061aa;
        font-family: "Stag Sans Light", Verdana, Arial, Helvetica, sans-serif;
    }

    .social-zone .social-post {
        color: #0061aa;
        font-family: "Stag Sans Light", Verdana, Arial, Helvetica, sans-serif;
    }
        /*prev Open Sans Book*/
        .social-zone .social-post .social-post__author {
            font-family: "Stag Sans Light", Verdana, Arial, Helvetica, sans-serif;
        }

        .social-zone .social-post .social-post__content {
            color: #0061aa;
        }

            .social-zone .social-post .social-post__content a {
                color: inherit;
                /* stag sans medium previously */
                font-family: "Stag Sans Light", Verdana, Arial, Helvetica, sans-serif;
            }

        .social-zone .social-post.tweet {
            color: #FFFFFF;
            background-color: #0061aa;
        }

    .social-post__network.linkedin {
        width: 32px;
        height: 21px;
        background: url("images/In-2C-21px-TM.png") center center no-repeat;
        background-size: 32px 21px;
    }

    .social-post__network.twitter {
        width: 20px;
        height: 16px;
        background: url("images/icon_twitter-alt.svg") center center no-repeat;
        background-size: 20px 16px;
    }

    .social-post__network.facebook {
        width: 20px;
        height: 20px;
        background: url("images/icon_facebook-2.svg") center center no-repeat;
        background-size: 20px 20px;
    }

    /* sections */
    .section__see-all {
        color: #0061aa;
        font-family: "Stag Medium", Verdana, Arial, Helvetica, sans-serif;
    }

    .section__2cols .section__title {
        color: #0061aa;
    }

    .section__2cols-block h3, .section__2cols-block .h3, .section__2cols-block .link {
        color: #0061aa;
    }

    .section__cta.overlay-blue:before {
        background-color: #0061aa;
    }

    .section__cta.overlay-blue {
        background-color: #0061aa;
    }

    /*# stag  medium previously*/
    .section__video-testimonial .section__title {
        color: #0061aa !important;
        font-family: "Stag Sans Light", Verdana, Arial, Helvetica, sans-serif;
    }

    .testimonial__company {
        color: #0061aa;
        font-family: "Stag Medium", Verdana, Arial, Helvetica, sans-serif;
    }

    /*#prev Open Sans Book*/
    .section__tabs {
        font-family: "Stag Sans Light", Verdana, Arial, Helvetica, sans-serif;
    }

    /*#prev Open Sans Book*/
    .pl_filter, .pl_year {
        font-family: "Stag Sans Light", Verdana, Arial, Helvetica, sans-serif;
    }

    .country__title {
        color: #0061aa;
    }

    /*#prev #a6cadf*/
    .slider-bullet, .footer__main-glance .slider__glance-bullet {
        background-color: #a6dfa6;
    }

        .slider-bullet.bullet-active, .footer__main-glance .bullet-active.slider__glance-bullet {
            background-color: #0061aa;
        }

    .accordeon .accordeon__section .accordeon__section-title {
        color: #0061aa;
    }

        .accordeon .accordeon__section .accordeon__section-title:before {
            background-color: #0061aa;
        }

        .accordeon .accordeon__section .accordeon__section-title:after {
            background-color: #0061aa;
        }

    /* June 2018 */
    .accordeon h2 {
        padding: 10px 40px !important;
    }




    .breadcrumb a:hover {
        color: #0061aa !important;
    }



    .page__header, .page__header--large {
        background: none;
    }

    /* video player youtube */
    /*
.yt-mix-bg .yt-play {
    background: url("images/unify-green-play-button.png") no-repeat;
    background-size: cover;
}
    */
    .section ul li {
        color: inherit;
        margin: 0 0 0 20px;
        list-style-type: disc;
        background-size: cover;
    }

    .grid-col-4 .p-height {
        min-height: 110px;
    }

    .grid-col-3 .p-height {
        min-height: 190px;
    }

    @media (max-width: 768px) {
        .p-height {
            min-height: initial !important;
        }
    }

    .grid-col-4.sameblockheight {
        min-height: 300px;
        position: relative;
    }

    .grid-col-3.sameblockheight {
        min-height: 450px;
        position: relative;
    }

    .grid-col-6.sameblockheight {
        min-height: 200px;
        position: relative;
    }

    .grid-col-4.sameblockheight .button-blue {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 165px;
    }

    .grid-col-3.sameblockheight .button-blue {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 165px;
    }

    .grid-col-6.sameblockheight .button-blue {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 165px;
    }

    @media (max-width: 768px) {
        .sameblockheight {
            min-height: initial !important;
            position: static;
        }
    }



    /***********************************
Stag fonts
***********************************/
    @font-face {
        font-family: 'Stag Sans Light';
        src: url("/wp-content/themes/atos/css/fonts/StagSans-Light-Cy-Web.eot");
        src: local("?"), url("/wp-content/themes/atos/css/fonts/StagSans-Light-Cy-Web.woff") format("woff");
        font-style: normal;
        font-weight: 200;
    }

    @font-face {
        font-family: 'Stag Sans Light Italic';
        src: url("/wp-content/themes/atos/css/fonts/StagSans-LightItalic-Cy-Web.eot");
        src: local("?"), url("/wp-content/themes/atos/css/fonts/StagSans-LightItalic-Cy-Web.woff") format("woff");
        font-style: italic;
        font-weight: 200;
    }

    @font-face {
        font-family: 'Stag Sans Book';
        src: url("/wp-content/themes/atos/css/fonts/StagSans-Book-Cy-Web.eot");
        src: local("?"), url("/wp-content/themes/atos/css/fonts/StagSans-Book-Cy-Web.woff") format("woff");
        font-style: normal;
        font-weight: 400;
    }

    @font-face {
        font-family: 'Stag Sans Medium';
        src: url("/wp-content/themes/atos/css/fonts/StagSans-Medium-Cy-Web.eot");
        src: local("?"), url("/wp-content/themes/atos/css/fonts/StagSans-Medium-Cy-Web.woff") format("woff");
        font-style: normal;
        font-weight: 400;
    }

    @font-face {
        font-family: 'Stag Sans Semibold';
        src: url("/wp-content/themes/atos/css/fonts/StagSans-Semibold-Cy-Web.eot");
        src: local("?"), url("/wp-content/themes/atos/css/fonts/StagSans-Semibold-Cy-Web.woff") format("woff");
        font-style: normal;
        font-weight: 700;
    }

    @font-face {
        font-family: 'Stag Light';
        src: url("/wp-content/themes/atos/css/fonts/Stag-Light-Cy-Web.eot");
        src: local("?"), url("/wp-content/themes/atos/css/fonts/Stag-Light-Cy-Web.woff") format("woff");
        font-style: normal;
        font-weight: 200;
    }

    @font-face {
        font-family: 'Stag Medium';
        src: url("/wp-content/themes/atos/css/fonts/Stag-Medium-Cy-Web.eot");
        src: local("?"), url("/wp-content/themes/atos/css/fonts/Stag-Medium-Cy-Web.woff") format("woff");
        font-style: normal;
        font-weight: 400;
    }