/* =============================================================================
    BASE
    ========================================================================== */

html, body {
    background-color: #f6f6f6;
    font-size: 18px;
}

main { padding-top: 7.6666rem; }

.container, .container-narrow, .container-large, .container-full { margin: 0 auto; }
.container, .container-narrow { padding: 0; }

section { padding: 0 0 1px 0; }
section .container, section .container-narrow, .container-full { padding: 3.33rem 0; }

.wrapp--on-this-page + section .container-narrow { padding-right: 2.5rem; }

#page {
    position: relative;
    z-index: 60;
}

.white { background: #fff; }

/* ---------- Widths ---------- */

.container-narrow, section#hero h1 { max-width: 38rem; }
.container { max-width: 65rem; }
.container-large, #block-gpe-page-title, #block-gpe-page-title2, section#featured-top, ul.breadcrumbs { max-width: 80rem !important; width:100% }

/* ---------- Border radius ---------- */


section#hero { border-radius: 0; }

.navbar-expand-lg .navbar-nav .nav-link, .impact-item-photo, .blog-item-photo, .impact-item-photo img, .blog-item-photo img, .date-box-top {
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

.sidebar__item .field__item,
#on-this-page {
  border-radius: 3px;
  overflow: hidden;
}

.dropdown-menu, .impact-item-content, .blog-item-content, .date-box-bottom {
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}

#to-top a {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

.corner-tweet a { border-radius: 50%; }

/* ---------- Shadows ---------- */

#block-gpe-page-title, #block-gpe-page-title2, #on-this-page {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}

header {
    -webkit-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 1px 0 4px rgba(0, 0, 0, 0.05);
    box-shadow: 1px 0 4px rgba(0, 0, 0, 0.05);
}
header.shrink, #breadcrumbs {
    -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
}

.dropdown-menu {
    -webkit-box-shadow: 0 0.22rem 4px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 0.22rem 4px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0.22rem 4px rgba(0, 0, 0, 0.4);
}

#top-search input.input-search, #top-search input.input-search:focus,
#top-search input[type=search], #top-search input[type=search]:focus, #subscribe-form input[type=email], #subscribe-form input[type=email]:focus,
#top-search .btn, #top-search .btn:focus, #subscribe-form .btn, #subscribe-form .btn:focus, #block-gpe-page-title.plain, #block-gpe-page-title2.plain  {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* ---------- GPE colors ---------- */

.gpe-dark-blue { color: #345381; } /* rgba(52,83,129,1.0) */
.gpe-blue { color: #127bb8; } /* rgba(18,123,184,1.0) */
.gpe-green { color: #2da995; } /* rgba(45,169,149,1.0) */
.gpe-purple { color: #803f91; } /* rgba(128,63,145,1.0) */
.gpe-orange { color: #f26f31; } /* rgba(242,111,49,1.0) */
.gpe-yellow { color: #f9a51a; } /* rgba(249,165,26,1.0) */
.gpe-pink { color: #ee395f; } /* rgba(238,57,95,1.0) */

.gpe-overlay { background-color: #0F1826; } /* rgba(15,24,36,1.0) */

/* =============================================================================
    TYPOGRAPHY
    ========================================================================== */

html, body, button, input, select, textarea, th, td, p, h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', Arial, sans-serif; }

p, h1, h2, h3, h4, h5, h6 { margin: 0 0 1.75rem 0; }

footer p { margin: 0 0 1rem 0; }

h1 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 3.5rem;
    font-weight: 400;
    color: #222;
}

section#hero h1 {
    color: #fff;
    margin: 0 auto;
}
#block-gpe-page-title, #block-gpe-page-title2 {
    background-color: #fff;
    margin-top: 1.5rem;
    padding: 1.5rem 3.33rem;
    z-index: 70;
    position: relative;
}
#block-gpe-page-title.plain, #block-gpe-page-title2.plain { background-color: transparent; }
#block-gpe-page-title.semi-trans, #block-gpe-page-title2.semi-trans { background-color: rgba(255,255,255,0.8); }
#block-gpe-page-title.offset-top { }
#block-gpe-page-title .grid-container, #block-gpe-page-title2 .grid-container { padding: 0; }
#block-gpe-page-title h1, #block-gpe-page-title2 h1 { margin: 0; }
#block-gpe-page-title p, #block-gpe-page-title2 p {
    font-size: 1.35rem;
    margin: 10px 0 0.5rem 0;
}

h2, .h2 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 3rem;
    font-weight: 400;
    color: #222;
}
#page h2 {
    margin-bottom: 2.5rem;
    font-size: 2.5rem;
}
#page .fc-header-toolbar h2 {
   margin-bottom: 0;
}
h3 {
    font-size: 1.33rem;
    font-weight: 700;
}
.dropdown-menu h3, footer h3 { font-size: 0.83rem; }

.dropdown-menu h3 {
    margin: 0.25rem 0 0.5rem 0;
    padding: 0 0.5rem 0.65rem 0.65rem;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    color: rgba(255,255,255,1.0);
    font-weight: 500;
}
footer h3 {
    margin: 0 0 1rem 0;
    padding: 0 0.5rem 0.5rem 0.5rem;
    border-bottom: 1px solid #ccc;
    color: #575757;
}
section#highlights-calendar h3 { margin-bottom: 0; }
.sidebar__item h3 {
    background-color: #2da995;
    margin: 0;
    padding: 1rem 1rem 1rem 1.25rem;
    line-height: 1;
    font-size: 1.11rem;
    color: #fff;
}

h4 {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.4;
}
section#home-boilerplate h4 {
    background: #345381 url(../img/background-boilerplate.png) 20% 10% no-repeat;
    margin: 0;
    padding: 3.33rem 100px;
    color: #fff;
    text-align: center;
}

h5 {
    font-size: 1.35rem;
    font-weight: 700;
    font-style: italic;
}

h6 {
    font-weight: 400;
    letter-spacing: normal;
    font-size: 0.9rem;
    color: #666;
}
.blog-item-content h6 { margin-bottom: 1.11rem; }

b, strong { font-weight: 700; }

.text-white { color: #fff; }
.nomargin { margin: 0; }


/* =============================================================================
    LISTS
    ========================================================================== */

main ul { margin: 1.11rem 1.11rem 40px 1.11rem; }
main ol { margin: 1.11rem 1.11rem 40px 0; }
main ul ul, main ol ol, main ul ol, main ol ul { margin: 1.11rem; }
main ul, main ul ul main ol, main ol ol, main ul ol, main ol ul { padding: 0 0 0 1.11rem; }
main ul li, main ol li { margin: 0 0 10px 0; line-height: 1.3; }
main ol ol { list-style-type: lower-alpha; }

main ul.list-plain {
    margin: 1rem 0;
    padding: 0;
    list-style: none;
}
main ul.list-plain li {
    margin: 0;
    padding: 0;
}

main ul#social-list {
    margin: 0;
    padding: 0;
    list-style: none;
}
main ul#social-list li {
    margin: 0 0 0.25rem 0;
    padding: 0;
}
main ul#social-list li a {
    background-repeat: no-repeat;
    background-position: 0 0.3rem;
    background-size: 20px auto;
    display: inline-block;
    padding: 0.2rem 1.6rem;
}
main ul#social-list li a:hover { text-decoration: none; }
li#facebook a { background-image: url(../img/icon-facebook.svg);  }
li#twitter a { background-image: url(../img/icon-twitter.svg);  }
li#instagram a { background-image: url(../img/icon-instagram.svg);  }
li#youtube a { background-image: url(../img/icon-youtube.svg);  }
li#linkedin a { background-image: url(../img/icon-linkedin.svg);  }
li#flickr a { background-image: url(../img/icon-flickr.svg);  }

#on-this-page ul {
    list-style: none;
    margin: 0.5rem 0.5rem 0.5rem 0.25rem;
    padding: 0;
}
#on-this-page li {
    margin: 0;
    padding: 0;
}
#on-this-page li.second-level {
    padding-left: 1rem;
}

ul.pdf-list {
    list-style: none;
    padding: 0;
}
ul.pdf-list li {
    position: relative;
    margin: 0 0 10px 0;
    padding: 2px 0 0 25px;
    line-height: 1.33rem;
}
ul.pdf-list li:before {
    font-family: 'Font Awesome 5 Pro';
    content: '\f15b';
    color: #333;
    font-size: 1.11rem;
    font-weight: 300;
    top: 0;
    left: 0;
    position: absolute;
}

