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

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

main { padding-top: 138px; }

.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: 60px 0; }

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

#page {
  position: relative;
  z-index: 60;
}
.region.region-top-content { padding-top: 30px; }

.white { background: #fff; }

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

.container-narrow, section#hero h1 { max-width: 684px; }
.container { max-width: 1170px; }
.container-large, #block-gpe-page-title, #block-gpe-page-title2, section#featured-top, ul.breadcrumbs {
  max-width: 1440px !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 4px 4px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
  box-shadow: 0 4px 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-blue, .gpe-dark-blue { color: #062172; } /* rgba(6 33 114,1.0) */
.gpe-green { color: #43d596; } /* rgba(67 213 150,1.0) */
.gpe-light-blue { color: #29a7de; } /* rgba(41 167 222,1.0) */
.gpe-light-green { color: #d5dc21; } /* rgba(213 220 33,1.0) */
.gpe-gray { color: #eef1f4; } /* rgba(216 217 220,1.0) */

/*
.gpe-purple { color: #803f91; }
.gpe-orange { color: #f26f31; }
.gpe-yellow { color: #f9a51a; }
.gpe-pink { color: #ee395f; }
*/

.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: 'Poppins', Arial, sans-serif; }

p, h1, h2, h3, h4, h5, h6 { margin: 0 0 32px 0; }

footer p { margin: 0 0 18px 0; }

h1 {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 64px;
  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: -30px;
  */
  padding: 30px 60px;
  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: 22px;
  margin: 10px 0 10px 0;
}

h2, .h2, .comment-wrapper .comment-title {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 54px;
  font-weight: normal;
  color: #222;
}
#page h2 {
  margin-bottom: 45px;
  line-height: 1.2;
}
#page .fc-header-toolbar h2 { margin-bottom: 0; }

h3 {
  font-size: 24px;
  font-weight: 700;
}
.dropdown-menu h3, footer h3 { font-size: 14px; }

.dropdown-menu h3 {
  margin: 5px 0 10px 0;
  padding: 0 10px 12px 12px;
  border-bottom: 1px solid rgba(255,255,255,0.1);
  color: rgba(255,255,255,1.0);
  font-weight: 500;
}
footer h3 {
  margin: 0;
  padding: 20px 0;
  color: inherit;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-align: center;
  display: block;
}
footer h3:before {
  background: #374d8e;
  content: "";
  display: block;
  margin: 0 auto;
  width: 30px;
  height: 1px;
  text-align: center;
  position: relative;
  top: -20px;
}
section#highlights-calendar h3 { margin-bottom: 0; }
.sidebar__item h3 {
  background-color: #43d596;
  margin: 0;
  padding: 18px 18px 18px 24px;
  line-height: 1;
  font-size: 18px;
  color: #fff;
}

h4 {
  font-size: 30px;
  font-weight: 400;
  line-height: 1.4;
}
section#home-boilerplate h4 {
  background: #062172 url(https://www.globalpartnership.org/themes/custom/gpe/assets/img/background-boilerplate.png) 20% 10% no-repeat;
  margin: 0;
  padding: 60px 100px;
  color: #fff;
  text-align: center;
}

h5 {
  font-size: 26px;
  font-weight: 700;
  font-style: italic;
}

h6 {
  font-weight: 400;
  letter-spacing: normal;
  font-size: 16px;
  color: #666;
}
.blog-item-content h6 { margin-bottom: 20px; }

b, strong { font-weight: 700; }

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


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

main ul { margin: 20px 20px 40px 20px; }
main ol { margin: 20px 20px 40px 0; }
main ul ul, main ol ol, main ul ol, main ol ul { margin: 20px; }
main ul, main ul ul main ol, main ol ol, main ul ol, main ol ul { padding: 0 0 0 20px; }
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: 18px 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 5px 0;
  padding: 0;
}
main ul#social-list li a {
  background-repeat: no-repeat;
  background-position: 0 5px;
  background-size: 20px auto;
  display: inline-block;
  padding: 4px 30px;
}
main ul#social-list li a:hover { text-decoration: none; }
li#facebook a { background-image: url(https://www.globalpartnership.org/themes/custom/gpe/assets/img//icon-facebook.svg);  }
li#twitter a { background-image: url(https://www.globalpartnership.org/themes/custom/gpe/assets/img/icon-twitter.svg);  }
li#instagram a { background-image: url(https://www.globalpartnership.org/themes/custom/gpe/assets/img/icon-instagram.svg);  }
li#youtube a { background-image: url(https://www.globalpartnership.org/themes/custom/gpe/assets/img/icon-youtube.svg);  }
li#linkedin a { background-image: url(https://www.globalpartnership.org/themes/custom/gpe/assets/img/icon-linkedin.svg);  }
li#flickr a { background-image: url(https://www.globalpartnership.org/themes/custom/gpe/assets/img/icon-flickr.svg);  }

#on-this-page ul {
  list-style: none;
  margin: 10px 10px 10px 5px;
  padding: 0;
}
#on-this-page li {
  margin: 0;
  padding: 0;
}
#on-this-page li.second-level {
  padding-left: 18px;
}

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: 24px;
}
ul.pdf-list li:before {
  font-family: 'Font Awesome 5 Pro';
  content: '\f15b';
  color: #333;
  font-size: 20px;
  font-weight: 300;
  top: 0;
  left: 0;
  position: absolute;
}

