@charset "UTF-8";


/*************************************** COLORS ***************************************/

.color-white { color:#fff; }
.color-black { color:#000; }
.color-blue { color: #0078B9; }
.color-blue-light { color:#DBE4ED; }
.color-blue-dark { color:#134A89; }

.bgcolor-white { background-color:#fff; }
.bgcolor-black { background-color:#000; }
.bgcolor-blue { background-color: #0078B9; }
.bgcolor-blue-light { background-color:#DBE4ED; }
.bgcolor-blue-dark { background-color:#134A89; }
.bgcolor-black { background-color:#000; }


/*************************************** GENERAL FRAMEWORK **************************************/


body {
    background-color:#fff;
}

body:not(.page-id-73) { /* use smooth scrolling, except on Elementor pages where Elementor's smooth scrolling engine is already used */
    scroll-behavior: smooth;
}

* {
    font-style:normal;
}

h1,h2,h3,h4,h5,h6 {
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 700;
}

p,
a,
ol, ol li,
ul, ul li,
td, th {
    font-family: 'Nunito Sans', sans-serif;
}

#page-wrapper {
    background-color:#fff;
    margin-top:-30px;
}

body.page-template-page-contact #page-wrapper {
    margin-top:-40px;
}

body.page-template-page-newsandevents #page-wrapper {
    margin-top:15px;
}



body.home #page-wrapper {
    margin-top:0;
}



p {
    font-weight: 300;
}

em {
    font-style:italic;
}



/*************************************** UI ELEMENTS **************************************/

a.egmont-arrow-btn {
    position: relative;
    height: 15px;
    background-color: #fff;
    display: inline;
    zoom: 1; /* IE Hack */
    padding: 6px 10px;
    color: #134A89;
    text-align: center;
    line-height: 15px;
    text-decoration:underline;
    font-size:1rem;
    text-transform: uppercase;
    font-weight: 800;
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important;
}

a.egmont-arrow-btn.active {
    color:#fff;
    background-color: #0078B9;
}

a.egmont-arrow-btn:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 20px solid #fff;
    margin: -4px 0px 0 10px;
}

a.egmont-arrow-btn.active:after {
    border-left-color: #0078B9;
}



/*************************************** GRAVITY FORMS - GENERAL STYLING **************************************/


/* General */
.gform_wrapper {
    font-family: 'Nunito Sans', sans-serif;
}


/* Text Fields */

.gform_wrapper.gravity-theme .gfield textarea {
    border:none;
}

.gform_wrapper.gravity-theme input {
    border:none;
}

/* Dropdown (<select>) */

.gform_wrapper.gravity-theme .gfield select {
    border:none;
    color:#fff;
    background-color: #134A89;
}


/* Submit Button */
body .gform_wrapper .gform_footer input.button, body .gform_wrapper .gform_footer input[type=submit] {
    color: #fff;
    padding: 10px 15px;
    font-size: 1em;
    text-align: center;
    border: none;
    background-color: #134A89;
    text-transform: uppercase;
    font-weight: 800;
}




/******************************** ANIMATIONS ********************************/

    /* Grow */
    .hvr-grow {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
    }
    .hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    /* Shrink */
    .hvr-shrink {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
    }
    .hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    /* Bounce In */
    .hvr-bounce-in {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
    }
    .hvr-bounce-in:hover, .hvr-bounce-in.hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
        transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    }

    /* Bounce Out */
    .hvr-bounce-out {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px rgba(0, 0, 0, 0);
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
    }
    .hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
        -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
        transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    }







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


p#google-lang-translate-disclaimer {
    display:none;
    width:100%;
    padding:5px;
    margin-bottom:0;
    font-size:0.8em;
    background-color: #e8e8e8;
    color:#000;
    text-align: center;
}

html.translated-ltr p#google-lang-translate-disclaimer,
html.translated-rtl p#google-lang-translate-disclaimer {
    display:block;
}

#header-banner {
    width:100%;
    background-color: #fff;
    padding-top:30px;
    padding-bottom:30px;
}

#header-banner .inner {
    display:flex;
}


/*** Left Side (logo and slogan) ***/

#header-banner .left {
    display:flex;
    align-items:center;
    flex:1;
}

#header-banner .left a.egmont-logo {
    display:block;
    max-width:180px;
    height:auto;
}

#header-banner .left a.egmont-logo img {
    display:block;
    width:100%;
    height:auto;
}

#header-banner .left p.slogan {
    font-size:1.2em;
    line-height:1.2em;
    color:#134A89;
    margin-bottom:0;
    margin-top:5px;
}

#header-banner .right {
    width:300px;  
}

#header-banner .right .right-top {
    display:flex;
    align-items: center;
    justify-content:flex-end;
}

#header-banner .right .right-top a.google-translate-button {
    color:#0078B9;
    font-size:1em;
    font-weight: 600;
    text-decoration:underline;
    margin-right:30px;
}

#header-banner .right .right-top a.social-icon {
    display:block;
    width:30px;
}

#header-banner .right .right-top a.social-icon img {
    display:block;
    width:100%;
    height:auto;
}

#header-banner .right .right-top a.social-icon.twitter {
    margin-right:10px;
}

#header-banner .right .right-top a.social-icon.linkedin {
    margin-right:20px;
}



/*** Menu Button and Flyout ***/


/* Hamburger Menu - Desktop */
#header-banner .right .right-top a.hamburger-menu {
    display:block;
    width:30px;
}

#header-banner .right .right-top a.hamburger-menu img {
    display:block;
    width:100%;
    height:auto;
}

/* Hamburger Menu - Mobile */

#header-banner .left a.hamburger-menu {
    width:30px;
    display:none;
}

#header-banner .left a.hamburger-menu img {
    display:block;
    width:100%;
    height:auto;
}




#header-banner #flyout-menu {
    display:none;
}

#header-banner #flyout-menu a.menu-close {
    display:block;
    width:30px;
    margin:0 0 0 auto;
}

#header-banner #flyout-menu a.menu-close img {
    display:block;
    width:100%;
    height:auto;
}

#header-banner #flyout-menu {
    position:absolute;
    z-index:999999;
    top:0;
    right:0;
    width:25%;
    background-color:#134A89;
    padding:30px;
    -webkit-box-shadow: -5px 5px 7px -2px rgba(16,62,114,0.5); 
    box-shadow: -5px 5px 7px -2px rgba(16,62,114,0.5);
}

#header-banner #flyout-menu ul {
    list-style-type:none;
}






/* Level 1 */

#header-banner #flyout-menu ul#menu-main-menu {
    padding-left:0;    
}

#header-banner #flyout-menu ul#menu-main-menu ul {
    padding-left:15px;
}

#header-banner #flyout-menu ul#menu-main-menu li a {
    display:inline-block;
    color:#fff;
    font-weight: 600;
    text-decoration: none;
}

#header-banner #flyout-menu ul#menu-main-menu li a:hover,
#header-banner #flyout-menu ul#menu-main-menu li a:active {
    text-decoration: underline;
}

/* Level 2 */

#header-banner #flyout-menu ul#menu-main-menu > li {
    margin-bottom:15px;
}

#header-banner #flyout-menu ul#menu-main-menu ul.sub-menu li a {
    color:#fff;
    font-weight: 100;
    padding-bottom:3px;
}

#header-banner #flyout-menu a.ecofel-link {
    display:block;
    max-width:200px;
}



/*** Search Form ***/

#header-banner .right .right-bottom #searchform {
    width:100%;
    margin:15px 0 0 auto;
    border-bottom:2px solid #0078B9;
}

#header-banner .right .right-bottom #searchform input.form-control {
    background-color:#e5f1f8;
    border:none;
    border-radius:0;
    color:#000;
    font-size:0.8em;
}