ol#footnotes {
    border-top: 1px solid #dedede;
    padding-top: 1.66rem;
}
ol#footnotes li { font-size: 0.8rem; }

/* =============================================================================
    LINKS & BUTTON DEFAULTS
    ========================================================================== */

.btn {
    padding: 0.85rem 1.25rem;
    line-height: 1;
}

.btn-primary:hover {
    color: #fff;
    background-color: #127bb8;
    border-color: #127bb8;
}
.button:hover, .button:focus { background-color: #127bb8; }
.button { font-size: inherit; }
.button.secondary {
    background-color: #f26f31;
    color: #fff;
}
.button.secondary:hover {
    background-color: #f9a51a;
    color: #fff;
}

/* =============================================================================
    TRANSITIONS & ANIMATIONS
    ========================================================================== */

a, a img, header a i, input[type=search], input.input-search, input[type=email], .btn, #feature-a:after, #feature-b:after, #feature-c:after, .featured-title {
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

header, #primary-nav.navbar, #logo-top img, #secondary-nav, #top-search {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}


@keyframes fade-in {
    0% { opacity: 0; }
    100% { opacity: 1; }
}

@keyframes fade-down {
    0% {
        opacity: 0;
        top: 80%;
    }
    100% {
        opacity: 1;
        top: 100%;
    }
}

@keyframes grow {
    0% {
        display: none;
        opacity: 0;
    }
    1% {
        display: block;
        opacity: 0;
        transform: scale(0);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}

/* =============================================================================
    HEADER & NAV
    ========================================================================== */

header#header-mobile { display: none; }

header#header-main {
    background: rgba(255,255,255,1.0);
    border-top: 0.22rem solid rgba(52,83,129,1.0);
    border-bottom: 1px solid rgba(204,204,204,0.5);
    position: fixed;
    top: 0;
    z-index: 200;
    width: 100%;
}
   /* for admin bar */
body.toolbar-horizontal.toolbar-fixed header#header-main {
    top: 39px;
}

body.toolbar-horizontal.toolbar-fixed.toolbar-tray-open header#header-main {
    top: 78px;
}
#header-top, #header-bottom {
    width: 100%;
    position: relative;
}

header .row { margin: 0; }

/* -------------- TOP LOGO -------------- */

#logo-top {
    margin: 0;
    padding: 0;
}

@media (min-width: 1201px) {
    #logo-top {
        position: relative;
        top: 10px;
        left: 1.11rem;
    }
}

#logo-top img { height: 70px; }

/* -------------- STICKY HEADER -------------- */

.shrink .navbar { top: 1px; }
.shrink #logo-top {  }
.shrink #logo-top img { height: 3rem; }
.shrink #top-search { top: 0.833rem; /* 0.83rem; */ }
.shrink #secondary-nav { top: 0.833rem; /* 0.83rem; */ }

/* -------------- PRIMARY NAV -------------- */

.navbar-expand-lg .navbar-nav .nav-link {
    padding: 0.5rem 1rem; /* 9px 18px */
    line-height: 2;
    font-size: 0.83rem; /* 0.83rem; */
}

@media (min-width: 1201px) {
    .nav-link, #secondary-nav a {
        text-transform: uppercase;
        font-weight: 500;
        color: #666;
        letter-spacing: 0.025rem;
    }
}

.nav-item { margin-right: 1.0rem; }
.nav-link:hover, #secondary-nav a:hover { text-decoration: none; }

.nav-link:hover, .nav > li:hover > a {
    background: rgb(52,83,129);
    background: -moz-linear-gradient(top,  rgba(52,83,129,1) 0%, rgba(45,71,110,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(52,83,129,1) 0%,rgba(45,71,110,1) 100%);
    background: linear-gradient(to bottom,  rgba(52,83,129,1) 0%,rgba(45,71,110,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#345381', endColorstr='#2d476e',GradientType=0 );
    color: #fff;
}
.active a.nav-link {
    background-color: #f8f8f8;
    color: #345381;
}

/* -------------- MULTI-COL DROPDOWN -------------- */

div.dropdown-row > a.dropdown-item, div.dropdown-multicol2 > div.dropdown-col {
    display:inline-block;
    vertical-align: top;
    padding-top: 10px;
}
.dropdown-col-left { }
.dropdown-col-right { margin-left: 1.11rem; }
div.dropdown-multicol, div.dropdown-multicol2 { min-width: 26.5rem; }
body.fr div.dropdown-multicol, body.fr div.dropdown-multicol2 { min-width: 34rem; }

/* -------------- SWITCH from CLICK to NAV -------------- */

.dropdown:hover .dropdown-menu, .btn-group:hover .dropdown-menu {
    display: block;
    animation: fade-in 300ms;
}
.dropdown-toggle { margin-bottom: 2px; }
.navbar .dropdown-toggle, .nav-tabs .dropdown-toggle{ margin-bottom: 0; }

/* -------------- TOP SEARCH -------------- */

#top-search {
    position: absolute;
    top: 0.5rem; /* 9px; */
    top: 0.888rem; /* 16px; */
    right: 0;
}


#top-search input.input-search, #top-search input.input-search:focus, 
#top-search input[type=search], #top-search input[type=search]:focus {
    background-color: #fafafa;
    outline: none;
    height: 34px;
    border: 1px solid #dadada;
    font-size: 0.75rem;
    line-height: 1;
    color: #0a0a0a;
    min-width: 235px;
}
#top-search .mr-sm-2 { margin-right: 0rem !important; }

#top-search input.input-search:hover, #top-search input.input-search:focus, 
#top-search input[type=search]:hover, #top-search input[type=search]:focus {
    background-color: #fff;
}
#top-search input.input-search:hover, 
#top-search input[type=search]:hover {
    border-color: #eaeaea;
}
#top-search input.input-search:focus, 
#top-search input[type=search]:focus {
    border-color: #ccc;
}

.input-search-group {
  vertical-align: middle;
  white-space: nowrap;
  position: relative;
}
.input-search-group .clear-icon{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAn0lEQVR42u3UMQrDMBBEUZ9WfQqDmm22EaTyjRMHAlM5K+Y7lb0wnUZPIKHlnutOa+25Z4D++MRBX98MD1V/trSppLKHqj9TTBWKcoUqffbUcbBBEhTjBOV4ja4l4OIAZThEOV6jHO8ARXD+gPPvKMABinGOrnu6gTNUawrcQKNCAQ7QeTxORzle3+sDfjJpPCqhJh7GixZq4rHcc9l5A9qZ+WeBhgEuAAAAAElFTkSuQmCC);
    position: absolute;
    top: 9px;
    right: 5px;
    z-index: 1;
    height: 20px;
    width: 20px;
    display: block;
    background-repeat: no-repeat;
    background-size: 18px;
    cursor: pointer;
}

#top-search .btn {
    background-color: transparent;
    padding: 0.2rem 0.75rem;
    border: none;
    cursor: pointer;
    color: #666;
    height: 34px;
}
#top-search .btn:hover { color: #127bb8; }

/* -------------- SECONDARY NAV -------------- */

#secondary-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
}
#secondary-nav li {
    margin-right: -1px;
    display: block;
    margin: 0;
    padding: 0;
}

#secondary-nav a:hover,
secondary-nav a:active{ color: #127bb8; }
#secondary-nav .lang-link { margin-left: 0.5rem; }

@media (min-width: 1201px) {
    #secondary-nav {
        position: absolute;
        top: 1.11rem;
        right: 10px;
        padding: 0;
    }

    #secondary-nav a {
        padding: 0.6rem 0.75rem;
        font-size: 0.75rem;
        font-size: 0.7777rem; /* 14px; */
    }

    #secondary-nav .lang-link a {
        background: #f8f8f8;
        padding: 0.5rem 0.7rem;
      border-radius: 3px;
    }
}

@media (min-width: 1201px) {
    .lang-link a i {
        font-size: 0.8rem;
        opacity: 0.6;
        position: relative;
        top: 0;
    }
}

.lang-link a i {
    padding-left: 0.2rem;
}

.lang-link a:hover i { opacity: 1.0; }

/* =============================================================================
    HOMEPAGE
    ========================================================================== */

/* -------------- FEATURED -------------- */

section#featured-top {
    margin: 1.5rem auto;
    height: 550px;
}
section#featured-top .row {
    height: 100%;
    margin: 0;
}
section#featured-top .row .row {
    height: 50%;
    margin-right: -15px;
}

