@import url("fonts.css");

html{
    scroll-behavior: smooth !important;
}
body{
    margin-top: 0;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    font-size: 1.4rem;
    color: #333333;
}
.region-content,
.fullwidth_content,
.fullwidth_content_two,
.fullwidth_content_three{
    font-size: 1.6rem;
} 
 
a:hover,
.region-sidebar-second ul.sf-menu .menuparent:hover{
    color: #35939a; 
    text-decoration: none;
}
a:focus {
    color: #333;
    text-decoration: none;
}
a{color: #333333;}
.region-content a,
.hpfboxbody a{
    color: #333333;
    border-bottom: dotted 0.1rem #333333;
}
.region-content .views-field-title a {
    border-bottom: none;
} 

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
    font-weight: 700;
    line-height: 1.1;
}
h2, .h2 {
    font-size: 2.7rem;
}
h1, .h1 {
    font-size: 3.3rem;
    letter-spacing: -0.02em;
    margin: 0.67em 0;
}
h3, .h3 {
    font-size: 2.4rem;
    color: #333333;
}
h4, .h4 {
    font-size: 1.82rem;
    color: #4d4d4d;
    letter-spacing: 0.03em;
}
h5, .h5 {
    font-size: 1.625rem !important;
    color: #333333;
}
h6, .h6 {
    font-size: 1.3rem;
    color: #4d4d4d;
    letter-spacing: 0.05em;
}
/*
:focus{
    outline: none;
}*/

.page-header{
    padding-bottom: 1rem;
    margin: 0 0 2rem 0;
    border-bottom: 1px solid #eeeeee;
}
.path-frontpage .page-header{
    padding-bottom: 1rem;
    margin: 0 0 2rem 0;
    border-bottom: none;
}

.breadcrumb {
    padding: 8px 15px 8px 0;
    margin-bottom: 0px;
    list-style: none;
    background-color: transparent;
    border-radius: 0px;
}


.align-left{
    padding: 0 2rem 2rem 0;
}
.align-right{
    padding: 0 0 2rem 2rem;
}

.alignleft{
    float: left;
    padding: 0 2rem 2rem 0;
}
.alignright{
    float: right;
    padding: 0 0 2rem 2rem;
}

/* Navigation */

a.logo img{
    width: 100px;
}

.navbar.container {
    background: transparent;
    border: 0;
    z-index: 5;
}
.navbar {
    border-radius: 0!important;
}
.navbar-header {
    float: unset;
}

#block-mainnavigation {
    right: 10px;
    position: absolute;
    margin-top: 40px;
    width: auto;
}

.sf-sub-indicator{
    font-size: 1.2rem;
    right: 0.85em;
}

.responsive-menu-toggle-icon:before, 
.responsive-menu-toggle-icon:after, 
.responsive-menu-toggle-icon span.icon{
    left: 1.2rem;
}

.sf-accordion-toggle a{
    font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif;
    font-weight: 700;
    line-height: 1.1;
    font-size: 30px;
}

.sf-accordion-toggle a::after {
    content: "\f0c9";
    font-size: 2.7rem;
    vertical-align: middle;
    line-height: 35px;
    color: #00a1d9;
    margin-left: 1.5rem;
    position: absolute;
    font-family: "Font Awesome 5 Free";
}
.sf-accordion-toggle a.sf-expanded::after {
    content: "\f00d";
}
.sf-accordion-toggle a:hover{
    color: #000;
    text-decoration: none;
}
.sf-accordion-toggle a:active{
    color: #000;
    text-decoration: none;
}

/* CKEditor 5 */

figure > img {
    height: auto !important;
    max-width: 100%;
}
figure > figcaption {
    margin-top: 5px;
}
figure.align-right {
    float: right;
}
figure.align-left {
    float: left;
}
figure.align-right img,
figure.align-left img {
    width: 100% !important;
}

.align-center {
    display: block;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}
.align-center img.img-responsive{
    margin: 0 auto;
}

/* Home Page Slider */

ul.slides li{
    margin: 0;
}
.flexslider {
    border: none;
    margin: 0;
    background: transparent !important;
    clear: both;
}

.hpsliderbody{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.block-views-blockhome-page-slider-block-1 .flex-control-nav,
.imagestyle-content-banner .flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 10px;
    z-index: 10;
}
.block-views-blockhome-page-slider-block-1{
    margin-bottom: 2rem;
}


.main-container .flex-direction-nav a.flex-next:before {
    font-family: "Font Awesome 5 Free";
    content: "\f138";
    font-weight: 900;
    font-size: 4rem;
}
.main-container .flex-direction-nav a:before {
    font-family: "Font Awesome 5 Free";
    content: "\f137";
    font-size: 4rem;
    font-weight: 900;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: none;
}

ul.flex-direction-nav li a{
    text-decoration: none;
    height: 5rem;
    border: none;
}


.field--type-text-with-summary .file{
    display: initial;
    font-size: inherit;
    font-weight: inherit;
    margin: inherit;
    width: fit-content;
}


/* FAQ & Views Accordion */
.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    font-size: 100%;
    border-radius: 0;
    border-top: 2px solid #e5e5e5;
    border-left: 2px solid #e5e5e5;
    border-right: 2px solid #e5e5e5;
    padding: 1.2rem 2rem 1.2rem 1.2rem;
    margin-top: 1rem;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: none;  
}
.ui-accordion h4{
    margin: 0;
    padding: 0;
    font-weight: 400;
}

.atitle h5{
    margin: 0;
    padding: 0;
    font-weight: 300;
}

.ui-accordion .ui-accordion-header.ui-state-active {
    border-bottom: none;
}
.ui-state-active{
    border: none;
    background: none;
}
.ui-state-active.ui-state-default{
    background: #4d4d4d;
    color: #fff;
    padding-bottom: 2rem;
}
.ui-state-active.ui-state-default .field-content,
.ui-state-active.ui-state-default .field-content h4,
.ui-state-active.ui-state-default .field-content h5{
    color: #fff;
}

.view-accordion .ui-state-active.ui-state-default::after,
.view-faq .ui-state-active.ui-state-default::after{
    font-family: "Font Awesome 5 Free";
    content: "\f107";
    font-weight: 900;
    margin-left: 1.5rem;
    color: #fff;
    position: absolute;
    right: 1rem;
    font-size: 3rem;
    top: 0.3rem;
}