ol#footnotes {
  border-top: 1px solid #dedede;
  padding-top: 30px;
}
ol#footnotes li { font-size: 14px; }

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

.btn {
  padding: 15px 24px;
  line-height: 1;
}

.btn-primary:hover {
  color: #fff;
  background-color: #43d596;
  border-color: #43d596;
}
.button:hover, .button:focus { background-color: #43d596; }
.button { font-size: inherit; }
.btn.btn-secondary {
  background-color: #fff;
  color: #062172;
}
.btn.btn-secondary:hover {
  background-color: #43d596;
  color: #062172;
}

/* =============================================================================
  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, .button.form-control,
.bef-sort-region .form-item input:checked + label, .webform-submission-subscribe-form-form .form-actions .btn {
  -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: 4px solid #062172;
  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: 20px;
  }
}

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

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

.shrink .navbar { top: 1px; }
.shrink #logo-top {  }
.shrink #logo-top img { height: 54px; }
.shrink #top-search { top: 15px; }
.shrink #secondary-nav { top: 15px; }

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

.navbar-expand-lg .navbar-nav .nav-link {
  padding: 10px 18px;
  line-height: 2;
  font-size: 15px;
  font-weight: 700;
}

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

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

.nav-link:hover, .nav > li:hover > a {
  background: #062172;
  color: #fff;
}
.active a.nav-link {
  background-color: transparent;
  /*
  background-color: #f8f8f8;
  color: #062172;
  */
}