#feature-a, #feature-b, #feature-c {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    background-color: rgba(0,0,0,1.0);
    overflow: hidden;
    position: relative;
    cursor: pointer;
    padding: 0;
    overflow: hidden;
}
#feature-a { margin-right: 0; }
#feature-b, #feature-c { margin-left: 10px; }
#feature-b { margin-bottom: 12.5px; }
#feature-c { margin-top: 12.5px; }
.featured-content {
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(15,24,38,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(15,24,38,1) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(15,24,38,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0f1826',GradientType=0 );
    position: absolute;
    width: 100%;
    bottom: 0;
    color: #fff;
    line-height: 1.3;
    z-index: 2;
    padding: 1.66rem 1.66rem 10px 1.66rem;
}

.featured-title {
    font-weight: 700;
    line-height: 1.2;
}
#feature-a .featured-title { font-size: 2rem; }
#feature-b .featured-title, #feature-c .featured-title { font-size: 1.5rem; }
.featured-date { font-size: 0.8rem; }

.featured-summary {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    margin: 1.11rem 0 0 0;
}
#feature-a .featured-summary { font-size: 1.2rem; }
#feature-b .featured-summary, #feature-c .featured-summary { font-size: 1rem; }

#feature-a:hover .featured-summary, #feature-b:hover .featured-summary, #feature-c:hover .featured-summary {
    opacity: 1;
    max-height: 120px;
    margin: 1.11rem 0 1.11rem 0;
}
#feature-a:hover:after, #feature-b:hover:after, #feature-c:hover:after { opacity: 0.2; }

#feature-a:after, #feature-b:after, #feature-c:after {
    background-color: rgba(15,24,38,1.0);
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    opacity: 0.1;
    z-index: 1;
}
#feature-a:hover:after, #feature-b:hover:after, #feature-c:hover:after { opacity: 0.2; }

/* -------------- BOILERPLATE -------------- */

section#home-boilerplate { }

/* -------------- RESULTS -------------- */

section#home-results {
    padding: 3.33rem;
    margin: 0 auto 1.11rem auto;
}

section#home-results .row { margin: 3rem auto; }
section#home-results .col, section#home-results .col-sm, section#home-results .col-md, section#home-results .col-lg { text-align: center;}
.results-info-icon {
    max-width: 100px;
    margin: 0 auto 1.11rem auto;
}
.results-info-lg {
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 1;
}
.results-info-md {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.2;
}
.results-info-sm {
    line-height: 1.3;
}

/* -------------- IMPACT -------------- */

section#home-impact { }
#home-impact-content {
    background-image: url(../img/background-impact.png);
    background-color: #eb9526;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    padding: 3.33rem 10px;
    margin: 0 auto 1.5rem auto;
}
section#home-impact .row { margin: 3rem auto; }
section#home-impact .col { }
.impact-item-photo, .impact-item-content { }
.impact-item-photo {
    position: relative;
    z-index: 1;
}
.impact-item-photo img { width: 100%; }
.impact-item-content {
    background: #fff;
    margin: 0;
    padding: 1.66rem;
    position: relative;
    z-index: 2;
}
.impact-item-content p {
    margin: 0;
    line-height: 1.3;
}

/* -------------- FOCUS AREAS -------------- */

section#home-focus-areas { margin: 0 auto; }
#home-focus-areas-content { padding: 3.33rem 2rem; }
section#home-focus-areas .col-sm, section#home-focus-areas .col-md, section#home-focus-areas .col-lg {
    text-align: center;
    line-height: 1.2;
}
section#home-focus-areas .col-sm a, section#home-focus-areas .col-md a, section#home-focus-areas .col-lg a { display: inline-block; }
section#home-focus-areas .col-sm a:hover, section#home-focus-areas .col-md a:hover, section#home-focus-areas .col-lg a:hover { text-decoration: none; }
section#home-focus-areas .col-sm img, section#home-focus-areas .col-md img, section#home-focus-areas .col-lg img {
    margin: 0 auto;
    padding-bottom: 10px;
    max-width: 4.44rem;
    display: block;
}

/* =============================================================================
    HIGHLIGHTS - BLOGS & NEWS
    ========================================================================== */

section#home-blogs, section#highlights-feed { padding: 3.33rem 1.11rem; }

section#home-blogs .row, section#highlights-feed .row { margin: 3rem auto; }

.blog-item-photo {
    position: relative;
    z-index: 1;
}
.blog-item-photo img { width: 100%; }
.blog-item-content {
    background: #fff;
    margin: 0;
    padding: 1.66rem;
    position: relative;
    z-index: 2;
}
.blog-item-content p { margin: 0; }

/* =============================================================================
    HERO
    ========================================================================== */

section#hero {
    background-repeat: no-repeat;
    background-position: 50%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 50vh;
    text-align: left;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: flex-end;
    -ms-flex-align: flex-end;
    align-items: flex-end;
    position: relative;
    z-index: 40;
    top: 0;
}
section#hero #hero-text {
    background: rgba(8,14,27,0.8);
    width: 100%;
    padding: 1.66rem;
}

/* =============================================================================
    COUNTRY PAGE
    ========================================================================== */

#country-map {
    padding: 0;
    margin: 0 auto -360px auto;
    z-index: 1;
    position: relative;
    top: -220px;
}
#country-letter-org { padding: 40px; }
#country-letter-org .country-col ul li { background: none; }
.country-letter {
    font-size: 22px;
    border-bottom: 1px solid #dedede;
    line-height: 1.2;
    margin-bottom: 0.44rem;
    font-weight: 700;
}
.country-letter-block {
    margin: 0 35px 26px 0;
    line-height: 2;
}
.country-letter-block ul, .country-letter-block ul li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* =============================================================================
    FANCY QUOTE
    ========================================================================== */

blockquote.fancy-blockquote {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    color: #222;
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 1.75rem;
    max-width: 42.5rem;
    border: none;
    margin: 1.33rem auto;
    padding: 0;
}
section blockquote.fancy-blockquote {  }
section .container-narrow blockquote.fancy-blockquote { margin: 5rem auto 3.33rem auto; }

blockquote.fancy-blockquote:before {
    content: '';
    border-top: 0.22rem solid #2da995;
    padding: 1.33rem;
    width: 140px;
}
blockquote.fancy-blockquote:after {
    content: '';
    border-bottom: 0.22rem solid #2da995;
    padding: 1.33rem;
    width: 140px;
}
blockquote.fancy-blockquote strong {
    font-size: 3rem;
    font-weight: 400;
}

/* =============================================================================
    HIGHLIGHTS - RESULTS
    ========================================================================== */

section#highlights-results { }
section#highlights-results .row { margin: 3.33rem auto; }
section#highlights-results .col-md-3 { padding: 0 10px; }

.highlights-results-box {
    background: #fff;
    position: relative;
    text-align: center;
    padding: 40px 1.66rem;
    height: 100%;
}
section#highlights-results.white .highlights-results-box { background: #f6f6f6; }

.txt-large { font-size: 2.2rem; }
.txt-medium { font-size: 1.4rem; }
.txt-normal {  }
.txt-large, .txt-medium {
    font-weight: 700;
    line-height: 1.3;
    margin: 0;
}
.txt-normal { margin-top: 4px; }

section#large-results .txt-large { font-size: 3.5rem; }
section#large-results .txt-medium { font-size: 2.0rem; }
section#large-results .txt-normal { font-size: 1.25rem; }
section#large-results .txt-large, section#large-results .txt-medium {
    font-weight: 400;
    line-height: 1.3;
    margin: 0;
}
section#large-results .txt-normal { margin-top: 4px; }

/* =============================================================================
    TWEET
    ========================================================================== */

.corner-tweet {
    position: absolute;
    top: 0.83rem;
    right: 10px;
}
.corner-tweet a {
    background: rgba(255,255,255,0.7);
    font-size: 1rem;
    width: 38px;
    height: 38px;
    padding: 7px 9px;
    color: #1c94e0;
    outline: none;
    border: 1px solid #dadada;
}
.corner-tweet a:hover {
    background: rgba(255,255,255,1.0);
    color: #00aced;
}
.corner-tweet a.has-tip {
    position: relative;
    display: inline-block;
    border-bottom: none;
    font-weight: normal;
    cursor: pointer;
}

/* =============================================================================
    HIGHLIGHTS - PUBLICATIONS
    ========================================================================== */

section#highlights-publications {
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.2;
}
section#highlights-publications img {
    background: #fff;
    margin: 0 auto 0.83rem;
    display: block;
    text-align: center;
}
section#highlights-publications img, section#publication img { border: 1px solid #dedede; }