#header-banner .right .right-bottom #searchform input.submit {
    width:45px;
    background-color: #e5f1f8;
    border:none;
    border-radius:0;
}




/*** Google Translate Dropdown ***/

/* Dropdown Button */
.gt-dropbtn {
    display:flex;
    align-content: space-between;
    align-items:center;
    color: #134A89;
    padding: 5px;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 0.8em;
    font-weight: 800;
    border: none;
    margin-right: 10px;
    text-decoration:underline;
    text-transform: uppercase;
    background-color: #fff;
}

.gt-dropbtn span {
    display:block;
}

.gt-dropbtn img {
    display:block;
    width:10px;
    margin-left:10px;
    height:auto;
}

/* The container <div> - needed to position the dropdown content */
.gt-dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.gt-dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    width: calc(100% - 10px);
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.gt-dropdown-content a {
    color: #000;
    padding: 5px 6px;
    text-decoration: none;
    display: block;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 0.8em;
    text-transform: uppercase;
}

/* Change color of dropdown links on hover */
.gt-dropdown-content a:hover {
    background-color: #ddd;
}

/* Show the dropdown menu on hover */
.gt-dropdown:hover .gt-dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown
.gt-dropdown:hover .gt-dropbtn {
    background-color: #134A89;
    color: #fff;
}
 */






/*************************************** HOME PAGE **************************************/


/*** Home Banner ***/

#home-banner {
    width:100%;
    min-height:450px;
    background-image: url('../images/egmont-banner.jpg');
    background-size:cover;
}

#home-banner .inner {
    width:100%;
    display:flex;
    justify-content: space-between;
}

#home-banner h1 {
    text-transform: uppercase;
    margin-top:60px;
}

.highlight {
    padding: 6px 6px 0 6px;
    display: inline-block;
    line-height: 1em;
    font-weight: 300;
}

.highlight.bold {
    font-weight: 800;
}

#home-banner .callout {
    max-width: 350px;
    background-color: rgba(19,74,137,0.85);
    clip-path: polygon(0px 0px, 100% 0px, 100% 90%, 0px 100%);
    padding: 30px 30px 60px 30px;
    color: #fff;
}

#home-banner.four-oh-four-version .callout {
    max-width: 100%;
    width:100%;
}

/*** Description Row (Under Banner) ***/

#description-row {
    background-color:#fff;
}

#description-row .inner {
    display:flex;
    align-items:flex-start;
}

#description-row .inner .wedge {
    background-color: #134A89;
    width:40px;
    height:150px;
    clip-path: polygon(0px 0px, 100% 0px, 100% 97%, 0px 100%);
}

#description-row .inner .description-wrapper {
    flex:1;
    padding:30px 0;
    margin-left:30px;
}

#description-row .inner .description-wrapper p {
    font-size:1em;
}

#members-by-region-map-container {
    width:100%;
    background-color:#DBE4ED;
    padding-top:30px;
    padding-bottom:30px;
}

#members-by-region-map-container .intro h2 {
    display:inline-block;
    color: #134A89;
    background-color: #fff;
    padding: 5px 10px;
    border-radius:5px;
    text-transform: uppercase;
    margin-bottom:15px;
    font-size: 1.8em;
    line-height: 1em;
    font-weight: 800;
}

#members-by-region-map-container .intro .intro-text p {
    color:#000;
    font-size:1em;
    font-weight: 700;
}

#members-by-region-map-container .intro .click-a-region p {
    display: block;
    color: #000;
    font-size: 0.8em;
    font-weight: 100;
    background-color: #e4ebf2;
    padding: 8px 10px;
    margin: 0 0 0 auto;
    width: fit-content;
}

#members-by-region-map-container #map-members_access {
    display:none !important;
}

body.page-template-page-countries #members-by-region-map-container .intro .click-a-region p {
    margin: 0 auto;
}

#members-by-region-map-container #members-by-region-map {
    width:75%;
    margin:0 auto;
    padding:30px;
}

#members-by-region-map-container #members-by-region-map #map_access {
    display:none !important;
}



/*** 'Members by Region' Map ***/


/** Pop-Up Styles **/

/* Pop-up Box */
.tt_sm {
    z-index: 1000000;
    background-color:#fff;
    padding: 15px;
    opacity: 1;
    font-family: 'Nunito Sans', sans-serif;
    color: #000;
} 

/* Title */
.tt_name_sm {
    float: left;
    font-weight: 700;
    font-size:1.3em;
    color:#134A89;
    /* text-transform: uppercase; */
} 

/* X (Close) */
.xmark_sm {
    float: right;
    margin-left: 5px;
    cursor: pointer;
    line-height: 0;
    width:20px;
}  

/* Body Content */
.tt_custom_sm {
    font-weight: 300;
    font-size:1em;
    color:#000;
}

/* Link Button Wrapper */
.tt_mobile_sm {
    margin-top: 15px;
    margin-bottom: 5px;
} 

/* Link Button */
.tt_mobile_sm a.btn_simplemaps {
    position: relative;
    height: 15px;
    background-color: #DBE4ED;
    display: inline;
    zoom: 1; /* IE Hack */
    padding: 6px 10px;
    color: #134A89;
    text-align: center;
    line-height: 15px;
    text-decoration:underline;
    font-size: 1rem;
    /* text-transform: uppercase; */
    font-weight: 800;
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important;
}

.tt_mobile_sm a.btn_simplemaps:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 20px solid #fff;
    margin: -4px 0px 0 10px;
    border-left-color: #DBE4ED;
}

.tt_mobile_sm a.btn_simplemaps.active {
    background-color: #0078B9;
    color:#fff;
}

.tt_mobile_sm a.btn_simplemaps.active:after {
    border-left-color: #0078B9;
}




/***** Featured Slider - Desktop + General *****/

#featuredslider-wrapper {
    width: 100%;
    overflow: hidden;
    position: relative;
    background-color:#005594;
}

body.page-template-page-newsandevents #featuredslider-wrapper {
    margin-top: -40px;
    margin-bottom:30px;
}

#featuredslider-wrapper-bothide { /* hide blue line on bottom */
    width: 100%;
    height: 2px;
    background-color: #fff;
    margin-top: -1px;
    position: absolute;
}

#featuredslider-wrapper #featuredslider-slider {
    position:absolute;
    width:66.6667%;
    height:100%;
    top:0;
    right:0;
}

#featuredslider-wrapper #featuredslider-slider span.category,
#featuredslider-wrapper #featuredslider-slider span.title,
#featuredslider-wrapper #featuredslider-slider span.excerpt,
#featuredslider-wrapper #featuredslider-slider p.date,
#featuredslider-wrapper #featuredslider-slider a.url {
    display:none; /* never need to show - for lazy loading only */
}



#featuredslider-wrapper #featuredslider-slider img {
    display:block;
    width:100%;
}


#featuredslider-wrapper #featuredslider-textblock {
    background-color:#005594;
    width:33.3334%;
    height:500px;
}

#featuredslider-wrapper #featuredslider-textblock .inner {
    padding: 0 60px;
}

#featuredslider-wrapper #featuredslider-textblock h2 {
    display:flex;
    justify-content: space-between;
    align-items:center;
    margin-bottom: 15px;
    font-size:1.5em;
    font-weight: 300;
    color:#fff;
}

#featuredslider-wrapper #featuredslider-textblock h2 span.category {
    background-color: rgb(255, 255, 255);
    padding: 5px;
    color: rgb(19, 74, 137);
    text-transform: uppercase;
    font-weight: 800;
    border-radius: 5px;
    margin-top:30px;
}

#featuredslider-wrapper #featuredslider-textblock h2 .nav-block {
    display:flex;
    justify-content:space-between;
    width:75px;
    background-color:#0078B9;
    clip-path: polygon(0px 0px, 100% 0px, 100% 90%, 0px 100%);
    padding:30px 15px 30px 15px;
}

