/*!
 * Layout of EIB Brand
 * Copyright 2018 Business & Decision Luxembourg S.A
 * Licensed under OMM Team - B&D Luxembourg S.A
 */

/********************************************************************************
*                                                                               *
*  [*] Generic Classes                                                          *
*  [µ] Technique to select the class name by contains                           *
*  [#] Screen size: xs,sm,md,lg                                                 *
*                                                                               *
********************************************************************************/

main#content {
    min-height:80vh;
}

.width-auto{
    width:auto !important;
    min-width: 100%;
}

/* Moved from _tools/resources/front/css/framework/new-style.css & tools/css/revamp/style.css */
.column {
    padding:0;
}
body .reset-padding-top{padding-top: 0!important;}
body .reset-padding-bottom{padding-bottom: 0!important}
body .reset-margin-top{margin-top: 0!important;}
body .reset-margin-bottom{margin-bottom: 0!important;}
.reset-margin-top .parallax-picture{margin-top:0!important}
.reset-padding-top .parallax-picture{padding-top:0!important}
/* END Moved from _tools/resources/front/css/framework/new-style.css & tools/css/revamp/style.css */

.text-center-justify {
    text-align: justify;
    -moz-text-align-last: center;
    text-align-last: center;
}


/* [*] Border *************************************************/
/* Moved from _tools/resources/front/css/framework/new-style.css & _tools/resources/front/css/blog/style.css */

    /*border-color*/
        .border-color-azure {border-color: #009FE3;}
        .border-color-cyan {border-color: #0092BD;} /* was #007B9F on new-style.css */
        .border-color-aeaeae {border-color: #aeaeae;}
    /*end border-color*/

    /* border top right bottom left */
        .border-1px-solid-white {border:1px solid #fff;}
    /* end border */

    /* border top & bottom */
        .border-top-solid-blue {border-top:solid #00529e;}
        .border-bottom-solid-blue {border-bottom:solid #00529e;}
        .border-top-solid-azure {border-top:solid #009FE3;}
        .border-bottom-solid-azure {border-bottom:solid #009FE3;}
        /*use doddy class border-width-(1,2,3,4,5) to define the size*/
    /* end border top & bottom */

 /* [*] Background colors **************************************/
/* Moved from _tools/resources/front/css/blog/style.css */

    .bg-color-grey {background-color: #777777;}
    .bg-color-dark-grey {background-color:#333333;}
    .bg-color-azure {background-color: #009FE3;}
    .bg-color-cyan {background-color: #0092BD;}
    .bg-color-blue {background-color: #00529e;}
    .bg-color-light-blue {background-color: #E6EEF6;}
    .bg-color-orange {background-color: #D8810A;}
    .bg-color-red {background-color: #8B183E;}
    .bg-color-dark-red {background-color:#950000;}
    .bg-color-green {background-color: #468641;}
    .bg-color-dark-green {background-color: #688f3b;}
    .bg-color-mustard { background-color: #ac811d;}
    .bg-gradient-color-blue {
        background-color:#04539F;
        filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#04539F, endColorstr=#1C3E8D);
        background-image:-moz-linear-gradient(left, #04539F 0%, #1C3E8D 25%,#223A79 42%,#233362 59%,#191F3A 75%);
        background-image:linear-gradient(left, #04539F 0%, #1C3E8D 25%,#223A79 42%,#233362 59%,#191F3A 75%);
        background-image:-webkit-linear-gradient(left, #04539F 0%, #1C3E8D 25%,#223A79 42%,#233362 59%,#191F3A 75%);
        background-image:-o-linear-gradient(left, #04539F 0%, #1C3E8D 25%,#223A79 42%,#233362 59%,#191F3A 75%);
        background-image:-ms-linear-gradient(left, #04539F 0%, #1C3E8D 25%,#223A79 42%,#233362 59%,#191F3A 75%);
        background-image:-webkit-gradient(linear, left bottom, right bottom, color-stop(0%,#04539F), color-stop(25%,#1C3E8D),color-stop(42%,#223A79),color-stop(59%,#233362),color-stop(75%,#191F3A));
    }

 /* end Background colors **************************************/

    /*[^hp-event]*/
    #homepage__events {
        padding-top:60px;
        padding-bottom:60px;
    }

    /*[^hp-gi]*/
    #homepage__get-inspired {
        padding-top:60px;
    }

/* [*] Box border over an image *************************************************/
/* Moved from _tools/resources/front/css/blog/style.css */

    .box-over-image--align-center {
        left: 50%;
        position: absolute;
        transform: translate(-50%, -50%);
        top: 50%;
    }

    .box-over-image--align-center-right {
        right: 10%;
        position: absolute;
        transform: translate(0%, -50%);
        top: 50%;
        font-weight: 400;
        width: 60%;
        text-align: left;
        max-height: 90%;
        overflow: hidden;
    }
    
    .related-stories .box-over-image--align-center-right {
        position: absolute;
        right: 30px;
        font-weight: 400;
        text-align: left;
        overflow: hidden;
        display: block;
        top: 135px;
        max-height: 290px;
    }

    @media (min-width: 1281px) and (min-height: 720px) {
        .box-over-image--align-center-right {
            width:40%;
        }
    }

        /* [#] xs screen */
            @media (max-width: 767px) {
                .box-over-image--align-center-right {
                    width:80%;
                    left: 50%;
                    position: absolute;
                    transform: translate(-50%, -50%);
                    top: 50%;
                }
            }

/* Column *************************************/

.col-center-block {
    float: none;
    display: block;
    margin: 0 auto;
}


/* [*] Blockquote **************************************************/

/*[^hp-vb]*/
.banner__blockquote--h2 {
    margin: 0;
    padding-bottom: 10px;
    font-size: 26px;
}

blockquote h2, blockquote h2 {
  quotes: "“" "”" "“" "”";
}

    blockquote h2:before, blockquote h2:after {
        font-size:150%;
        line-height: 75%;
    }
    blockquote h2:before, blockquote h2:before {
        content: open-quote;
    }
    blockquote h2:after, blockquote h2:after {
        content: close-quote;
    }

/* [*] Video *********************************************************/

.video-youtube .video-icon {
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    text-align: center;
    width: 100px;
    height: 100px;
    display: block;
}

a.video-youtube, a.video-youtube > div {
    z-index: 900;
}

.item-2 span.video-icon, .item-3 span.video-icon, .item-4 span.video-icon, .item-5 span.video-icon, .video__header p {
    display: none;
}
/* .video-banner__content{
  height: auto;
} */
.video-banner__content {
  overflow: hidden;
  position: relative;
}

.video-banner__content.video-height__xs{
  height: 33vh;
}
.video-banner__content.video-height__sm{
  height: 50vh;
}
.video-banner__content.video-height__md{
  height: 60vh;
}
.video-banner__content.video-height__l{
  height: 75vh;
}
.video-banner__content.video-height__xl{
  height: 89vh;
}
.video-banner__content.video-height__main-banner-height{
  min-height: 500px;
}
.video-banner.home-campaign-video .video-banner__content.video-height__l {
    height: 100vh !important;
}

.video-banner video {
    width: 100%;
}

@media (max-width: 768px) {
  .video-banner__content{
    height: 70vh !important;
  }
  .video-banner__content .standard-header__summary p{
    font-size: 16px;
  }
}

/* [*] Divider ************************************************/

    /* Color divider */
        .divider--color-blue::before {
            border-left: 1px solid #00529e;
        }
        .divider--color-light-blue::before {
            border-left: 1px solid #E6EEF6;
        }
        .divider--color-azure::before {
            border-left: 1px solid #009FE3;
        }
        .divider--color-cyan::before {
            border-left: 1px solid #0092BD;
        }


        /* After: divider color */
            .divider-after--color-blue::after {
                border-right: 1px solid #00529e;
            }
            .divider-after--color-light-blue::after {
                border-right: 1px solid #E6EEF6;
            }
            .divider-after--color-azure::after {
                border-right: 1px solid #009FE3;
            }
            .divider-after--color-cyan::after {
                border-right: 1px solid #0092BD;
            }

         /* end of After: divider color */

    /* end color divider */






/* [*] Separator **********************************************/
       /* separator line color - no icon */
            .separator-side.separator--bg-color-grey:before, .separator-side.separator--bg-color-grey:after {background-color: #777777;}
            .separator-side.separator--bg-color-dark-grey:before, .separator-side.separator--bg-color-dark-grey:after {background-color:#333333;}
            .separator-side.separator--bg-color-azure:before, .separator-side.separator--bg-color-azure:after {background-color: #009FE3;}
            .separator-side.separator--bg-color-cyan:before, .separator-side.separator--bg-color-cyan:after {background-color: #0092BD;}
            .separator-side.separator--bg-color-blue:before, .separator-side.separator--bg-color-blue:after {background-color: #00529e;}
            .separator-side.separator--bg-color-orange:before, .separator-side.separator--bg-color-orange:after {background-color: #D8810A;}
            .separator-side.separator--bg-color-red:before, .separator-side.separator--bg-color-red:after {background-color: #8B183E;}
            .separator-side.separator--bg-color-dark-red:before, .separator-side.separator--bg-color-dark-red:after {background-color:#950000;}
            .separator-side.separator--bg-color-green:before, .separator-side.separator--bg-color-green:after {background-color: #468641;}
            .separator-side.separator--bg-color-dark-green:before, .separator-side.separator--bg-color-dark-green:after {background-color: #688f3b;}
        /* end separator line color - no icon */


        /* separator arrow down */
            /* arrow bg color */
                .separator__arrow-down.top__arrow-down--bg-white:after {
                    border-top-color: #ffffff;
                }
                .separator__arrow-down.top__arrow-down--bg-light-grey:after {
                    border-top-color: #f3f3f3;
                }
                .separator__arrow-down.top__arrow-down--bg-blue:after {
                    border-top-color: #00529e;
                }
            /* end arrow bg color */

            /* separator line width */
                [class*="separator"].width-10 {width:10%;} [class*="separator"].width-20 {width:20%;} [class*="separator"].width-30 {width:30%;}
                [class*="separator"].width-40 {width:40%;} [class*="separator"].width-50 {width:50%;} [class*="separator"].width-60 {width:60%;}
                [class*="separator"].width-70 {width:70%;} [class*="separator"].width-80 {width:80%;} [class*="separator"].width-90 {width:90%;}
            /* End separator line width */

            /* separator arrow down color width */
                .separator__arrow-down[class*="separator__arrow--border"]:after {
                    border-width: 10px;
                    margin-left: -10px;
                }
            /* End separator arrow down color width */

            /* border color */
                .separator__arrow-down.separator__arrow--border-white:before{
                    border-color: rgba(255, 255, 255, 0);
                    border-top-color: #ffffff;
                }
                .separator__arrow-down.separator__arrow--border-light-grey:before{
                    border-color: rgba(255, 255, 255, 0);
                    border-top-color: #f3f3f3;
                }
                .separator__arrow-down.separator__arrow--border-blue:before{
                    border-color: rgba(255, 255, 255, 0);
                    border-top-color: #00529e;
                }
            /* End border color */

        /* End Separator arrow down*/


    /* border after a block */

    .border-after-block:after {
        content:"";
        background-color:transparent;
        height:1px;
        display: block;
        margin:10px 0 20px 0;
        width:100%;
    }

    .border-after-block.border-after-block--color-grey:after {
        background-color:#737373;
    }

    .border-after-block.border-after-block--width-20:after {
        width:20%;
    }

    /* End border after a block */


/* End Moved from _tools/resources/front/css/blog/style.css */

/* AUTHOR BLOG */
.post-author__description {
    height: 170px;
    overflow: hidden;
}
@media (max-width: 767px) {
    .post-author__description {
        height: 120px;
        overflow: hidden;
    }
}
.banner__author-text {
    height: 110px;
    overflow: hidden;
}

.showMoreAuthorDescription {
    float: right;
    display: none;
    cursor: pointer;
}
.showMoreAuthorDescriptionButton {
    float: right;
    display: none;
    cursor: pointer;
}

@media (max-width: 767px) {
    .header-title__split, .header-title__split .post-section.post-intro {
        padding-bottom:20px;
    }
}

/* end AUTHOR BLOG */

/* Moved from _tools/resources/front/css/blog/blog.css */

.overlap-top .post-content {
    padding-top:20px;
}

.post-section.post-intro{
    padding-bottom:0;
}

.section-title {
    margin-bottom:50px;
}

.post-section {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
}

.header-banner {
    position:relative;
}

#header-media-banner {
    min-height: 200px;
}

.explore-all {
    margin-bottom: 60px;
}

.explore-more-media__link {
    display:inline-block;
}

.template__two-column .post-media.container {
    width: auto;
}

figure[class*="content-left"] img {
    width: 100%;
}

figure[class*="content-right"] img {
    width: 100%;
}

figure.fancybox {
    cursor: pointer;
}

figure.fancybox:hover {
    opacity: .7;
}

/* [#]Screen size: from sm */
@media (min-width: 992px){

        figure[class*="content-left"].border, blockquote[class*="content-left"].border {
            padding-right: 45px;
        }

        figure[class*="content-left"].border::after, blockquote[class*="content-left"].border::after {
            content: " ";
            width: 2px;
            background-color: #f3f3f3;
            height: 90%;
            display: block;
            position: absolute;
            right: 15px;
            top: 15px;
        }

        figure[class*="content-right"].border, blockquote[class*="content-right"].border {
            padding-left:45px;
        }

        figure[class*="content-right"].border::before, blockquote[class*="content-right"].border::before {
            content: " ";
            width: 2px;
            background-color: #f3f3f3;
            height: 90%;
            display: block;
            position: absolute;
            left: 15px;
            top: 15px;
        }

    /* end of border separator */

    /* space between columns */

        figure[class*="content-left"], blockquote[class*="content-left"] {
            margin-right:15px;
        }

        figure[class*="content-right"], blockquote[class*="content-right"] {
            margin-left:15px;
        }

    /* end of space between columns */
}

/* -------------------------------------------------------------
                          BLOCKQUOTE
-----------------------------------------------------------------   */

    blockquote {
        font-family: 'Roboto', sans-serif;
        font-weight:300;
        border-left:none;
        top:10px;
    }

    blockquote {
      quotes: "“" "”" "“" "”";;
    }

    blockquote[class*="content-left"]:before,  blockquote.full-width:before, blockquote[class*="content-right"]:after {
        font-family: 'Muli', sans-serif;
        color: #00529e;
        position: absolute;
        top: -90px;
        font-size: 200px;
        font-weight: normal;
    }

    blockquote[class*="content-left"]:before,  blockquote.full-width:before {
        left: -5%;
        content: open-quote;
    }

    blockquote[class*="content-right"]:after {
        right:0;
        content: close-quote;
    }

    blockquote[class*="content-left"].border::after {
        height:90%;
    }

    blockquote > p {
        font-size:26px;
        line-height: 1.2;
    }

    blockquote[class*="content-left"] > p, blockquote.full-width > p {
        padding-left:40px;
    }

    blockquote[class*="content-right"] > p {
        padding-right:40px;
    }

    blockquote .small:before, blockquote footer:before, blockquote small:before {
        content:'';
    }

    blockquote.full-width footer.border::before {
        content: " ";
        width: 180px;
        background-color: #f3f3f3;
        height: 2px;
        display: block;
        position: absolute;
        right: 0;
        top: 0;
    }

    blockquote .lead {
        font-size: 26px !important;
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
    }

        /* [#]Screen size: xs */
            @media (max-width: 767px){



                blockquote > p{
                    font-size: 20px;
                }

                blockquote ul li.author, blockquote ul li.date {
                    font-size: 16px;
                }

                blockquote .lead {
                    font-size: 26px;
                }

                blockquote.full-width footer.border::before {
                    transform: translate(-50%,50%);
                    left: 50%;
                }

                   blockquote[class*="content-left"]:before,  blockquote.full-width:before, blockquote[class*="content-right"]:after {
                        top: -55px;
                        font-size: 150px;
                    }

                    blockquote[class*="content-left"]:before,  blockquote.full-width:before {
                        left: 0;
                    }


            }



    blockquote.full-width footer.border {
        padding-top: 10px;
        margin-top: 10px;
    }

    blockquote ul li.author, blockquote ul li.date {
        font-size: 16px;
        display: inline-block;
        color: #4f4f4f;
    }

    blockquote ul li.author:not(:last-child):after {
        content: ",";
        padding-right: 5px;
        margin-left: -3px;
        color: #4f4f4f;
    }

    blockquote.blockquote-color-orange:before {
        color: #D8810A;
    }
    blockquote.blockquote-color-orange.full-width footer.border:before {
        background-color: #D8810A;
    }

    blockquote.blockquote-color-grey:before {
        color: #777777;
    }
    blockquote.blockquote-color-grey.full-width footer.border:before {
        background-color: #777777;
    }

    blockquote.blockquote-color-dark-grey:before {
        color: #333333;
    }
    blockquote.blockquote-color-dark-grey.full-width footer.border:before {
        background-color: #333333;
    }

    blockquote.blockquote-color-azure:before {
        color: #009FE3;
    }
    blockquote.blockquote-color-azure.full-width footer.border:before {
        background-color: #009FE3;
    }

    blockquote.blockquote-color-cyan:before {
        color: #0092BD;
    }
    blockquote.blockquote-color-cyan.full-width footer.border:before {
        background-color: #0092BD;
    }

    blockquote.blockquote-color-red:before {
        color: #8B183E;
    }
    blockquote.blockquote-color-red.full-width footer.border:before {
        background-color: #8B183E;
    }

    blockquote.blockquote-color-dark-red:before {
        color: #950000;
    }
    blockquote.blockquote-color-dark-red.full-width footer.border:before {
        background-color: #950000;
    }

    blockquote.blockquote-color-green:before {
        color: #468641;
    }
    blockquote.blockquote-color-green.full-width footer.border:before {
        background-color: #468641;
    }

    blockquote.blockquote-color-dark-green:before {
        color: #688f3b;
    }
    blockquote.blockquote-color-dark-green.full-width footer.border:before {
        background-color: #688f3b;
    }

    blockquote.blockquote-color-blue:before {
        color: #00529e;
    }
    blockquote.blockquote-color-blue.full-width footer.border:before {
        background-color: #00529e;
    }

    blockquote.blockquote-color-secondary-blue:before {
        color: #2893b2;
    }
    blockquote.blockquote-color-secondary-blue.full-width footer.border:before {
        background-color: #2893b2;
    }

/* End of blockquote */

/**************************************************************************/
/*                              HEADER                                    */
/**************************************************************************/

article[id*='post'] {
    position:relative;
}

/* Banner *******************************************************/

    .header-banner__wrapper {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
       /* margin-bottom: 20px;*/
    }
    .header-banner__wrapper.header__full-screen.min-height-250 {
        min-height: 250px !important;
    }

    .header-banner__wrapper.header__full-screen.min-height-350 {
        min-height: 350px !important;
    }

    .banner__container.banner__container--top.text-over-image {
        bottom: inherit;
        top: 120px;
        left: inherit;
    }

    @media (max-width: 767px) {
        .banner__container.banner__container--top.text-over-image {
            top: auto;
            margin-top: 120px;
        }
    }

    .banner__container.banner__container--middle.text-over-image {
        bottom: 10%;
    }

    .mega-title .banner__container.banner__container--middle.text-over-image {
        bottom: 20%;
    }

    .banner__container.text-over-image {
        bottom: 0;
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .header-banner.article__overlap-top .banner__container.text-over-image {
        bottom: 80px;
    }

    .header-banner.article__overlap-top .banner__container.text-over-image .banner__elements {
        margin-left:20px;
    }

    @media (max-width: 767px) {
        .header-banner.article__overlap-top .banner__container.text-over-image .banner__elements {
            margin-left:15px;
        }
    }

    #body-header.format-donor {
        margin-bottom: 20px;
    }

    /*.banner__post-info,.header__post-info {
        padding-top: 5px;
    }
     .header__elements--right .header__post-info {
        margin-left:-23px;
    } */

    .banner__copyright span, .post-media-figcaption{
        color: #777;
        font-size: small;
        /*padding-bottom: 10px;*/
    }

    .banner__wrapper--figcaption {
        color:#ffffff;
        font-size: 10px;
        position: absolute;
        right: 5px;
        bottom:0;
        background-color: rgba(0,0,0,0.3);
        padding: 0 2px;
    }

    .header-banner.post {
        position:relative;
        height:650px;
        overflow:hidden;
    }

    @media (min-width: 1281px) and (min-height: 720px) {
        .header-banner.post {
            position:relative;
            height:750px;
            overflow:hidden;
        }
    }

    header.format-story .banner-elements {
        text-align:left;
    }

    header.format-essay .banner-elements {
        text-align:center;
    }

    header .banner-print {
        display: none;
    }

    header .banner__post-serie {
        padding-top:10px;
        padding-bottom: 5px;
        margin-left: 15px;
    }

    .header-title .text-over-image .banner__informations {
        margin-left: 8px;
        margin-bottom:5px;
    }

    @media (max-width: 767px) {
        .header-title .text-over-image .banner__informations {
            margin-left: 5px;
        }
    }

/* END of Bannner **************************************************/

/* Title style *******************************************************/

    .border-bottom {
        position:relative;
    }

    .border-bottom:after {
        position: absolute;
        content: '';
        bottom: -15px;
        left: 0;
        max-width: 25%;
        width: 100%;
        right: 0;
        border-bottom: 3px solid #ffffff;
    }

    .text-center .border-bottom:after, .border-bottom.text-center:after {
        margin: 0 auto;
    }

    .color-white .border-bottom:after, .border-bottom.color-white:after {
        border-bottom: 3px solid #ffffff;
    }

    .color-blue .border-bottom:after, .border-bottom.color-blue:after, .border-bottom:after {
        border-bottom: 3px solid #00529e;
    }

    h1.border-bottom + p {
        padding-top: 30px;
    }


    .format-essay h3 {
        padding-top:30px;
        padding-bottom: 10px;
    }

    @media (min-width:768px){
        header.format-essay .text-over-image .banner__title .h1{
            font-size: 75px !important;
        }
    }

    @media (max-width: 767px) {
        header.format-essay .text-over-image .banner__title .h1{
            font-size: 44px !important;
        }
    }
/* End of Title style *******************************************************/

/* Informations article *****************************************************/
    .banner__avatar {
        max-width: 45px;
        height: auto;
        border-radius: 50%;
        margin-top: -5px;
        margin-right: 20px;
    }

/* Card *********************************************************************/


    /************************* Format Podcast & Cartoon *************************/

        .format-podcast .card-container, .format-cartoon .card-container {
            position: absolute;
            color: #fff;
            height: auto;
            overflow: hidden;
        }

        .format-podcast .card-container {
            height: 203px;
            width: 100%;
            bottom: 0;
        }

        .format-cartoon .card-container {
            width: 90%;
            left: 5%;
            bottom: 5%;
            height: 212px;
        }

        .format-podcast .card-img, .format-cartoon .card-img {
            height:337px;
        }

        .format-podcast .card-icon {
            text-align: center;
            position: absolute;
            left: 0;
            width: 100%;
        }

            /* [#]Screen size: from sm */
            @media (min-width: 768px){
                .format-podcast .card-icon {
                    bottom: 15px;
                }
            }

            /* [#]Screen size: xs */
            @media (max-width: 767px){
                .format-podcast .card-icon {
                    top: 60px;
                }
            }

        .card-container[class*="-overlay"] > *, .card-container[class*="-overlay"] > * {
            color: #fff !important;
            position: relative;
        }

        [class*="format-"] [class*="-overlay"] .btn-tag {
            border-color: #fff;
            color: #fff;
        }

        .format-podcast .card-date-author .card-date, .format-cartoon .card-date-author .card-date {
            padding-left: 0;
            color: #fff;
        }

        [class*="format-"] [class*="-overlay"] a.card-link {
            color:#ffffff;
        }

        .format-podcast .card-title {
            height: auto;
        }

        .post-image__center > img {
            margin: 10px auto 0 auto;
        }

    /************************* End of Format Podcast & Cartoon *************************/



/* End of Card **************************************************************/


/**************************************************************************/
/*                             POST ARTICLE                               */
/**************************************************************************/

.post-wrapper {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 100%;
    position: relative;
}

.post-wrapper .post-body {
    display: table;
    table-layout: fixed;
    width: 100%;
}

figure > img {
    margin-top:10px;
}

.main-column {
    overflow:hidden;
}

.overlap-top {
    margin-top: -70px;
    background-color: #fff;
}

.post-body .overlap-top .post-section.post-intro {
    padding-top: 10px;
    padding-left: 15px;
}

.overlap-top .post-section {
    padding-top:0;
    margin-top: 0;
}

.overlap-top #sidebar.right-column  > div:first-child,
#sidebar.right-column  > div:first-child {
    padding-top: 0;
    margin-top: 25px;
}

.overlap-top #sidebar.right-column {
    top:auto;
    padding-left: 40px;
    padding-right: 40px;
}

.overlap-top .main-column {
    padding-left: 50px;
    padding-right: 50px;
}


    /* [#]Screen size: xs */
    @media (max-width: 767px){
        #sidebar.right-column {
            display:none;
        }

        .overlap-top .main-column {
            padding-left: 15px;
            padding-right: 15px;
        }
    }

.post-card__title {
    padding-top: 20px;
    padding-bottom: 20px;
}

.post-card header {
    padding:20px;
}

.post-card .card .card-body {
    padding: 20px 30px;
}

.post-card footer {
    padding:20px 30px;
}

/* About Author section **************************************************/

    .post-author {
        margin-top:30px;
        margin-bottom:5px;
        z-index: 999;
        position: relative;
    }

    .post-author__col {
        padding-top:40px;
        padding-bottom:40px;
    }

    .post-tags__column {
        max-height: 70px;
        overflow:hidden;
    }

    /* [#]Screen size: from sm */
    @media (min-width: 768px){
        .post-author__img img {
            top: 10px;
            position: relative;
        }
    }

    /* [#]Screen size: xs */
    @media (max-width: 767px){
        .post-author__img img {
            position: relative;
            margin: 0 auto;
            width: 100px;
        }


    .overlap-top #sidebar.right-column {
            padding-left:15px;
            padding-right: 15px;
        }




    }

    .social-bottom [class*="fa fa-"] {
         background-color: #333;
         border-radius: 30px;
         color: #fff;
         display: inline-block;
         height: 30px;
         line-height: 30px;
         margin: auto 3px;
         width: 30px;
         font-size: 15px;
         text-align: center;
    }
     ul.social-bottom {
         margin-top:10px;
    }
     ul.social-bottom li {
         display: inline;
    }
     .social-bottom .fa.fa-facebook, .social-left .fa.fa-facebook {
         background-color: #3B5998 !important;
         padding-left: 3px;
    }
     .social-bottom .fa.fa-google-plus, .social-left .fa.fa-google-plus {
         background-color: #d34836 !important;
         padding-left: 4px;
    }
     .social-bottom .fa.fa-linkedin, .social-left .fa.fa-linkedin {
         background-color: #0077B5 !important;
         padding-left: 5px;
    }
     .social-bottom .fa.fa-twitter, .social-left .fa.fa-twitter {
         background-color: #1DA1F2 !important;
         padding-left: 5px;
    }
     ul.social-bottom li a em:hover {
         opacity: .7;
         border:none;
    }




    /*Author personal social network*/

        .banner__author-social  [class*='social'] .fa {
         color: #ffffff;

    }

    .banner__author-social .social--facebook{background-color:#3B5998;}
    .banner__author-social .social--instagram{background-color: #8a3ab9;}
    .banner__author-social .social---at{background-color: #D8810A;}
    .banner__author-social .social--linkedin{background-color:#0077B5;}
    .banner__author-social .social--tumblr{background-color: #333333;}
    .banner__author-social .social--twitter{background-color:#1DA1F1;}
    .banner__author-social .social--youtube{background-color:#CD201F;}


    .banner__author-social li:hover, .banner__author-social li:active {
        color: #FFF;
        -webkit-box-shadow: 1px 1px 3px #333;
        -moz-box-shadow: 1px 1px 3px #333;
        box-shadow: 1px 1px 3px #333;
    }

    .banner__author-social  [class*='social']  a{
         padding: 10px;
         color:#ffffff;
         text-decoration:none;
    }

    .banner__author-social  [class*='social']  {
        border-radius:4px;
        margin-left: 5px;
        margin-top:5px;
         -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }
    /*END of Author personal social network*/


/* end of About Author section **************************************************/



/* right Column *******************************************************/

    /* [#]Screen size: from sm */
        @media (min-width: 1200px){
            #sidebar.right-column {
                position:absolute;
                top: 0;
                width: 390px;
                margin-left: 780px;
                transition: all 0.6s ease-in-out;
                z-index:999;
            }
        }

        @media (min-width: 992px) and @media (max-width: 1200px) {
            #sidebar.right-column {
                position:absolute;
                top: 0;
                width: 390px;
                margin-left: 600px;
                transition: all 0.6s ease-in-out;
                z-index:999;
            }
        }

        @media (min-width: 768px) and @media (max-width: 991px){
            #sidebar.right-column {
                position:absolute;
                top: 0;
                width: 350px;
                margin-left: 430px;
                transition: all 0.6s ease-in-out;
                z-index:999;
            }
        }

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

/*#sidebar > div {
    margin-bottom: 10px;
}

#sidebar > div:first-child {
    margin-top: 30px;
}*/

#sidebar .post-tags__column {
    max-height: 68px;
    overflow: hidden;
}


/**************************************************************************/
/*                             LANDING PAGE                               */
/**************************************************************************/

/* Section style *****************************************************/

    .landing-page > section.landing-card {
        padding-top: 60px;
        padding-bottom: 30px;
    }

    .landing-page > section {
        padding-top:30px;
        padding-bottom:30px;
    }

    .landing-page .landing-card, .landing-page .related-bar {
        background-color:#f3f3f3;
    }

        /* [#]Screen size: xs */
        @media (max-width: 767px){
            .landing-card .format-podcast footer {
                bottom:0;
            }
        }


/* Detail page **************************************************/
    .header-title__wrapper {
        padding-bottom: 20px;
    }

    .header-title__wrapper > .border-bottom > h1 {
        padding-top: 5px;
    }

    .header-title .border-bottom.subtitle-exist h1{
        margin-bottom: 0 !important;
    }

    .no-language-menu .subtitle-exist {
        margin-bottom: 10px;
    }

    .body-footer__related-title {
        padding-top:40px;
        padding-bottom: 20px;
    }

/* END of Detail page **************************************************/

/* HEADER [Banner] **************************************************/

.grid-banner .grid-banner__col .banner__container * {
    color:#fff;
}

.grid-banner__bg {
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center center;
    display:block;
    position:relative;
    transition: all 0.3s ease-in-out;
    cursor:pointer;
}

.grid-banner__bg:hover {
    opacity:0.7;
}

    /* [#]Screen size: xs */
    @media (max-width: 767px){
        .grid-banner__row > div {
            padding: 0;
            margin:0;
        }
    }

.grid-banner .grid-banner__col.col-1 .banner__container {
    padding-top:100px;
    height:100%;
}

    /* [#]Screen size: from sm */
    @media (min-width: 768px){
        .grid-banner .grid-banner__col.col-1 .banner__container {
            padding-left:50px;
            padding-right:50px;
            padding-top:150px;
        }
    }

.grid-banner .grid-banner__col .banner__post-title {
    bottom:0;
    position:absolute;
}

.grid-banner__item {
    height:600px;
    overflow:hidden;
    position: relative;
}

.grid-banner__item:not(.item-1) {
    height:300px;
    overflow:hidden;
    position: relative;
}

    /* [#]Screen size: xs */
    @media (max-width: 767px){
        .grid-banner__item {
            border-bottom: 4px solid #fff;
        }
        .grid-banner__item.item-1 {
            height: 500px;
        }

    }


    /* [#]Screen size: from lg */
    @media (min-width: 1281px) and (min-height: 720px) {
        .grid-banner__item {
            height:600px;
        }

        .grid-banner__item:not(.item-1) {
            height:300px;
        }
    }

.banner__title .title-txt {
    height: 50px;
    overflow: hidden;
    top:5px;
}

    /* [#]Screen size: xs */
        @media (max-width: 767px){

            .banner__title > h2.dotdotdot {
                max-height: 65px;
                overflow: hidden;
            }

            .banner__title .title-txt {
                height: 43px;
                overflow: hidden;
            }

            .border-bottom--xs {
                height: 3px;
                background-color: #fff;
                width: 20%;
                position: absolute;
                margin-top: -5px;
            }

        }

.grid-banner__bg {
    height:100%;
}

.grid-banner__col.col-2 .banner__post-title .banner__title > *:not(language-content), .grid-banner__col.col-3 .banner__post-title .banner__title > *:not(language-content), .grid-banner__col.col-2 .banner__post-title .banner__title > language-content > *, .grid-banner__col.col-3 .banner__post-title .banner__title > language-content > * {
    margin-left:20px;
    margin-right:20px;
}


    /* [#]Screen size: from sm */
    @media (min-width: 768px){
        .grid-banner .grid-banner__item.border-left {
            border-left: 6px solid #fff;
        }

        .grid-banner .grid-banner__item.border-right {
            border-right: 6px solid #fff;
        }

        .grid-banner .grid-banner__item.border-bottom {
            border-bottom: 6px solid #fff;

        }

        .grid-banner .grid-banner__item.border-top{
            border-top: 6px solid #fff;
        }
    }

.banner__scroll-down {
    padding-top:15px;
    padding-bottom:15px;
    padding-left:0;
}

.text-over-image .banner__title > h1, .text-over-image .banner__title > .h1 {
    font-size:44px !important;
}

    /* [#]Screen size: xs */
    @media (max-width: 767px){
        .text-over-image .banner__title > h1, .text-over-image .banner__title > .h1 {
            font-size:36px !important;
        }
    }

.text-over-image .banner__title > h1, .text-over-image .banner__title > h2 {
    margin-top: 0;
    padding-left: 0;
}

.text-over-image .banner__languages-list ul.languages-list {
    /*margin-bottom: 5px;*/
    margin-bottom: 0 !important;
    margin-top:0  !important;
    padding-top:0;
}

.header-banner__title h1, .header-banner__title .h1 {
    font-size:44px;
}

header.format-podcast h1, header.format-story h1,
header.format-podcast .h1, header.format-story .h1 {
    font-size: 44px;
}

.header-banner__title .caption-over-image.align-bottom--left{
    position: absolute;
    bottom: 50px;
    /*left: 50px;*/
    /*width: 400px;*/
    padding: 20px;
}

.header-banner .caption-over-image.align-bottom--left {
    position: absolute;
    bottom: 50px;
   /* width: 400px;*/
    padding: 20px;
    /*margin-left: 15px;*/
}

.header-banner__title .caption-over-image.align-bottom--right{
    position: absolute;
    bottom: 50px;
    right: 50px;
    width: 400px;
    padding: 20px;
}

.header-banner .caption-over-image.align-bottom--right{
    position: absolute;
    bottom: 50px;
    right: 50px;
    width: 400px;
    padding: 20px;
}

.header-banner__title .caption-over-image.align-top--left {
    position: absolute;
    top: 50px;
    left: 50px;
    width: 400px;
    padding: 20px;
}

.header-banner__title .caption-over-image.align-top--right {
    position: absolute;
    top: 50px;
    right: 50px;
    width: 400px;
    padding: 20px;
}

.header-banner__title .caption-over-image.align-middle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
    padding: 20px;
}
.header-banner__title .caption-over-image.align-middle--left {
    position: absolute;
    top: 50%;
    left: 50px;
    transform: translate(0, -50%);
    width: 400px;
    padding: 20px;
}

.header-banner__title .caption-over-image.align-middle--right {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 400px;
    padding: 20px;
    right: 50px;
}

    /* [#]Screen size: xs */
    @media (max-width: 767px){
        .header-banner__title .caption-over-image.align-bottom--left {
            bottom: 20px;
            width: 100%;
            padding: 5px 15px;
            left: 0;
        }

        .header-banner__title .caption-over-image.align-bottom--right {
            position: absolute;
            bottom: 50px;
            right: 50px;
            width: 50%;
            padding: 20px;
        }

        .header-banner__title .caption-over-image.align-top--left {
            position: absolute;
            top: 50px;
            left: 50px;
            width: 50%;
            padding: 20px;
        }

        .header-banner__title .caption-over-image.align-top--right {
            position: absolute;
            top: 50px;
            right: 50px;
            width: 50%;
            padding: 20px;
        }

        .header-banner__title .caption-over-image.align-middle {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 250px;
            padding: 20px;
        }

        .header-banner .caption-over-image.align-bottom--left {
            bottom: 0;
            height: 20%;
            width: 100%;
            padding: 5px 30px;
            left:15px;
        }
        .header-banner .caption-over-image.align-bottom--right {
            bottom: 0;
            height: 100%;
            width: 100%;
            padding: 5px 15px;
            right: 0;
        }
        .custom-padding-mobile{
          padding-left: 10px;
        }

    }

/* END of HEADER [Banner] **************************************************/

/* Cartoon Carousel **************************************************/

    .cartoon-picture {
        padding-top: 10px;
        padding-bottom: 30px;
    }

/* END of Podcast Carousel **************************************************/

/* Media pager **************************************************/

    .media-pager .pager-link {
        display: table;
        line-height: 1.6em;
        min-height: 61px;
    }

    .media-pager .pager-link > * {
        display: table-cell;
        vertical-align: middle;
    }

    .media-pager .pager-link .text-link {
        padding-top: 5px;
        font-family: 'Alegreya Sans', sans-serif;
        font-size:24px;
        font-weight:400;
        padding-right: 10px;

    }

    .media-pager a.pager-link:hover,.media-pager a.pager-link:focus {
        text-decoration: none;
    }

    .media-pager a.pager-link:hover .text-link {
        text-decoration: underline;
    }

    .media-pager  .text-info {
        display: block;
        font-size: 14px;
    }

    .media-pager .disabled .text-info {
        display:none;
    }

    .media-pager .next .text-info {
        text-align: left;

    }

    .media-pager .previous .text-info {
        text-align: right;
    }

    .media-pager .previous .pager-left {
        float: right;
    }

    .media-pager .pager li>a, .media-pager .pager li>span {
        border: none;
        position:relative;
    }

    .media-pager .pager li>a:focus, .media-pager .pager li>a:hover {
        background-color: transparent;
    }

    .media-pager .pager li>a:focus > .text-link , .media-pager .pager li>a:hover > .text-link {
        text-decoration:underline;
    }

    .media-pager .pager li>a:hover > .fa {
        opacity:1;
    }

/* END of media pager **************************************************/



/* Podcast Page *******************************************************/

    .banner__figure--image {
        display: block;
        height: 500px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .podcast-player {
        margin-top:15px;
        margin-bottom:15px;
    }

    .post-section .post-podcast__title {
        color: #00529e;
        font-size: 21px;
    }

    .post-section .post-podcast__duration {
        font-size: 85%;
        color:#777777;
    }

    .post-podcast__header, .post-podcast__body, .post-podcast__footer {
        margin-top:10px;
        display:block;
        position:relative;
    }

    .post-podcast__link {
        float:left;
        display:inline-block;
        cursor:pointer;
    }

    .post-section iframe {
        width: 100%;
    }

    /* [#]Screen size: from sm */
    @media (min-width: 768px){
        .apple-podcast__link {
            margin-right:25px;
        }
    }

    /* [#]Screen size: xs */
    @media (max-width: 767px){
        .stitcher-podcast__link {
            margin-top:20px;
        }

        .banner__figure--image {
            height: 250px;
        }


    }


/* END of Podcast Page *******************************************************/


/* Infographic Page *******************************************************/

.infographic-details .infographic-description {
    height:115px;
}

.infographic.box-shadow {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

article.infographic {
    border:1px solid #dedede;
}

article.infographic .infographic-details {
    border-top:1px solid #dedede;
    padding-top: 15px;
}

.infographic-widget__col {
  padding-bottom: 30px;
  margin-bottom: 70px;
}

.infographic-card .infographic-widget__col {
  padding-bottom: 30px;
  margin-bottom: 30px;
}

/* END of Infographic Page *******************************************************/


/* ------------------------------------------------------------------
                        REGISTER PAGE
*******************************************************************/
.register-content__list dt {
    text-align: left;
    font-weight: 300;
}

/* ***********   END of Register Page   ******************************************/

/* ------------------------------------------------------------------
                        PUBLICATION PAGE
*******************************************************************/



.html-publication-body #sidebar.is_stuck {
    margin-top:60px !important;
}

.html-publication-body #sidebar {
    max-height: 500px;
    /*overflow-y:scroll;
    overflow-x:hidden;*/
}


/*
.table-of-contents > h4:before{
    content: "\f107";
    padding-right: 10px;
    color:#00529a;
    display: inline-block;
    font: normal normal normal 24px/1 FontAwesome;
    margin-left: -15px;
    width: 25px;
}
*/

.btn.disabled-state {
  color:#ddd;
  border:1px solid #ddd;
}

.btn.static-btn {
    background-color: #fff;
    color:#00529a;
    border-color:#00529a;
}

.btn.disabled-btn {
    background-color: #ccc;
    color:#fff;
    border-color:#ccc;
}

.btn.selected-btn, .btn.static-btn:hover {
    background-color: #00529a;
    color:#fff;
    border-color:#00529a;
}

.publication-content__img img{
    width: 100%;
    max-width: 300px;
}

.publication-page dl{
    font-size: 0;
     max-width: 300px;
     word-break: break-word;
}

.publication-page dl dt, .publication-page dl dd,
.press-content__meta dl dt, .aside__meta dl dt, .aside__meta dl dd {
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    word-break: break-word;
    float: left;
}

.publication-page dl dt {
    word-break: break-word;
    width: 44%;
}

.press-content__meta dl dt, .aside__meta dl dt {
    width: 25%;
    word-break: break-word;
}

.publication-page dl dd{
    width: 55%;
    word-break: break-word;
}
.press-content__meta dl dd, .aside__meta dl dd {
    width: 75%;
    word-break: break-word;
}

.register-content__info dl.register-content__list dd {
    margin-left: 230px;
}

    /* [#]Screen size: xs */
    @media (max-width: 767px){
        .register-content__info dl.register-content__list dd {
            margin-left:auto;
        }
        .register-content__info dl.register-content__list dt {
            font-weight: 400;
        }
    }

.register-content__info dl.register-content__list dt {
    width: 230px;
}

.publication-content__text .box {
  display:none;
}

.publication-download__ebook ul li {
  height: 50px;
  padding:0;
  margin:0;
}

.publication-download .lang__list__items ul li {
    margin-bottom:10px;
}

.publication-content__list .publ-tags ul.tag-text__list,
.tags-value ul.tag-text__list  {
    padding-left:5px;
}

.coming-soon__overlay {
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    line-height: 20px;
    width: 100%;
    font-size:14px;
    position: absolute;
    color:#ffffff;
    text-align: center;
}



.html-publication-body .table-of-contents > ul {
    padding-left:7px;
    font-size: 16px;

}

.html-publication-body .table-of-contents ul li.item-list {
    padding-left: :0;
    margin-left: 0;
    list-style: none;
}

.html-publication-body .item-list  a {
    word-break: break-word;
}

.html-publication-body #sidebar .list-sub-item-list.list-sub-item-hide>ul{
    display: none;
}


.html-publication-body #sidebar .list-sub-item-list>ul.second-level-list,.html-publication-body #sidebar .list-sub-item-list ul.third-level-list{
    padding-left:10px;
}

.html-publication-body #sidebar a.sub-item-list.sub-item-hide:before{
    content: "\f105";
    padding-right: 10px;
    color:#00529a;
    display: inline-block;
    font: normal normal normal 22px/1 FontAwesome;
    margin-left: -23px;
    width: 24px;
}

.html-publication-body #sidebar a.sub-item-list.sub-item-show:before{
    content: "\f107";
    padding-right: 10px;
    color:#00529a;
    display: inline-block;
    font: normal normal normal 22px/1 FontAwesome;
    margin-left: -23px;
    width: 24px;
}

/* ***********   END of Publication Page   *******************************************************/


/* ------------------------------------------------------------------
                        PIPELINES PAGE
*******************************************************************/

.disclaimer-pipeline {
    padding-top:30px;
    padding-bottom:30px;
}


/* ***********   END of PIPELINES Page   *******************************************************/



/* ------------------------------------------------------------------
                        Press PAGE
*******************************************************************/

aside .contact_list .contact-office {
    margin-left: 15px;
    margin-bottom: 5px;
}

aside .contact_list .contact-office {
    margin-left: 15px;
    margin-bottom: 0;
    margin-top: 0;
    font-size: 16px;
}

aside .contact_list ul li {
    margin-top:0;
    margin-bottom:0;
}

aside .contact_list ul {
    margin-bottom:5px;
}

aside .contact_list ul li {
    font-size: 14px;
}

.post-text img {
  display: block;
  max-width: 100%;
  height: auto;
}

.post-text ul img {
  display: initial;
}

.fancybox-skin{
  border-radius: 0px !important;
}

.press-release-content > * > figure, .press-release-content > * > img,
.news-content > * > figure, .news-content > * > img {
    margin-top:30px !important;
}

.press-release-content > [class*="container"], .press-content > [class*="container"], .news-content > [class*="container"] {
    padding-left: 0;
    padding-right: 0;
}

.press-release-container, .press-container, .news-container {
    min-height: 40vh;
}

.news-column .news-content {
    min-height: 60vh;
}

/* ***********   END of Press Page   *******************************************************/



/* ******************************************************************
                                    Tools
************************************************************************/

/* add dots (...) at the end of text if content overflows available space in container.
Requires to set a width.
Works on all browsers if only one line, untested otherwise */

.dotdotdot-css-only {
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
}

/* css only lightbox */

.lightbox-css-only {
    display: none;
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100%;
    text-align: center;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
}

.lightbox-css-only .lightbox-css-only__content {
    max-width: 90%;
    max-height: 80%;
    margin: auto;
    top: 25%; /* override if necessary */
    position: relative;
    border-radius: 5px;
}

.newsletter--content.row.no-padding-left-right.no-margin {
    margin-left: -15px !important;
    margin-right: -15px !important;
}

#newsletter {
    margin-top: 6px;
}

/*@media (max-width: 767px) {
    .header-banner__wrapper.min-height-300,
    .header-banner__wrapper.min-height-400,
    .header-banner__wrapper.min-height-500 {
        min-height: 200px !important;
    }
}*/

.print {
    display: none;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Textarea style to select all the content in readonly */
[readonly][readonly], [readonly][readonly]:focus {
    background-color: #fafafa;
    color: #888;
    border-color: #ddd;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: default;
    font-size:14px;
}

/**************************************************************************/
/* Navigation - Anchor Menu -                                            */
/**************************************************************************/

.menu-anchor .navbar ul.navbar-nav li a {
    font-size: 18px !important;
    font-weight: 500;
    font-family: "Alegreya Sans", sans-serif;
}
.title-submenu-div h3{
  color:white !important;
}
.menu-anchor .navbar {
    background-color: transparent;
    margin-bottom: 0;
    border-bottom: 1px solid #f3f3f3;
}

.menu-anchor .navbar-active,
.menu-anchor .navbar-collapse a:hover,
.menu-anchor .navbar-collapse a:focus {
    color: #005BAB !important;
    background:transparent !important;
}

.menu-anchor.border-color-blue .navbar-active,
.menu-anchor.border-color-blue .navbar-collapse a:hover,
.menu-anchor.border-color-blue .navbar-collapse a:focus{
    border-bottom:5px solid #005BAB !important;
    background:transparent !important;
    color: #005BAB !important;
}

.menu-anchor .navbar ul.navbar-nav li {
    text-align:center;
    padding-left: 20px;
    padding-right: 20px;
}

@media only screen and (max-width: 768px) {
 .menu-anchor .navbar ul.navbar-nav li {
    display: block;
    width: 100%;
 }
}

    

.menu-anchor .navbar-default .navbar-nav>li>a {
    padding-top: 20px;
    padding-bottom: 15px;
}

.menu-anchor[class*="border-color"] .navbar .navbar-nav>li>a{
    border-bottom:5px solid transparent;
    font-size: 18px;
    text-transform: uppercase;
}

.menu-anchor .navbar-nav li {
    float: left;
    float: none;
    display: inline-block;  }

.menu-anchor ul.nav.navbar-nav {
    text-align: center;
    width: 100%;
}


@media (min-width: 768px) {
    .menu-anchor .nav {
        padding-right:0;
    }
}


@media (max-width: 835px) {
  .menu-anchor .navbar ul.navbar-nav li a {
      font-size: 16px !important;
  }
}


/**************************************************************************/
/* Menu Icons - (ex: press/newsroom)                                      */
/**************************************************************************/
.menu-icons .square-boxe .box__content > div > div {
    cursor:pointer;
}

.menu-icons .square-boxe .box__content > div a .fal,
.menu-icons .square-boxe .box__content > div a .fa,
.menu-icons .square-boxe .box__content > div a .fas,
.menu-icons .square-boxe .box__content > div a .far,
.menu-icons .square-boxe .box__content > div a .fad,
.menu-icons .square-boxe .box__content > div a .fab {
    transition: top .2s ease-in-out;
}

.menu-icons .square-boxe .box__content > div > div {
    position: relative;
    margin: auto;
    width: 100%;
    text-align: center;
}

.menu-icons .square-boxe .box__content > div > div a {
    width:100%;
    display: block;
    position: relative;
    height: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
}

.menu-icons .box__content > div {
    display: flex;
}

.menu-icons .square-boxe .box__content > div > div:hover {
    text-decoration: none;
    background-color: #667fbc;
    color: #fff;
    transition: all .2s ease-in-out;
    border-radius: 5px;
    text-align: center;
}

.menu-icons .square-boxe .box__content > div > div:hover a {
    color: #fff !important;
}

.menu-icons .square-boxe .box__content > div > div:hover .fal {
    position: relative;
    top: -5px;
}

/**************************************************************************/
/* Icon Gallery                                                           */
/**************************************************************************/
    .logos__gallery {
        padding: 0;
       }

    .logos__gallery .logo__icon {
        display: inline-block;
        padding-right: 10px;
    }

    .logo__icon img {
         height: 80px;
         width:auto;
    }

.eib-logo-social{
    margin:0 auto;
}

/**************************************************************************/
/* Custom tables                                                           */
/**************************************************************************/


.custom table th:not(:first-child) {
}

.custom table td:first-child {
    font-weight: 500;
}
.custom table td:not(:first-child){
    text-align: center;
}

.custom table>tbody>tr>td, .custom .table>thead>tr>th {
    vertical-align: middle;
    padding: 20px 8px;
}


/**************************************************************************/
/* Podcasts Logos                                                         */
/**************************************************************************/

a.podcast-logo {
    display:  flex;
    width: 200px;
}

@media (max-width: 767px) {
    a.podcast-logo {
        width: 100%;
    }

    a.podcast-logo img {
      display: block;
      margin-left: auto;
      margin-right: auto;
    }
}

a.podcast-logo:not(:last-child) {
    margin-right: 10px
}

a.podcast-logo {
    /* margin-top: 5px; */
    margin-bottom: 5px;
}

a.podcast-logo img {
  height: 40px;
  margin-bottom: 10px;
  margin-top: 10px;
}

a.podcast-logo span {
  font-size: 14px;
  position: absolute;
  left: 65px;
  top: 5px;
}


/**************************************************************************/
/*    BUTTONS                                                             */
/**************************************************************************/

/* button +more  page pipeline */


.pipeline-aside .toggledContent{
     height: 200px;
     overflow: hidden;
}

.pipeline-aside {
    font-size:16px;
}


@media (max-width: 767px) {
    .pipeline-aside .toggledContent {
        height: 150px;
    }
}

.more{
    cursor:pointer;
    }
/* End button +more */

/* ------------------------------------------------------------------
                        Loans PAGE
*******************************************************************/

.loan-dynamic-container ul{
  list-style: none;
}

/* ------------------------------------------------------------------
                      Score board PAGE
*******************************************************************/

.scoreboard-dynamic-container dt{
  font-weight: 300;
  text-align: left;
  width: 250px;
}

/* ------------------------------------------------------------------
                      Spinner
*******************************************************************/
/*
svg.load path,
svg.load rect{
  fill: #c8c8c8;
}*/

.spinner {
  margin: 50px auto;
  width: 100%;
}

svg.load {
    animation: loading 3s linear infinite;
}

.spinner svg {
  width: 80px; /*set by default this width*/
}

.spinner svg.size-xs {
  width: 40px;
}

.spinner svg.size-sm {
  width: 60px;
}

.spinner svg.size-md {
  width: 80px;
}

.spinner svg.size-lg {
  width: 120px;
}

.spinner svg.size-xl {
  width: 160px;
}

svg.load .loading-inner {
  stroke-dashoffset: 0;
  stroke-dasharray: 300;
  stroke-width: 10px;
  stroke-miterlimit: 10;
  stroke-linecap: round;
  animation: loading-circle 2s linear infinite;
  fill: transparent;
  stroke: #c8c8c8;
}

.spinner-grey svg.load .loading-inner {
    stroke: #c8c8c8; /*set by default grey color*/
}

.spinner-blue svg.load .loading-inner {
    stroke: #00529a;
}

.spinner-white svg.load .loading-inner {
    stroke: #ffffff;
}

@keyframes loading {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loading-circle {
  0% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: -600;
  }
}



/** Alert message **/
.alert.alert-warning.alert-dismissible {
  font-size:80%;
  font-style: italic;
}

.alert.alert-warning.alert-dismissible .close {
  top:1px;
}

/* ------------------------------------------------------------------
                      Search bar style
*******************************************************************/
.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
    background-color: #00529a;
    border-color:#ffffff;
}

.ui-autocomplete #ui-id-1{
  left:auto !important;
}
.ui-autocomplete #ui-id-2{
  padding-left: 5px;
  left:20px !important;
}
.ui-autocomplete #ui-id-3{
  padding-left: 12px;
  left:auto !important;
}
.ui-autocomplete #ui-id-4{
  padding-left: 12px;
  left:auto !important;
}


.button-previous,
.button-next {
  position: absolute;
  width: 44px;
  height: 44px;
  background: #000;
  text-align: center;
  line-height: 44px;
  color: #fff;
  text-decoration: none;
  border-radius: 50%;
  font-size: 16px;
}

.button-previous,
.button-next {
  top: 50%;
  margin-top: -22px;
  line-height: 42px;
}

.button-previous {
    left: -50px;
}

.button-next {
    right: -50px;
}



/* ------------------------------------------------------------------
                      Curator Styling
*******************************************************************/

.crt-feed .crt-post .crt-post-content-text {
    font-size:16px;
    line-height: 1.6;
}

.crt-feed .crt-post .crt-post-content-text a {
    color: #00529a;
}

.crt-feed .crt-post .crt-post-header .crt-post-fullname {
    display: none;
}

.crt-feed .crt-feed-scroll .crt-load-more a {
    margin:inherit;
    background-color:#00529e;
    color:#fff;
    text-align:center;
    border-radius:4px;
    padding:6px 12px;
    border:1px solid transparent;
    box-shadow:none;
}





/* ------------------------------------------------------------------
                      NewsletterPage Styling
*******************************************************************/



.newsletter-page__msg-wrap{
  position: inherit !important;
}

.newsletter-page__wrapper{
  overflow: visible;
  font-weight: 300;
  line-height: 27px;
  border:1px solid #dee2e6;
  border-radius: 5px;
  padding: 20px;
  font-size:14px;
}
.newsletter-page__button-subscribe{
    color: #ffffff;
    background: #00539f;
    font-family: 'Alegreya Sans', sans-serif;
    font-size: 21px;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: 5px;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
}
.newsletter-page__button-subscribe:hover {
    color: #fff;
    background: #13b0e7;
}
h5 {
  font-size: 21px;
  line-height: 1.4;
  font-family: 'Alegreya Sans', sans-serif;
  color: #00529e;
  margin-top: 0;
  margin-bottom: 20px;
}


.small {
  font-size: 85%;
}

.disclaimer {
  padding-top:10px;
  padding-bottom:10px;
}

.disclaimer a {
    color: #337ab7 !important;
    text-decoration: none;
}

.disclaimer a:focus, .disclaimer a:hover {
  color: #23527c !important;
  text-decoration: underline;
}

.disclaimer a:active, .disclaimer a:hover {
    outline: 0;
}

.mj-subscribe-button-content {
  color: #ffffff;
  background: #00539f;
  font-family: 'Alegreya Sans', sans-serif;
  font-size: 21px;
  font-weight: 500;
  padding: 8px 20px;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
}

.mj-subscribe-button-content:hover {
  color: #fff;
  background: #13b0e7;
}

.color-blue { color:#00529E;}
.color-red { color: #ee4055;}
.color-black {color:#4f4f4f;}

/* ------------------------------------------------------------------
                      TABS panel menu style Styling
*******************************************************************/
.panelMenuStyle{
  padding-top: 25px;
  padding-bottom: 25px !important;
}

.menu-panel__elems{
  border-bottom: 1px solid #ababab;
}

.navbar-default.top__navbar-nav .navbar-nav>li>a.menu-panel__elem{
  font-size: 18px !important;
  height: 60px;
  font-family: Roboto;
  padding: 20px 20px;
}

.link-tab__panel .menu-panel__elem{
  background-color: transparent !important;
  color: #00529e !important;
}

.link-tab__panel .menu-panel__elem:hover{
  border-bottom: 0px !important;
  background-color: #ebebf7 !important;
}

.link-tab__panel.active .menu-panel__elem{
  border-bottom: 3px solid #005BAB !important;
}

.panelMenuStyle > .top__navbar--mobile{
  z-index: 1000;
}

.mobile-panelMenu__elems > .link-tab__panel.active{
  background-color: #ebebf7;
}

.divider-vertical{
  width: 100%;
  border:0.5px solid #ababab;
}

.item-social__title{
  font-weight: 500;
  font-size: 26px;
  color: #333333;
  padding-bottom: 15px;
  font-family: 'Alegreya Sans';
  font-style: normal;
}

.title-share__buttons,.title-download__buttons{
  font-size: 18px;
  font-weight: 400;
  color: black;
  padding-bottom: 10px;
}


.text-area__social{
  padding: 10px;
}
.social-copied-text{
  right:30% !important;
}
.text-area-img-url{
  width: 0px;
  height: 0px;
  position: absolute;
  background-color: transparent;
  border:0;
  opacity: 0;
}
.social-page-buttons__share{
  /* width: 90px !important; */
  height: 35px !important;
  font-size: 16px !important;
  font-family: Roboto !important;
  margin: 0 !important;
}

.text-social-share__button{
  margin-left: 5px;
  font-family: Roboto !important;
  font-weight: 300 !important;
}

.tip.social-tip.tip-title{
  font-size: 21px;
  font-weight: 500;
  color: black;
}


.item-social__img img{
  height: 240px;
}

.text-area__social{
  height: 240px !important;
  background-color: #F3F3F3;
  border: 0px;
}
.icon-button-social{
  margin-right: 10px;
}

.item-social__wrapper .btn-yes{
  min-width: 200px;
  font-weight: 300 !important;
}

.item-social__wrapper .btn-yes:active,.item-social__wrapper .btn-yes:focus{
  background-color: rgb(0,82,158) !important;
  color: white !important;
}

.social-page blockquote[class*="content-left"]:before,.social-page blockquote.full-width:before{
  left: 0 !important;
}

.social-content .post-text.bg-color-light-grey{
  padding-left: 15px;
  padding-right: 15px;
}

/* Blog updates icon links top */


.icons-link__wrapper{
  height: 85px;
  position: relative;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}


.icon-link__essays .link-essays,.icon-link__podcasts .link-podcasts,.icon-link__stories .link-stories,.icon-link__economics .link-economics{
  float: left;
  width: 80px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 5px;
  font-family: 'Alegreya Sans';
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 500;
}
.icon-link__stories .link-stories:hover,
.icon-link__podcasts .link-podcasts:hover,
.icon-link__essays .link-essays:hover,
.icon-link__economics .link-economics:hover,
.icon-link__stories .link-stories i:hover,
.icon-link__podcasts .link-podcasts i:hover,
.icon-link__essays .link-essays i:hover,
.icon-link__economics .link-economics i:hover{
  background-color: #667fbc;
  color: white;
  border-radius: 5px;
  opacity: 1;
  text-decoration: none;
}


/* ----------Grid item class & items fix for the blog  ------- */

.grid-item__full-height .banner__article--link .banner-link .banner__text{
  height: 506px !important;
}

@media (min-width: 991px) {
    .grid-item__half-height.grid-item-2 .banner-link {
        margin-bottom: 5px;
    }
}

.grid-item__half-height .banner__article--link .banner-link .banner__text{
  height: 250px !important;
  min-height: 250px;

}

.icon-blog-arrow{
  font-size: 35px;
  color: #00529E;
}

.main-blog__title{
  font-size: 45px;
  font-family: Didot, "Didot LT STD" , "Hoefler Text", Garamond , "Times New Roman", serif;
  display: inline-flex;
}
.main-blog__title img{
  margin-right: 5px;
}

.header-title__wrapper{
  padding-bottom: 5px;
  padding-top: 5px;
}

@media (max-width: 1400px){
  .grid-item__half-height .banner__article--link .banner-link .banner__text{
    height: calc(34vh + 7px) !important;
    min-height: 250px;
  }
  .grid-item__full-height .banner__article--link .banner-link .banner__text {
    height: 65vh !important;
    min-height: 405px;
  }
  .grid-item__half-height .banner__article--link .banner-link .banner__text {
    height: calc(32vh + 1px) !important;
    min-height: 200px;
  }
}
@media (max-width: 990px) {
  .grid-slider [class*="container"] > .row > div:first-child .banner__article--link .banner-link {
      padding-bottom: 5px;
      padding-right: 0px;
  }
  .grid-item__full-height .banner__article--link .banner-link .banner__text{
    height: 40vh !important;
    min-height: 250px;
  }
  .grid-item__half-height .banner__article--link .banner-link .banner__text{
    height: 40vh !important;
    min-height: 250px;

  }
  /*.grid-slider a.banner-link:nth-last-child(2n+2){
    padding-bottom: 5px;
  }
  .grid-item  .grid-item:nth-last-child(1) a.banner-link{
    padding-bottom: 5px;
  }*/
  .grid-item{
    padding-left: 0px !important;
  }
  .grid-item__blog{
    padding-top: 0 !important;
  }
  .grid-item__half-height.row-padding-top-small {
      padding-top: 0 !important;
  }
  .main-blog__title{
  font-size: 30px;
  padding-left: 5px;
  display: inline-block;
  }
  .header-title__wrapper{
    padding-bottom: 5px;
    padding-top: 5px;
  }
}

/*----------------------------
 *                           |
 * CSO - Data table          |
 *                           |
 *---------------------------*/

.cso-policies-wrap{
    overflow-x : auto;
}

 .datatable.cso-policies-tab .ui-widget-header{
   background-color: #00529E;
   color: white;
 }

 .datatable.cso-policies-tab tbody tr.odd {
  background-color: #AAB4DB;
  color: black;
}
.datatable.cso-policies-tab tbody td{
    padding:20px;
}

.datatable tbody td{
    text-align:center;
}

.datatable tbody tr td:first-child{
    text-align:left;
}

.datatable .tbody-row-title td{
    text-align: center !important;
    line-height: 24px !important;
    font-size: 16px !important;
    font-weight:600 !important;
}

.datatable.cso-policies-tab tr{
  height: 50px;
}

[class*="bg-color-"] blockquote[class*="content-left"]:before, [class*="bg-color-"] blockquote.full-width:before, blockquote[class*="content-right"]:after {
    color:#fff;
}

.bg-color-light-grey blockquote[class*="content-left"]:before, .bg-color-light-grey blockquote.full-width:before, blockquote[class*="content-right"]:after {
    color:#00529a;
}

.embed-video iframe{
    width:100%!important;
    height:100%!important;
    min-height: 500px!important;
}
@media (max-width: 768px) {
    .embed-video iframe{
        width:100%!important;
        height:100%!important;
        min-height: 300px !important;
    }
}
.inheriteElem{
  position: inherit !important;
}