.clearfix::before, .clearfix::after {
  content: "";
  display: table;
}
.clearfix::after {
  clear: both;
}
.clearfix::before, .clearfix::after {
  content: "";
  display: table;
}
.clearfix::after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

body.page-node-type-ct-resource-pages,
body.path-icpd {
  background-color: #ffffff;
}

.max_wrapper.center-aligned-wrapper,
.max-wrapper.mx-auto {
  color: #000000;
  font-size: 14px;
  margin: 0 auto;
  max-width: 980px;
  padding: 0 25px 25px;
  position: relative;
  box-sizing: content-box;
}

#page-title {
  color: #5A5047;
  font-size: 34px;
  line-height: 40px;
  margin: 0 0 25px;
  padding: 0;
}

.page-title-wrapper #page-title {
  margin: 0 0 40px;
}

#overview-block,
#related-resources {
  float: left;
  width: 47%;
  margin-right: 3%;
  position: relative;
}

h2.pane-title {
  font-size: 22px;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  color: #5a5047;
  padding: 0 0 10px;
  margin: 0 0 35px;
  border-bottom: 1px solid #d9dac4;
  line-height: 28px;
  clear: left;
}

#overview-block .views-row .views-field-body p,
#overview-block .views-row .views-field-body {
  color: #000000;
  font-size: 16px;
  line-height: 22px;
}

#overview-block span.expand-topic {
  border-top: 1px dotted #181818;
  float: left;
  margin: 20px 0;
  padding-top: 20px;
  text-align: left;
  width: 100%;
}

#overview-block span.expand-topic.expanded-view {
  border-top: 0 none;
  padding-top: 0;
}

#topics-overview .expand-topic a {
  border: 1px solid #000000;
  border-radius: 4px;
  color: #000000;
  display: block;
  font-size: 14px;
  font-weight: normal;
  line-height: 16px;
  letter-spacing: 0.08em;
  margin: 0;
  max-width: 150px;
  padding: 1em 1em 1em 0;
  position: relative;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  outline: none;
}

#topics-overview #overview-block .expand-topic a.less {
  display: none;
}

#topics-overview .expand-topic a::after {
  content: "";
  position: absolute;
  right: 14px;
  top: 16px;
  width: 10px;
  height: 10px;
  background: url(../images/icon-arrow-down.svg) center center no-repeat;
}

#topics-overview .expand-topic a.less::after {
  content: "";
  position: absolute;
  right: 18px;
  top: 16px;
  width: 10px;
  height: 10px;
  background: url(../images/icon-arrow-up.svg) center center no-repeat;
}

#expanded-block h2.pane-title {
  display: none;
}

#expanded-block {
  margin-bottom: 25px;
}

#expanded-block h2 {
  font-size: 20px;
  color: #5a5047;
  margin: 30px 0 20px;
}
/*===========================================
SOF ICPD Global Survey country list popup css
=============================================*/

.popover-wrapper {
  display: inline-block;
  position: relative;
  width: 100%;
}

button.pencil {
  background-color: transparent;
  background-image: url("../images/pencil.png");
  background-position: 0 6px;
  background-repeat: no-repeat;
  border: 0 none;
  color: #0090c9;
  font-size: 14px;
  font-weight: 700;
  padding-left: 18px;
  outline: none;
}

button, input[type="button"] {
  cursor: pointer;
}

.popover-wrapper .thepopover .triangle-img {
  background: transparent url("../images/popover-triangle.png") no-repeat scroll center center;
  display: block;
  height: 18px;
  position: absolute;
  left: 5px;
  top: -13px;
  width: 32px;
}

.popover-wrapper .thepopover {
  background: #565656 none repeat scroll 0 0;
  display: none;
  position: absolute;
  border-radius: 3px;
  -moz-box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 0px 2px rgba(0, 0, 0, 0.15);
  padding: 20px 5% 5px 5%;
  top: 30px;
  width: 100%;
  z-index: 3;
}

.popover-wrapper .thepopover h4 {
  color: #df8312;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 18px;
  margin-bottom: 1em;
  margin-top: 0;
}

.popover-wrapper .thepopover ul {
  -moz-column-count: 4;
  float: left;
  list-style: outside none none;
  margin-bottom: 15px;
  width: 100%;
}