#featuredslider-wrapper #featuredslider-textblock h2 .nav-block a.nav-prev {
    display:block;
    width:15px;
    height:auto;
    margin-right: 15px;
}

#featuredslider-wrapper #featuredslider-textblock h2 .nav-block a.nav-next {
    display:block;
    width:15px;
    height:auto;
}

#featuredslider-wrapper #featuredslider-textblock h3.title {
    color:#fff;
    font-size: 1.5em;
    font-weight: 700;
    margin-bottom:15px;
}

#featuredslider-wrapper #featuredslider-textblock p.date {
    color:#fff;
    font-size: 1em;
    font-weight: 100;
    margin-bottom:30px;
}

#featuredslider-wrapper #featuredslider-textblock a.read-more {
    color:#203258;
}




/***** Featured Slider - Mobile *****/

#featuredslider-slider-mobile {
    display:none;
    padding: 0 30px 30px 30px;
}

#featuredslider-slider-mobile h2 {
    display:flex;
    justify-content: space-between;
    align-items:center;
    margin-bottom: 15px;
    font-size:1.5em;
    font-weight: 300;
    color:#fff;
}

#featuredslider-slider-mobile h2 span {
    color:#fff;
    font-size: 1em;
    font-weight: 300;
}

#featuredslider-slider-mobile h2 span.category {
    background-color: rgb(255, 255, 255);
    padding: 5px;
    color: rgb(19, 74, 137);
    /* text-transform: uppercase; */
    font-weight: 800;
    border-radius: 5px;
}

#featuredslider-slider-mobile h2 .nav-block {
    display:flex;
    justify-content:space-between;
    width:75px;
    background-color:#0078B9;
    clip-path: polygon(0px 0px, 100% 0px, 100% 90%, 0px 100%);
    padding:30px 15px 30px 15px;
}

#featuredslider-slider-mobile h2 .nav-block a.nav-prev {
    display:block;
    width:15px;
    height:auto;
    margin-right: 15px;
}

#featuredslider-slider-mobile h2 .nav-block a.nav-next {
    display:block;
    width:15px;
    height:auto;
}

#featuredslider-slider-mobile h3.title {
    color:#fff;
    font-size: 1.5em;
    font-weight: 700;
    margin-bottom:15px;
}

#featuredslider-slider-mobile p.date {
    color:#fff;
    font-size: 1em;
    font-weight: 100;
    margin-bottom:30px;
}

#featuredslider-wrapper #featuredslider-slider-mobile a.read-more {
    color:#203258;
}





/*** 'Join Us on Twitter' ***/

#twitter-row-container {
    margin:30px 0;
}

#twitter-row-container h2 {
    display: inline-flex;
    margin-bottom:0;
    background-color: #DBE4ED;
    padding: 5px 10px;
    border-radius:5px;
    font-size: 1.8em;
    color:#134A89;
    text-transform: uppercase;
    font-weight: 800;
    align-items: center;
}

#twitter-row-container h2 img {
    display:block;
    width: 30px;
    height:auto;
    margin-right: 10px;
    float: left;
}

.ctf-tweet-text a {
    color:#134A89;
}

#ctf.ctf-masonry .ctf-item {
    border-bottom:none;
}

.ctf-author-box {
    overflow:hidden;
}

#ctf.ctf-narrow .ctf-tweet-actions,
#ctf.ctf-narrow .ctf-tweet-content {
    margin-left:0;
}

#ctf p.ctf-tweet-text {
    font-size: 0.9em;
}

#ctf .ctf-author-box-link {
    display: flex;
    align-items: center;
}

.ctf-tweet-meta a {
    text-decoration: underline;
    color:#134A89 !important;
}

a.acc-author-title {
    display:block;
    color:#134A89;
    font-size: 0.9em;
    font-weight: 700;
    margin-right:10px;
    text-decoration: underline;
}


/*** 'Latest Publications' ***/

#latestpubs-row-container .title-row {
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
    margin-bottom:30px;
}

#latestpubs-row-container .title-row h2 {
    display: inline-flex;
    margin-bottom:0;
    background-color: #DBE4ED;
    padding: 5px 10px;
    border-radius:5px;
    font-size: 1.8em;
    color:#134A89;
    text-transform: uppercase;
    font-weight: 800;
    align-items: center;
    margin-top: -10px;
}

#latestpubs-row-container .title-row .button-wrapper {
    display: block;
    margin-right: 20px;
}

#latestpubs-row-container .title-row a.egmont-arrow-btn {
    background-color: #DBE4ED;
}

#latestpubs-row-container .title-row a.egmont-arrow-btn:after {
    border-left-color: #DBE4ED;
}

#latestpubs-row-container .title-row a.egmont-arrow-btn.active {
    background-color: #0078B9;
    color:#fff;
}

#latestpubs-row-container .title-row a.egmont-arrow-btn.active:after {
    border-left-color: #0078B9;
}

#latestpubs-row-container #latestpubs-content {
    margin-bottom:30px;
}

#latestpubs-row-container #latestpubs-content a.resource-block {
    display:block;
    overflow:hidden;
    font-size: 1em;
    color:#000;
    font-weight: 300;
}

#latestpubs-row-container #latestpubs-content a.resource-block img {
    display:block;
    border:1px solid #e4e4e4;
    border-top:2px solid #0078B9;
    margin-bottom:15px;
}

#latestpubs-row-container #latestpubs-content a.resource-block .pub-title {
    display:block;
    text-align:center;
}

#latestpubs-row-container #latestpubs-content a.resource-block.hvr-bounce-in:hover,
#latestpubs-row-container #latestpubs-content a.resource-block.hvr-bounce-in.hover,
#latestpubs-row-container #latestpubs-content a.resource-block.hvr-bounce-in:focus,
#latestpubs-row-container #latestpubs-content a.resource-block.hvr-bounce-in:active {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}




/*************************************** PAGE (GENERIC INSIDE PAGE) **************************************/

#page-inner-header {
    background-image:url('/wp-content/themes/egmont/images/header-inside-pages.jpg');
    background-position: center;
    min-height: 245px;
    background-repeat: no-repeat;
    background-size: cover;
}

/*** Content Styles ***/

#page-inner-header h1 {
    display:inline-block;
    margin-top:30px;
}

#page-inner-header h1 span {
    display:block;
    padding:5px 10px;
    margin-bottom:5px;
    border-radius:5px;
    color:#fff;
    background-color: #134A89;
    width:fit-content;
    font-weight: 800;
    font-size:2rem;
    text-transform: uppercase;
}

#page-main-content-wrapper {
    padding-left:0;
    padding-right:0;
}

#page-main-content-wrapper h2 {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 1.8em;
    color: #134A89;
    margin-bottom: 0;
    font-weight: 700;
}

#page-main-content-wrapper .elem-anchor-block h2 {
    font-family: 'Nunito Sans', sans-serif;
    color: #fff;
    font-size: 1.5em;
    font-weight: 700;
    margin-top: 0;
    display: block;
    padding: 15px;
}

.elem-anchor-block.hvr-shrink:hover,
.elem-anchor-block.hvr-shrink:focus,
.elem-anchor-block.hvr-shrink:active {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
}

#page-main-content-wrapper h3 {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 1.3em;
    color: #134A89;
    /* text-transform: uppercase; */
}

#page-main-content-wrapper p {
    color:#000;
}

#page-main-content-wrapper strong {
    font-weight: 600;
}

#page-main-content-wrapper ul li,
#page-main-content-wrapper ol li {
    color:#000;
}

#page-main-content-wrapper a {
    color:#134A89;
    text-decoration: underline;
}

#page-main-content-wrapper a.elementor-accordion-title {
    color: #fff;
    font-size: 1.1em;
    font-weight: 800;
    text-decoration: none;
    /* text-transform: uppercase; */
}



/*** Other Stuff ***/