.ui-state-default.ui-accordion-header-collapsed{
    border: 2px solid #e5e5e5;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.view-accordion .ui-state-default,
.view-faq .ui-state-default{
    border-bottom: 2px solid #e5e5e5;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.view-accordion .ui-state-default::after,
.view-faq .ui-state-default::after{
    font-family: "Font Awesome 5 Free";
    content: "\f105";
    font-weight: 900;
    margin-left: 1.5rem;
    color: #000;
    position: absolute;
    right: 1rem;
    font-size: 3rem;
    top: 0.3rem;
}


.ui-accordion .ui-accordion-content {
    padding: 10px 10px 10px 10px;
    border-bottom: 2px solid #e5e5e5;
    border-left: 2px solid #e5e5e5;
    border-right: 2px solid #e5e5e5;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
/*.view-accordion .ui-widget-content,
.view-faq .ui-widget-content {
    background: #fff;
    border-radius: 0;
}*/

.view-accordion .ui-icon, .view-accordion .ui-state-active .ui-icon,
.view-faq .ui-icon, .view-faq .ui-state-active .ui-icon {
    background: none;
    display: none;
}


.anumber{
    overflow: hidden;
    position: relative;
    margin-right: 1rem;
    font-size: 1.2em;
    background: #4d4d4d;
    color: #fff;
    border-radius: 50%;
    width: 2.8rem;
    height: 2.8rem;
    text-align: center;
    padding-top: 4px;
    letter-spacing: 0px;

}
.ui-accordion-header-active .anumber{
    background: #fff;
    color: #243153;
}
.ui-accordion-header-active{
    background: #243153;
    color: #fff;
}
.atitle{
    flex: 0 90%;
    position: relative;
    float: left;
    -ms-flex: 1;
}
.ui-accordion-header-active .atitle h4{
    color: #fff;
}
.block-views-blockaccordion-block-1 .views-row .ui-accordion-header .field-content{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.block-views-blockaccordion-block-1 .views-row .field-content img{
    max-width: 100%;
    width: auto;
    height: auto;
}
.ui-accordion-content.ui-accordion-content-active{
    background-color: #f5f5f5;
    color: #243153;
    height: auto !important;
    margin-top: -8px;
    z-index: 10;
    position: relative;
}

.block-views-blockaccordion-block-1,
.block-views-blocklist-of-links-or-files-block-1,
.block-views-blockcards-block-1,
.block-views-blockcards-block-2,
.block-views-blockcards-block-3,
.block-views-blockcards-block-4{
    margin: 2rem 0;
}

.verticallist .views-row,
.verticallistne .views-row{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    gap: 2%;
    height: fit-content;
    padding-bottom: 2rem;
    margin: 0 0 2rem 0;
    border-bottom: 1px solid #eeeeee;
}
.verticallist .views-field-field-card-image{
    flex: 0 10%;
    overflow: hidden;
    float: left;
    -ms-flex: 10%;
}
.verticallist .views-field-field-resource-image,
.verticallist .views-field-field-major-event-image{
    flex: 0 15%;
    overflow: hidden;
    float: left;
    -ms-flex: 15%;
}
.verticallist .views-field-nothing{
    flex: 0 88%;
    overflow: hidden;
    float: left;
    -ms-flex: 88%;
}
.verticallist.view-resources-by-region .views-field-nothing,
.verticallist.view-directory-of-major-events .views-field-nothing{
    flex: 0 83%;
    overflow: hidden;
    float: left;
    -ms-flex: 83%;
}
.verticallist .views-field-nothing h4{
    margin-top: 0;
}

.verticallistne .views-field-nothing{
    flex: 0 68%;
    overflow: hidden;
    float: left;
    -ms-flex: 68%;
}
.verticallistne .views-field-field-event-image,
.verticallistne  .views-field-field-news-image{
    flex: 0 30%;
    overflow: hidden;
    float: left;
    -ms-flex: 30%;
}
.verticallistne h4 a{
    border-bottom: 0;
}
.verticallistne .views-field-field-video-image{
    flex: 0 50%;
    overflow: hidden;
    float: left;
    -ms-flex: 50%;
}
.block-views-blockvideos-block-1 .verticallistne .views-field-nothing{
    flex: 0 48%;
    overflow: hidden;
    float: left;
    -ms-flex: 48%;
}
.block-views-blockvideos-block-1 .verticallistne .views-field-nothing a{
    border: none;
}


.view-members-area .views-row{
    padding-bottom: 2rem;
    margin: 0 0 2rem 0;
    border-bottom: 1px solid #eeeeee;
}


/* List of Links */

.lolf {
    padding: 1.2rem 2rem 1.2rem 4.2rem;
    margin-bottom: 1rem;
    border: 2px solid #e5e5e5;
    border-radius: 10px;
}
.view-list-of-links-or-files a{
    color: #243153
}
.view-list-of-links-or-files a:hover{
    color: #243153;
    text-decoration: none;
}
.lolfile {
    background: url(../images/icons/document.svg) no-repeat 1.2rem 1rem;
    background-size: 18px;
}
.lolfile:hover{
    background:#f5f5f5 url(../images/icons/document.svg) no-repeat 1.2rem 1rem;
    /*background:#f5f5f5 url(../images/icons/document-hover.svg) no-repeat 1.2rem 1rem;*/
    background-size: 18px;
}
.lollink {
    background: url(../images/icons/link-icon.svg) no-repeat 1.2rem 1rem;
    background-size: 18px;
}
.lollink:hover{
    background:#f5f5f5 url(../images/icons/link-icon.svg) no-repeat 1.2rem 1rem;
    background-size: 18px;
}






.ui-widget-content {
    background: #fff;
    border-radius: 0;
}
.ui-icon, .ui-state-active .ui-icon {
    background: none;
    display: none;
}

.navbar.container {
    background: #f2f2f2;
    border-bottom: #009edb solid 5px !important;
    width: 100%;
    max-width: 100%;
    border-radius: 0;
    margin: 0;
    padding: 0;
}
.navbar-header {
    max-width: 96%;
    margin: 0 auto !important;
    padding: .5rem 6rem 0 6rem;
    float: unset;
}

.region-header {
    margin-bottom: 1rem;
}

#block-logo ul.wrap_logo {
    padding: 0;
    display: table;
}

#block-logo {
    display: inline-block;
    padding: 40px 0 30px 0;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -1px;
}
#block-logo ul.wrap_logo li {
    display: table-cell;
    list-style: none;
    vertical-align: middle;
}
ul.wrap_logo {
    font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700;
    color: #555555;
    font-size: 27.9724770642px;
    font-size: 2.7972477064rem;
    margin-top: 16.8475998092px;
    line-height: 1;
    text-transform: none;
    letter-spacing: 0.027em;
}
ul.wrap_logo img.logo {
    /*width: 27.4615384615rem;*/
    height: 7.7981651376rem;
    margin-right: 1rem;
}
#block-logo ul.wrap_logo li:nth-child(2) {
    border-left: 1px solid;
    padding-left: 15px;
}
.un-site-name__second-line {
    font-size: 22px;
    font-weight: 300;
    display: block;
}

.page .content .file{
    display: unset;
    font-size: inherit;
    font-weight: inherit;
    margin: inherit;
    width: inherit;
}