/* -------------- 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: 20px; }
div.dropdown-multicol, div.dropdown-multicol2 { min-width: 477px; }
body.fr div.dropdown-multicol, body.fr div.dropdown-multicol2 { min-width: 612px; }

/* -------------- 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: 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: 14px;
  line-height: 1;
  color: #0a0a0a;
  min-width: 200px;
  max-width: 200px;
}
#top-search .mr-sm-2 { margin-right: 0 !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: 4px 14px;
  border: none;
  cursor: pointer;
  color: #062172;
  height: 34px;
}
#top-search .btn:hover { color: #43d596; }

/* -------------- 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, #secondary-nav a.active, .active a.nav-link { color: #43d596; }
#secondary-nav .lang-link { margin-left: 10px; }

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

  #secondary-nav a {
    padding: 11px 14px;
    font-size: 14px;
  }

  #secondary-nav .lang-link a {
    background: #eef1f4;
    color: #555557;
    padding: 10px 13px;
    border-radius: 3px;
  }
  #secondary-nav .lang-link a:hover {
    background: #f2f5f8;
    color: #43d596;
  }

}

@media (min-width: 1201px) {
  .lang-link a i {
    font-size: 14px;
    position: relative;
    top: 1px;
  }
}

.lang-link a i { padding-left: 4px; }
.lang-link a i {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}


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

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

section#featured-top {
  margin: 30px 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(21,21,22,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(21,21,22,0) 0%, rgba(15,24,38,1) 100%);
  background: -webkit-linear-gradient(top,  rgba(21,21,22,0) 0%,rgba(15,24,38,1) 100%);
  background: linear-gradient(to bottom,  rgba(21,21,22,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: 30px 30px 10px 30px;
}

.featured-title {
  font-weight: 700;
  line-height: 1.2;
}
#feature-a .featured-title { font-size: 36px; }
#feature-b .featured-title, #feature-c .featured-title { font-size: 30px; }
.featured-date { font-size: 14px; }

.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: 20px 0 0 0;
}
#feature-a .featured-summary { font-size: 22px; }
#feature-b .featured-summary, #feature-c .featured-summary { font-size: 18px; }

#feature-a:hover .featured-summary, #feature-b:hover .featured-summary, #feature-c:hover .featured-summary {
  opacity: 1;
  max-height: 120px;
  margin: 20px 0 20px 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: 60px;
  margin: 0 auto 20px auto;
}

section#home-results .row { margin: 54px 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 20px auto;
}
.results-info-lg {
  font-size: 40px;
  font-weight: 700;
  line-height: 1;
}
.results-info-md {
  font-size: 30px;
  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: 60px 10px;
  margin: 0 auto 30px auto;
}
section#home-impact .row { margin: 54px 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: 30px;
  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: 60px 36px; }
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: 80px;
  display: block;
}

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

section#home-blogs, section#highlights-feed { padding: 60px 20px; }

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

.blog-item-photo {
  position: relative;
  z-index: 1;
}
.blog-item-photo img { width: 100%; }
.blog-item-content {
  background: #fff;
  margin: 0;
  padding: 30px;
  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: 30px;
}

/* =============================================================================
  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: 8px;
  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: 32px;
  max-width: 765px;
  border: none;
  margin: 24px auto;
  padding: 0;
}
section blockquote.fancy-blockquote {  }
section .container-narrow blockquote.fancy-blockquote { margin: 90px auto 60px auto; }

blockquote.fancy-blockquote:before {
  content: '';
  border-top: 4px solid #43d596;
  padding: 24px;
  width: 140px;
}
blockquote.fancy-blockquote:after {
  content: '';
  border-bottom: 4px solid #43d596;
  padding: 24px;
  width: 140px;
}
blockquote.fancy-blockquote strong {
  font-size: 54px;
  font-weight: 400;
}

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

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

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

.txt-large { font-size: 40px; }
.txt-medium { font-size: 25px; }
.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: 64px; }
section#large-results .txt-medium { font-size: 36px; }
section#large-results .txt-normal { font-size: 24px; }
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: 15px;
  right: 10px;
}
.corner-tweet a {
  background: rgba(255,255,255,0.7);
  font-size: 18px;
  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: 16px;
  font-weight: 700;
  line-height: 1.2;
}
section#highlights-publications img {
  background: #fff;
  margin: 0 auto 15px;
  display: block;
  text-align: center;
}
section#highlights-publications img, section#publication img { border: 1px solid #dedede; }

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

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

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

section#info-cards { margin: 64px auto 0 auto; }
section#info-cards .card-header {
  font-size: 24px;
  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: 54px auto 90px auto; }

#date-items { margin: 0 18px 18px 18px; }

@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: 8px 12px;
  width: 80px;
  text-transform: uppercase;
  font-family: 'Bebas Neue', sans-serif;
}
.date-box-top {
  background-color: #43d596;
  font-size: 30px;
  color: #fff;
}
.date-box-bottom {
  background-color: #eef1f4 !important;
  font-size: 24px;
  color: #808183;
}
main .date-item h3 { margin-bottom: 10px; }
main .date-item ul li.date-item-type, main .date-item ul li.date-item-location { font-size: 16px; }
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 18px;
  margin: 0 0 0 18px;
}

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

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

#breadcrumbs {
  background-color: rgba(238,241,244,0.95);
  padding: 14px 18px 10px 18px;
  position: relative;
  z-index: 70;
  width: 100%;
  border-bottom: 1px solid #dfe1e3;
}

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

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

ul.breadcrumbs {
  list-style: none;
  margin: 0;
  padding: 0 18px;
}
ul.breadcrumbs a, ul.breadcrumbs a:hover, ul.breadcrumbs li {
  color: #555557;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  text-transform: none;
  line-height: 1;
}
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: 1.0;
  white-space: nowrap;
}

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

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

#page-intro { position: relative; }

.wrapp--sidebar {
  position: absolute;
  top: 60px;
  right: 0;
  max-width: 234px;
  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: 5px 0;
  padding: 5px 18px;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
}

/* =============================================================================
  SECTION BACKGROUND COLORS
  ========================================================================== */