.insidepages-bluebar {
    background-color: #134A89;
    width: 40px;
    height: 150px;
    padding-left:0;
    clip-path: polygon(0px 0px, 100% 0px, 100% 97%, 0px 100%);
    margin-top:-30px;
}


#breadcrumbs {
    display: block;
    margin-top: -30px;
    padding: 0 0 50px 20px;
    min-height: 40px;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 0.8rem;
    color:#fff;
}

/*
body.page-template-page-newsandevents #breadcrumbs {
    padding-bottom:40px;
}*/

#breadcrumbs a {
    font-size:0.8rem;
    color:#fff;
    text-decoration: underline;
}







/*************************************** ABOUT (LANDING PAGE) **************************************/

#page-main-content-wrapper .about-block {
    background-color: #134A89;
}


#page-main-content-wrapper .about-block h2 {
    color: #fff;
    font-size: 1.3em;
}

.about-wedge {
    padding:0 15px 15px 15px;
    background: linear-gradient(to bottom right, #DBE4ED 50%, transparent 50.5%) no-repeat bottom, /* bottom part */
    linear-gradient(0deg, #DBE4ED, #DBE4ED) no-repeat top;
    /* top portion */
    color: white;
    padding-bottom: 5em;
    background-size: 100% 2em, 100% calc(100% - 2em);
    
  }

/*  .about-wedge p {
      padding: 5px 10px;   
  }
*/

.about-wedge a {
    text-decoration: underline;
}

.about-wedge a.egmont-arrow-btn.active {
    color:#fff !important;
}



/*************************************** ABOUT > LEADERSHIP **************************************/

#page-main-content-wrapper .leadership-type-title h2 {
    padding:5px 10px;
    border-radius:5px;
    font-weight:800;
}

#page-main-content-wrapper .leadership-type-title.white h2 {
    color:#fff;
    background-color:#134A89;
}

#page-main-content-wrapper .leadership-type-title.blue h2 {
    color:#134A89;
    background-color:#fff;
}




/*************************************** ABOUT > ORGANIZATION AND STRUCTURE **************************************/


/*** Org Chart Icons ***/

#page-main-content-wrapper a.e-hotspot {
    text-decoration: none;
}


.elementor-widget-hotspot { /* background color */
    --hotspot-box-color: #fff !important;
}

.e-hotspot__icon { /* icon color */
    color:#000;
}


#page-main-content-wrapper #interactive-chart-section p.intro {
    display: block;
    color: #000;
    font-size: 0.8em;
    font-weight: 100;
    background-color: #e4ebf2;
    padding: 8px 10px;
    margin: 0 auto;
    width: fit-content;
}

#page-main-content-wrapper #interactive-chart-section #popup-master-container h2 {
    font-size: 1.3em;
    font-weight:700;
    padding:0;
    padding: 5px 0;
    margin-top:0;
}

#page-main-content-wrapper #interactive-chart-section #popup-master-container .popup-contents a.egmont-arrow-btn {
    background-color: #DBE4ED;
}

#page-main-content-wrapper #interactive-chart-section #popup-master-container .popup-contents a.egmont-arrow-btn:after {
    border-left-color: #DBE4ED;
}

#page-main-content-wrapper #interactive-chart-section #popup-master-container .popup-contents a.egmont-arrow-btn.active {
    background-color: #0078B9;
    color:#fff;
}

#page-main-content-wrapper #interactive-chart-section #popup-master-container .popup-contents a.egmont-arrow-btn.active:after {
    border-left-color: #0078B9;
}




/* Pop-up Box (Desktop) */

#popup-master-container {
    display:none;
    width:100%;
    background-color: #fff;
    padding:30px;
}

#popup-master-container .popup-close-container {
    width:100%;
    /* margin-bottom:-25px; */
}

#popup-master-container a.popup-close {
    display:block;
    width: 15px;
    height:auto;
    margin:0 0 0 auto;
}

#popup-master-container a.popup-close span {
    display:none;
}


/* Pop-up Box Contents (Placeholders only - not visible on page) */
#popup-box-contents-preload {
    display:none;
}









/*************************************** NEWS AND EVENTS **************************************/


/******* Latest News Section *******/

#latestnews-row-container .title-row {
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
    margin-bottom:30px;
}

#latestnews-row-container .title-row h2 {
    display: inline-flex;
    margin-bottom:0;
    background-color: #0078B9;
    padding: 5px 10px;
    border-radius:5px;
    font-size: 1.8em;
    color:#fff;
    text-transform: uppercase;
    font-weight: 800;
    align-items: center;
    margin-top: -10px;
}

#latestnews-row-container #latestnews-content {
    /* margin-bottom:30px; */
}

#latestnews-row-container #latestnews-content .col-md-12 {
    padding-left:5px;
    padding-right:5px;
}




/*** Grid system for masonry ***/

/*** Masonry grid ***/


#latestnews-row-container .grid-sizer,
#latestnews-row-container .grid-item {
    /* width: 33.3334%; */
    margin-bottom:0;
    display:flex;
}

#latestnews-row-container .grid-item .inner {
    width:100%;
    height:100%;
    margin:5px;
    background-color:#DBE4ED;
}

#latestnews-row-container .grid-item .inner img {
    display:block;
    width:100%;
    height:auto;
}

#latestnews-row-container .grid-item .inner h3 {
    display:block;
    margin-bottom:0;
    background-color: #f0f;
}

#latestnews-row-container .grid-item .inner h3 a {
    display: block;
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.4rem;
    padding:10px 15px;
    font-weight: 700;
    background-color:#134A89;
}

#latestnews-row-container .grid-item .inner p.date {
    display:block;
    color:#134A89;
    background-color:#DBE4ED;
    font-size:0.8em;
    padding:10px 15px;
    margin-bottom:0;
}

#latestnews-row-container .grid-item .inner .padder {
    padding: 15px 15px 20px 15px;
    background-color:#DBE4ED;
}

/*
#latestnews-row-container .grid-item .inner.no-image .padder {
    padding-top:0;
}
*/

#latestnews-row-container .alm-load-more-btn {
    border: 2px solid #134A89;
    background-color: #fff;
    border-radius: 0;
    color: #134A89;
    text-transform: uppercase;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 800;
    font-size:1em;
}

#latestnews-row-container .alm-load-more-btn.more.done {
    display:none;
}


#latestnews-row-container .alm-listing .css-grid {
	display: inline-grid;
	grid-template-columns: 1fr 1fr 1fr;
}

#latestnews-row-container .alm-listing .css-grid > div {
	margin: 0 5px 10px;
	padding-bottom: 10px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}















/******* Past Events Section *******/

#pastevents-row-container {
    background-color:#DBE4ED;
}

#pastevents-row-container .title-row {
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
    margin-bottom:30px;
}

#pastevents-row-container .title-row h2 {
    display: inline-flex;
    margin-bottom:0;
    background-color: #fff;
    font-size: 1.8em;
    color: #134A89;
    text-transform: uppercase;
    font-weight: 800;
    align-items: center;
    margin-top: 30px;
    padding: 5px 10px;
    border-radius:5px;
}

#pastevents-row-container #pastevents-content {
    /* margin-bottom:30px; */
}

#pastevents-row-container #pastevents-content .col-md-12 {
    padding-left:5px;
    padding-right:5px;
}


/*** Grid system for masonry ***/

/*** Masonry grid ***/


#pastevents-row-container .grid-sizer,
#pastevents-row-container .grid-item {
    /* width: 33.3334%; */
    margin-bottom:0;
    /* display:flex; */
}

#pastevents-row-container .grid-item .inner {
    width: 100%;
    height:100%;
    background-color: #fff;
    overflow: hidden;
}

#pastevents-row-container .grid-item .inner img {
    display:block;
    width:100%;
    height:auto;
}