.file.icon-before .glyphicon-file:before{
    content: inherit;
}
.file.icon-before .file-icon{
    background-size: 25px !important;
    padding: 20px 35px 0 0;
}
.file--application-pdf.icon-before .file-icon{
background: url(../images/icons/icon_pdf.svg) no-repeat 3px 5px;
}
.file--mime-text-csv.icon-before .file-icon{
    background: url(../images/icons/icon_csv.svg) no-repeat 3px 5px;
}
.file--x-office-document.icon-before .file-icon{
    background: url(../images/icons/icon_doc.svg) no-repeat 3px 5px;
}
.file--x-office-presentation.icon-before .file-icon{
    background: url(../images/icons/icon_ppt.svg) no-repeat 3px 5px;
}
.file--x-office-spreadsheet.icon-before .file-icon{
    background: url(../images/icons/icon_xls.svg) no-repeat 3px 5px;
}
.file-link{
    font-size: 14px;
    font-weight: normal;
}

.file-icon{
    height: 44px;
}

.file-icon .icon.glyphicon{
    display: none;
}

#block-azsiteindex a {
    color: #666666;
    font-size: 1.2rem;
    letter-spacing: 1.27px;
    font-weight: 500;
    letter-spacing: 0.03em;
}

#views-exposed-form-search-page-1 label,
.filterssearch .views-exposed-form label{
    display: none;
}

.view-search .views-field-search-api-excerpt strong {
    background: yellow;
}

.region-content .block-views-exposed-filter-blocksearch-page-1 {
    margin-bottom: 20px;
}

.region-navigation .block-views-exposed-filter-blocksearch-page-1{
    float: right;
    width: 315px;
    margin-top: 60px;
}
#block-azsiteindex {
    position: absolute;
    right: 15px;
    top: 100px;
}

#block-welcome{
font-size: 12.35px;
font-size: 1.235rem;
line-height: 3.5rem;
font-weight: 400;
letter-spacing: 0.03em;
}


#block-searchform, .region-header .block-views-exposed-filter-blocksearch-page-1 {
    position: absolute;
    top: 60px;
    right: 15px;
}
.region-header #block-exposedformsearchpage-1 .form--inline .form-item {
    float: unset;
    margin-right: 0;
}
.region-header .block-views-exposed-filter-blocksearch-page-1 form, .region-header .block-views-exposed-filter-blocksearch-page-1 form,
.filterssearch .views-exposed-form button form {
    padding-top: 0;
}
.region-header .block-views-exposed-filter-blocksearch-page-1 .form-item-search input,
.filterssearch .views-exposed-form input {
    width: 100%;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none;
}


.region-header .block-views-exposed-filter-blocksearch-page-1 .form-actions .btn,
.filterssearch .bef-exposed-form.views-exposed-form button {
    margin-left: -3px;
    margin-right: 0;
}
.region-header .block-views-exposed-filter-blocksearch-page-1 button.btn-primary,
.filterssearch .bef-exposed-form.views-exposed-form button {
    color: #000;
    background-color: #fff;
    border-color: #009edb;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding: 6px 15px 6px 22px;
    line-height: inherit;
    font-size: inherit;
}

#block-searchform  button.btn-primary:hover,
.region-header .block-views-exposed-filter-blocksearch-page-1 button.btn-primary:hover,
.filterssearch .bef-exposed-form.views-exposed-form button:hover{
    color: #000;
    background-color: #fff;
    border-color: #009edb;
    -webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

#block-searchform  button.btn-primary:hover .glyphicon-search:before,
.region-header .block-views-exposed-filter-blocksearch-page-1 button.btn-primary:hover .glyphicon-search:before,
.filterssearch .bef-exposed-form.views-exposed-form button:hover .glyphicon-search:before {
    content: "\e003";
    color: #009edb;
}

.region-header .block-views-exposed-filter-blocksearch-page-1 button,
.filterssearch .bef-exposed-form.views-exposed-form button {
    overflow: hidden;
    width: 55px;
}
.region-header .block-views-exposed-filter-blocksearch-page-1 .glyphicon-search,
.filterssearch .bef-exposed-form.views-exposed-form button .glyphicon-search {
    padding-right: 100px;
}
#block-searchform .glyphicon-search:before, 
.region-header .block-views-exposed-filter-blocksearch-page-1 .glyphicon-search:before,
.filterssearch .bef-exposed-form.views-exposed-form button .glyphicon-search:before {
    content: "\e003";
    color: #4d4d4d;
    font-size: 1.2rem;
}



#block-un-mainnavigation {
    background: #4d4d4d;
}
#block-un-mainnavigation ul li a.is-active, #block-un-mainnavigation ul li a:hover, #block-un-mainnavigation ul li span:hover, #block-un-mainnavigation ul li.menu-item--active-trail li.menu-item--expanded.menu-item--active-trail a.sf-with-ul, #block-un-mainnavigation ul li.menu-item--expanded.menu-item--active-trail ul.menu.sub-nav li.menu-item--expanded.menu-item--active-trail a.sf-with-ul, #block-un-mainnavigation ul li.menu-item--expanded.menu-item--active-trail ul.menu.sub-nav li.menu-item.menu-item--active-trail a.is-active, #block-un-mainnavigation ul li.menu-item--expanded.menu-item--active-trail a.sf-with-ul, .page-node-type-reports #block-un-mainnavigation ul li a.lareports, .page-node-type-themes #block-un-mainnavigation ul li a.lathemes, .page-node-type-resources #block-un-mainnavigation ul li a.laresources, .page-node-type-action_areas_lvl_3 #block-un-mainnavigation ul li a.laactionareas, .page-node-26 #block-un-mainnavigation ul li .laevents, .page-node-20 #block-un-mainnavigation ul li .labout, .page-node-type-events #block-un-mainnavigation ul li a.laevents, #block-un-mainnavigation ul li.menu-item--expanded.menu-item--active-trail ul.menu.sub-nav a:hover,
#block-un-mainnavigation ul li .menuparent.nolink:hover{
    background: #f2f2f2;
    color: #333333;
}
#block-un-mainnavigation ul li a.red{
    background-color: #c20000;
    color: #fff;
}
#block-un-mainnavigation ul li a,
#block-un-mainnavigation ul li .menuparent.nolink,
#block-un-mainnavigation ul li .nolink {
    display: block;
    padding: 10px 15px;
    color: #fff;
    text-decoration: none;
    background: #4d4d4d;
    border-right: 1px solid #fff;
    cursor: pointer;
}
#block-un-mainnavigation ul li.menuparent a,
#block-un-mainnavigation ul li .menuparent.nolink  {
    padding: 10px 30px 10px 15px;
}

.region-content {
    padding-bottom: 4rem;
}