/* =============================================================================
    TOOLTIPS
    ========================================================================== */

.tooltip-inner {
    background-color: #2da995;
    color: #fff;
    font-size: 16px;
}
.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before { border-top-color: #2da995; }
.tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip.bs-tooltip-right .arrow::before { border-right-color: #2da995; }
.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.bs-tooltip-bottom .arrow::before { border-bottom-color: #2da995; }
.tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip.bs-tooltip-left .arrow::before { border-left-color: #2da995; }

/* =============================================================================
    NEWS
    ========================================================================== */

section#info-cards { margin: 3.5rem auto 0 auto; }
section#info-cards .card-header {
    font-size: 1.33rem;
    font-weight: 700;
}
section#info-cards .card-header, section#info-cards .card-body, section#info-cards .card { background: transparent; }

@media(max-width: 500px){
    section#info-cards .card-deck-wrapper .card-deck .card .card-body div.row div.col{
        min-width: 100%;
    }
}

/* =============================================================================
    CALENDAR
    ========================================================================== */

section#highlights-calendar { margin: 3rem auto 5rem auto; }

#date-items { margin: 0 1rem 1rem 1rem; }

@media (max-width: 340px) {
    .view-content .col-12 .date-item .col-auto,
    #date-items .col-lg-6.col-md-12 .col-auto {
        width: 100%;
        margin-bottom: 16px;
    }
    .view-content .date-item h3,
    #date-items .col-lg-6.col-md-12 .col h3{
        margin-bottom: 0
    }
}

@media (max-width: 375px) {
    #date-items .col-lg-6.col-md-12 {
        padding-left: 0;
    }
}

@media (max-width: 600px) {

    .date-item .col .clearfix ul li.date-item-type {
        width: 100%;
    }
    .date-item .col .clearfix ul li.date-item-location {
        border: none;
        padding-left: 0;
        margin-left: 0;
    }
}

@media(min-width: 992px) and (max-width: 1199px){
    .date-item .col .clearfix ul li.date-item-location .field--name-field-location{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media (max-width: 1150px) {
    #date-items .col-lg-6.col-md-12{
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.date-box-top, .date-box-bottom {
    text-align: center;
    padding: 0.5rem 0.8rem;
    font-weight: 400;
    width: 4.5rem;
    text-transform: uppercase;
}
.date-box-top {
    background-color: #2da995;
    font-size: 1.4rem;
    color: #fff;
}
.date-box-bottom {
    background-color: #fff;
    font-size: 1.1rem;
    font-weight: 400;
    color: #575757;
}
main .date-item h3 { margin-bottom: 0.5rem; }
main .date-item ul li.date-item-type, main .date-item ul li.date-item-location { font-size: 0.9rem; }
main .date-item ul li.date-item-type {
    margin: 0;
    padding: 0;
}
main .date-item ul li.date-item-location {
    border-left: 1px solid #ccc;
    padding: 0 0 0 1rem;
    margin: 0 0 0 1rem;
}

main .date-item ul {
    margin: 1rem 0;
    padding: 0;
    list-style: none;
}
main .date-item ul li {
    float: left;
    margin: 0;
    padding: 0;
}

/* =============================================================================
    BREADCRUMBS
    ========================================================================== */

#breadcrumbs {
    background-color: rgba(237,237,237,0.95);
    padding: 0.75rem 1rem 0.65rem 1rem;
    position: relative;
    z-index: 70;
    width: 100%;
    border-bottom: 1px solid #dadada;
}

@media only screen and (max-width:1024px) {
    #breadcrumbs {
        display: none;
    }
}

section#hero #breadcrumbs,
.section-hero #breadcrumbs {
    background-color: rgba(0,0,0,0.4);
    position: absolute;
    top: 0;
    left: 0;
    border-bottom: none;
}

ul.breadcrumbs {
    list-style: none;
    margin: 0;
    padding: 0 1rem;
}
ul.breadcrumbs a, ul.breadcrumbs a:hover, ul.breadcrumbs li {
    color: #666;
    font-size: 0.77rem;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    line-height: 1.3;
}
section#hero ul.breadcrumbs a, section#hero ul.breadcrumbs a:hover, section#hero ul.breadcrumbs li,
.section-hero ul.breadcrumbs a, .section-hero ul.breadcrumbs a:hover, .section-hero ul.breadcrumbs li { color: #fff; }

ul.breadcrumbs { display: table; width:auto;}
ul.breadcrumbs li { display: table-cell; }

ul.breadcrumbs a, ul.breadcrumbs li {
    opacity: 0.8;
    white-space: nowrap;
}

section#hero ul.breadcrumbs a:hover,
.section-hero ul.breadcrumbs a:hover { color: #fff; }
ul.breadcrumbs a:hover {
    opacity: 1.0;
    color: #106da3;
}
.breadcrumbs li:not(:last-child)::after {
    position: relative;
    margin: 0 0.75rem;
    opacity: 1;
    content: "/";
    color: #cacaca;
}

/* =============================================================================
    PAGE INTRO
    ========================================================================== */

#page-intro { position: relative; }

.wrapp--sidebar {
    position: absolute;
    top: 3.33rem;
    right: 0;
    max-width: 13rem;
    width: 100%;
    display: block;
    z-index: 2;
}
#on-this-page,
.sidebar__item .field__item {
    background-color: rgba(255,255,255,1.0);
}
.sidebar__item:not(:first-child),
.sidebar__item:not(:first-child) .field__item:not(:first-child) {
    margin-top: 30px;
}
.sidebar__item a,
#on-this-page a {
    margin: 0.25rem 0;
    padding: 0.25rem 1rem;
    display: inline-block;
    font-size: 0.88rem;
}

/* =============================================================================
    MISC
    ========================================================================== */

.offset-top, #block-gpe-page-title.offset-top, #block-gpe-page-title2.offset-top {
    margin-top: -2rem;
    position: relative;
    z-index: 50;
}

.two-cols {
    -moz-column-count: 2;
    -moz-column-gap: 1.11rem;
    -webkit-column-count: 2;
    -webkit-column-gap: 1.11rem;
    column-count: 2;
    column-gap: 1.11rem;
}

.show-for-sr, .show-on-focus {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

::selection { background: #803f91; color: #fff; }
::-moz-selection { background: #803f91; color: #fff; }

/* =============================================================================
    FOOTER
    ========================================================================== */

footer {
    background: #e9e9e9;
    color: #575757;
    font-size: 0.9rem;
    padding-top: 3.33rem;
    padding-bottom: 1rem;
}

footer a { color: #575757; }
footer a:hover { text-decoration: none; }

/* -------------- INFO LINKS -------------- */

nav#footer-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}
nav#footer-nav ul li {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}
nav#footer-nav a, nav#footer-nav a:hover {
    padding: 0.25rem 0.5rem;
    display: inline-block;
    line-height: 1.3;
}
nav#footer-nav a:hover { }

/* -------------- SUBSCRIBE -------------- */

#subscribe-form { padding: 0.5rem; }

#subscribe-form .row { max-width: 17rem; }
#subscribe-form input[type=email], #subscribe-form input[type=email]:focus {
    background-color: #fafafa;
    outline: none;
    border: 1px solid #ededed;
    height: 2.39rem;
    font-size: 0.9rem;
    line-height: 1;
    color: #0a0a0a;
    -webkit-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
}

#subscribe-form input[type=email]:hover, #subscribe-form input[type=email]:focus { background-color: #fff; }
#subscribe-form input[type=email]:hover { border-color: #eaeaea; }
#subscribe-form input[type=email]:focus { border-color: #ccc; }

#subscribe-form .btn, #subscribe-form .btn:focus {
    outline: none;
    border: none;
}
#subscribe-form .btn {
    background-color: #345381;
    color: #fff;
    padding: 0.2rem 0.75rem;
    margin-left: 0.25rem;
}
#subscribe-form .btn:hover, #subscribe-form .btn:focus { background-color: #127bb8; }

/* -------------- SOCIAL MEDIA ICONS -------------- */

#social-bottom ul {
    margin: 0;
    padding: 0;
}
#social-bottom ul li {
    background: none;
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
}
#social-bottom ul li a {
    display: inline-block;
    padding: 4px 0.83rem;
    font-size: 34px;
}

