/* to be remove on Nov 14 */

#phoenix_tab .nav-link.active:focus{
	outline: 0 !important;
}
#phoenix_tab .nav-link{
	border-radius: 0;
}
#phoenix_tab .nav-link.active{
	border-radius: 0;
}

/* where we work filtered item */
#explore-section .country-data-filter{
	margin-top: -5rem;
}

/* related pages 2column with image*/
.flexGrid.-two-column .division > .field__item .field--name-node-title h5{
	padding-top: 48px;
	padding-bottom: 48px;
}

/* IOM LOGO CENTERED */
.main-menu > .row > .col-xl-4.col-6{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

/*ICON */

@media all and (max-width:62rem){
	#block-phoenix-donateblock.block .content .overview-block .contents .btn-donate{
		display: inline-block !important;
		width: auto;
	}
}

#explore-section .close-btn{
	z-index: 1;
}

/* fullcontainer */
.fullcontainer .division{
	grid-template-columns: repeat(1, 1fr);
}

/* donate button*/
#donate-carousel-sec .flexslider.donate-slider ul.slides li .padd_8 a.donate-btn{
	text-transform: capitalize;
	display: flex;
	flex-wrap: wrap;
}
#donate-carousel-sec .flexslider.donate-slider ul.slides li .padd_8 a.donate-btn:after{
	transform: scale(.8);
}
#donate-carousel-sec .flexslider.donate-slider .flex-direction-nav .flex-next:focus,
#donate-carousel-sec .flexslider.donate-slider .flex-direction-nav .flex-prev:focus{
	outline:0 !important;
}

/* carousel donate btn */
@media screen and (max-width: 575px){
	#donate-carousel-sec .row.fullwidth .flexslider.donate-slider ul.slides li > .d-flex.justify-content-between > a{
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	.btn{
		padding-top:16px;
		padding-bottom: 16px;
		font-size: 14px;
	}
}

/*BANNER copyright */
.page-banner .banner-inner {
	position: relative;
}
.page-banner .banner .copyright-wrapper .add {
  font-size: 16px;
  background: transparent;
  -webkit-transition: all ease 0.05s;
  -o-transition: all ease 0.05s;
  transition: all ease 0.05s;
  -webkit-transition-delay: 0.35s;
       -o-transition-delay: 0.35s;
          transition-delay: 0.35s;
}
.page-banner .banner .copyright-wrapper {
  position: absolute;
  bottom: 1rem;
  left: 2rem;
}
.page-banner .banner .copyright-wrapper .copyright {
  font-size: 14px;
  background: rgba(34, 34, 34, 0.8);
  margin-left: 0;
  padding-left: 2.1875rem;
  height: 35.19px;
  -webkit-transition: all ease 0.35s;
  -o-transition: all ease 0.35s;
  transition: all ease 0.35s;
}
.page-banner .banner .copyright-wrapper:hover .add {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  -webkit-transition: all ease 0.35s;
  -o-transition: all ease 0.35s;
  transition: all ease 0.35s;
}
.page-banner .banner .copyright-wrapper:hover .copyright {
  -webkit-transition: all ease 0.35s;
  -o-transition: all ease 0.35s;
  transition: all ease 0.35s;
  -webkit-transition-delay: 0.2s;
       -o-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

.page-banner .banner.-home .description{
	/*background: linear-gradient(180deg, rgba(0, 0, 0, 0) 11%, rgba(0, 1, 0, 0.15) 50%, rgba(0, 0, 0, 0.2) 65%, rgba(0, 0, 0, 0.35) 100%);*/
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 1, 0, 0.7) 50%, rgba(0, 0, 0, 0.6) 65%, rgba(0, 0, 0, 0.8) 100%);
	padding-top: 100px;
}

@media all and (max-width: 62.4375rem) {
  .page-banner .banner {
    padding-bottom: 0;
  }
  .page-banner .banner .bg {
    max-height: unset;
  }
  .page-banner .banner .media--blazy {
    max-width: 100% !important;
  }
  .page-banner .banner .copyright-wrapper {
  	position: absolute;
		width: 96% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    bottom: 0 !important;
  	top: auto !important;
    color: var(--bs-white);
    height: auto;
    padding: 0.5rem 1rem;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000000));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  }
  .page-banner .banner .top.copyright-wrapper {
		width: 100%;
    left: 0;
    transform: translateX(0);
    border-radius: 0;
  }
  .page-banner .banner .copyright-wrapper .add {
    display: none;
  }
  .page-banner .banner .copyright-wrapper .copyright {
    width: 100%;
    background: none;
  }
  .page-banner .banner.-child .offset {
	  margin-top: 0;
	}

}

@media screen and (max-width: 35.9375rem){
	.page-banner.view .banner.-home{
		height: unset;
	}
	.page-banner .banner.-home .media--blazy{
		height: 500px;
		position: static;
	}
	.page-banner.view .banner.-home .description{
		text-align: left
	}
	.page-banner.view .banner.-home .description .field--name-field-description > h1{
		font-size: 24px;
	}
	/*.page-banner.view.-cover .banner.-home .description{*/
	/*	position: static;*/
	/*	padding: 20px;*/
	/*	background: var(--bs-primary);*/
	/*}*/
	/*.page-banner.view .banner.-home .description .btn{*/
	/*	border: 1px solid var(--bs-white);*/
	/*}*/
	
}



/**/
.related-content-wrapper .title {
  color: #0033A0;
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 2rem;
}

.row.division {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}
.row.division .-four-column.flexGrid {
  grid-column: span 3;
  margin-bottom: 1rem;
}
@media all and (max-width: 61.9375rem) {
  .row.division .-four-column.flexGrid {
    grid-column: span 6;
  }
}
@media all and (max-width: 40rem) {
  .row.division .-four-column.flexGrid {
    grid-column: span 12;
  }
}
.row.division .-three-column.flexGrid {
  grid-column: span 4;
  margin-bottom: 1rem;
}
@media all and (max-width: 61.9375rem) {
  .row.division .-three-column.flexGrid {
    grid-column: span 6;
  }
}


@media all and (max-width: 40rem) {
  .row.division .-three-column.flexGrid {
    grid-column: span 12;
  }
}

.thumbnail-wrapper {
  background: #e6e6e6;
}
.thumbnail-wrapper + .field--name-node-title {
  margin-top: 1rem;
}


.Related-content .block-menu h2, .Related-content .block-menu .h2{
	text-transform: none;
}

.sticky-sidebar.container .sticky-top .playbook-sidebar .blazy--field .Related-content h2{
	width: 100%;
	color: #0033A0;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.75rem;
	margin-bottom: 1rem;
}
/* FULL WIDTH EXTRA RELATED CONTENT BEHAVE WITH SIDEBAR */

.sticky-sidebar .fullwidth{
	  width: unset !important;
    position: relative;
    left:unset !important;
    right: unset !important;
    margin-left: unset !important;
    margin-right: unset !important;
}