ul.horizontalmenudropdown li.menuparent ul,
ul.horizontalmenudropdown li.sfHover a.sf-depth-1{
    background: #f2f2f2 !important;
    color: #333333 !important;
}
ul.horizontalmenudropdown a.sf-depth-2{
    background: none !important;
    border-right: none !important;
    color: #333333 !important;
}
ul.horizontalmenudropdown .sf-sub-indicator::after {
    content: "»";
    left: 0px;
    line-height: 1;
    position: absolute;
    text-indent: 0px;
    top: 0px;
}
ul.horizontalmenudropdown li.menuparent a, ul.horizontalmenudropdown ul li .menuparent.nolink {
    padding: 10px 25px 10px 15px !important;
}


h2.block-title::after,
.threecolumncon h3::after,
.disdproductscon h2.regiontitle::after,
.region-disd-products h3::after,
.region-sidebar-second h2::after,
h2.unborder::after,
.path-frontpage h1.page-header::after{
    content: '';
    display: block;
    margin-left: 1px;
    margin-top: 1rem;
    border-top: #00a1d9 solid 3px;
    width: 33%;
}
.view-news .views-field-title h4::after, 
.view-events .views-field-title h4::after,
.mpregion h2::after,
.view-members-area h4::after,
.block-views-blockvideos-block-1 .verticallistne .views-field-nothing h3::after{
    content: '';
    display: block;
    margin-left: 1px;
    margin-top: 1rem;
    border-top: #00a1d9 solid 3px;
    width: 25%;
}










/* Footer */

.footer {
    border-top: #009edb solid 0.4rem;
    background: #333333;
    width: 100%;
    margin-top: 0;
    padding: 0 20px;
}
.region-footer {
    max-width: 100%;
    margin: auto;
    margin-top: 0;
    padding-top: 31.7967997456px;
    padding-bottom: 3.3rem;
    border-top: none;
    padding-right: 15px;
    padding-left: 15px;
}
#block-logofooter {
    width: 100%;
    border-bottom: #5b5b5b solid 1px;
    margin: 0 0 1.9rem 0;
    padding: 0 0 1.8rem 0;
}
#block-logofooter .footerright a {
    color: #c4c4c4;
}
#block-logofooter a {
    color: #ffffff;
    text-decoration: none;
    text-transform: uppercase;
}

#block-logofooter .footerright a {
    color: #c4c4c4;
}
#block-logofooter .footerleft {
    float: left;
}
#block-logofooter .footerright {
    float: right;
    margin-top: 1.2rem;
}
#block-logofooter .list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px;
}
#block-logofooter .list-inline > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
    vertical-align: middle;
    margin-right: 1.2rem;
}


#block-footer {
    float: right;
}
#block-footer ul li {
    padding: 0 1.3rem 0 1rem;
    border-right: gray solid 0.3rem;
}
#block-footer ul li.last {
    padding-right: 0;
    border-right: none;
}
#block-footer ul li {
    float: left;
}
#block-footer ul li a, #block-footer ul li span {
    display: block;
    padding: 0;
    margin: 0;
    font-weight: 500;
    font-size: 12px;
    font-size: 1.2rem;
    color: white;
    letter-spacing: 0.77px;
    line-height: 1.1667;
    text-transform: uppercase;
    background: transparent;
}

.footermenu{
    background-color: #f2f2f2;
    padding: 60px 0;
}

.region-footer-menu  h2{
    font-size: 20px;
    font-size: 2rem;
    color: #454545;
    letter-spacing: 0.95px;
    line-height: 1.1;
    text-transform: uppercase;
    margin-bottom: 1.4rem;
}

.region-footer-menu  h2::after {
    content: '';
    display: block;
    margin-left: 1px;
    margin-top: 1.1rem;
    border-top: #009edb solid 3px;
    width: 15%;
}

.region-footer-menu ul{
    padding: 0;
}
.region-footer-menu ul li{
    list-style: none;
    list-style-image: none;
    display: block;
    margin-bottom: 1rem;
    padding-left: 2.2rem;
}


.region-footer-menu ul li:before {
    font-family: "Font Awesome 5 Free";
    content: "\f111";
    font-size: 9px;
    vertical-align: middle;
    line-height: 20px;
    margin-left: -2rem;
    position: absolute;
    font-weight: 900;
    color: #c4c4c4;
}

.region-footer-menu{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-top: solid;
    border-width: 0.3rem;
    border-color: #ededed;
}

.region-footer-menu nav{
    padding: 15px;
    flex: 0 25%;
    margin-bottom: 2%;
    float: left;
    -ms-flex: 25%;
}


.region-footer-menu::after,
.threecolumn .view-content::after,
.fourcolumn .view-content::after,
.twocolumn .view-content::after,
.threecolumn .view-content .views-infinite-scroll-content-wrapper::after,
.fourcolumn .view-content .views-infinite-scroll-content-wrapper::after,
.twocolumn .view-content .views-infinite-scroll-content-wrapper::after,
.region-filters::after{
    content: '';
    flex: auto;
    padding: 2rem;
}

.region-footer-menu li a {
    position: relative;
    display: block;
    padding: 0;
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none;
    background-color: transparent;
}
.footer.container{
    width: 100%;
}

.btn-default,
.btn-info,
.btn-primary {
    color: #454545 !important;
    background-color: #fff !important;
    border-color: #009edb !important;
    border: 1px solid #009edb !important;
}
.btn-default:hover,
.btn-info:hover,
.btn-primary:hover,
.btn-default:active,
.btn-info:active,
.btn-primary:active{
    background-color: #f2f2f2;
    color: #000;
}
.btn {
    font-weight: 700;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 1.27px;
    text-transform: uppercase;
    border: 1px solid;
    padding: 1.2rem 2rem;
    font-size: 1.2rem;
    line-height: 1rem;
    border-radius: 4px;
}

.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus, .btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
    background-color: #f2f2f2 !important;
    color: #000 !important;
    border-color: #009edb !important;
}

.flexwrapper,
.fourcolumnnv,
.fourcolumn .view-content,
.fourcolumn .view-content .views-infinite-scroll-content-wrapper,
.threecolumnnv,
.threecolumn .view-content,
.threecolumn .view-content .views-infinite-scroll-content-wrapper,
.twocolumnnv,
.twocolumn .view-content,
.twocolumn .view-content .views-infinite-scroll-content-wrapper{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    gap: 2%;
    height: fit-content;
}
.fourcolumn .views-row{
    flex: 0 23%;
    overflow: hidden;
    margin-bottom: 2%;
    float: left;
    -ms-flex: 23%;
}

.threecolumn img,
.threecolumn .view-content img,
.fourcolumn .view-content img,
.region-disd-products .block img,
.twocolumn img{
    width: 100%;
}
.threecolumn .views-field-field-card-body img,
.fourcolumn .views-field-field-card-body img{
    width: inherit;
}