.popover-wrapper .thepopover li {
  width: 210px;
}

.thepopover li {
  display: inline-block;
  width: 225px;
}

.popover-wrapper .thepopover li a {
  color: #ffffff;
  font-size: 12px;
}

.popover-wrapper .info {
  float: right;
  font-size: 14px;
}
/*===========================================
EOF ICPD Global Survey country list popup css
=============================================*/

/*===============================
SOF ICPD Global Survey page css
=================================*/
.global-survey h1.title {
  text-align: center;
}

#icpd-survey-banner img {
  height: auto;
  width: 100%;
}

.icpd-survey-para {
  margin: 30px 0;
}

/*===============================
EOF ICPD Global Survey page css
=================================*/


/*===============================
SOF ICPD page css
=================================*/

#icpd-banner-tiles-images.icpd-banner-tiles-images-block {
  float: right;
  width: 50%;
}

.right-pane-content {
  float: right;
  width: 100%;
}

.left-col-tiles {
  float: left;
  width: 70%;
}

.child-tile {
  float: left;
  width: 50%;
}

.right-col-tiles {
  float: left;
  display: inline;
  width: 30%;
}

.tile-image {
  position: absolute;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.tile-overlay {
  margin: 2px;
  background: #fff;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition: opacity 0.3s ease, background 0.15s ease 0.15s;
  -moz-transition: opacity 0.3s ease, background 0.15s ease 0.15s;
  transition: opacity 0.3s ease, background 0.15s ease 0.15s;
  padding: 0 10px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  opacity: 0;
}

#primary-nav .tile-overlay {
  margin: 0;
}

.tile {
  position: relative;
  display: block;
  background: #f2f3f4;
  line-height: 20px;
}

.tile:hover .tile-overlay, .tile:focus .tile-overlay {
  opacity: 1;
}

.tile.tile-lightblue:hover .tile-overlay, .tile.tile-lightblue:focus .tile-overlay {
  background: rgba(0, 204, 255, 0.9);
}

.tile.tile-orange:hover .tile-overlay, .tile.tile-orange:focus .tile-overlay {
  background: rgba(242, 148, 46, 0.9);
}

.tile.tile-yellow:hover .tile-overlay, .tile.tile-yellow:focus .tile-overlay {
  background: rgba(250, 206, 65, 0.9);
}

.tile.tile-blue:hover .tile-overlay, .tile.tile-blue:focus .tile-overlay {
  background: rgba(47, 144, 201, 0.9);
}

.tile.tile-green:hover .tile-overlay, .tile.tile-green:focus .tile-overlay {
  background: rgba(133, 185, 58, 0.9);
}

.tile-first {
  height: 156px;
}

.tile-adah .tile-image {
  background-image: url('../images/bg-adah.jpg');
}

.tile-third {
  height: 208px;
}

.tile-farid .tile-image {
  background-image: url('../images/bg-farid.jpg');
  background-position: 45% center;
}

.tile-fourth {
  height: 104px;
}

.tile-tarkani .tile-image {
  background-image: url('../images/bg-tarkani.jpg');
  background-position: 45% center;
}

.tile-sixth {
  height: 156px;
}

.tile-jessaline .tile-image {
  background-image: url('../images/bg-jessaline.jpg');
  background-position: 45% center;
}

.tile-last {
  height: 260px;
}

.tile-marta .tile-image {
  background-image: url('../images/bg-marta.jpg');
  background-position: 45% center;
}

.tile-second {
  height: 156px;
}

.tile-mayors .tile-image {
  background-image: url('../images/bg-mayors.jpg');
  background-position: 45% center;
}

.tile-fifth {
  height: 364px;
}

.tile-waman .tile-image {
  background-image: url('../images/bg-waman.jpg');
  background-position: 45% center;
}

.valign {
  display: table;
  height: 100%;
  width: 100%;
}

.valign-cell {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
}

.valign-content {
  display: inline-block;
}

#icpd-banner-tiles-images figure,
.page-icpd figure {
  margin: 2px;
}

.heading-container{
  float: left;
  display: inline;
  margin-top: 0px;
}

.heading {
  display: block;
  text-decoration: none;
  font-family: Helvetica, Arial, sans-serif;
  line-height: 20px;
}