/* RELATED LINKS STYLE */
.related-links-wrapper {
  padding: 4rem;
  background: var(--bs-primary);
  margin-bottom: 4rem;
}
.related-links-wrapper h2, .related-links-wrapper .h2 {
  color: #fff;
  margin-bottom: 2rem;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.25rem;
}
@media all and (max-width: 40rem) {
  .related-links-wrapper.fullwidth {
    padding: 2rem;
  }
}

.related-links ul {
  padding: 0;
}
.related-links ul li {
  list-style: none;
}
.related-links h5, .related-links .h5, .related-links .paragraph--type--bar-graph-item .field--name-field-graph-year, .paragraph--type--bar-graph-item .related-links .field--name-field-graph-year, .related-links .paragraph--type--graph-and-icon-description .col-container .field--name-field-graph-title, .paragraph--type--graph-and-icon-description .col-container .related-links .field--name-field-graph-title,
.related-links .paragraph--type--graph-and-icon-description .col-container .field--name-field-icon-description-title,
.paragraph--type--graph-and-icon-description .col-container .related-links .field--name-field-icon-description-title {
  text-align: center;
}
.related-links h5 a, .related-links .h5 a, .related-links .paragraph--type--bar-graph-item .field--name-field-graph-year a, .paragraph--type--bar-graph-item .related-links .field--name-field-graph-year a, .related-links .paragraph--type--graph-and-icon-description .col-container .field--name-field-graph-title a, .paragraph--type--graph-and-icon-description .col-container .related-links .field--name-field-graph-title a,
.related-links .paragraph--type--graph-and-icon-description .col-container .field--name-field-icon-description-title a,
.paragraph--type--graph-and-icon-description .col-container .related-links .field--name-field-icon-description-title a {
  padding: 2rem;
  color: #fff;
  text-transform: uppercase;
  border: 1px solid rgba(255, 255, 255, 0);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.related-links h5 a:hover, .related-links .h5 a:hover, .related-links .paragraph--type--bar-graph-item .field--name-field-graph-year a:hover, .paragraph--type--bar-graph-item .related-links .field--name-field-graph-year a:hover, .related-links .paragraph--type--graph-and-icon-description .col-container .field--name-field-graph-title a:hover, .paragraph--type--graph-and-icon-description .col-container .related-links .field--name-field-graph-title a:hover,
.related-links .paragraph--type--graph-and-icon-description .col-container .field--name-field-icon-description-title a:hover,
.paragraph--type--graph-and-icon-description .col-container .related-links .field--name-field-icon-description-title a:hover {
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.05);
}
.related-links .field--name-field-content-items > .field__item * {
  height: 100%;
}


/* GALLERY */
.gallery .gallery-item > *{
	border-radius: 8px;
	overflow:hidden;
}