#pastevents-row-container .grid-item .inner h3 {
    display:block;
    margin-bottom:0;
}

#pastevents-row-container .grid-item .inner h3 a,
#pastevents-row-container .grid-item .inner h3.no-link div.fake-a {
    display: block;
    color: #fff;
    font-size: 1.2rem;
    line-height: 1.4rem;
    padding:10px 15px;
    font-weight: 700;
    background-color:#134A89;
    /* text-transform: uppercase; */
}

#pastevents-row-container .grid-item .inner p.date {
    display:block;
    color:#134A89;
    /* background-color:#DBE4ED; */
    font-size:0.8em;
    padding:10px 15px;
    margin-bottom:0;
}

#pastevents-row-container .grid-item .inner .padder {
    padding: 15px 15px 20px 15px;
}

#pastevents-row-container .grid-item .inner.no-image .padder {
    padding-top:0;
}



/* Link Button */
#pastevents-row-container .grid-item .inner .padder a {
    position: relative;
    height: 15px;
    background-color: #DBE4ED;
    display: inline;
    zoom: 1; /* IE Hack */
    padding: 6px 10px;
    color: #134A89;
    text-align: center;
    line-height: 15px;
    text-decoration:underline;
    font-size: 1rem;
    /* text-transform: uppercase; */
    font-weight: 800;
    -webkit-transition-duration: 0s !important;
    transition-duration: 0s !important;
}

#pastevents-row-container .grid-item .inner .padder a:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-left: 20px solid #fff;
    margin: -4px 0px 0 10px;
    border-left-color: #DBE4ED;
}

#pastevents-row-container .grid-item .inner .padder a.active {
    background-color: #0078B9;
    color:#fff;
}

#pastevents-row-container .grid-item .inner .padder a.active:after {
    border-left-color: #0078B9;
}


/* 'Load More' Button */

#pastevents-row-container .alm-load-more-btn {
    border: 2px solid #134A89;
    background-color: #fff;
    border-radius: 0;
    color: #134A89;
    text-transform: uppercase;
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 800;
    font-size:1em;
}

#pastevents-row-container .alm-load-more-btn.more.done {
    display:none;
}

#pastevents-row-container .alm-listing .css-grid {
	display: inline-grid;
	grid-template-columns: 1fr 1fr 1fr;
	width: 100%;
}

#pastevents-row-container .alm-listing .css-grid > div {
	margin: 10px;
	/* padding-bottom: 10px; */
	-webkit-border-radius: 2px;
	border-radius: 2px;
}



/*************************************** NEWS - SINGLE PAGE **************************************/

/*

#jump-to-events {
    text-align: right;
    height: 30px;
}

#jump-to-events a.egmont-arrow-btn {
    margin:0 0 0 auto;
}

#jump-to-events a.egmont-arrow-btn:after {
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    margin: -6px 0px 0 10px;
}

#jump-to-events a.egmont-arrow-btn {
    color:#134A89;
    background-color: #DBE4ED;
    margin-right: 35px;
}

#jump-to-events a.egmont-arrow-btn:after {
    border-left-color: #DBE4ED;
}

#jump-to-events a.egmont-arrow-btn.active {
    background-color: #134A89;
    color:#fff;
}

#jump-to-events a.egmont-arrow-btn.active:after {
    border-left-color: #134A89;    
}

*/




#news-article-body {
    width:100%;
    margin:0 auto;
}

#news-article-body .inner {
    display:flex;
}

#news-article-body .inner .insidepages-bluebar {
    margin-top:-10px;
}

#news-article-body .inner .body-content {
    flex: 1;
    margin-top: 30px;
    margin-left: 20px;
}

#news-article-body .inner .body-content .intro {
    display:flex;
    margin-bottom:30px;
}

#news-article-body .inner .body-content .intro .left {
    display:block;
    width:50%;
}

#news-article-body .inner .body-content .intro .left.full-width {
    width:100%;
}

#news-article-body .inner .body-content .intro h2 {
    color:#134A89;
    font-size: 1.7em;
    font-weight: 700;
    margin-bottom:0;
}

#news-article-body .inner .body-content .intro img.thumbnail {
    display:block;
    width:50%;
    height:auto;
}

#news-article-body .inner .body-content .intro a#sharethis-link {
    display: flex;
    padding: 10px;
    background-color: #134A89;
    align-items: center;
    width:fit-content;
    margin-top:30px;
}

#news-article-body .inner .body-content .intro a#sharethis-link:hover,
#news-article-body .inner .body-content .intro a#sharethis-link:active {
    text-decoration: none;
}

#news-article-body .inner .body-content .intro a#sharethis-link img {
    display:block;
    width: 15px;
    height:auto;
}

#news-article-body .inner .body-content .intro a#sharethis-link span {
    display:block;
    flex:1;
    font-size: 0.8em;
    font-weight: 700;
    color:#fff;
    /* text-transform: uppercase; */
    margin-right: 10px;
    line-height: 1;
}

#news-article-body .inner .body-content .main-article {
    margin-bottom:60px;
}

#news-article-body .inner .body-content .main-article h3 {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 1.3em;
    color: #134A89;
}

#news-article-body .inner .body-content .main-article h4 {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 1.3em;
    color: #0078B9;
}

#news-article-body .inner .body-content .main-article h5 {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 1em;
    color: #000;
    font-weight: 600;
}

#news-article-body .inner .body-content .main-article h6 {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 1em;
    color: #000;
}

#news-article-body .inner .body-content .main-article ul,
#news-article-body .inner .body-content .main-article ol {
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 100;
    font-size: 1em;
    color: #000;
}

#news-article-body .inner .body-content .main-article a {
    color:#134A89;
    text-decoration: underline;
}

#news-article-body .inner .body-content .main-article p {
    color:#000;
}

#news-article-body .inner .body-content .main-article img {
    display:block;
    margin-top:15px;
    margin-bottom:15px;
}



/*************************************** WORKING GROUPS (LANDING PAGE) **************************************/





/*************************************** WORKING GROUPS (SINGLE PAGES) **************************************/

#page-main-content-wrapper .projects-block h2 {
    display: inline-flex;
    margin-bottom:0;
    background-color: #fff;
    font-size: 1.8em;
    color: #134A89;
    /* text-transform: uppercase; */
    font-weight: 800;
    align-items: center;
    padding: 5px 10px;
    border-radius:5px;
}



#page-main-content-wrapper .projects-block ul,
#page-main-content-wrapper .projects-block ol {
    padding-left:20px;
}

#page-main-content-wrapper .projects-block .pastprojects-dd .elementor-tab-title {
    width:fit-content;
}

#page-main-content-wrapper .projects-block .pastprojects-dd .elementor-tab-title a {
    color:#fff;
    text-decoration: none;
    font-weight: 800;
}

#page-main-content-wrapper .projects-block .pastprojects-dd h3 {
    font-size: 1.3em;
    margin-bottom: 15px;
    font-weight: 800;
}

#page-main-content-wrapper .projects-block .pastprojects-dd h4 {
    font-size: 1em;
    margin-bottom: 5px;
    font-weight: 600;
    color:#000;
}

#page-main-content-wrapper .projects-block .pastprojects-dd table {
    width:100%;
    border-collapse: collapse;
}

#page-main-content-wrapper .projects-block .pastprojects-dd table td {
    padding:5px;
    vertical-align: top;
}

#page-main-content-wrapper .chairs-block h2 {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 1.8em;
    margin-bottom: 0;
    font-weight: 800;
    text-transform: uppercase;
}

#page-main-content-wrapper .chairs-block h4 {
    font-size:1em;
}

#page-main-content-wrapper .chairs-block ul,
#page-main-content-wrapper .chairs-block ol {
    padding-left:20px;
}



/*************************************** MEMBERS BY REGION **************************************/

/******* Desktop Version *******/