.facebook a:hover { color: #3b5999; }
.twitter a:hover { color: #55acee; }
.instagram a:hover { color: #e4405f; }
.youtube a:hover { color: #cd201f; }
.linkedin a:hover { color: #0077B5; }
.flickr a:hover { color: #ff0084; }
.subscribe a:hover { color: #2da995; }

/* -------------- SOCKET -------------- */

#socket {
    font-size: 0.8rem;
    color: #666;
    margin: 1.66rem 0 0 0;
    border-top: 1px solid #ccc;
    padding: 10px 4px 1.11rem 4px;
}
#socket a, #socket a:hover {
    padding: 0.25rem;
    display: inline-block;
    line-height: 1.3;
}
#socket .col { padding: 0; }
#socket .col-auto { padding-right: 0; }
#copyright { padding: 0; }

#socket ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#socket ul li {
    margin: 0 0 0 10px;
    padding: 0;
    display: inline;
}
#socket ul li:before {
    content: '|';
    margin-right: 10px;
    opacity: 0.5;
}
#socket ul li:first-child:before { display: none; }
#socket ul li a {  }

/* -------------- TO TOP -------------- */

#to-top {
    position: fixed;
    bottom: 4.44rem;
    right: 0;
    text-decoration: none;
    display: none;
    z-index: 9999;
}
#to-top a {
    background-color: rgba(0,0,0,0.2);
    color: rgba(255,255,255,0.8);
    padding: 0.75rem;
    display: block;
    line-height: 1;
    font-size: 1rem;
}
#to-top a.appear { right: 0; }
#to-top i { position: relative; }
#to-top a:hover {
    background-color: rgba(0,0,0,0.1);
    color: rgba(52,83,129,1.0);
}
#to-top a:hover i { top: -0.11rem; }

/* =============================================================================
    MEDIA
    ========================================================================== */

img {
    max-width: 100%;
    image-rendering: auto;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
}
a img {
    -webkit-filter: brightness(1.001);
    filter: brightness(1.001);
}
a:hover img {
    -webkit-filter: brightness(1.05);
    filter: brightness(1.05);
}

.photo-center { margin: 0 auto 1.66rem auto; }
.photo-center p { margin: 0; }
.caption {
    background: #f6f6f6;
    padding: 10px;
}

.caption-text {
    font-size: 0.9rem;
    color: #444;
    margin: 0;
}
.caption-credit {
    font-size: 0.8rem;
    color: #888;
    margin: 0;
}

/* =============================================================================
    RESPONSIVE
    ========================================================================== */

@media (min-width: 0px) and (max-width: 1199px) {

    html, body { overflow-x: hidden; }

    header#header-main { display: none; }
    main { padding-top: 0; }
    header#header-mobile { display: block; }

    .container, .container-narrow, .container-large { margin: 0 auto; }
    .container, .container-narrow { padding: inherit; }
    .container-large { padding: 0; }
    section { padding: 0 0 1px 0; }
    section .container, section .container-narrow, section#home-results, section#home-focus-areas { padding: 2rem 1rem; }
    #page-intro .container-narrow { padding: 1rem; }
    section#hero h1 { max-width: none; }

/* -------------- MOBILE NAV: MAIN HEADER/NAVBAR -------------- */

    header#header-mobile {
        background: rgba(255,255,255,1.0);
        border-top: 0.22rem solid rgba(52,83,129,1.0);
        top: 0;
        width: 100%;
        padding: 0;
        display: block;
    }
    #header-mobile .navbar {
        padding: 0;
        top: 0;
    }
    #header-mobile a:hover { text-decoration: none; }

    #mobile-nav-right ul, .navbar-nav ul {
        margin: 0;
        padding: 0;
        list-style: none;
        line-height: 1;
    }
    #mobile-nav-right a {
        color: #222;
        padding: 1.5rem 2rem;
        display: inline-block;
    }
    #mobile-nav-right a:hover { color: rgba(52,83,129,1.0); }

    #mobile-nav-right li { float: left; }

    #mobile-nav.navbar #logo-top img { height: 4rem; }

/* -------------- MOBILE NAV: ACCORDION/LINKS -------------- */

    #mobile-nav { border-bottom: 1px solid #ccc; }
    #mobile-nav #block-secondmenu { display: none; }
    #mobile-nav .region-second-navigation { padding-right: 0; padding-left: 0; }
    #mobile-nav .language-link { padding: 1.1rem; color: #222; text-transform: uppercase; }
    #mobile-nav .card { border: none; }
    #mobile-nav .card-body { padding: 0; }
    #mobile-nav .card-header {
        background-color: transparent;
        padding: 0;
        position: relative;
        border-radius: 0;
    }
    #mobile-nav .mobile-nav-secondary-link a, #mobile-nav .card { border-top: 1px solid #ccc; }
    .card-header { border: none; }
    #mobile-nav .card-header .btn-link, #mobile-nav .mobile-nav-secondary-link a {
        background-color: #fff;
        display: block;
        width: 100%;
        text-align: left;
        color: #333;
        padding: 1rem;
        line-height: 1;
        text-transform: uppercase;
        font-size: 1.25rem;
    }
    #mobile-nav .card-header .btn-link:hover, #mobile-nav .mobile-nav-secondary-link a:hover, #mobile-nav .card-header .btn-link:focus, #mobile-nav .mobile-nav-secondary-link a:focus {
        text-decoration: none;
        outline: none;
    }
    #mobile-nav .fa {
        position: absolute;
        top: 1rem;
        right: 1rem;
        margin: 0;
        padding: 0;
        font-size: 1.5rem;
        color: #666;
        line-height: 1;
    }
    #mobile-nav .card-header .btn-link:hover, #mobile-nav .mobile-nav-secondary-link a:hover, #mobile-nav .card-header .btn-link:focus, #mobile-nav .mobile-nav-secondary-link a:focus, #mobile-nav .btn-link:hover .fa { color: rgba(52,83,129,1.0); }
    #mobile-nav h3 {
        background-color: rgba(52,83,129,1.0);
        color: #fff;
        margin: 0;
        font-size: 1.25rem;
        padding: 0.7rem 0.7rem 0.7rem 1.25rem;
    }
    #mobile-nav .card-body ul, #mobile-nav .card-body ul li {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    #mobile-nav .card-body a {
        background: rgba(45,71,110,1);
        font-size: 1rem;
        padding: 1rem 0.7rem 1rem 2rem;
        display: block;
        color: #fff;
        border-bottom: 1px solid rgba(52,83,129,1.0);
    }
    #mobile-nav .card-body a:hover, #mobile-nav .card-body a:focus {
        background: rgba(52,83,129,1.0);
        text-decoration: none;
    }

/* -------------- MOBILE NAV: TOGGLE -------------- */

    button.mobile-nav-toggle {
        background: transparent;
        border: none;
        outline: none;
        padding: 1.7rem;
    }
    .toggle {
        width: 1.66rem;
        height: 1.11rem;
        position: relative;
        margin: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
    }
    .toggle.open span, .toggle:hover span { background-color: rgba(52,83,129,1.0); }
    .toggle span {
        background-color: #222;
        display: block;
        position: absolute;
        height: 2px;
        width: 100%;
        border-radius: 9px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }
    .toggle span { background: #222; }
    .toggle span:nth-child(1) {
        top: 0;
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
    }

    .toggle span:nth-child(2) {
        top: 10px;
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
    }

    .toggle span:nth-child(3) {
        top: 1.11rem;
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
    }

    .toggle.open span:nth-child(1) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 0;
        left: 0.44rem;
    }

    .toggle.open span:nth-child(2) {
        width: 0%;
        opacity: 0;
    }

    .toggle.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 1.16rem;
        left: 0.44rem;
    }

/* -------------- MOBILE TOP SEARCH -------------- */

    #mobile-search {
        background: #e9e9e9;
        padding: 0.5rem;
        border-top: 1 solid #ccc;
    }
    
    #mobile-search input.input-search, #mobile-search input.input-search:focus, 
    #mobile-search input[type=search], #mobile-search input[type=search]:focus {
        background-color: #fafafa;
        outline: none;
        border: 1px solid #dadada;
        line-height: 1;
        color: #0a0a0a;
    }
    #mobile-search input.input-search:hover, #mobile-search input.input-search:focus, 
    #mobile-search input[type=search]:hover, #mobile-search input[type=search]:focus {
        background-color: #fff;
    }
    #mobile-search input.input-search:hover, 
    #mobile-search input[type=search]:hover {
        border-color: #eaeaea;
    }
    #mobile-search input.input-search:focus, 
    #mobile-search input[type=search]:focus {
        border-color: #ccc;
    }
    #mobile-search .btn {
        background-color: transparent;
        margin-left: 0.4rem;
        padding: 0.375rem 0.75rem 0.375rem 0.4rem;
        border: none;
        cursor: pointer;
        color: #666;
    }
    #mobile-search .btn:hover { color: rgba(52,83,129,1.0); }