/* idm tabs */
.speakers-and-panels {
  background: var(--bs-white);
  padding: 1rem;
  -webkit-box-shadow: 0px 5px 2px 0px rgba(68, 68, 68, 0.0117647059), 0px 3px 2px 0px rgba(68, 68, 68, 0.031372549), 0px 0px 1px 0px rgba(68, 68, 68, 0.0588235294);
          box-shadow: 0px 5px 2px 0px rgba(68, 68, 68, 0.0117647059), 0px 3px 2px 0px rgba(68, 68, 68, 0.031372549), 0px 0px 1px 0px rgba(68, 68, 68, 0.0588235294);
  border-radius: 8px;
}
.speakers-and-panels .vnav {
  -webkit-box-flex: 0;
  -webkit-flex: 0 33%;
      -ms-flex: 0 33%;
          flex: 0 33%;
}
.speakers-and-panels .vnav .navs {
  padding: 1rem 1.5rem;
  position: relative;
  border-radius: 0px 8px 8px 0px;
}
.speakers-and-panels .vnav .navs:before {
  content: "";
  background: var(--bs-white);
  position: absolute;
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.speakers-and-panels .vnav .navs .kicker {
  font-size: 1rem;
  color: #B5B3B3;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.speakers-and-panels .vnav .navs .tabtitle {
  font-weight: 700;
  font-size: 1.25rem;
  margin-bottom: 0.5rem;
}
.speakers-and-panels .vnav .navs .tab-subtitle {
  color: #B5B3B3;
}
.speakers-and-panels .vnav .navs:hover, .speakers-and-panels .vnav .navs.active {
  background: #E6EFFB;
}
.speakers-and-panels .vnav .navs:hover:before, .speakers-and-panels .vnav .navs.active:before {
  background: var(--bs-primary);
}
.speakers-and-panels .vnav .navs:hover .kicker, .speakers-and-panels .vnav .navs:hover .tab-subtitle, .speakers-and-panels .vnav .navs.active .kicker, .speakers-and-panels .vnav .navs.active .tab-subtitle {
  color: #444;
}
.speakers-and-panels .vnav .navs:hover .tabtitle, .speakers-and-panels .vnav .navs.active .tabtitle {
  color: var(--bs-primary);
}
.speakers-and-panels .tab-content {
  -webkit-box-flex: 0;
  -webkit-flex: 0 64.8%;
      -ms-flex: 0 64.8%;
          flex: 0 64.8%;
}

.micro-tab .nav {
  border-bottom: 1px solid #444;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.micro-tab .nav button {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  text-align: center;
  width: 100%;
  padding: 1rem 0;
  border: 0;
  background: transparent;
}
.micro-tab .nav button:hover, .micro-tab .nav button.active {
  background: var(--bs-primary);
  color: var(--bs-white);
  font-weight: 700;
}
.micro-tab .nav button:hover:after, .micro-tab .nav button.active:after {
  content: "";
  position: absolute;
  height: 4px;
  width: 100%;
  bottom: 0;
  background: var(--bs-secondary);
  left: 0;
}

/* Spotlight */
/*.grid-spotlight {*/
/*  margin-bottom: 2rem;*/
/*  display: -webkit-box;*/
/*  display: -webkit-flex;*/
/*  display: -ms-flexbox;*/
/*  display: flex;*/
/*  -webkit-flex-wrap: wrap;*/
/*      -ms-flex-wrap: wrap;*/
/*          flex-wrap: wrap;*/
/*  column-gap:0;*/
/*  grid-gap: 0;*/
/*}*/

/*.grid-spotlight.field--type-entity-reference {*/
/*  margin-top: calc(-1 * var(--bs-gutter-y));*/
/*  margin-right: calc(-0.5 * var(--bs-gutter-x));*/
/*  margin-left: calc(-0.5 * var(--bs-gutter-x));*/
/*}*/

.hide-video .blazy{
	padding:0;
}


@media all and (max-width: 62.4375rem) {
  .grid-spotlight:first-child, .grid-spotlight:nth-child(6) {
    -webkit-box-flex: 50%;
    -webkit-flex: 50%;
        -ms-flex: 50%;
            flex: 50%;
    min-width: 50%;
  }
  .grid-spotlight .field__item, .grid-spotlight .field__item:first-child, .grid-spotlight .field__item:nth-child(6) {
    -webkit-box-flex: 50%;
    -webkit-flex: 50%;
        -ms-flex: 50%;
            flex: 50%;
    min-width: 50%;
  }
}
@media all and (max-width: 40rem) {
  .grid-spotlight .field__item {
    -webkit-box-flex: 100%;
    -webkit-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    min-width: 100%;
  }
}

@media all and (max-width: 768px){
	.page-banner.view .banner.-child .offset .bg{
		max-height: unset;
	}
}


.teaser-spotlight .video-embed-field-launch-modal:after, .video-spotlight .video-embed-field-launch-modal:after {
  bottom: -80px;
  -webkit-transition: all ease 0.35s;
  -o-transition: all ease 0.35s;
  transition: all ease 0.35s;
}
.teaser-spotlight .paragraph--type-cover-slider, .teaser-spotlight .blazy--field-default, .video-spotlight .paragraph--type-cover-slider, .video-spotlight .blazy--field-default {
  height: 100%;
}
.teaser-spotlight .paragraph--type-cover-slider .media--blazy,
.teaser-spotlight .blazy--field-default .media--blazy,
.video-spotlight .paragraph--type-cover-slider .media--blazy,
.video-spotlight .blazy--field-default .media--blazy,
.teaser-spotlight .media--image{
  position: absolute;
  width: 100%;
  height: 100%;
}
.teaser-spotlight .paragraph--type-cover-slider .media--blazy:after,
.teaser-spotlight .blazy--field-default .media--blazy:after,
.video-spotlight .paragraph--type-cover-slider .media--blazy:after,
.video-spotlight .blazy--field-default .media--blazy:after, 
.teaser-spotlight .media--image:after{
  content: "";
  position: absolute;
  top: 58px;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.8)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%);
  -webkit-transition: all ease 0.35s;
  -o-transition: all ease 0.35s;
  transition: all ease 0.35s;
}
.teaser-spotlight .description, .video-spotlight .description {
  position: relative;
  z-index: 2;
  color: var(--bs-white);
}
.teaser-spotlight .description h3 a, .teaser-spotlight .description .h3 a, .teaser-spotlight .description .number-counter-container a, .video-spotlight .description h3 a, .video-spotlight .description .h3 a, .video-spotlight .description .number-counter-container a {
  color: var(--bs-white);
}
.teaser-spotlight .description .readmore span, .video-spotlight .description .readmore span {
  border: 2px solid var(--bs-white);
  background-color: transparent;
  color: var(--bs-white);
  padding: 0.5rem 1rem;
  border-radius: 4px;
}
.teaser-spotlight .description .post-date, .video-spotlight .description .post-date {
  font-size: 0.9375rem;
  margin-bottom: 0.5rem;
}
.teaser-spotlight .description .tween-up, .video-spotlight .description .tween-up {
  -webkit-transform: translateY(57px);
       -o-transform: translateY(57px);
          transform: translateY(57px);
  -webkit-transition: 0.35s -webkit-transform cubic-bezier(0.75, -0.5, 0, 1.75);
  transition: 0.35s -webkit-transform cubic-bezier(0.75, -0.5, 0, 1.75);
  -o-transition: 0.35s -o-transform cubic-bezier(0.75, -0.5, 0, 1.75);
  transition: 0.35s transform cubic-bezier(0.75, -0.5, 0, 1.75);
  transition: 0.35s transform cubic-bezier(0.75, -0.5, 0, 1.75), 0.35s -webkit-transform cubic-bezier(0.75, -0.5, 0, 1.75), 0.35s -o-transform cubic-bezier(0.75, -0.5, 0, 1.75);
}
.teaser-spotlight .description .tween-up:hover .readmore span, .video-spotlight .description .tween-up:hover .readmore span {
  background: var(--bs-primary);
  border-color: var(--bs-primary);
}
.teaser-spotlight .description .bundle span, .video-spotlight .description .bundle span {
  padding: 0.375rem 1rem;
  background: var(--bs-white);
  border-radius: 20px;
  color: var(--bs-dark);
  font-size: 0.8125rem;
  font-weight: 700;
  text-transform: uppercase;
  overflow: hidden;
  position: relative;
}
.teaser-spotlight .description .bundle span::before, .video-spotlight .description .bundle span::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 16px;
  padding: 0.125rem;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgb(65, 143, 222)), to(rgb(0, 51, 160)));
  background: -webkit-linear-gradient(left, rgb(65, 143, 222) 0%, rgb(0, 51, 160) 100%);
  background: -o-linear-gradient(left, rgb(65, 143, 222) 0%, rgb(0, 51, 160) 100%);
  background: linear-gradient(90deg, rgb(65, 143, 222) 0%, rgb(0, 51, 160) 100%);
  -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff)) content-box, -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
  -webkit-mask: -webkit-linear-gradient(#fff 0 0) content-box, -webkit-linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
.teaser-spotlight:hover .video-embed-field-launch-modal:after, .video-spotlight:hover .video-embed-field-launch-modal:after {
  bottom: 0;
}
.teaser-spotlight:hover .paragraph--type-cover-slider .media--blazy:after,
.teaser-spotlight:hover .blazy--field-default .media--blazy:after, .video-spotlight:hover .paragraph--type-cover-slider .media--blazy:after,
.video-spotlight:hover .blazy--field-default .media--blazy:after {
  top: 0;
}
.teaser-spotlight:hover .description .tween-up, .video-spotlight:hover .description .tween-up {
  -webkit-transform: translateY(0);
       -o-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.75, -0.5, 0, 1.75);
  transition: -webkit-transform 0.35s cubic-bezier(0.75, -0.5, 0, 1.75);
  -o-transition: -o-transform 0.35s cubic-bezier(0.75, -0.5, 0, 1.75);
  transition: transform 0.35s cubic-bezier(0.75, -0.5, 0, 1.75);
  transition: transform 0.35s cubic-bezier(0.75, -0.5, 0, 1.75), -webkit-transform 0.35s cubic-bezier(0.75, -0.5, 0, 1.75), -o-transform 0.35s cubic-bezier(0.75, -0.5, 0, 1.75);
}