.primary-heading {
  text-transform: uppercase;
  font-size: 1.8em;
  font-weight: bold;
  color: rgba(47, 144, 201, 0.9);
}

.secondary-heading {
  text-transform: uppercase;
  font-weight: 500;
  color: black;
  font-size: 1.3em;
  line-height: 22px;
}

.small-heading {
  color: gray;
  font-size: 100%;
  margin-top: 20px;
  display: block;
}

.view-vw-resource-pages .pager-nav {
  width: 100%;
}

.view-vw-resource-pages .pager-nav ul li a:hover,
.publications-blk.view + nav.pager-nav ul li a:hover {
  background-color: transparent;
}

/*SOF Navigation bar css*/
.block-unfpa-global-icpd.block-navigation {
  position: relative;
}

#icpd-navigation-block {
  clear: both;
  display: inline-block;
  margin: 30px 0;
  width: 100%;
}

#icpd-nav-bar .icpd-nav-list {
  margin: 0 auto;
  padding: 0;
  width: 80%;
}

#icpd-nav-bar .icpd-nav-item {
  display: block;
  float: left;
  margin: 0 2%;
  min-height: 85px;
  text-align: center;
  vertical-align: top;
  width: 21%;
}

#icpd-nav-bar .icpd-nav-item > a {
  display: block;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  text-transform: uppercase;
  outline: none;
}

#icpd-nav-bar .icpd-nav-item a span.nav-item-icon {
  background-image: url('../images/icpd-nav-bar-circle-icon.png');
  background-repeat: no-repeat;
  background-position: center top;
  display: block;
  height: 28px;
  margin-bottom: 15px;
}

#icpd-nav-bar .icpd-nav-item a:hover span.nav-item-icon {
  background-position: center -32px;
}

/*EOF Navigation bar css*/

/*SOF bottom section blocks*/
.icpd-programme-action section {
  display: flex;
  flex-wrap: wrap;
}

.icpd-programme-action section .column-blocks {
  float: left;
  width: 49%;
}

.icpd-programme-action section .column-blocks:first-child {
  margin: 0 1% 0 0;
}

.icpd-programme-action section .column-blocks.left-block p {
  background-color: #d1d1d1;
  padding: 25px;
  text-align: center;
}

.icpd-programme-action section .column-blocks:last-child {
  margin: 0 0 0 1%;
}

.icpd-programme-action section .column-blocks iframe.media-youtube-player {
  height: 66% !important;
  width: 100%;
}

.icpd-programme-action section .column-blocks iframe.media-youtube-player + p {
  font-size: 12px;
  line-height: 18px;
}

.icpd-programme-action section .column-blocks h2 {
  font-size: 22px;
  border-bottom: 1px solid #d9dac4;
  padding: 0 0 10px;
  margin: 0 0 35px;
  color: #5a5047;
}
/*EOF bottom section blocks*/
/*===============================
EOF ICPD page css
=================================*/

.page-icpd .social-icons-container {
  margin-bottom: 25px;
}

.page-icpd .social a,
.page-icpd .social .social-icons {
  box-sizing: unset;
}

/*================================
SOF ICPD library page css
==================================*/

.view-icpd-resources.view-id-icpd_resources .view-filters {
  margin: 0 0 40px 0;
}

.view-icpd-resources.view-id-icpd_resources .view-content .views-row {
  border-bottom: 1px dotted #d9dac4;
  margin: 0 0 20px;
  padding: 0 0 20px;
}

.view-icpd-resources.view-id-icpd_resources .view-content .views-row.views-row-last {
  border-bottom: 0 none;
}

.view-icpd-resources.view-id-icpd_resources .view-content .views-row .views-field-field-resource-cover-image {
  float: left;
  margin: 0 2% 0 0;
  width: 18%;
}

.view-icpd-resources.view-id-icpd_resources .view-content .views-row .views-field-field-resource-cover-image img {
  border-radius: 3px;
  border: 1px solid #d2d2d2;
  -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
  box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
  height: auto;
  width: 100%;
  max-width: 180px;
}

.view-icpd-resources.view-id-icpd_resources .view-content .views-row .views-field-title {
  color: #0091ca;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
  margin: 10px 0;
}