/* -------------- TYPOGRAPHY -------------- */

    h1 { font-size: 2.5rem; }
    h2, .h2, #page h2 { font-size: 2rem; }
    footer h3 { font-size: 1.2rem; }
    #block-gpe-page-title p, #block-gpe-page-title2 p { font-size: 1rem; }


/* -------------- FOOTER -------------- */

    footer .col-lg {
        margin-bottom: 3rem;
        text-align: center;
    }
    #socket .col-lg, #socket .col-auto {
        margin-bottom: 1rem;
        margin: 0;
        padding: 0;
        width: 100%;
    }
    footer ul { text-align: center; }
    nav#footer-nav ul {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
    #social-bottom ul li {
        display: inline;
        float: none;
    }
    #subscribe-form .row { margin: 0 auto; }
    #socket ul { text-align: center; }
    #socket ul li { margin: 0 0 0 0.22rem; }
    #socket ul li:last-child, #socket ul li::before { margin-right: 0.22rem; }

/* -------------- FEATURED TOP -------------- */

    section#featured-top, section#featured-top .row, section#featured-top .row .row { height: auto; }
    section#featured-top .row, section#featured-top .row .row {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    #feature-a { margin: -0.4rem 1rem 1rem 1rem; }
    #feature-b { margin: 0 0 1rem 0; }
    #feature-c { margin: 0; }
    #feature-a, #feature-b, #feature-c { min-height: 20rem; }
    #feature-a .featured-title, #feature-b .featured-title, #feature-c .featured-title { font-size: 1.5rem; }

/* -------------- HIGLIGHTS -------------- */

    section#home-blogs, section#highlights-feed { padding: 40px 1.11rem; }

    section#home-results { text-align: center; }

    section#highlights-publications img { margin: 0 auto 1.11rem auto; }
    section#highlights-publications .col-md, section#highlights-publications .col-lg,
    section#highlights-results .col-md-3,
    section#highlights-feed .col-md, section#highlights-feed .col-lg,
    section#home-impact .col-md, section#home-impact .col-lg,
    section#home-blogs .col-md, section#home-blogs .col-lg { margin-bottom: 1.66rem; }

    section#home-impact .col-lg:last-child { margin-bottom: 0; }

    section#home-results .col-md, section#home-results .col-lg { margin: 1.11rem auto 3rem auto; }

    #block-gpe-page-title, #block-gpe-page-title2 {
        padding: 2rem;
        margin: 0;
    }

    section#home-boilerplate h4 { padding: 3rem; }

    section#home-blogs .row, section#highlights-feed .row { margin: 0.5rem auto; }

    .wrapp--sidebar {
        position: relative;
        top: auto;
        right: auto;
        max-width: none;
        width: 100%;
        margin-bottom: 0;
        display: block;
    }

    #country-map {
        margin: 0 auto;
        top: auto;
    }

    section#home-focus-areas .col-sm, section#home-focus-areas .col-md, section#home-focus-areas .col-lg {
        font-size: 1.2rem;
        margin-bottom: 3rem;
    }
    section#home-focus-areas .col-sm img, section#home-focus-areas .col-md img, section#home-focus-areas .col-lg img { max-width: 7rem; }

    #block-gpe-page-title, #block-gpe-page-title2, #on-this-page, section#home-boilerplate h4, #on-this-page, #on-this-page h3, .sidebar__item h3 { border-radius: 0; }

/* -------------- LISTS -------------- */

    ul.breadcrumbs { padding: 0; }
    #on-this-page ul, .sidebar__item ul { padding: 0 0 0.8rem 0; }

}
@media (min-width: 0px) and (max-width: 480px) {

    #mobile-nav.navbar #logo-top img { height: 3rem; }
    button.mobile-nav-toggle { padding: 1.2rem; }
    #mobile-nav-right a { padding: 1.1rem; }

}

/* from new.css */
/* BORDER RADIUS */
/* ====================================== */

#country-results-01, .country-result, .middle-feed-item, .highlights-results-box, .card, .newsbox, .newsbox img,
.highlight-large-image img, .highlight-large-text, #filters {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


/* TRANSITIONS */
/* ====================================== */

.middle-feed-item, .middle-feed-item:after {
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
.country-result, .country-result h3, .box-link, .box-link .card, .map-stories-thumb, .map-stories-thumb img {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.country-result-map img {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

/* TYPOGRAPHY */
/* ====================================== */

.text-white h1 { color: #fff; }
.text-results h3, .text-results p { margin-bottom: 5px; }
#hero-video p { font-size: 1.5rem; }



/* GENERAL SECTIONS */
/* ====================================== */

.banner-yellow {
    background: #f9a51a;
    padding: 3.33rem 1rem;
}
.banner-yellow, .banner-yellow h1, .banner-yellow h2 {
    color: #fff;
    margin: 0;
}

.number-circle {
    background: #345381;
    border-radius: 100%;
    height: 4.5em;
    width: 4.5em;
    text-align: center;
    margin: 0 auto 2rem auto;
}

.number-circle p {
    font-size: 3em;
    font-weight: 400;
    color: #fff;
}

/* FEATURED & HIGHLIGHTS UPDATES */
/* ====================================== */

.icon-play {
    background-image: url(../../img/icon-play.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 60px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.highlights-results-box { margin-top: 1rem; }

/* UPDATES TO CURRENT STYLES */
/* ====================================== */

body { background-color: #ededed; }
footer{ background-color: #ddd; }
section#hero { height: 60vh; margin-bottom: -4rem;}
.offset-top, #block-gpe-page-title.offset-top, #block-gpe-page-title2.offset-top { margin-top: -3rem; }
section#highlights-results.white .highlights-results-box, .white .highlights-results-box { background: #fafafa; }
.highlights-results-box { padding: 2rem 1.66rem 1rem 1.66rem; }

blockquote.fancy-blockquote, blockquote.fancy-blockquote p, blockquote.result-blockquote, blockquote.result-blockquote p {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    color: #222;
    font-family: Georgia, serif;
    border: none;
    margin: 1.33rem auto;
    padding: 0;
    position: relative;
    z-index: 1;
}
blockquote.fancy-blockquote, blockquote.fancy-blockquote p {
    font-style: italic;
    font-size: 1.75rem;
    max-width: 42.5rem;
}
blockquote.result-blockquote, blockquote.result-blockquote p {
    font-style: normal;
    font-size: 1.4rem;
    max-width: none;
}
blockquote.fancy-blockquote:before, blockquote.result-blockquote:before {
    content: '';
    border-top: 0.22rem solid #2da995;
    width: 140px;
}
blockquote.fancy-blockquote:after, blockquote.result-blockquote:after {
    content: '';
    border-bottom: 0.22rem solid #2da995;
    width: 140px;
}
blockquote.fancy-blockquote:before, blockquote.fancy-blockquote:after { padding: 1.33rem; }
blockquote.result-blockquote:before, blockquote.result-blockquote:after { padding: 0 1.33rem 1.33rem 1.33rem; }

blockquote.fancy-blockquote strong, blockquote.result-blockquote strong {
    font-size: 1.85rem;
    font-weight: 700;
}
section .container-narrow blockquote.fancy-blockquote { margin: 5rem auto 3.33rem auto; }
section .container-narrow blockquote.fancy-blockquote.small-margin { margin: 3rem auto 0 auto; }
blockquote.fancy-blockquote.small-margin:after { padding: 0 1.33rem 1.33rem 1.33rem }

blockquote .corner-tweet {
    top: 2rem;
    right: 2rem;
    z-index: 2;
}
section .container-narrow blockquote.result-blockquote.small-margin { margin: 3rem auto 0 auto; }
blockquote.result-blockquote.small-margin:after { padding: 0 1.33rem 1.33rem 1.33rem }

#on-this-page ul ul,
.sidebar__item ul ul {
    margin: 0 0 0 1.25rem;
    padding: 0 0 0 0.25rem;
}
#on-this-page ul ul a,
.sidebar__item ul ul a { 
    padding: 0 0.5rem;
}


/* ---------- Shadows ---------- */

.highlight-large-text {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}


/* ---------- Transparent Header ---------- */

.trans-header main { padding-top: 0; }
.trans-header #header-main {
    background-color: rgba(0,0,0,0.6);
    background: transparent;
    border-bottom: none;
}
.trans-header .nav-link.disabled, .trans-header .nav-link, .trans-header #secondary-nav a, .trans-header #top-search .btn { color: rgba(255,255,255,0.8); }
.trans-header .nav-link.disabled:hover, .trans-header .nav-link:hover, .trans-header #secondary-nav a:hover, .trans-header #top-search .btn:hover { color: rgba(255,255,255,1.0); }
.trans-header #secondary-nav .lang-link a { background-color: rgba(0,0,0,0.8); }
.trans-header header#header-main.shrink { background-color: #fff; }
.trans-header .shrink .nav-link, .trans-header .shrink #secondary-nav a { color: #575757; }
.trans-header .shrink .nav-link:hover, .trans-header .shrink #secondary-nav a:hover { color: #127bb8; }
.trans-header .nav > li:hover > a { color: #fff; }
.trans-header .shrink #secondary-nav .lang-link a { background-color: #f8f8f8; }

.trans-header #top-search input.input-search, .trans-header #top-search input.input-search:focus, 
.trans-header #top-search input[type=search], .trans-header #top-search input[type=search]:focus {
    border: none;
}
.trans-header #top-search input.input-search, 
.trans-header #top-search input[type=search] {
    background-color: rgba(255,255,255,0.5);
}
.trans-header #top-search input.input-search:hover, 
.trans-header #top-search input[type=search]:hover {
    background-color: rgba(255,255,255,0.8);
}
.trans-header #top-search input.input-search:focus, 
.trans-header #top-search input[type=search]:focus {
    background-color: rgba(255,255,255,1.0);
}

.trans-header .shrink #top-search .btn { color: #575757; }
.trans-header .shrink #top-search .btn:hover { color: #127bb8; }
.trans-header .shrink #top-search input.input-search, .trans-header .shrink #top-search input.input-search:focus, 
.trans-header .shrink #top-search input[type=search], .trans-header .shrink #top-search input[type=search]:focus {
    background-color: #fafafa;
    border: 1px solid #dadada;
}
.trans-header #top-search .shrink input.input-search:hover, 
.trans-header #top-search .shrink input[type=search]:hover {
    border: 1px solid #eaeaea;
}
.trans-header #top-search .shrink input.input-search:hover, .trans-header #top-search .shrink input.input-search:focus, 
.trans-header #top-search .shrink input[type=search]:hover, .trans-header #top-search .shrink input[type=search]:focus {
    background-color: #fff;
}

/* ---------- Hero Video ---------- */

#hero-video {
    position: relative;
    background-color: black;
    height: 85vh;
    /*
    min-height: 25rem;
    */
    width: 100%;
    overflow: hidden;
}
.overlay-video {
    background-color: rgba(0,0,0,0.8);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}