/* vision homepage*/
.vision-wrapper-main {
  background: rgba(255, 255, 255, 0);
  -webkit-transition: all ease 0.35s;
  -o-transition: all ease 0.35s;
  transition: all ease 0.35s;
}
.vision-wrapper-main .arrows {
  background-position: -105px center;
  -webkit-transition: all ease 0.35s;
  -o-transition: all ease 0.35s;
  transition: all ease 0.35s;
}
.vision-wrapper-main:hover {
  background: rgb(255, 255, 255);
  border-radius: 8px;
  -webkit-box-shadow: 0px 5px 2px 0px rgba(68, 68, 68, 0.0117647059);
          box-shadow: 0px 5px 2px 0px rgba(68, 68, 68, 0.0117647059);
  -webkit-box-shadow: 0px 3px 2px 0px rgba(68, 68, 68, 0.031372549);
          box-shadow: 0px 3px 2px 0px rgba(68, 68, 68, 0.031372549);
  -webkit-box-shadow: 0px 0px 1px 0px rgba(68, 68, 68, 0.0588235294);
          box-shadow: 0px 0px 1px 0px rgba(68, 68, 68, 0.0588235294);
}
.vision-wrapper-main:hover .arrows {
  background-position: 0 center;
}
@media (min-width: 48rem) {
  .vision-wrapper-main .scrolled #navbar-top,
  .vision-wrapper-main .scrolled #navbar-main {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 100;
  }
  .vision-wrapper-main .scrolled #navbar-main {
    top: 72px;
  }
  .vision-wrapper-main .scrolled.user-logged-in #navbar-top {
    top: 78px;
  }
  .vision-wrapper-main .scrolled.user-logged-in #navbar-main {
    top: 167px;
  }
}
.vision-wrapper-main .bg-offset {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60.56%, #fff), color-stop(92.19%, #F2F2F2));
  background: -webkit-linear-gradient(top, #fff 60.56%, #F2F2F2 92.19%);
  background: -o-linear-gradient(top, #fff 60.56%, #F2F2F2 92.19%);
  background: linear-gradient(180deg, #fff 60.56%, #F2F2F2 92.19%);
  -webkit-box-shadow: 0px -15px 34px 0px rgba(36, 36, 36, 0.0196078431);
          box-shadow: 0px -15px 34px 0px rgba(36, 36, 36, 0.0196078431);
  -webkit-box-shadow: 0px -61px 61px 0px rgba(36, 36, 36, 0.0196078431);
          box-shadow: 0px -61px 61px 0px rgba(36, 36, 36, 0.0196078431);
  -webkit-box-shadow: 0px -138px 83px 0px rgba(36, 36, 36, 0.0117647059);
          box-shadow: 0px -138px 83px 0px rgba(36, 36, 36, 0.0117647059);
  -webkit-box-shadow: 0px -245px 98px 0px rgba(36, 36, 36, 0);
          box-shadow: 0px -245px 98px 0px rgba(36, 36, 36, 0);
  -webkit-box-shadow: 0px -382px 107px 0px rgba(36, 36, 36, 0);
          box-shadow: 0px -382px 107px 0px rgba(36, 36, 36, 0);
  padding: 3rem;
  border-radius: 8px;
  border-end-start-radius: 0;
  border-end-end-radius: 0;
  position: relative;
  margin-top: -4.6875rem;
  margin-bottom: 3rem;
}
.vision-wrapper-main .user-logged-in .bg-offset {
  margin-top: 0;
}
.vision-wrapper-main .vision-wrapper {
  background: rgba(255, 255, 255, 0);
  -webkit-transition: all ease 0.35s;
  -o-transition: all ease 0.35s;
  transition: all ease 0.35s;
}
.vision-wrapper-main .vision-wrapper .arrows {
  background-position: -105px center;
  -webkit-transition: all ease 0.35s;
  -o-transition: all ease 0.35s;
  transition: all ease 0.35s;
}
.vision-wrapper-main .vision-wrapper:hover {
  background: rgb(255, 255, 255);
  border-radius: 8px;
  -webkit-box-shadow: 0px 5px 2px 0px rgba(68, 68, 68, 0.0117647059);
          box-shadow: 0px 5px 2px 0px rgba(68, 68, 68, 0.0117647059);
  -webkit-box-shadow: 0px 3px 2px 0px rgba(68, 68, 68, 0.031372549);
          box-shadow: 0px 3px 2px 0px rgba(68, 68, 68, 0.031372549);
  -webkit-box-shadow: 0px 0px 1px 0px rgba(68, 68, 68, 0.0588235294);
          box-shadow: 0px 0px 1px 0px rgba(68, 68, 68, 0.0588235294);
}
.vision-wrapper-main .vision-wrapper:hover .vision-image img {
  border: 3px solid #B3C2E3;
  background: #E6EFFB;
}
.vision-wrapper-main .vision-wrapper:hover .arrows {
  background-position: 0 center;
}
.vision-wrapper-main .vision-text {
  font-size: 1.75rem;
  color: var(--bs-primary);
  position: relative;
  padding-left: 1.5rem;
  border-left: 4px solid #418FDE;
}
.vision-wrapper-main .vision-text .vision-label {
  text-transform: uppercase;
  color: #418FDE;
  font-size: 1.25rem;
}
.vision-wrapper-main .vision-image {
  margin-right: 1.5rem;
}
.vision-wrapper-main .vision-image img {
  border: 3px solid rgba(179, 194, 227, 0);
  border-radius: 100%;
}
.vision-wrapper-main .vision-desc {
  font-size: 1.25rem;
}
.vision-wrapper-main .vision-desc .yellow-arrow {
  background-image: url("data:image/svg+xml,%3Csvg width='147' height='26' viewBox='0 0 147 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 13.2422C0 12.1376 0.895431 11.2422 2 11.2422H142V15.2422H2C0.895432 15.2422 0 14.3468 0 13.2422Z' fill='%23FFB81C'/%3E%3Crect x='133.828' y='0.21875' width='18' height='4' rx='2' transform='rotate(45 133.828 0.21875)' fill='%23FFB81C'/%3E%3Crect x='131' y='22.9453' width='18' height='4' rx='2' transform='rotate(-45 131 22.9453)' fill='%23FFB81C'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  min-width: 146px;
  height: 25px;
  position: relative;
  margin-top: 1rem;
}
.vision-wrapper-main .vision-desc .green-arrow {
  background-image: url("data:image/svg+xml,%3Csvg width='147' height='26' viewBox='0 0 147 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 13.2422C0 12.1376 0.895431 11.2422 2 11.2422H142V15.2422H2C0.895432 15.2422 0 14.3468 0 13.2422Z' fill='%235CB8B2'/%3E%3Crect x='133.828' y='0.21875' width='18' height='4' rx='2' transform='rotate(45 133.828 0.21875)' fill='%235CB8B2'/%3E%3Crect x='131' y='22.9453' width='18' height='4' rx='2' transform='rotate(-45 131 22.9453)' fill='%235CB8B2'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  min-width: 146px;
  height: 25px;
  position: relative;
  margin-top: 1rem;
}
.vision-wrapper-main .vision-desc .red-arrow {
  background-image: url("data:image/svg+xml,%3Csvg width='147' height='26' viewBox='0 0 147 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 13.2422C0 12.1376 0.895431 11.2422 2 11.2422H142V15.2422H2C0.895432 15.2422 0 14.3468 0 13.2422Z' fill='%23FF671F'/%3E%3Crect x='133.828' y='0.21875' width='18' height='4' rx='2' transform='rotate(45 133.828 0.21875)' fill='%23FF671F'/%3E%3Crect x='131' y='22.9453' width='18' height='4' rx='2' transform='rotate(-45 131 22.9453)' fill='%23FF671F'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  min-width: 146px;
  height: 25px;
  position: relative;
  margin-top: 1rem;
}
.vision-wrapper-main .select2-dropdown {
  z-index: 9999;
}


/* teaser-default */
.teaser-default {
  border-radius: 8px;
  overflow: hidden;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(68, 68, 68, 0.0588235294), 0px 6px 6px 0px rgba(68, 68, 68, 0.0509803922), 0px 14px 9px 0px rgba(68, 68, 68, 0.031372549), 0px 26px 10px 0px rgba(68, 68, 68, 0.0117647059), 0px 40px 11px 0px rgba(68, 68, 68, 0);
          box-shadow: 0px 2px 4px 0px rgba(68, 68, 68, 0.0588235294), 0px 6px 6px 0px rgba(68, 68, 68, 0.0509803922), 0px 14px 9px 0px rgba(68, 68, 68, 0.031372549), 0px 26px 10px 0px rgba(68, 68, 68, 0.0117647059), 0px 40px 11px 0px rgba(68, 68, 68, 0);
}
.teaser-default .article-detail {
  background: var(--bs-white);
}
.teaser-default .tag {
  padding: 0.375rem 1rem;
  border: 2px solid rgb(0, 51, 160);
  border-radius: 50px;
  font-size: 0.8125rem;
  font-weight: 600;
}

/* user logged in offset*/
.user-logged-in .bg-offset {
  margin-top: 0;
}

/* BTN ICON */
.btnIcon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  letter-spacing: 0.0625rem;
}
.btnIcon:after {
  content: "";
  background-image: url("data:image/svg+xml, %3Csvg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M7.93828 15.2682L7.85039 15.1873L1.69102 9.4674C0.611719 8.46545 0 7.0592 0 5.58615V5.47014C0 2.99514 1.75781 0.871699 4.19062 0.407637C5.57578 0.140449 6.99258 0.460371 8.12109 1.2549C8.4375 1.4799 8.73281 1.74006 9 2.03889C9.14766 1.87014 9.30586 1.71545 9.47461 1.57131C9.60469 1.45881 9.73828 1.35334 9.87891 1.2549C11.0074 0.460371 12.4242 0.140449 13.8094 0.404121C16.2422 0.868184 18 2.99514 18 5.47014V5.58615C18 7.0592 17.3883 8.46545 16.309 9.4674L10.1496 15.1873L10.0617 15.2682C9.77344 15.5354 9.39375 15.6865 9 15.6865C8.60625 15.6865 8.22656 15.5389 7.93828 15.2682ZM8.40586 3.90568C8.3918 3.89514 8.38125 3.88107 8.3707 3.86701L7.74492 3.16389L7.74141 3.16037C6.9293 2.24982 5.70234 1.83498 4.50703 2.0635C2.86875 2.37639 1.6875 3.80373 1.6875 5.47014V5.58615C1.6875 6.58811 2.10586 7.54787 2.84063 8.2299L9 13.9498L15.1594 8.2299C15.8941 7.54787 16.3125 6.58811 16.3125 5.58615V5.47014C16.3125 3.80725 15.1312 2.37639 13.4965 2.0635C12.3012 1.83498 11.0707 2.25334 10.2621 3.16037C10.2621 3.16037 10.2621 3.16037 10.2586 3.16389C10.2551 3.1674 10.2586 3.16389 10.2551 3.1674L9.6293 3.87053C9.61875 3.88459 9.60469 3.89514 9.59414 3.9092C9.43594 4.0674 9.22148 4.15529 9 4.15529C8.77852 4.15529 8.56406 4.0674 8.40586 3.9092V3.90568Z' fill='%23444444' /%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  width: 20px;
  height: 16px;
  display: inline-block;
  margin-left: 0.5rem;
}

.btnRead {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.btnRead:after {
  content: "";
  background-image: url("data:image/svg+xml, %3Csvg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M12.375 2.375H14.625C15.2473 2.375 15.75 2.87773 15.75 3.5V12.5C15.75 13.1223 15.2473 13.625 14.625 13.625H12.375C11.7527 13.625 11.25 14.1277 11.25 14.75C11.25 15.3723 11.7527 15.875 12.375 15.875H14.625C16.4883 15.875 18 14.3633 18 12.5V3.5C18 1.63672 16.4883 0.125 14.625 0.125H12.375C11.7527 0.125 11.25 0.627734 11.25 1.25C11.25 1.87227 11.7527 2.375 12.375 2.375ZM12.0445 8.79453C12.484 8.35508 12.484 7.64141 12.0445 7.20195L7.54453 2.70195C7.10508 2.2625 6.39141 2.2625 5.95195 2.70195C5.5125 3.14141 5.5125 3.85508 5.95195 4.29453L8.53242 6.875H1.125C0.502734 6.875 0 7.37773 0 8C0 8.62227 0.502734 9.125 1.125 9.125H8.53242L5.95195 11.7055C5.5125 12.1449 5.5125 12.8586 5.95195 13.298C6.39141 13.7375 7.10508 13.7375 7.54453 13.298L12.0445 8.79805V8.79453Z' fill='%230033a0' /%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  width: 20px;
  height: 16px;
  margin-left: 0.5rem;
  display: inline-block;
}
.btnRead:hover:after {
  background-image: url("data:image/svg+xml, %3Csvg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M12.375 2.375H14.625C15.2473 2.375 15.75 2.87773 15.75 3.5V12.5C15.75 13.1223 15.2473 13.625 14.625 13.625H12.375C11.7527 13.625 11.25 14.1277 11.25 14.75C11.25 15.3723 11.7527 15.875 12.375 15.875H14.625C16.4883 15.875 18 14.3633 18 12.5V3.5C18 1.63672 16.4883 0.125 14.625 0.125H12.375C11.7527 0.125 11.25 0.627734 11.25 1.25C11.25 1.87227 11.7527 2.375 12.375 2.375ZM12.0445 8.79453C12.484 8.35508 12.484 7.64141 12.0445 7.20195L7.54453 2.70195C7.10508 2.2625 6.39141 2.2625 5.95195 2.70195C5.5125 3.14141 5.5125 3.85508 5.95195 4.29453L8.53242 6.875H1.125C0.502734 6.875 0 7.37773 0 8C0 8.62227 0.502734 9.125 1.125 9.125H8.53242L5.95195 11.7055C5.5125 12.1449 5.5125 12.8586 5.95195 13.298C6.39141 13.7375 7.10508 13.7375 7.54453 13.298L12.0445 8.79805V8.79453Z' fill='white' /%3E%3C/svg%3E%0A");
}

/* CSS FROM style.scss */
.two-column-image.field__item{
	/*width:unset;*/
	grid-column: span 1;
}

.flexGrid.-two-column.field__item{
	width: unset;
	grid-column: span 6;
}

/*FLEXGRID TWO COLUMN */
.flexGrid.-twocolumn .division {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 0;
}
.flexGrid.-twocolumn .division > .field__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 50%;
      -ms-flex: 0 50%;
          flex: 0 50%;
  position: relative;
  margin-bottom: 2rem;
}
.flexGrid.-twocolumn .division > .field__item .field--type-image {
  float: none;
  margin: 0;
}
.flexGrid.-twocolumn .views-element-container {
  width: 100%;
}
.flexGrid.-twocolumn .view-content.row {
  margin: 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.flexGrid.-twocolumn .view-content.row .views-row {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.3%;
      -ms-flex: 0 0 33.3%;
          flex: 0 0 33.3%;
  position: relative;
  margin-bottom: 2rem;
}
.flexGrid.-twocolumn .view-content.row .views-row .layout__region.layout__region--content {
  padding: 0 1.5rem;
}
.flexGrid.-twocolumn .view-content.row .views-row .field--type-image {
  float: none;
  margin: 0;
}
@media all and (max-width: 40rem) {
  .flexGrid.-twocolumn {
    display: block;
  }
  .flexGrid.-twocolumn .view-content.row {
    display: block;
  }
  .flexGrid.-twocolumn .row.division {
    display: block;
  }
}




/* .flexGrid.fullwidth */
.flexGrid.fullwidth{
	   width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

/* Related content cCard */
.related-resources-wrapper .card{
	height:100%;
}

.card .video-embed-field-launch-modal{
	position:relative;
}

/* procurement opportunities */
.procurement-table .view-content {
  margin: 0;
}
.procurement-table .view-content > div {
  width: 100%;
}
.procurement-table .table-head-procurement {
  display: grid;
  grid-template-columns: 140px 1fr 1fr;
  border-bottom: 3px solid #0035ad;
  padding-bottom: 1rem;
  padding-left: 0;
  gap: 16px;
}
.procurement-table .table-head-procurement .label {
  font-size: 0.875rem;
  opacity: 0.5;
}
@media all and (max-width: mobile) {
  .procurement-table .table-head-procurement .label {
    font-size: 0.75rem;
  }
}
.procurement-table .table-row {
  grid-template-columns: 140px 1fr 1fr;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
}
.procurement-table .table-row .label {
  display: inline;
  font-size: 75%;
  font-weight: 700;
  padding-right: unset;
  text-align: initial;
  line-height: initial;
  color: #000;
  white-space: initial;
  vertical-align: initial;
  border-radius: initial;
  padding: 0;
}
.procurement-table .table-row li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.procurement-table .table-row li.details {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}
.procurement-table .details .data {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 50%;
      -ms-flex: 0 50%;
          flex: 0 50%;
  margin-bottom: 1.5rem;
  padding-right: 1.5rem;
}
.procurement-table .details .data:before {
  font-size: 70% !important;
  color: rgba(0, 0, 0, 0.3) !important;
}
.procurement-table.-seven-columns {
  display: grid;
}
.procurement-table.-seven-columns > .table-head-procurement {
  grid-template-columns: 90px 2fr 2fr 1fr 1fr 2fr;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.procurement-table.-seven-columns > .table-head-procurement > .label {
  padding-right: 2rem;
}
.procurement-table.-seven-columns > .table-row {
  grid-template-columns: 90px 2fr 2fr 1fr 1fr 2fr;
}
.procurement-table.-seven-columns > .table-row > .posting-no {
  letter-spacing: 0;
}
.procurement-table.-seven-columns > .table-row > .specifics {
  line-height: 1.6;
}
.procurement-table.-seven-columns > .table-row > .details > .data {
  padding-right: 2rem;
}
.procurement-table.-seven-columns > .table-row > .details > .data:before {
  font-size: 0.75rem;
  letter-spacing: normal;
}
.procurement-table.-seven-columns > .table-row > li {
  padding-right: 2rem;
}
@media all and (max-width: 40rem) {
  .procurement-table .table-row {
    display: grid;
    grid-template-columns: 125px 1fr;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    grid-row-gap: 24px;
  }
  .procurement-table .table-row * {
    padding-right: unset;
  }
  .procurement-table .table-row > .details {
    grid-column: 2/3;
  }
  .procurement-table .table-row > .details > .data {
    border-bottom: 0;
  }
}



.table-row {
  display: grid;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 1rem 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.table-row:hover {
  background: rgba(0, 0, 0, 0.02);
}
.table-row:last-of-type {
  border-bottom: 0;
}

.procurement-table.table-to-card .table-row, .procurement-table.table-to-card .table-head-procurement{
	grid-template-columns: 1fr 1fr;
}

.preamble:before, .procurement-table .details .data:before {
  font-size: 30%;
  content: attr(data-preamble);
  color: rgb(65, 143, 222);
  display: block;
  font-size: 50%;
  text-transform: uppercase;
  padding-bottom: 0.5rem;
}

/* homepage featured news */
.homepage-news .teaser-default.mb-5, .homepage-news .teaser-default.block-content-block_desc_and_box, .homepage-news .teaser-default#block-phoenix-donateblock, .homepage-news .teaser-default.paragraph--type--total-funding, .homepage-news .paragraph--type--collection-icon-and-description .teaser-default.field--name-field-icon-and-description-items, .paragraph--type--collection-icon-and-description .homepage-news .teaser-default.field--name-field-icon-and-description-items, .homepage-news .teaser-default.paragraph--type--our-partnership, .homepage-news .paragraph--type--objective-cards .teaser-default.field--name-field-objective-cards, .paragraph--type--objective-cards .homepage-news .teaser-default.field--name-field-objective-cards, .homepage-news .teaser-default.paragraph--type--graph-and-icon-description, .homepage-news .teaser-default.paragraph--type--international-events {
  margin-bottom: 0 !important;
  height: 100%;
  overflow: hidden;
}
.homepage-news .article-detail {
  background: var(--bs-white);
  height: 100%;
}
.homepage-news .layout--onecol, .homepage-news .layout__region--content {
  height: 100%;
}

.featured-pages-section{
  margin-top: 0.275rem !important;
  margin-bottom: 0.275rem;
}

/* banner DG */
.page-banner .banner.-dg-main {
  padding-top: 5rem;
  margin-bottom: 9.25rem;
  margin-top: 1.125rem;
  position: relative;
  color: var(--bs-white);
}
.page-banner .banner.-dg-main .media--blazy {
  border-radius: 24px;
}
/*@media (min-width: 64rem) {*/
/*  .page-banner .banner.-dg-main .media--blazy {*/
/*    padding-bottom: 60.59% !important;*/
/*    margin-bottom: -6.25rem;*/
/*  }*/
/*}*/
.page-banner .banner.-dg-main .media--blazy:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.2418 1.27813L4.87617 2.375H2.25C1.00898 2.375 0 3.38398 0 4.625V13.625C0 14.866 1.00898 15.875 2.25 15.875H15.75C16.991 15.875 18 14.866 18 13.625V4.625C18 3.38398 16.991 2.375 15.75 2.375H13.1238L12.7582 1.27813C12.5297 0.589063 11.8863 0.125 11.1586 0.125H6.84141C6.11367 0.125 5.47031 0.589063 5.2418 1.27813ZM9 5.75C9.89511 5.75 10.7536 6.10558 11.3865 6.73851C12.0194 7.37145 12.375 8.22989 12.375 9.125C12.375 10.0201 12.0194 10.8786 11.3865 11.5115C10.7536 12.1444 9.89511 12.5 9 12.5C8.10489 12.5 7.24645 12.1444 6.61351 11.5115C5.98058 10.8786 5.625 10.0201 5.625 9.125C5.625 8.22989 5.98058 7.37145 6.61351 6.73851C7.24645 6.10558 8.10489 5.75 9 5.75Z' fill='white'/%3E%3C/svg%3E%0A");
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
  width: 24px;
  height: 24px;
  padding: 1.1875rem;
  border-radius: 100%;
  background-color: rgba(34, 34, 34, 0.8);
  bottom: 16px;
  left: 16px;
}
.page-banner .banner.-dg-main .bg {
  position: absolute;
  z-index: -1;
  top: 0;
  width: 70%;
  height: 100%;
  max-height: 425px;
  background-color: var(--bs-primary);
  
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
          background-size: cover;
}
.page-banner .banner.-dg-main._invert {
  color: var(--bs-gray-dark);
}
.page-banner .banner.-dg-main._invert .h1 {
  color: var(--bs-primary);
}
.page-banner .banner.-dg-main._invert .bg {
  background-color: var(--bs-white);
  color: var(--bs-gray-dark);
}
.page-banner .banner.-dg-main._invert .bg:before {
  content: "";
  background: var(--bs-white);
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  top: 0;
  left: 0;
}

/* content List */
/*.view-content-list .thumbnail-wrapper .media--image{*/
/*	width:150px;*/
/*}*/

/* Reousrces header */
/*.sticky-sidebar .content-block .related-resources-wrapper .division{*/
/*	grid-template-columns: repeat(12, 1fr);*/
/*}*/

/* related press release */
.related-resources-wrapper > div > .container > .row.division > .field__item .layout--onecol,
.related-resources-wrapper > div > .container > .row.division > .field__item .layout__region--content,
.related-resources-wrapper > div > .container > .row.division > .field__item .teaser-default.mb-5{
	height: 100%;
}

/* news page */
.news-full .timestamp .tag, .news-full .timestamp .date, .node--type-press-release.node--view-mode-full .timestamp .tag, .node--type-press-release.node--view-mode-full .timestamp .date {
  font-size: 0.875rem;
}
.news-full .slick > div, .node--type-press-release.node--view-mode-full .slick > div {
  margin: 0;
}
.news-full .photo-slider, .node--type-press-release.node--view-mode-full .photo-slider {
  max-width: unset;
}
.news-full .slide__description, .node--type-press-release.node--view-mode-full .slide__description {
  font-size: 0.875rem;
  color: #444;
}


.-news.-sidebar > * {
  background: var(--bs-white);
  padding: 1.5rem;
  margin-bottom: 1rem;
  border-radius: 8px;
  -webkit-box-shadow: 0px 0px 1px 0px rgba(163, 163, 163, 0.0588235294), 0px 1px 1px 0px rgba(163, 163, 163, 0.0509803922), 0px 3px 2px 0px rgba(163, 163, 163, 0.031372549), 0px 5px 2px 0px rgba(163, 163, 163, 0.0117647059), 0px 8px 2px 0px rgba(163, 163, 163, 0);
          box-shadow: 0px 0px 1px 0px rgba(163, 163, 163, 0.0588235294), 0px 1px 1px 0px rgba(163, 163, 163, 0.0509803922), 0px 3px 2px 0px rgba(163, 163, 163, 0.031372549), 0px 5px 2px 0px rgba(163, 163, 163, 0.0117647059), 0px 8px 2px 0px rgba(163, 163, 163, 0);
}

.related-content .layout--onecol,
.related-content .layout__region--content {
  height: 100%;
}

.block-views-blockfeatured-news-related {
  margin-top: 2rem;
  position: relative;
}
.block-views-blockfeatured-news-related .more-link a{
	top: -66px;
	right: 23px;
}

.block-views-blockfeatured-news-related h2, .block-views-blockfeatured-news-related .h2 {
  font-size: 1.25rem;
  text-transform: uppercase;
  color: var(--bs-primary);
  margin-bottom: 2rem;
}

.block-views-blockfeatured-news-related .teaser-default.mb-5, .block-views-blockfeatured-news-related .teaser-default.block-content-block_desc_and_box, .block-views-blockfeatured-news-related .teaser-default#block-phoenix-donateblock, .block-views-blockfeatured-news-related .teaser-default.paragraph--type--total-funding, .block-views-blockfeatured-news-related .paragraph--type--collection-icon-and-description .teaser-default.field--name-field-icon-and-description-items, .paragraph--type--collection-icon-and-description .block-views-blockfeatured-news-related .teaser-default.field--name-field-icon-and-description-items, .block-views-blockfeatured-news-related .teaser-default.paragraph--type--our-partnership, .block-views-blockfeatured-news-related .paragraph--type--objective-cards .teaser-default.field--name-field-objective-cards, .paragraph--type--objective-cards .block-views-blockfeatured-news-related .teaser-default.field--name-field-objective-cards, .block-views-blockfeatured-news-related .teaser-default.paragraph--type--graph-and-icon-description, .block-views-blockfeatured-news-related .teaser-default.paragraph--type--international-events {
  margin-bottom: 0 !important;
  height: 100%;
}

/* related SDG Goals */
.sdg-item img {
  width: 100%;
  height: 100%;
}

/* Video popup */
.video-pop-up .title{
	cursor: pointer;
}

/* ckeditor accordion  */
.ckeditor-accordion-container > dl dd{
	padding: 0 0.9375rem 0.9375rem;
}

/* homepage campaign*/

.-homepage-campaign .card-title {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding-bottom: 0.125rem;
}
.-homepage-campaign .teaser-default {
  margin-bottom: 1.875rem;
}
.-homepage-campaign .teaser-default .article-detail {
  min-height: 140px;
}
.-homepage-campaign .edit-link {
  position: absolute;
  top: 0;
  right: 0;
}
.-homepage-campaign .field--name-node-link a {
  padding: 0.5rem 1rem;
  font-weight: bolder;
  display: inline-block;
}
.-homepage-campaign .field--name-node-link {
  text-align: right;
}

.-homepage-campaign .flexslider {
  margin: 0;
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.-homepage-campaign .flexslider.optionset-campaign .slides {
  height: auto;
}
.-homepage-campaign .flexslider.optionset-campaign .slides > li {
  height: auto;
  position: relative;
  margin-left: -0.00625rem;
}
.-homepage-campaign .flexslider .flex-direction-nav .flex-prev {
  left: -32px;
}
.-homepage-campaign .flexslider .flex-direction-nav .flex-next {
  right: -32px;
}
.-homepage-campaign .flexslider .flex-direction-nav a {
  opacity: 0.5;
  background-color: var(--bs-primary);
  color: var(--bs-white);
  margin: auto 2rem;
  -webkit-transition: opacity 300ms cubic-bezier(0.42, 0, 0, 1.01) 65ms;
  -o-transition: opacity 300ms cubic-bezier(0.42, 0, 0, 1.01) 65ms;
  transition: opacity 300ms cubic-bezier(0.42, 0, 0, 1.01) 65ms;
  text-indent: 100px;
  text-align: unset;
  overflow: hidden;
  top: calc(50% - 30px);
  display: block;
}
.-homepage-campaign .flexslider .flex-direction-nav a.flex-prev:before, .-homepage-campaign .flexslider .flex-direction-nav a.slick-prev:before, .-homepage-campaign .flexslider .flex-direction-nav a.flex-next:before, .-homepage-campaign .flexslider .flex-direction-nav a.slick-next:before {
  content: "";
  width: 8px;
  height: 14px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-repeat: no-repeat;
}
.-homepage-campaign .flexslider .flex-direction-nav a.flex-prev:before, .-homepage-campaign .flexslider .flex-direction-nav a.slick-prev:before {
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.39209 6.20811C-0.0473633 6.64756 -0.0473633 7.36123 0.39209 7.80068L6.01709 13.4257C6.45654 13.8651 7.17021 13.8651 7.60967 13.4257C8.04912 12.9862 8.04912 12.2726 7.60967 11.8331L2.7792 7.00264L7.60615 2.17217C8.04561 1.73271 8.04561 1.01904 7.60615 0.57959C7.1667 0.140137 6.45303 0.140137 6.01357 0.57959L0.388574 6.20459L0.39209 6.20811Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
}
.-homepage-campaign .flexslider .flex-direction-nav a.flex-next:before, .-homepage-campaign .flexslider .flex-direction-nav a.slick-next:before {
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.60967 6.20811C8.04912 6.64756 8.04912 7.36123 7.60967 7.80068L1.98467 13.4257C1.54521 13.8651 0.831543 13.8651 0.39209 13.4257C-0.0473633 12.9862 -0.0473633 12.2726 0.39209 11.8331L5.22256 7.00264L0.395605 2.17217C-0.0438477 1.73271 -0.0438477 1.01904 0.395605 0.57959C0.835059 0.140137 1.54873 0.140137 1.98818 0.57959L7.61318 6.20459L7.60967 6.20811Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
}
.-homepage-campaign .flexslider:hover .flex-next,
.-homepage-campaign .flexslider:hover .flex-prev {
  opacity: 1;
}
@media all and (max-width: 40rem) {
  .-homepage-campaign .flexslider .flex-direction-nav {
    display: block;
  }
}
@media all and (max-width: 40rem) {
  .-homepage-campaign {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.flex-nav-buttom-right .flex-direction-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.flex-nav-buttom-right .flex-nav-prev {
  margin-right: 0.625rem;
}
.flex-nav-buttom-right .flexslider .flex-direction-nav a {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  border-radius: 8px;
  margin: 0;
}
.flex-nav-buttom-right .flexslider .flex-direction-nav a.flex-prev {
  left: 0;
}
.flex-nav-buttom-right .flexslider .flex-direction-nav a.flex-next {
  right: 0;
}
.flex-nav-buttom-right .flexslider .flex-direction-nav a.flex-disabled {
  display: block;
  opacity: .5 !important;
  left: 0;
  right: 0;
}

/* teaser zoom */
.content-zoom {
  -webkit-transition: all ease 0.35s;
  -o-transition: all ease 0.35s;
  transition: all ease 0.35s;
}

/* main menu image */
.header #navbar-main .menu--headermenus .main-megamenu ul li.nav-item .mega-menu .menu-featured-image-block{
	border-radius: 8px;
	overflow:hidden;
}

/* related content inner wrap */

.related-content-inner-wrap{
	margin-bottom: 48px;
}

/* views-block title */
.field--name-field-block-reference .block-views > h2{
	color: #0033A0;
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 24px;
    text-transform: uppercase;
}

/* banner child */
.page-banner .banner.-child{
	margin-bottom: 4rem;
}

@media all and (max-width: 640px){
	.page-banner .banner.-child .top.copyright-wrapper{
		bottom: 49%;
    left: 0;
    top: unset;
    width: 100%;
    border-radius: 0;
	}
}

/* video thumbnail*/
.image-wrapper .field--name-field-default{
	z-index: 1;
}


/* mobile related sdgs*/
@media all and (max-width: 767px){
	.view-sdgs-sorted .grid{
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 12px !important;
	}
}


/* graph legends */
@media all and (max-width: 769px){
	.notes{
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
	}
	.notes .field-value-value:before{
		margin-left:0;
	}
}

.paragraph--type--donors-list .notes .legend, .paragraph--type--donors-list .notes .unearmarked{
	display: none;
}

.notes .field-title-value:before{
	content: '';
  width: 16px;
  height: 16px;
  display: inline-block;
  border-radius: 4px;
  margin-right: 10px;
  background: var(--IOM-Gradient, linear-gradient(90deg, #418FDE 0%, #0033A0 100%));
}

.notes .field-value-value:before{
	content: '';
  margin-left: 0.9375rem;
  width: 16px;
  height: 16px;
  display: inline-block;
  margin-right: 10px;
  border-radius: 4px;
  background: var(--Colors-Secondary-Yellow-Secondary-Yellow, #FFB81C);
}




/* related content */

.page-node-189846 .related-content-inner-wrap .row.division .field__item .layout__region.layout__region--content{
	position: relative;
	overflow: hidden;
	border-radius: 8px; 
}

.page-node-189846 .related-content-inner-wrap .thumbnail-wrapper{
	margin-bottom: 0;
}

.page-node-189846 .related-content-inner-wrap .row.division .field__item .layout__region.layout__region--content .field--name-node-title{
	position: absolute;
	color: var(--bs-white);
	bottom: 0;
	width: 100%;
	padding: 32px 32px 16px 32px;
	z-index: 1;
}

.page-node-189846 .related-content-inner-wrap .row.division .field__item .layout__region.layout__region--content .field--name-node-title a{
	color: var(--bs-white);
}
.page-node-189846 .related-content-inner-wrap .row.division .field__item .layout__region.layout__region--content .field--name-node-title:after{
	content: '';
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
}



/* MENU card button */
.header #navbar-main .menu--headermenus .main-megamenu ul li.nav-item .mega-menu .col-xl-3 .title-btn a{
	font-weight: 700;
}

/* IOM Director General latest statement */
.flexGrid.-two-column .division > .field__item .field--name-node-title .h5{
	padding-top:48px !important;
	padding-bottom: 48px !important;
}

/* breadcrumb */
.breadcrumb li.breadcrumb-item a, .breadcrumb li.breadcrumb-item.active{
	max-width: none;
}

@media screen and (max-width: 575px){
	.breadcrumb li.breadcrumb-item a, .breadcrumb li.breadcrumb-item.active{
		max-width: unset !important;
	}
}

/* DG breadcrumb */
.page-node-157431 .breadcrumb-wrapper{
	box-shadow: none;
}

.page-node-157431 .page-banner .banner.-dg-main{
	margin-top: 0;
}

.block-system-main-block{
	margin-top: 24px;
}

@media screen and (min-width: 48rem){
	body .header #navbar-main .menu--headermenus .main-megamenu ul li.nav-item .mega-menu #wherewework{
		overflow-y: hidden;
	}
}

/* teaser edit link */
.search .edit-link, .related-resources-wrapper .edit-link{
  right: 15px;
  background: rgba(0,0,0,0.3);
  padding: 2px 8px;
}