/*
#page, .node__content .field__item:nth-child(odd) section { background-color: transparent !important; }
.node__content .field__item:nth-child(even) section { background: #fff !important; }
*/
.region-grey { background-color: #eef1f4; }

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

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

.two-cols {
  -moz-column-count: 2;
  -moz-column-gap: 20px;
  -webkit-column-count: 2;
  -webkit-column-gap: 20px;
  column-count: 2;
  column-gap: 20px;
}

.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: #062172; color: #fff; }
::-moz-selection { background: #062172; color: #fff; }

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

footer {
  background: #062172;
  color: #fff;
  font-size: 14px;
  padding-top: 60px;
  padding-bottom: 18px;
  overflow-x: hidden;
}

footer a img {
  max-width: 200px;
  height: auto;
  display: block;
  margin: 10px auto 60px auto;
  left: 40px;
  position: relative;
}

footer a { color: #fff; }
footer a:hover, #block-copyrighten a:hover, #block-footerbottom a:hover {
  color: #43d596;
  text-decoration: none;
}

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

nav#footer-nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  -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: 5px 10px;
  display: inline-block;
  line-height: 1.3;
}

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

#subscribe-form { padding: 10px; }

#subscribe-form .row { max-width: 306px; }
#subscribe-form input[type=email], #subscribe-form input[type=email]:focus {
  background-color: #fafafa;
  outline: none;
  border: 1px solid #eef1f4;
  height: 43px;
  font-size: 16px;
  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: #062172;
  color: #fff;
  padding: 4px 14px;
  margin-left: 5px;
}
#subscribe-form .btn:hover, #subscribe-form .btn:focus { background-color: #062172; }

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

#social-bottom ul {
  margin: 0;
  padding: 0;
  text-align: center;
}
#social-bottom ul li {
  background: none;
  list-style: none;
  display: inline-block;
  margin: 0 -2px;
  padding: 0;
}
#social-bottom ul li a {
  display: inline-block;
  padding: 4px 15px;
  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: #43d596; }
*/

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

#socket {
  font-size: 14px;
  margin: 60px 0 0 0;
  padding: 20px 4px;
  position: relative;
}
#socket:before {
    background: #374d8e;
    content: "";
    display: block;
    margin: 0 auto;
    width: 90px;
    height: 1px;
    text-align: center;
    position: absolute;
    top: -20px;
    right: 0;
    left: 0;
}
#socket a, #socket a:hover {
  padding: 5px;
  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 {  }

#block-copyrighten, #block-footerbottom, #block-copyrightfr, #block-footerbottom {
  flex: auto;
  text-align: center;
}
#block-copyrighten a, #block-copyrightfr a, #block-footerbottom a { color: #a6b0cc; }
/*
#block-copyrighten a:hover, #block-footerbottom a:hover { color: #fff; }
*/
#block-footerbottom { font-size: 12px; }

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