#hero-video video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

#hero-video .container {
    margin-top: 60px;
    position: relative;
    z-index: 2;
}

#hero-video .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: black;
    opacity: 0.5;
    z-index: 1;
}



/* ---------- Large Highlights ---------- */


.highlight-large {
    margin: 4rem auto;
    position: relative;
    top: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding: 0 2rem;
}
.highlight-large-image, .highlight-large-image img { width: 100%; }
.highlight-large-text {
    background-color: #345381;
    background-color: #f9a51a;
    background-color: rgba(255,255,255,1.0);
    max-width: 500px;
    margin-left: -350px;
    padding: 2rem;
    position: relative;
    z-index: 1;
}
.highlight-large-text h2, .highlight-large-text h3, .highlight-large-text h4, .highlight-large-text p  { margin-bottom: 2rem; }
.highlight-large-text p:last-child { margin: 0; }




#highlight-map {
    background-image: url(../img/gpe-partner-countries-map.svg);
    background-image: url(../img/map-temp.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.section-overlay-white {
    background-color: rgba(255,255,255,0.7);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}
#highlight-map .container-large {
    position: relative;
    z-index: 2;
}
#highlight-map.container-full { padding: 8rem 1rem; }

#highlight-map .container-large h2 { margin-bottom: 2rem; }
#highlight-map .container-large h3, #highlight-map .container-large p { margin-bottom: 2.5rem; }
#highlight-map .container-large h4 { margin-bottom: 3rem; }
#highlight-map .container-large p:last-child { margin-bottom: 0; }

/* ---------- Color Boxes ---------- */

@media(max-width: 992px){
    .color-boxes .col, .color-boxes .col-lg-4 {
        margin: 0 1rem 1rem 1rem;
    }
}

section .container.color-boxes { padding: 0 0 2rem 0; }
.color-boxes .row { padding: 0 0 2rem 0; }
.color-boxes .row.color-boxes-row-01, .color-boxes .row.color-boxes-row-02 { padding: 0; }

.color-boxes a,
.color-boxes .col, .color-boxes .col-lg-4 {
    text-align: center;
    color: #fff;
}

.color-boxes .card {
    border: none;
    padding: 0;
}

.color-boxes span {
    font-size: 1.5rem;
    text-transform: uppercase;
    font-weight: 700;
}

.box-link .card, .box-inner-links .card, .color-boxes .card {  background-color: #345381; }
.box-link .card { cursor: pointer; }
.color-boxes .card strong { font-size: 1.3rem; }
.box-link .card:hover { opacity: 0.9; }
.box-inner-links .card a {
    opacity: 0.8;
    /*
    border-bottom: 1px solid #fff;
    */
    text-decoration: none;
    color: #fff;
}
.box-inner-links .card a:hover { opacity: 1.0; }

.color-boxes-row-01 { }
.color-boxes-row-02 { margin-bottom: 4rem; }
.color-box-content { padding: 2rem; }

.map-stories-thumb {
    background: #fff;
    padding: 20px;
    border-radius: 3px;
    margin: 0 auto 50px auto;
    max-width: 460px;
    cursor: pointer;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}
.map-stories-thumb:hover {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.0);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.0);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.0);
}
.map-stories-thumb img { transform: scale(0.95); }
.map-stories-thumb:hover img { transform: scale(1.0); }

/* -- country results --*/

.country-results.container { padding: 0; }

section .container.text-results {
    text-align: center;
    padding: 0;
}