.threecolumncon,
.threecolumn .views-row{
    flex: 0 32%;
    margin-bottom: 2%;
    overflow: hidden;
    float: left;
    -ms-flex: 32%;
}
.twocolumncon,
.twocolumn .views-row{
    margin-bottom: 2%;
    flex: 0 49%;
    float: left;
    -ms-flex: 49%;
}
.twocolumncon.linklist{
    margin-bottom: 2%;
    flex: 0 48%;
    float: left;
    -ms-flex: 48%;
}


.linklist{
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 1rem;
    margin-bottom: 1rem
}


.views-infinite-scroll-content-wrapper.clearfix::before{
    content: none;
}


/* SDG Bar */

.sdg-colors-top-banner {
    width: 100%;
}
.sdg-colors-top-banner div.sdg-1 {
    background-color: #E8203A;
}
.sdg-colors-top-banner div.sdg-2 {
    background-color: #DDA63A;
}
.sdg-colors-top-banner div.sdg-3 {
    background-color: #4C9F38;
}
.sdg-colors-top-banner div.sdg-4 {
    background-color: #C5192D;
}
.sdg-colors-top-banner div.sdg-5 {
    background-color: #FF3A21;
}
.sdg-colors-top-banner div.sdg-6 {
    background-color: #26BDE2;
}
.sdg-colors-top-banner div.sdg-7 {
    background-color: #FCC30B;
}
.sdg-colors-top-banner div.sdg-8 {
    background-color: #A21942;
}
.sdg-colors-top-banner div.sdg-9 {
    background-color: #FF6924;
}
.sdg-colors-top-banner div.sdg-10 {
    background-color: #DD1367;
}
.sdg-colors-top-banner div.sdg-11 {
    background-color: #FF9F24;
}
.sdg-colors-top-banner div.sdg-12 {
    background-color: #BF8B2E;
}
.sdg-colors-top-banner div.sdg-13 {
    background-color: #3F7E44;
}
.sdg-colors-top-banner div.sdg-14 {
    background-color: #0A97D9;
}
.sdg-colors-top-banner div.sdg-15 {
    background-color: #00689D;
}
.sdg-colors-top-banner div.sdg-16 {
    background-color: #56C22B;
}
.sdg-colors-top-banner div.sdg-17 {
    background-color: #19486A;
}
.sdg-colors-top-banner div {
    height: 0.6rem;
    width: 5.8823%;
    float: left;
    box-shadow: 0 0.2rem 0.4rem 0 rgb(0 0 0 / 50%);
}


/* Block Classes */

.block-grey-bg{
    background-color: #f2f2f2;
}
.block-darkgrey-bg{
    background-color: #e3e3e3;
}
.block-width-fitypercent{
    width: 50%;
}
.block-float-left{
    float: left;
}
.block-float-right{
    float: right;
}
.clear{
    clear: both;
}
.block-margin-bottom-four{
    margin-bottom: 4rem !important;
}
.block-padding-bottom-four{
    padding-bottom: 4rem !important;
}
.block-padding-top-four{
    padding-top: 4rem !important;
}
.block-padding-bottom-two{
    padding-bottom: 2rem !important;
}
.block-padding-top-two{
    padding-top: 2rem !important;
}
.view-center-title-header .view-header,
.view-center-footer .view-footer{
    width: 100%;
    text-align: center;
}
.block-center-title h2.block-title{
    margin: 0 auto;
    padding: 6rem 0 3rem 0;
    width: fit-content;
}
.block-center-title h2.block-title::after{
    margin-left: auto;
    margin-right: auto;
    width: 33%;
}
.view-center-header .view-header{
    width: 100%;
    text-align: center;
}
.view-center-header .view-header h2.block-title{
    margin: 0 auto;
    width: fit-content;
}
.view-center-header .view-header h2.block-title::after{
    margin-left: auto;
    margin-right: auto;
    width: 33%;
}
.view-center-pager ul.pager {
    padding-left: 0;
    margin: 2rem auto 0 auto;
    width: 100%;
}


.block-inside-container .view{ 
    width: 1350px;
    margin: 0 auto;
    max-width: 96%;
}

.block-facets ul {
    padding: 0;
    margin: 0;
}
.block-facets ul li {
    font-weight: normal;
    list-style: none;
    padding: 5px 0;
    border-top: 1px solid #eee;
    position: relative;
}
.block-facets ul li input {
    position: absolute;
    left: 0;
    top: 5px;
}
.block-facets ul li label {
    margin-left: 20px;
    text-transform: capitalize;
}

.facets-widget-dropdown select{
    width: 100%;
    padding: 1rem;
    background-color: #f2f2f2;
}

/* News & Events */
.filterssearch {
    background-color: #f2f2f2;
    padding: 2rem 2rem 1rem 2rem;
    margin-bottom: 2rem;
}
.region-filters{
	display: flex;
    flex-wrap: wrap;
    gap: 2rem;
}
.region-filters form{
	margin-bottom: 1rem;
}

.filterssearch .block-facets select{
    background: #fff;
    padding: 7px 10px;
    border-radius: 4px;
    border-color: #acacac;
    border: 1px solid #ccc;
}
.filterssearch .views-exposed-form {
    float: left;
}


.view-news-index .views-field-field-news-date,
.view-events-index .views-field-field-event-date,
.field--name-field-event-date,
.field--name-field-news-date,
.field--name-field-date, .field--name-field-date, 
.views-field-field-date{
    margin: 1.2rem 0;
    font-weight: 500;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.1667;
    color: #4d4d4d;
    letter-spacing: 0.77px;
    text-transform: uppercase;
}
.view-events-index .views-field-field-event-date,
.block-views-blocknext-3-posts-block-1 .views-field-field-event-date,
.views-field-field-event-date,
.views-field-field-newsdate,
.field--name-field-date, 
.field--name-field-date, 
.views-field-field-date{
    background: url(/themes/custom/un/images/icons/calendar-icon-grey.svg) no-repeat 0 -1px;
    padding: 1px 0 0 21px;
    background-size: 15px;
}

.page-node-type-events .region.region-content .field--name-body,
.page-node-type-news .region.region-content .field--name-body{
    margin: 1rem 0;
    padding-top: 20px;
} 
.region-sidebar-second h2{
    margin: 0 0 2rem 0;
}

.sidebarslider .flex-control-nav{
    bottom: -1rem;
}
.sidebarslider .flex-direction-nav a{
    top: 35%;
}
.sidebarslider ul.slides li{
    padding-bottom: 2rem;
}