body.page-template-page-countries #members-by-region-map-container {
    padding-bottom:0;
    margin-bottom:0;
}

#region-details {
    font-family: 'Nunito Sans', sans-serif;
    background-color: #134A89;
    color: white;
    padding: 60px 0px;
}

#region-details h2.regions-title {
    text-transform: uppercase;
    font-size:1.5em;
    font-weight: 800;
}

/* region back/next button */

#btn-cont {
    display: flex;
    justify-content: space-between;
    width: 75px;
    background-color: #0078B9;
    clip-path: polygon(0px 0px, 100% 0px, 100% 90%, 0px 100%);
    padding: 30px 15px 30px 15px;
    margin-top: -1px;
    margin-right: 30px;
}

#btn-cont .row {
    width: 100%;
    margin-left: 0;
}

#btn-cont .nav-prev {
    display: block;
    width: 30px;
    height: auto;
    margin-right: 15px;
}

#btn-cont .nav-next {
    display: block;
    width: 30px;
    height: auto;
}

#btn-region-fwd, #btn-region-rev {
    cursor: pointer;
}

#btn-region-fwd:active, #btn-region-rev:active {
    cursor: pointer;
    color: #134A89;
}



#region-details .row-region-nav-and-intro {
    border-bottom:1px solid #fff;
    padding-bottom:30px;
    margin-bottom:30px;
}

#region-details .row-region-nav-and-intro h2.region-name {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 1.7em;
}


#region-details .row-representatives h3 {
    text-transform: uppercase;
    font-size: 1.3em;
}




/* Member Blocks */

#region-details .row-fius h2 {
    font-size: 1.5em;
    text-transform: uppercase;
    font-weight: 800;
    margin: 30px 0;
    display: inline-block;
    background-color: #fff;
    color: #134A89;
    padding: 5px 10px;
    border-radius:5px;
}

#representatives-container .representative-name {
    font-weight: bold;
    margin-top:15px;
    margin-bottom: 5px;
}

#members-list-container .fiu-block {
    box-sizing: border-box;
    border: 3px solid transparent;
    background-clip:padding-box;
    padding: 15px;
    background-color: #DBE4ED;
    color: #134A89;
}

#members-list-container .fiu-block a.fiu-name,
#members-list-container .fiu-block p.fiu-name {
    color: #134A89;
    font-weight: 700;
    margin-bottom:10px;
    display: block;
}

#members-list-container .fiu-block .col-2 {
    padding-right: 0;
}

#members-list-container .fiu-block .col-10 {
    padding-left: 5px;
}

#members-list-container .fiu-block .entry-date {
    font-weight: 300;
    font-size: 0.8em;
    margin-top: 10px;
}




/******* Mobile Responsive Version *******/


/* Main Intro */

#members-by-region-responsive {
    display:none;
    background-color: #DBE4ED;
}

#members-by-region-responsive h2 {
    display:inline-block;
    color: #134A89;
    background-color: #fff;
    padding: 5px;
    /* text-transform: uppercase; */
    margin-top:30px;
    margin-bottom: 15px;
    font-size: 1.5em;
    line-height: 1em;
    font-weight: 800;
}

#members-by-region-responsive .intro-text p {
    color: #000;
    font-size: 1em;
    font-weight: 700;
}

#members-by-region-responsive p.click-a-region {
    display: block;
    width:100%;
    color: #000;
    font-size: 0.8em;
    font-weight: 100;
    background-color: #e4ebf2;
    padding: 5px 10px;
    margin-top:30px;
    text-align: center;
}


/* Region Intro and Member Blocks */

#responsive-regions .card {
    border-top: 0;
    border-radius: 0;
    margin-bottom: 5px;
}

#responsive-regions .card .card-header {
    padding:15px;
    background-color:#134A89;
}

#responsive-regions .card .card-header h3 {
    display:block;
    margin-bottom:0;
}

#responsive-regions .card .card-header h3 a {
    color: #fff;
    /* text-transform: uppercase; */
    font-weight: 800;
    font-size: 1.5rem;
    text-align: left;
    line-height: 1;
    text-decoration: underline;
    padding: 0;
}

#responsive-regions .card .card-body {
    background-color:#134A89;
    color:#fff;
    padding-top:0;
}

#responsive-regions .card .card-body #region-desc {
    font-family: 'Nunito Sans', sans-serif;
    margin-bottom:30px;
}

#responsive-regions .card .card-body .representatives-title-row {
    border-top:1px solid #fff;
    padding-top:30px;
}

#responsive-regions .card .card-body .representatives-title-row h4.representatives-title {
    /* text-transform: uppercase; */
    margin-bottom:15px;
    font-size:1.3em;
    font-weight: 800;
}

#responsive-regions .card .card-body .representatives-reps-row {
    font-family: 'Nunito Sans', sans-serif;
}

#responsive-regions .card .card-body .representatives-reps-row .rep-single-details {
    margin-bottom:15px;
}

#responsive-regions .card .card-body .representatives-reps-row .rep-single-details:last-child {
    margin-bottom:0;
}

#responsive-regions .card .card-body .row.region-label h4 {
    display:block;
    color: #134A89;
    background-color: #fff;
    padding: 10px;
    /* text-transform: uppercase; */
    margin-top:30px;
    margin-bottom: 15px;
    font-size: 1.5em;
    line-height: 1em;
    font-weight: 800;
}

#responsive-regions .fiu-block {
    font-family: 'Nunito Sans', sans-serif;
    background-color:#DBE4ED;
    padding: 15px;
    margin-bottom: 15px;
}

#responsive-regions .fiu-block a.fiu-name {
    color:#134A89;
    margin-bottom: 5px;
    display: inline-block;
    font-weight: 800;
}

#responsive-regions .fiu-block .flag-and-country-wrapper {
    display:flex;
    width:100%;
    align-items: center;
    margin-bottom: 5px;
}

#responsive-regions .fiu-block .flag-and-country-wrapper img.country-flag {
    display:block;
    width:30px;
    height:auto;
    margin-right: 10px;
}

#responsive-regions .fiu-block .flag-and-country-wrapper p.country-name {
    display:block;
    width:30px;
    height:auto;
    flex: 1;
    margin-bottom: 0;
    color: #134A89;
}

#responsive-regions .fiu-block .entry-date {
    color: #134A89;
    font-weight: 300;
    font-size: 0.8em;
}









/*************************************** AFFILIATES **************************************/

#page-main-content-wrapper .partner-item a {
    margin-bottom:30px;
}


/*************************************** RESOURCES **************************************/

/*** 'Loading' Overlay (seen when you try to filter the search)  ***/

#loading-overlay {
    display:none;
    position: fixed;
    z-index:99999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
}

#loading-overlay img {
    position:absolute;
    top:calc(50% - 50px);
    left:calc(50% - 50px);
}



/*** Search Row ***/
#resources-searchrow {
    width:100%;
    background-color:#134A89;
    color:#fff;
    font-family: 'Nunito Sans', sans-serif;
}

#resources-searchrow .container .row {
    padding:15px 0;
    align-items: center;
}

#resources-searchrow .container .row label {
    display:none;
}

#resources-searchrow .container .row select#resources-choices {
    width:50%;
    font-weight: 300;
    padding: 5px 10px;
}

#resources-searchrow .container .row input#resources-quicksearch {
    width: 50%;
    padding: 5px 10px;
    margin: 0 0 0 auto;
    display: block;
}



/*** Title Row ***/
#resources-headerrow {
    width:100%;
    background-color:#fff;
}

#resources-headerrow h2 {
    font-size:1em;
    text-transform: uppercase;
    color:#134A89;
    margin-top:30px;
    margin-bottom:15px;
    font-weight: 800;
}

.resources-resultrow {
    width:100%;
}

.resources-resultrow .container .row {
    padding:30px 0;
}