#to-top {
  position: fixed;
  bottom: 80px;
  right: 0;
  text-decoration: none;
  display: none;
  z-index: 9999;
}
#to-top a {
  background-color: rgba(21,21,22,0.2);
  color: rgba(255,255,255,0.8);
  padding: 14px;
  display: block;
  line-height: 1;
  font-size: 18px;
}
#to-top a.appear { right: 0; }
#to-top i { position: relative; }
#to-top a:hover {
  background-color: rgba(21,21,22,0.1);
  color: #062172;
}
#to-top a:hover i { top: -2px; }

/* =============================================================================
  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 30px auto; }
.photo-center p { margin: 0; }
.caption {
  background: #f6f6f6;
  padding: 10px;
}

.caption-text {
  font-size: 16px;
  color: #444;
  margin: 0;
}
.caption-credit {
  font-size: 14px;
  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: 36px 18px; }
  #page-intro .container-narrow { padding: 18px; }
  section#hero h1 { max-width: none; }

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

  header#header-mobile {
    background: rgba(255,255,255,1.0);
    border-top: 4px solid #062172;
    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: 30px 36px;
    display: inline-block;
  }
  #mobile-nav-right a:hover { color: #062172; }

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

  #mobile-nav.navbar #logo-top img { height: 72px; }

/* -------------- 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: 20px; 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: 18px;
    line-height: 1;
    text-transform: uppercase;
    font-size: 20px;
  }
  #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: 16px;
    right: 16px;
    margin: 0;
    padding: 0;
    font-size: 30px;
    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: #062172; }
  #mobile-nav h3 {
    background-color: #062172 !important;
    color: #fff;
    margin: 0;
    font-size: 24px;
    padding: 13px 13px 13px 24px;
  }
  #mobile-nav .card-body ul, #mobile-nav .card-body ul li {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #mobile-nav .card-body a {
    background: #092fa3 !important;
    font-size: 18px;
    padding: 18px 13px 18px 36px;
    display: block;
    color: #fff;
    border-bottom: 1px solid #062172;
  }
  #mobile-nav .card-body a:hover, #mobile-nav .card-body a:focus {
    background: #062172 !important;
    text-decoration: none;
  }

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

  button.mobile-nav-toggle {
    background: transparent;
    border: none;
    outline: none;
    padding: 30px
  }
  .toggle {
    width: 30px;
    height: 20px;
    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: #062172; }
  .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: 20px;
    -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: 8px;
  }

  .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: 20px;
    left: 8px;
  }

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

  #mobile-search {
    background: #e9e9e9;
    padding: 10px;
    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: 7px;
    padding: 7px 14px 7px 7px;
    border: none;
    cursor: pointer;
    color: #666;
  }
  #mobile-search .btn:hover { color: #062172; }

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

  h1 { font-size: 45px; }
  h2, .h2, #page h2 { font-size: 36px; }
  footer h3 { font-size: 22px; }
  #block-gpe-page-title p, #block-gpe-page-title2 p { font-size: 18px; }


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

  footer .col-lg {
    margin-bottom: 54px;
    text-align: center;
  }
  #socket .col-lg, #socket .col-auto {
    margin-bottom: 18px;
    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 4px; }
  #socket ul li:last-child, #socket ul li::before { margin-right: 4px; }

/* -------------- 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: -7px 18px 18px 18px; }
  #feature-b { margin: 0 0 18px 0; }
  #feature-c { margin: 0; }
  #feature-a, #feature-b, #feature-c { min-height: 360px; }
  #feature-a .featured-title, #feature-b .featured-title, #feature-c .featured-title { font-size: 30px; }

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

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

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

  section#highlights-publications img { margin: 0 auto 20px 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: 30px; }

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

  section#home-results .col-md, section#home-results .col-lg { margin: 20px auto 54px auto; }

  #block-gpe-page-title, #block-gpe-page-title2 {
    padding: 36px;
    margin: 0;
  }

  section#home-boilerplate h4 { padding: 54px; }

  section#home-blogs .row, section#highlights-feed .row { margin: 10px 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: 22px;
    margin-bottom: 54px;
  }
  section#home-focus-areas .col-sm img, section#home-focus-areas .col-md img, section#home-focus-areas .col-lg img { max-width: 126px; }

  #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 14px 0; }

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

  #mobile-nav.navbar #logo-top img { height: 54px; }
  button.mobile-nav-toggle { padding: 22px; }
  #mobile-nav-right a { padding: 20px; }

}

/* 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: 30px; }
.fa, .fas, .std-post-comment-wrapper .share-this-detail-page .addthis_button_email:after, .std-post-comment-wrapper .share-this-detail-page .addthis_button_compact:after { font-family: 'Font Awesome 5 Pro' !important; }

.std-post-comment-wrapper .share-this-detail-page .addthis_button_facebook:after, .std-post-comment-wrapper .share-this-detail-page .addthis_button_twitter:after, .std-post-comment-wrapper .share-this-detail-page .addthis_button_linkedin:after { font-family: 'Font Awesome 5 Brands' !important; }

.std-post-comment-wrapper .share-this-detail-page .addthis_button_email:after {
    content: "\f0e0";
    font-weight: 600;
}
.std-post-comment-wrapper .share-this-detail-page .addthis_button_compact:after {
    content: "\f0fe";
    font-weight: 600;
}

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

.banner-yellow {
  background: #f9a51a;
  padding: 60px 18px;
}
.banner-yellow, .banner-yellow h1, .banner-yellow h2 {
  color: #fff;
  margin: 0;
}



/* 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: 18px; }

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

section#hero { height: 60vh; margin-bottom: -72px;}
.offset-top, #block-gpe-page-title.offset-top, #block-gpe-page-title2.offset-top { margin-top: -54px; }
section#highlights-results.white .highlights-results-box, .white .highlights-results-box { background: #fafafa; }
.highlights-results-box { padding: 36px 30px 18px 30px; }

.results-box .gpe-green { color: inherit; }

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: 24px auto;
  padding: 0;
  position: relative;
  z-index: 1;
}
blockquote.fancy-blockquote, blockquote.fancy-blockquote p {
  font-style: italic;
  font-size: 32px;
  max-width: 765px;
}
blockquote.result-blockquote, blockquote.result-blockquote p {
  font-style: normal;
  font-size: 25px;
  max-width: none;
}
blockquote.fancy-blockquote:before, blockquote.result-blockquote:before {
  content: '';
  border-top: 4px solid #43d596;
  width: 140px;
}
blockquote.fancy-blockquote:after, blockquote.result-blockquote:after {
  content: '';
  border-bottom: 4px solid #43d596;
  width: 140px;
}
blockquote.fancy-blockquote:before, blockquote.fancy-blockquote:after { padding: 24px; }
blockquote.result-blockquote:before, blockquote.result-blockquote:after { padding: 0 24px 24px 24px; }

blockquote.fancy-blockquote strong, blockquote.result-blockquote strong {
  font-size: 33px;
  font-weight: 700;
}
section .container-narrow blockquote.fancy-blockquote { margin: 90px auto 60px auto; }
section .container-narrow blockquote.fancy-blockquote.small-margin { margin: 54px auto 0 auto; }
blockquote.fancy-blockquote.small-margin:after { padding: 0 24px 24px 24px }

blockquote .corner-tweet {
  top: 36px;
  right: 36px;
  z-index: 2;
}
section .container-narrow blockquote.result-blockquote.small-margin { margin: 54px auto 0 auto; }
blockquote.result-blockquote.small-margin:after { padding: 0 24px 24px 24px }

#on-this-page ul ul,
.sidebar__item ul ul {
  margin: 0 0 0 24px;
  padding: 0 0 0 5px;
}
#on-this-page ul ul a,
.sidebar__item ul ul a {
  padding: 0 10px;
}


/* ---------- 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(21,21,22,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(21,21,22,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: #062172; }
.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: #062172; }
.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;
  width: 100%;
  overflow: hidden;
}
.overlay-video {
  background-color: rgba(21,21,22,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: 72px auto;
  position: relative;
  top: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  padding: 0 36px;
}
.highlight-large-image, .highlight-large-image img { width: 100%; }
.highlight-large-text {
  background-color: #062172;
  background-color: #f9a51a;
  background-color: rgba(255,255,255,1.0);
  max-width: 500px;
  margin-left: -350px;
  padding: 36px;
  position: relative;
  z-index: 1;
}
.highlight-large-text h2, .highlight-large-text h3, .highlight-large-text h4, .highlight-large-text p  { margin-bottom: 36px; }
.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: 144px 18px; }

#highlight-map .container-large h2 { margin-bottom: 36px; }
#highlight-map .container-large h3, #highlight-map .container-large p { margin-bottom: 45px; }
#highlight-map .container-large h4 { margin-bottom: 54px; }
#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 18px 18px 18px;
  }
}

section .container.color-boxes { padding: 0 0 36px 0; }
.color-boxes .row { padding: 0 0 36px 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: 30px;
  text-transform: uppercase;
  font-weight: 700;
}

.box-link .card, .box-inner-links .card, .color-boxes .card {  background-color: #062172; }
.box-link .card { cursor: pointer; }
.color-boxes .card strong { font-size: 24px; }
.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: 72px; }
.color-box-content { padding: 36px; }

.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: 5px; }
.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: #062172; }



/* -- little news box --*/