.region-sidebar-second{
    margin-top: 2rem;
}
.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.hpfboxcon{
    display: flex;
    flex-wrap: wrap;
}
.hpfboxconicons{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.hpfboximg{
    margin-right: 3%;
    flex: 0 40%;
    float: left;
    -ms-flex: 40%;
}
.hpfboxtxt{
    flex: 0 57%;
    float: left;
    -ms-flex: 57%;
}
.hpfboximgicon{
    margin-right: 3%;
    flex: auto;
    float: left;
    -ms-flex: auto;
}
.hpfboxtxticon{
    flex: 0 85%;
    float: left;
    -ms-flex: 85%;
}
.block-views-blockhomepage-feature-boxes-block-1 .hpfboxbody{
    padding: 0 0 2rem 0;
}

.block-views-blockhome-page-slider-block-1{
    margin-bottom: 2rem;
}


.slick-arrow::before {
    color: #9a9a9a;
}

.blockcontainer,
.viewcontainer,
.block-normal-container{
    padding: 0 15px;
}

form.webform-submission-form .fieldset-legend,
form.webform-submission-form legend{
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 1.4rem;
    border: none;
}
form.webform-submission-form .form-type-radio{
    margin: 0 0 5px 0;
}
form.webform-submission-form .fieldgroup{
    margin-bottom: 1rem;
}


.view-videos h3{
    width: 100%;
    margin-bottom: 2rem;
}

.views-field-field-related-information ul{
    margin: 0;
    padding: 0;
}
.views-field-field-related-information li{
    border-bottom: 1px solid #e1e1e1;
    float: none;
    font-weight: 700;
    line-height: 1.1;
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
}
.views-field-field-related-information li a{
    padding: 0.7em 0 0.7em 0;
    display: block;
}

.resourcebody,
.resourceinfo{
    margin-top: 1.5rem;
}

.region-sidebar-second .block-facets h2.block-title{
    margin: 2rem 0 1rem 0;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 1.4rem;
}
.region-sidebar-second .block-facets h2.block-title::after{
    content: none;
    margin: 0;
}

.block-views-exposed-filter-blockresources-by-region-page-1 input{
    width: 100% !important;
}
.block-views-exposed-filter-blockresources-by-region-page-1 .js-form-item-keywords{
    width: 70%;
}
.region-sidebar-second .views-exposed-form.bef-exposed-form form {
    padding-top: 10px;
}
.region-sidebar-second .views-exposed-form.bef-exposed-form label {
    display: none;
}
.region-sidebar-second .views-exposed-form.bef-exposed-form button{
    overflow: hidden;
    width: 35px;
}
.region-sidebar-second .views-exposed-form.bef-exposed-form .glyphicon-search{
    padding-right: 100px;
}
.region-sidebar-second .views-exposed-form.bef-exposed-form .form-actions .btn{
    margin-left: 10px;
    margin-right: 0;
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.sexcerpt strong {
    background: yellow;
}
.sexcerptlabel{
    font-weight: bold;
    margin-top: 2rem;
}

.view-resources-by-region .views-field-nothing h3{
    margin: 0;
}
.view-resources-by-region .views-field-nothing h3 a{
    text-decoration: none;
    border: none;
}

.view-resource-information .views-field-field-resource-image {
    float: left;
    margin-right: 1%;
    margin-bottom: 2rem;
    width: 24%;
}
.view-resource-information .pubdetaillist {
    float: right;
    width: 75%;
    display: block;
}
.view-resource-information h4, .pubdetaillist, .viewitemlist {
    margin: 1rem 0 0 0;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 1rem;
}
.boldlabel, .views-label {
    font-weight: bold;
}
.view-resource-information .views-field-body {
    clear: both;
}
.view-resource-information .views-field-body, .view-working-paper-details .views-field-body {
    padding: 2rem 0;
}
.view-resources-by-region{
    padding-top: 4rem;
    position: relative;
}
.view-resources-by-region .view-header {
    position: absolute;
    right: 0;
    top: 0;
}

/* Language Bar */
.region-navigation{
    position: relative;
}
.block-language-blocklanguage-interface{
    position: absolute;
    right: 0;
    top: 1rem;
}
.block-language-blocklanguage-interface ul{
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.block-language-blocklanguage-interface ul li{
    padding: 0 1.3rem 0 1rem;
    float: left;
}
.block-language-blocklanguage-interface ul li a.is-active{
    font-weight: bold;
}
#block-dropdownlanguage{
    position: absolute;
    right: 0;
    top: 0;
    display: none;
}

/* For Arabic Lang */
.lang-ar .block-language-blocklanguage-interface{
    position: absolute;
    left: 0;
    right: unset;
    top: 1rem;
}
.lang-ar #block-searchform, .lang-ar .region-header .block-views-exposed-filter-blocksearch-page-1 {
    position: absolute;
    top: 60px;
    left: 15px;
    right: unset;
}
.lang-ar #block-azsiteindex {
    position: absolute;
    left: 15px;
    right: unset;
    top: 100px;
}
.lang-ar #block-logo ul.wrap_logo li:nth-child(2) {
    border-right: 1px solid;
    padding-right: 15px;
    border-left: none;
    padding-left: 0;
} 
.lang-ar .region-header .block-views-exposed-filter-blocksearch-page-1 .glyphicon-search, .lang-ar .filterssearch .bef-exposed-form.views-exposed-form button .glyphicon-search {
    padding-left: 100px;
    padding-right: 0;
}
.lang-ar .region-header .block-views-exposed-filter-blocksearch-page-1 button.btn-primary, .lang-ar .filterssearch .bef-exposed-form.views-exposed-form button {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.lang-ar  .region-header .block-views-exposed-filter-blocksearch-page-1 .form-item-search input, .lang-ar .filterssearch .views-exposed-form input {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.lang-ar .region-footer-menu ul li {
    list-style: none;
    list-style-image: none;
    display: block;
    margin-bottom: 1rem;
    padding-right: 2.2rem;
    padding-left: 0;
}
.lang-ar .region-footer-menu ul li:before {
    margin-right: -2rem;
    margin-left: 0;
}
.lang-ar  #block-un-mainnavigation ul li.menuparent a, .lang-ar #block-un-mainnavigation ul li .menuparent.nolink {
    padding: 10px 15px 10px 30px;
}

/* UNPAN Members Page */
.block-views-blockunpan-members-block-1{
    margin: 2rem 0;
}
.block-views-blockunpan-members-block-2{
    margin: 2rem 0 6rem 0;
}
.regionmembergroupcon{
    padding: 0 0 2rem 0;
    border-bottom: 1px solid #ededed;
    margin-bottom: 4rem;
}
.regionmembergroup{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 80%;
    gap: 2%;
    height: fit-content;
    position: relative;
    margin-left: 20%;
}
.mpregion{
    position: absolute;
    left: -25%;
    width: 20%;
}
.mpregion h2{
    margin-top: 0;
}
.mpregion img{
    float: left;
    width: 100%;
}
.block-views-blockunpan-members-block-1 .views-row{
    flex: 0 23%;
    overflow: hidden;
    float: left;
    -ms-flex: 23%;
    margin-bottom: 4rem;
}
.regionmembergroup::after{
    content: '';
    flex: auto;
    padding: 2rem;
}

.mpregiontoplinks{
    float: left;
    min-width: 200px;
}
.block-views-blockunpan-members-block-2 .views-row{
    float: left;
    margin-right: 1rem;
}
.regionmembergrouptoplink{
    clear: both;
    margin: 0 0 1rem 0;
    min-height: 2rem;
}

table.elibrarytable{
    width: 80%;
    margin-bottom: 2rem;
}
.elibrarytable td{
    width: 50%;
    vertical-align: top;
    background-color: #f2f2f2;
    padding: 2rem;
    margin-right: 1rem;
}

.page-node-type-news .filterssearch,
.page-node-type-events .filterssearch{
    display: none;
}
.field--name-field-event-image img,
.field--name-field-news-image img{
    margin: 0 auto;
}


.webform-options-display-side-by-side .form-item{
    margin-right: 1rem !important;
}

.view-members-area{
    position: relative;
}
.view-members-area .view-header{
    position: absolute;
    top: -7rem;
    right: 0;
}

.view-members-area .view-header a{
    position: relative;
    padding-right: 4rem;
}
.view-members-area .view-header a::after{
    content: "\2b";
    font-size: 4rem;
    color: #00a1d9;
    margin-left: 1rem;
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    top: 1rem;
}

.page-node-type-member_area .field--name-field-attachments{
    margin: 2rem 0 4rem 0;
}
.block-views-blockmembers-area-author-block-1{
    margin-bottom: 2rem;
    font-style: italic;
}


/* Comments */
.views-field-comment-count{
    margin: 2rem 0;
}
.views-field-comment-count a{
    position: relative;
    font-weight: 700;
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 1.27px;
    text-transform: uppercase;
    border: 1px solid #00a1d9;
    padding: 1.2rem 2rem;
  padding-right: 2rem;
    font-size: 1.2rem;
    line-height: 1rem;
    border-radius: 4px;
    padding: 1rem 1rem 1rem 4rem;
}
.views-field-comment-count a::before{
content: "\f075";
font-size: 2.5rem;
color: #00a1d9;
margin-left: 1rem;
position: absolute;
font-family: "Font Awesome 5 Free";
font-weight: 900;
top: 1.2rem;
left: 0;
}

.block-views-blockcomments-block-block-1 .views-row{
    padding: 2rem;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #f2f2f2;
    margin-bottom: 2rem;
    position: relative;
}

.block-views-blockcomments-block-block-1 .views-row::after{
    content: "\f075";
    font-size: 9rem;
    color: #e1e1e1;
    margin-left: 1rem;
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    right: 2rem;
    z-index: 1;
    top: 50%;
    transform: translate(-50%, -50%);
}
.block-views-blockcomments-block-block-1 .views-field{ 
    z-index: 2;
    position: relative;
}
.views-field-replyto-comment{
    margin-top: 1rem;
}
.block-views-blockcomments-block-block-1 .views-field-created{
    margin-bottom: 1rem;
}
.block-views-blockcomments-block-block-1 .depth1.views-row{
    margin-left: 2rem
}
.block-views-blockcomments-block-block-1 .depth2.views-row{
    margin-left: 3rem
}
.block-views-blockcomments-block-block-1 .depth3.views-row{
    margin-left: 4rem
}
.block-views-blockcomments-block-block-1 .depth4.views-row{
    margin-left: 5rem
}
.block-views-blockcomments-block-block-1 .depth5.views-row{
    margin-left: 6rem
}
.block-views-blockcomments-block-block-1 .depth6.views-row{
    margin-left: 7rem
}
.block-views-blockcomments-block-block-1 .depth7.views-row{
    margin-left: 8rem
}
.block-views-blockcomments-block-block-1 .depth8.views-row{
    margin-left: 9rem
}
.block-views-blockcomments-block-block-1 .depth9.views-row{
    margin-left: 10em
}


/* Tabbed Content */


.tabbedcontent{
    margin: 4rem 0;
}
.tabbedcontent .quicktabs-tabs a{
    padding: 2rem;
    border-bottom: 0.5rem solid #dfdfdf;
    max-width: 130px;
    line-height: 1.8rem;
    height: 74.6px;
    background-color: #f2f2f2;
    border-top: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
}
.tabbedcontent .quicktabs-tabs li.active a{
    background-color: #fff;
    border-bottom: 0.5rem solid #00a1d8 ;
}
.tabbedcontent ul.quicktabs-tabs{
    padding: 0;
    min-height: 60px;
}
.tabbedcontent ul.quicktabs-tabs li:first-child a{
    border-left: 1px solid #dfdfdf;
}
.tabbedcontent ul.quicktabs-tabs li{
    display: inline-block;
    background: none;
    list-style-type: none;
    padding: 0;
    white-space: unset;
    height: 70px;
}

.page-node-type-directory_of_major_events .field--name-field-major-event-image{
    float: left;
    margin: 0 20px 20px 0;
}


.page-node-type-directory_of_major_events .field--name-field-major-event-date,
.page-node-type-directory_of_major_events .field--name-field-resource-language,
.page-node-type-directory_of_major_events .field--name-field-thematic-area,
.page-node-type-directory_of_major_events .field--name-field-region,
.page-node-type-directory_of_major_events .field--name-field-organized-by{
    float: left;
    margin: 0 10px 0 0;
    border-right: 1px solid black;
    padding-right: 10px;
}
.page-node-type-directory_of_major_events .field--name-field-organized-by{
    border: none !important;
}

.page-node-type-directory_of_major_events .field--name-body{
    padding-top: 30px;
}

.view-directory-of-journals .views-row{
    padding-bottom: 2rem;
    margin: 0 0 2rem 0;
    border-bottom: 1px solid #eeeeee;
}
.view-directory-of-journals .views-field-nothing{
    margin-bottom: 10px;
}

.region-sidebar-second .bef-exposed-form{
    margin-bottom: 20px;
}
.region-sidebar-second .bef-exposed-form .form-type-textfield{
    width: 80%;
}
.region-sidebar-second .bef-exposed-form .form-type-textfield input{
    width: 100%;
}
#block-journallanguage,
#block-thematicareajournal,
#block-regionjournal{
    margin-bottom: 20px;
}