.resources-resultrow h2.mobile-title {
    display:none;
}

.resources-resultrow.odd {
    background-color:#DBE4ED;
}

.resources-resultrow.even {
    background-color:#C4D8EB;
}

.resources-resultrow h2.mobile-title {
    font-size:1em;
    /* text-transform: uppercase; */
    color:#134A89;
    margin-top:30px;
    margin-bottom:15px;
    font-weight: 800;
}

.resources-resultrow p strong {
    font-weight: 700;
}

.resources-resultrow .authors,
.resources-resultrow .description,
.resources-resultrow .translations {
    font-family: 'Nunito Sans', sans-serif;
}

.resources-resultrow a {
    color:#000;
    text-decoration: underline;
}

.resources-resultrow a.thumb-link,
.resources-resultrow img.thumb-link {
    display:block;
    width:100%;
}

.resources-resultrow a.file-link {
    font-weight: 700;
}

.resources-resultrow p.resource-title {
    font-weight: 700;   
}


/*************************************** WORKING WITH EGMONT **************************************/


/*** Current Opportunities ***/

#opportunities-wrapper {
    background-color: #DBE4ED;
}

#opportunities-wrapper h2 {
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
    margin: 30px 0;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 1.8em;
    font-weight: 800;
    text-transform: uppercase;
    color: #134A89;
    background-color: #fff;
}

#opportunities-wrapper h3 {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 1.5em;
    font-weight: 700;
    /* text-transform: uppercase; */
    color: #134A89;
}

.accordion-menu,
.accordion-menu ul.ul-container,
.accordion-menu li.li-container,
.accordion-menu ul.ul-bodytext,
.accordion-menu li.li-bodytext,
.accordion-menu > ul > li > a {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
    text-decoration: none;
    line-height: 1;
    position: relative;
}

.accordion-menu a {
    cursor: pointer;
}

.accordion-menu {
    width: 100%;
}

.accordion-menu ul.ul-container li.li-container {
    margin-bottom:15px;
}

.accordion-menu > ul > li > a {
    display: flex;
    position: relative;
    color: #fff;
}

.accordion-menu > ul > li > a > span.open-close {
    display: block;
    padding: 5px 10px;
    background-color: #134A89;
    font-size: 2.5em;
    width: 40px;
    text-align: center;
}

.accordion-menu > ul > li > a > span.open-close img {
    margin-top: -5px;
}

.accordion-menu > ul > li > a > span.title-text {
    display: flex;
    background-color: #134A89;
    padding: 10px;
    flex: 1;
    align-items: center;
}

.accordion-menu > ul > li > a > span.title-text h3.title {
    margin-bottom:0;
    font-size: 1.3em;
    font-weight: 600;
    text-transform: unset;
    color: #fff !important;
}

.accordion-menu > ul > li > a:hover {
    text-decoration: none;
}

.accordion-menu > ul > li.active {
    border-bottom: none;
}

.accordion-menu > ul > li.active > a {
    color: #fff;
}

.accordion-menu ul.ul-container ul.ul-bodytext {
    display: none;
}

.accordion-menu ul.ul-container ul.ul-bodytext li.li-bodytext {
    padding:0 15px 5px 15px;
    background-color:#134A89;
}

.accordion-menu ul.ul-container ul.ul-bodytext li.li-bodytext p {
    color:#fff;
    line-height:1.5em;
}

.accordion-menu ul.ul-container ul.ul-bodytext li.li-bodytext ul,
.accordion-menu ul.ul-container ul.ul-bodytext li.li-bodytext ol {
    margin-bottom:10px;
}

.accordion-menu ul.ul-container ul.ul-bodytext li.li-bodytext ul li,
.accordion-menu ul.ul-container ul.ul-bodytext li.li-bodytext ol li {
    font-family: 'Nunito Sans', sans-serif;
    color:#fff;
    line-height:1.5em;
}

.accordion-menu ul.ul-container ul.ul-bodytext li.li-bodytext a {
    color:#fff;
    text-decoration: underline;
}

.accordion-menu ul.ul-container ul.ul-bodytext li.li-bodytext a.egmont-arrow-btn {
    line-height:normal;
    color:#134A89;    
}

.accordion-menu ul.ul-container ul.ul-bodytext li.li-bodytext a.egmont-arrow-btn:hover,
.accordion-menu ul.ul-container ul.ul-bodytext li.li-bodytext a.egmont-arrow-btn:active {
    color:#fff;    
}

.accordion-menu ul.ul-container ul.ul-bodytext li.li-bodytext .button-clear {
    overflow:hidden;
    height: 34px;
    padding-top: 6px;
    margin-bottom:15px;
}

.accordion-menu ul.ul-container ul.ul-bodytext li.li-bodytext .button-clear a.egmont-arrow-btn:after {
    margin-top: -6px;
}

#applynow {
    margin-top:30px;
}

p.no-opps {
    padding-bottom:30px;
}


/*** Past Opportunities ***/

#past-opportunities-wrapper {
    background-color: #fff;
    padding-bottom:15px;
}

#past-opportunities-wrapper h2 {
    display: inline-block;
    padding: 5px 10px;
    border-radius:5px;
    margin: 30px 0;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 1.8em;
    font-weight: 800;
    text-transform: uppercase;
    color: #fff;
    background-color: #134A89;
}

#past-opportunities-wrapper h3 {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 1.5em;
    font-weight: 700;
    /* text-transform: uppercase; */
    color: #134A89;
}

#past-opportunities-wrapper a {
    color: #134A89;
    text-decoration: underline;
}



.gform_confirmation_wrapper {
    font-family: 'Nunito Sans', sans-serif;
    background-color: #0D873E;
    color:#fff;
    font-weight: 700;
    text-align: center;
    padding:15px;
}







/*************************************** FAQs **************************************/

#faqs-wrapper {
    background-color: #DBE4ED;
    padding-bottom: 30px;
}

#faqs-wrapper h2 {
    display: inline-block;
    padding: 5px 10px;
    border-radius:5px;
    margin: 30px 0;
    font-family: 'Nunito Sans', sans-serif;
    font-size: 1.8em;
    font-weight: 800;
    /* text-transform: uppercase; */
    color: #134A89;
    background-color: #fff;
}

body.page-template-page-faqs .accordion-menu > ul > li > a > span.title-text h3.title {
    text-transform: unset;
    font-weight: 600;
}



/*************************************** CONTACT US **************************************/

#contact-wrapper {
    /* margin-top: 30px; */
    background-color: #DBE4ED;
    padding-top: 30px;
}

#contact-wrapper h2 {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 1.5em;
    font-weight: 800;
    /* text-transform: uppercase; */
    color: #134A89;
}

#contact-wrapper a {
    color: #134A89;
    text-decoration: underline;
}




body.search #page-main-content-wrapper {
    margin-top:30px;
    margin-bottom:60px;
}


/*************************************** EGMONT GROUP MEMBERSHIP APPLICATIONS **************************************/

#page-main-content-wrapper .membersteps-block h2 {
    font-family: 'Nunito Sans', sans-serif;
    font-size: 1.8em;
    margin-bottom: 0;
    font-weight: 700;
    /* text-transform: uppercase; */
}

#page-main-content-wrapper .membersteps-block h4 {
    font-size:1em;
}

#page-main-content-wrapper .membersteps-block ul,
#page-main-content-wrapper .membersteps-block ol {
    padding-left:20px;
}



/*************************************** SEARCH RESULTS PAGE (ADDSEARCH) **************************************/

#addsearch-results {
    font-family: 'Nunito Sans', sans-serif;
    font-size:1rem !important;
}

#addsearch-results .addsearch-result-item-sub p span.document_url {
    color:#134A89 !important;
}

#addsearch-results-bottomspacer {
    clear:both;
    width:100%;
    height:30px;
}




/*************************************** FOOTER **************************************/