.view-icpd-resources.view-id-icpd_resources .view-content .views-row .views-field-field-resource-date span.date-display-single {
  color: #de7300;
  display: block;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 14px;
  margin: 0 0 5px;
  padding: 0 0 5px;
}

.view-icpd-resources.view-id-icpd_resources .views-field-field-icpd-document-type .field-content {
  color: #666666;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 18px;
  text-transform: uppercase;
}

/*================================
EOF ICPD library page css
==================================*/

/*================================
SOF ICPD detail page css
==================================*/
.node-type-icpd-library-resource #detail-page-template .views-field-views-conditional-1 {
  margin: 0 0 20px;
}

.node-type-icpd-library-resource #detail-page-template .views-field-views-conditional-1 .date-display-single {
  display: block;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  margin: 0 0 20px;
}

.node-type-icpd-library-resource #detail-page-template .view-display-id-resource_detail_pane_1 .views-field-field-resource-cover-image {
  float: left;
  margin: 0 3% 0 0;
}

.node-type-icpd-library-resource #detail-page-template .view-display-id-resource_detail_pane_1 .views-field-field-resource-cover-image img {
  border: 1px solid #d2d2d2;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  height: auto;
  max-width: 180px;
  width: 100%;
}

.node-type-icpd-library-resource #detail-page-template .views-field-field-resource-document {
  overflow: hidden;
}

/*================================
EOF ICPD detail page css
==================================*/

/*---Breadcrumb wrapper css start here---*/
.icpd-data-header__content {
  padding: 1.2em 0.8em 0.1em;
}

@media (min-width: 980px) {
  .icpd-data-header__content {
    padding: 1.2em 2em 0.1em;
  }
}
/*---Breadcrumb wrapper css end here---*/

.related-content-blocks-wrapper .view-vw-resource-pages .view-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.related-content-blocks-wrapper .view-vw-resource-pages .view-content .views-row {
  width: 33.3%;
}

.path-icpd .btn_share {
  z-index: 31;
}

@media (max-width: 800px) {
  .path-icpd .btn_share {
    top: -46px;
  }
}

.path-icpd .overley-white {
  z-index: 32;
}

.path-icpd .popup-wrapper .row-backto div.btn-close {
  max-width: none;
}

.link01 {
  color: #ED8B00 !important;
  font-size: 16px;
  font-weight: 500;
  display: inline-block;
  line-height: 30px;
}

.link01 i {
  margin: 4px 0 0 10px;
  float: right;
}
.yellow-arrow {
  display: inline-block;
  background: url(../images/arrow-right.svg) no-repeat 0 0/cover;
  width: 19px;
  height: 19px;
}

@media all and (-ms-high-contrast:none) {
  *::-ms-backdrop, .view-vw-resource-pages .ct-card-group { 
    overflow: hidden;
  } /* IE11 */
}

.view-vw-resource-pages ul.pager li.pager-next::after,
.view-icpd-resources ul.pager li.pager-next::after {
  height: 28px;
  margin-top: 0;
}

.view-vw-resource-pages ul.pager li a,
.view-icpd-resources ul.pager li a {
  line-height: 28px;
}

.view-vw-resource-pages ul.pager li.pager-next a,
.view-icpd-resources ul.pager li.pager-next a {
  font-size: 0.9rem;
  line-height: 26px;
  padding: 0 0 0 15px;
  text-align: left;
  text-transform: uppercase;
}

.view-vw-resource-pages ul.pager li.pager-previous a,
.view-icpd-resources ul.pager li.pager-previous a {
  font-size: 0.9rem;
  line-height: 26px;
  padding: 0 0 0 15px;
  text-align: right;
  text-transform: uppercase;
  right: 110px;
}

.view-vw-resource-pages ul.pager li.pager-next a::before,
.view-vw-resource-pages ul.pager li.pager-previous a::before,
.view-icpd-resources ul.pager li.pager-next a::before,
.view-icpd-resources ul.pager li.pager-previous a::before {
  content: "";
}

.view-vw-resource-pages ul.pager li.pager-previous a::before,
.view-icpd-resources ul.pager li.pager-previous a::before {
  height: 16px;
  right: 32px;
}