.webform-submission-temrsofuse-form .form-item-toolkit{
    display: none;
}

.bef-exposed-form .form-item{
    width: 70%;
}
.bef-exposed-form .form-group {
    margin-bottom: 0;
}


@media (min-width: 1400px){
.container,
.region-footer{
    width: 1350px;
}
}



@media only screen and (max-width: 1600px) {
    .navbar.container {
        max-width: 1500px;
    }
}
@media only screen and (max-width: 1450px){

}
@media only screen and (max-width: 1300px){
    .navbar-header {
        padding: 0.5rem 1.5rem 0 1.5rem;
        max-width: 100%;
    }
}

@media only screen and (max-width: 1200px){
    /* Menu Mobile */
    #block-un-mainnavigation,
    .region-header .block-views-exposed-filter-blocksearch-page-1,
    #block-azsiteindex{
        display: none; 
    }
    .responsive-menu-toggle{
        background: #f2f2f2;
        border-radius: 5px;
        position: absolute;
        right: 80px;
        top: 60px;
    }
    .responsive-menu-toggle-icon:before {
        top: 10px;
    }
    .responsive-menu-toggle-icon span.icon {
        top: 16px;
    }
    .responsive-menu-toggle-icon:after {
        top: 22px;
    }
    .responsive-menu-toggle-icon:before, .responsive-menu-toggle-icon:after, .responsive-menu-toggle-icon span.icon{
        background: #009edb;
    }
    .responsive-menu-toggle-icon span.label{
        color: #333;
        top: 4px;
    }

    .verticallist .views-field-field-card-image,
    .verticallist .views-field-field-resource-image{
        flex: 0 15%;
        -ms-flex: 15%;
    }
    .verticallist .views-field-nothing{
        flex: 0 83%;
        -ms-flex: 83%;
    }
    .region-sidebar-second .bef-exposed-form .form-type-textfield {
        width: 70%;
      }



}
@media only screen and (max-width: 992px){
    .region-footer,
    .blockcontainer,
    .viewcontainer{
        width: 970px;
    }

    .hpfboxcon{
        display: inherit;
    }
    .hpfboximg {
        margin-right: 0;
        margin-bottom: 2rem;
    }
    .verticallist .views-field-field-card-image,
    .verticallist .views-field-field-resource-image{
        flex: 0 20%;
        -ms-flex: 20%;
    }
    .verticallist .views-field-nothing{
        flex: 0 78%;
        -ms-flex: 78%;
    }
    .view-unpan-members .views-row {
        flex: 0 49%;
    }
}
@media only screen and (max-width: 870px){
    .region-footer-menu nav{
        padding: 15px;
        flex: 0 33%;
        margin-bottom: 2%;
        float: left;
        -ms-flex: 33%;
    }

    a.responsive-menu-toggle-icon .label {
        display: none;
    }
    .responsive-menu-toggle {
        right: 20px;
        top: 45px;
    }
    .region-footer {
        position: relative;
        padding-bottom: 50px;
    }

    #block-footer ul li {
        float: unset;
        display: inline-block;
    }

    .col-sm-3{
        padding: 0 1rem;
    }
    .well{
        padding: 1.5rem;
    }
    .block-language-blocklanguage-interface{
        display: none;
    }
    #block-dropdownlanguage{
        display: inherit;
    }

}
@media only screen and (max-width: 768px){

    #block-logofooter .footerleft {
        float: unset;
        text-align: center;
    }
    #block-logofooter .footerright {
        float: unset;
        margin-top: 1.8rem;
        text-align: center;
    }
    #block-footer {
        float: unset;
        text-align: center;
        padding-top: 10px;
    }
    .threecolumncon, .threecolumn .views-row,
    .fourcolumncon, .fourcolumn .views-row{
        flex: 0 49%;
        float: left;
        -ms-flex: 49%;
    }
    .region-content {
        padding-bottom: 2rem;
    }
    .col-sm-3{
        padding: 0 2rem;
    }
    .well{
        padding: 2rem;
    }
    .view-footer{
        margin-top: 2rem;
    }
    .block-superfish h2.block-title {
        display: none;
    }
    .verticallist .views-field-field-card-image, 
    .verticallist .views-field-field-resource-image {
        flex: none;
        -ms-flex: none;
        margin: 0 auto 10px auto;
    }
    .verticallist .views-field-field-card-image img, 
    .verticallist .views-field-field-resource-image img {
        max-height: 250px;
        width: auto;
    }

    .verticallist.view-resources-by-region .views-field-nothing, 
    .verticallist.view-directory-of-major-events .views-field-nothing {
        flex: none;
        overflow: hidden;
        float: unset;
        -ms-flex: none;
        max-width: 100%;
    }

}
@media only screen and (max-width: 650px){
    .region-footer-menu nav{
        padding: 15px;
        flex: 0 100%;
        margin-bottom: 2%;
        -ms-flex: 100%;
    }

    .responsive-menu-toggle {
        right: 10px;
        top: 10px;
    }
    .threecolumncon, .threecolumn .views-row,
    .fourcolumncon, .fourcolumn .views-row, 
    .twocolumncon, .twocolumn .views-row{
        flex: 0 100%;
        -ms-flex: 100%;
        margin-bottom: 40px;
    }

    .verticallist .views-field-field-card-image,
    .verticallist .views-field-field-resource-image{
        flex: 0 30%;
        -ms-flex: 30%;
    }
    .verticallist .views-field-nothing{
        flex: 0 68%;
        -ms-flex: 68%;
    }
    .regionmembergroup {
        width: 70%;
        margin-left: 30%;
    }
    .mpregion {
        position: absolute;
        left: -43%;
        width: 30%;
    }

    .mpregiontoplinks {
        float: left;
        min-width: 180px;
        height: 5rem;
    }
    .regionmembergrouptoplink {
        min-height: 5rem;
    }

    #block-logofooter .list-inline > li {
        margin-top: 2rem;
    }

    .verticallistne .views-field-nothing{
        flex: unset;
        float: unset;
        -ms-flex: unset;
        width: 100%;
    }
    .verticallistne .views-field-field-event-image,
    .verticallistne  .views-field-field-news-image,
    .verticallistne .views-field-field-video-image{
        flex: unset;
        float: unset;
        -ms-flex: unset;
        margin-bottom: 1rem;
        width: 100%;
    }
    .verticallistne .views-field-field-event-image img,
    .verticallistne  .views-field-field-news-image img{
        margin: 0 auto;
    }
    ul.wrap_logo img.logo {
        height: 5.7981651376rem;
        margin-right: 1rem;
    }

    
    

}

@media only screen and (max-width: 550px){

    #block-logo{
        width: 100%;
    }
    #block-logo ul.wrap_logo {
        padding: 0;
        display: block;
    }

    #block-logo ul.wrap_logo li {
        display: block;
        text-align: center;
    }
    .ul.wrap_logo img.logo{
        margin-right: 0;
    }

    #block-logo ul.wrap_logo li:nth-child(2) {
        border-left: none;
        padding-left: 0;
        margin-top: 2rem;
    }
}