/*** Footer 1: Menu and Fraud Alerts ***/

#footer-menu-and-fraudalerts {
    background-color: #134A89;
    padding-top:30px;
    padding-bottom:30px;
}

#footer-menu-and-fraudalerts .inner {
    display:flex;
    justify-content: space-between;
}

#footer-menu-and-fraudalerts .inner .footer-menu-column {
    width:20%;
}

#footer-menu-and-fraudalerts .inner .footer-menu-column a {
    text-decoration: none;
}

#footer-menu-and-fraudalerts .inner .footer-menu-column a:hover,
#footer-menu-and-fraudalerts .inner .footer-menu-column a:active {
    text-decoration: underline;
}

#footer-menu-and-fraudalerts .inner .footer-menu-column p a {
    color:#fff;
    font-weight: 600;
    font-size:1em;
}

#footer-menu-and-fraudalerts .inner .footer-menu-column p > a {
    line-height: 1em;
    margin-bottom: 10px;
    display: inline-block;
}

#footer-menu-and-fraudalerts .inner .footer-menu-column ul {
    list-style-type: none;
    padding-left:0;
}

#footer-menu-and-fraudalerts .inner .footer-menu-column ul li {
    padding-left:0;
}

#footer-menu-and-fraudalerts .inner .footer-menu-column ul li a {
    color:#fff;
    font-weight: 300;
    font-size:0.85em;
    display: inline-flex;
    line-height: 1.3em;
}

#footer-menu-and-fraudalerts .inner .footer-menu-column > ul > li > a {
    font-weight: 600;
    font-size:1em;
}



/*** Fraud Alerts Row ***/

#fraud-alerts-container .inner {
    border-top: 2px solid #0078B9;
    display:flex;
    justify-content: flex-start;
    align-items: start;
}

#fraud-alerts-container .inner p {
    color:#fff;
}

#fraud-alerts-container .inner h2 {
    display: block;
    color: #134A89;
    background-color:#fff;
    padding: 5px 10px;
    border-radius:5px;
    text-transform: uppercase;
    margin: 15px 30px 0 0;
    font-size: 1.5em;
    line-height: 1em;
    font-weight: 800;
    white-space: nowrap;
}

#fraud-alerts-container .inner .left {
    display:block;
}

#fraud-alerts-container .inner .left .title-and-nav {
    display:flex;
    justify-content: space-between;
    align-items: start;
}

#fraud-alerts-container .inner .left .note p {
    margin:15px 15px 0 0;
    font-size:0.8em;
}

#fraud-alerts-container #fraudalerts-navigation {
    display:flex;
    justify-content:space-between;
    width:75px;
    background-color:#0078B9;
    clip-path: polygon(0px 0px, 100% 0px, 100% 90%, 0px 100%);
    padding:16px 15px 30px 15px;
    margin-top:-1px;
    margin-right:30px;
}

#fraud-alerts-container #fraudalerts-navigation a.nav-prev {
    display:block;
    width:15px;
    height:auto;
    margin-right: 15px;
}

#fraud-alerts-container #fraudalerts-navigation a.nav-next {
    display:block;
    width:15px;
    height:auto;
}

#fraud-alerts-container #fraudalerts-slider {
    display:block;
    overflow:hidden; /* need this to prevent slider from stretching to width of all content blocks */
}

#fraud-alerts-container #fraudalerts-slider .contents {
    display:block;
    overflow: hidden;
}

#fraud-alerts-container #fraudalerts-slider .contents .slick-slide p.date {
    font-size:1em;
    font-weight: 700;
    margin-top:15px;
}

#fraud-alerts-container #fraudalerts-slider .contents .slick-slide .alert-message {
    margin-bottom:15px;
}

#fraud-alerts-container #fraudalerts-slider .contents .slick-slide .alert-message p {
    font-size:1em;
    font-weight:normal;
    margin-bottom:0;
}

#fraud-alerts-container #fraudalerts-slider .contents .slick-slide .clear-bottom {
    width:100%;
    height:10px;
}

/* If there are no alerts in the slider */

#fraudalerts-no-current-alerts {
    width:100%;
}

#fraudalerts-no-current-alerts h2 {
    display: inline-block;
    color: #134A89;
    background-color:#fff;
    padding: 5px 10px;
    border-radius:5px;
    text-transform: uppercase;
    margin: 15px 30px 15px 0;
    font-size: 1.5em;
    line-height: 1em;
    font-weight: 800;
    white-space: nowrap;
}

#fraudalerts-no-current-alerts p {
    color:#fff;
}









/*** Footer 2: Copyright, ECOFEL and social icons ***/

#footer-copyright {
    background-color: #fff;
    width:100%;
}

#footer-copyright .inner {
    display:flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
}

#footer-copyright .inner .left p.copyright {
    display:block;
    margin-bottom:0;
    font-size:0.85em;
}

#footer-copyright .inner .right .ecofel-and-social {
    display:flex;
    align-items: center;
}

#footer-copyright .inner .right .ecofel-and-social a.ecofel-link {
    display:block;
    width: 175px;
    margin-right: 30px;
}

#footer-copyright .inner .right .ecofel-and-social a.ecofel-link img {
    display:block;
    width:100%;
    height:auto;
}

#footer-copyright .inner .right .ecofel-and-social a.social-icon {
    display:block;
    width:30px;
}

#footer-copyright .inner .right .ecofel-and-social a.social-icon img {
    display:block;
    width:100%;
    height:auto;
}

#footer-copyright .inner .right .ecofel-and-social a.social-icon.twitter {
    margin-right:10px;
}

#footer-copyright .inner .right .ecofel-and-social a.social-icon.linkedin {
    margin-right:20px;
}


a#back-to-top {
    display:block;
    position:fixed;
    bottom:30px;
    right: 0;
    width:50px;
    transition: right 1s;
}

a#back-to-top span {
    display:none;
}

a#back-to-top img {
    display:block;
    width: 100%;
    height:auto;
    float:left;
}





/*************************************** UTILITY CLASSES ***************************************/

.text-align-left { text-align:left !important; }
.text-align-right { text-align:right !important; }
.text-align-center { text-align:center !important; }

.width-25 { width:25%; }
.width-33 { width:33.3334%; }
.width-50 { width:50%; }
.width-100 { width:100%; }

.margin-bottom-0 {margin-bottom:0;}
.margin-bottom-15 {margin-bottom:15px;}
.margin-bottom-30 {margin-bottom:30px;}
.margin-bottom-45 {margin-bottom:45px;}
.margin-bottom-60 {margin-bottom:60px;}

.margin-top-0 {margin-top:0;}
.margin-top-15 {margin-top:15px;}
.margin-top-30 {margin-top:30px;}
.margin-top-45 {margin-top:45px;}
.margin-top-60 {margin-top:60px;}

.padding-bottom-0 {padding-bottom:0;}
.padding-bottom-15 {padding-bottom:15px;}
.padding-bottom-30 {padding-bottom:30px;}
.padding-bottom-45 {padding-bottom:45px;}
.padding-bottom-60 {padding-bottom:60px;}

.padding-top-0 {padding-top:0;}
.padding-top-15 {padding-top:15px;}
.padding-top-30 {padding-top:30px;}
.padding-top-45 {padding-top:45px;}
.padding-top-60 {padding-top:60px;}

.padding-right-15 {padding-right:15px;}

.hide { display:none; }

.highlight {
    padding: 6px 6px 0 6px;
    display: inline-block;
    line-height: 1em;
}

.highlight.green { background-color:#2e9e46; }
.highlight.orange { background-color:#f7921e; }
.highlight.yellow { background-color:#e6b711; }
.highlight.grey { background-color:#434444; }
.highlight.grey-light { background-color:#dedede; }

.uppercase { /* text-transform: uppercase; */ }


.clear-both { clear:both; }