.newsbox {
  background: #fff;
  margin: 0 0 36px 0;
  padding: 18px 18px 18px 5px;
}
.newsbox img { max-height: 140px; }
.newsbox h3, .newsbox p { line-height: 1.3; }
.newsbox h3 {
  font-size: 1.0rem;
  margin-bottom: 18px;
}
.newsbox p {
  font-size: 16px;
  margin-bottom: 18px;
}

/* -- 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(21,21,22,1.0);
  overflow: hidden;
  position: relative;
  cursor: pointer;
  padding: 0;
  overflow: hidden;
  height: 280px;
}

.middle-feed-content {
  background: -moz-linear-gradient(top,  rgba(21,21,22,0) 0%, rgba(15,24,38,1) 100%);
  background: -webkit-linear-gradient(top,  rgba(21,21,22,0) 0%,rgba(15,24,38,1) 100%);
  background: linear-gradient(to bottom,  rgba(21,21,22,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: 16px;
  padding: 30px 30px 10px 30px;
}

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

.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: 20px 0 0 0;
}


.middle-feed-item:hover .middle-feed-summary {
  opacity: 1;
  max-height: 120px;
  margin: 20px 0 20px 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: 18px;
}

/* ---------- 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: 700;
}
.flat-table tbody tr:nth-child(odd) th { background: rgba(21,21,22,0.03); }
.flat-table tbody tr:nth-child(even) td { background: rgba(21,21,22,0.03); }
.flat-table tbody th {
  background: #f0f0f0;
  font-weight: 700;
}
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: #062172;
  color: #fff;
}
.no-result-search .input-group-btn .btn {
	font-size: 16px;
	font-weight: 400;
  background-color: #062172;
  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: #fff; width: 80%; margin: 60px auto 30px auto; padding: 20px;   -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);}
.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: #fff; font-size: 28px; text-align: center; max-width: 860px; margin: 20px auto 30px auto; padding: 50px 25px; font-weight: 700; position: relative; color: #222; }
.quote-container .quote-text:before, .quote-text:after { font-family: 'Font Awesome 5 Pro'; font-style: normal; font-weight: 600; 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: 700; 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: 700; }
.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: #062172 !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: 36px 36px 10px 36px;
  margin: 36px auto;
  border-radius: 3px;
}
.learn-more-light { background: rgba(255,255,255,0.5); }
.learn-more-dark { background: rgba(238,241,244,0.5); }
.learn-more-light h3, .learn-more-dark h3 { font-size: 20px; }