.country-result {
    text-align: center;
    cursor: pointer;
    padding: 0 20px 20px 20px;
}
.country-result-map {
    width: 120px;
    height: 120px;
    margin: 0 auto;
}
.country-result-map img {
    transform: scale(0.8);
    opacity: 0.8;
}
.country-result-content {
}
.country-result-content h3 { margin-bottom: 0.25rem; }
.country-result-content p { margin-bottom: 0; }
.country-result:hover { background: #fff; }
.white .country-result:hover { background: #fafafa; }
.country-result:hover img {
    transform: scale(0.9);
    opacity: 1.0;
}
.country-result:hover h3 { color: #345381; }



/* -- little news box --*/

.newsbox {
    background: #fff;
    margin: 0 0 2rem 0;
    padding: 1rem 1rem 1rem 0.3rem;
}
.newsbox img { max-height: 140px; }
.newsbox h3, .newsbox p { line-height: 1.3; }
.newsbox h3 {
    font-size: 1.0rem;
    margin-bottom: 1rem;
}
.newsbox p {
    font-size: 0.9rem;
    margin-bottom: 1rem;
}

/* -- mini featured feed --*/

.middle-feed { }
.middle-feed.container-narrow { max-width: 50rem; }
.middle-feed-item {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-color: rgba(0,0,0,1.0);
    overflow: hidden;
    position: relative;
    cursor: pointer;
    padding: 0;
    overflow: hidden;
    height: 280px;
}

.middle-feed-content {
    background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(15,24,38,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(15,24,38,1) 100%);
    background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(15,24,38,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#0f1826',GradientType=0 );
    position: absolute;
    width: 100%;
    bottom: 0;
    color: #fff;
    line-height: 1.2;
    z-index: 2;
    font-size: 0.9rem;
    padding: 1.66rem 1.66rem 10px 1.66rem;
}

.middle-feed-title, .middle-feed-title a, .middle-feed-title a:hover {
    font-weight: 700;
    line-height: 1.2;
    font-size: 1.2rem;
    color: #fff;
    text-decoration: none;
}
.middle-feed-date { font-size: 0.8rem; }

.middle-feed-summary {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    margin: 1.11rem 0 0 0;
}

.middle-feed-item:hover .middle-feed-summary {
    opacity: 1;
    max-height: 120px;
    margin: 1.11rem 0 1.11rem 0;
}
.middle-feed-item:hover:after { opacity: 0.2; }
.middle-feed-item:after {
    background: rgba(15,24,38,1.0);
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    opacity: 0.1;
    z-index: 1;
    left: 0;
}



/* ---------- Filters ---------- */

#filters {
    padding: 1rem;
}

/* ---------- Flat Table --------- */
.flat-table-container {
    background: #fff;
    overflow-x: auto;
    margin: 10px auto 30px auto;
}
.flat-table-container, .flat-table { width: 100%; }
.flat-table, .flat-table th, .flat-table td { border-collapse: collapse; font: 18px arial; }
.flat-table thead th {
    font-size: 16px;
    vertical-align: middle;
}
.flat-table tbody th, .flat-table tbody td { font-size: 14px; }
.flat-table th, .flat-table td {
    border: 1px solid #ccc;
    padding: 10px;
    text-align: left;
    vertical-align: top;
}
.flat-table thead th, .flat-table thead td {
    background: #ddd;
    font-weight: bold;
}
.flat-table tbody tr:nth-child(odd) th { background: rgba(0,0,0,0.03); }
.flat-table tbody tr:nth-child(even) td { background: rgba(0,0,0,0.03); }
.flat-table tbody th {
    background: #f0f0f0;
    font-weight: bold;
}
thead th.subhead, tbody th.subhead, thead td.subhead, tbody td.subhead {
    background: #eee;
    font-size: 15px;
}
.flat-table th.right, .flat-table td.right { text-align: right; }

/*no result page*/
.news-media-searchresult .view-empty {
    padding-top: 20px;
}
.no-result-label {
	color:  #222222;
	font-size: 24px;
	font-weight: 700;
	line-height: 21px;
	margin-bottom: 20px;
}
.no-result-description {
	color:  #222222;
	font-size: 16px;
	font-weight: 400;
	line-height: 21px;
	margin-bottom: 20px;
}
.full-site-search {
	color: #222222;
    font-size: 16px;
    font-weight: 700;
    line-height: 21px;
    margin-bottom: 20px;
}
.no-result-search input.form-text {
    width: 200px;
    height: 36px;
    float: left;
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	border-color:  #dddddd;
	box-sizing: border-box;
	background-color:  #ffffff;
	color:  #666666;
	font-size: 12px;
	font-weight: 400;
	line-height: 28px;
}
.no-result-search .input-group-btn {
    display: none;
}
.no-result-search .input-group {
    float: left;
}
.no-result-search button.element-invisible {
    display: block;
    position: relative!important;
    height: auto;
    width: auto;
    float: left;
    margin-left: 10px;
    padding: 8px 16px 6px 15px;
    border: 0;
    border-radius: 0;
    font-size: 16px;
    font-weight: 400;
    background-color: #127bb8;
    color: #fff;
}
.no-result-search .input-group-btn .btn {
	font-size: 16px;
	font-weight: 400;
    background-color: #127bb8;
    color: #fff;
    border-radius: 0;
    border: 0;
    padding: 7px 16px;
}
.no-result-search button.element-invisible:hover,
.no-result-search button.element-invisible:focus {
    background: #18a2f3;
}
.no-result-search {
    padding-top: 10px;
    overflow: hidden;
}
/* --------- Quote Container ---------*/
.quote-container { background: #f8f8f8; width: 80%; margin: 60px auto 30px auto; padding: 20px; }
.quote-container .quote-block { margin: 0 auto 40px auto; }
.quote-container .quote-image, .quote-contents { text-align: center; }
.quote-container .quote-image { margin: 0 auto 50px auto }
.quote-container .quote-text { background: #f8f8f8; font-size: 28px; text-align: center; max-width: 860px; margin: 20px auto 30px auto; padding: 50px 25px; font-weight: bold; position: relative; color: #ea7635; }
.quote-container .quote-text:before, .quote-text:after { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; position: absolute; font-size: 50px; color: #ccc; padding: 0 10px; z-index: 1; }
.quote-container .quote-text:before { content: "\f10d"; top: -40px; left: 3%; }
.quote-container .quote-text:after { content: "\f10e"; bottom: -45px; right: 3%; }
.quote-container .quote-name { font-size: 18px; font-weight: bold; padding: 0 40px; }
.quote-container .quote-name span { font-size: 24px; }
.quote-container .quote-bar { display: inherit; }
.quote-container .quote-image,.quote-container .quote-contents { display: table-cell; vertical-align: middle; }
.quote-container .quote-image { width: 25%; padding: 0 20px 0 0; }
.quote-container .quote-image img { max-width: 300px; }
.quote-container .quote-contents { width: 75%; margin-top: -20px; }
.quote-container .quote-text:before, .quote-text:after { font-size: 30px; }
.quote-container .quote-text:before { left: -10px; top: -10px; }
.quote-container .quote-text:after { right: -10px; bottom: -10px; }
.quote-container .quote-text { font-size: 20px; padding: 30px 15px; margin: 0; }
.quote-container .quote-name { font-size: 16px; font-weight: bold; }
.quote-container .quote-name span { font-size: 18px; }
@media only screen and (max-width:992px) {
    .quote-container .quote-image, .quote-container .quote-contents, .quote-container .quote-block, .quote-container .quote-text, .quote-container { display: block; width: auto; }
    .quote-container { padding: 50px 20px; }
}

@media only screen and (max-width: 768px) {
    .node--view-mode-featured, .featured-main-block img {
        background-position: center center;
    }
}

@media only screen and (max-width: 992px) {
    .quote-au-image img {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
    }
    .quoteslideshow .slick--main .slick__arrow {
        margin-top: -215px;
    }
}

/*slide show width*/
/*
.paragraphs_slideshow,
.para_slideshow,
.paragraphs_slideshow .blog_full_width {
    width: 100%;
    overflow: hidden;
}
.blog_full_width .slick__slider {
    max-width: 100%;
}
.paragraphs_slideshow .centered_large_1170 {
    max-width: 1170px;
    margin: auto;
}
.paragraphs_slideshow  .centered_medium_860 {
    max-width: 860px;
    margin: auto;
}
.paragraphs_slideshow .centered_smal_560 {
    max-width: 560px;
    margin: auto;
}
.paragraphs_slideshow  .centered_medium_860  .slick__slider .slide__media img {
    height: 573px;
}
.paragraphs_slideshow  .centered_smal_560  .slick__slider .slide__media img {
    height: 374px!important;
}
*/

/*.slick-slide {max-width:800px;}*/
/*.slick__slide {max-height: 800px !important;}*/

[data-inline-tweet] a {
  text-decoration: none !important;
}
[data-inline-tweet] * {
  -webkit-transition: all 150ms cubic-bezier(0.420,0.000,0.580,1.000);
  -moz-transition: all 150ms cubic-bezier(0.420,0.000,0.580,1.000);
  -ms-transition: all 150ms cubic-bezier(0.420,0.000,0.580,1.000);
  -o-transition: all 150ms cubic-bezier(0.420,0.000,0.580,1.000);
  transition: all 150ms cubic-bezier(0.420,0.000,0.580,1.000);
}
[data-inline-tweet] a span {
  /*border-bottom: 1px dashed rgb(0, 172, 237,0.5);*/
  margin-right: 3px;
  color: #111;
  border: none !important;
}
[data-inline-tweet] a:hover span {
  background-color: none !important;
  color: #127bb8 !important;

}
[data-inline-tweet] svg {
  opacity: 0.6;
  max-width: 20px;
}
[data-inline-tweet] a:hover svg { opacity: 1.0; }

.inline-tweet,
[data-inline-tweet] {
  background-color: #e8faff;
  padding: 3px;
}


@media only screen and (min-width: 992px) and (max-width: 1450px) {
/*    .page-library, .page-library .new-library-list-header, #views-exposed-form-documents-library{
        padding-left: 15px;
        padding-right: 15px;
    }

    :not(.views-element-container) > .page-library {
        padding-left: 0;
        padding-right: 0;
    }
    */
}

@media(max-width: 1199px){
    #mobile-nav .d-flex.w-100 {
        position: relative;
    }
    .region-logo-top {
        position: absolute;
        top: 31px;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}
@media(min-width: 481px){
    .region-logo-top {
        top: 41px;
    }
}
.learn-more-light, .learn-more-dark {
  padding: 2rem 2rem 0.5rem 2rem;
  margin: 2rem auto;
  border-radius: 3px;
}
.learn-more-light { background: rgba(255,255,255,0.5); }
.learn-more-dark { background: rgba(246,246,246,0.5); }
.learn-more-light h3, .learn-more-dark h3 { font-size: 1.1rem; }