/*
Theme Name: IMD (UNJSPF)
Theme URI: http://social-ink.net
Description: By Social Ink
Version: 1
Author: yonatan reinberg, matt pinto
Author URI: http://social-ink.net
*/


/*****************
LAYOUT
***********************************************/

.onepage {
    clear: both;
    min-height: 600px;
}

.content {
    min-height: 300px;
}

.content .text {
    margin: 2em auto;
}

.content.nosidebar {
    float: none;
    width: 100%;
}

.pageinfo {
    background: #ebebeb;
    padding: 1.5em;

    display: none;
}

.search .pageinfo,
.single .pageinfo {
    margin-bottom: 2em;
}

.pageinfo h1 {
    color: #aaaaab;
    text-align: center;

    margin-bottom: 0;
    font-family: FFMarkWebProRegular;
}

.search .pageinfo { display: block; }

/*****************
EXPANDERS
***********************************************/

.expander_section {}

.expander_section header a:after {
    content: ' +';
}

.expander_section header a.activated:after {
    content: ' -';
}



/*****************
TYPE
***********************************************/

h1,
h2,
h3,
h4,
h5 {
    margin-top: 0;
}

h1 {}

h2 {}

h3 {
    color: #00a0e2;
}

    .text .onechart h2 {
        text-transform: none;
        font-family: FFMarkWebProBold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    }

h4 {}

h5 {}

p {
    font-size: 1em;
    margin-bottom: 1.5em;
    margin-top: 0;
    line-height: 1.5em;
    margin-top: 0;
}

.fancyfont {}

.pageinfo h1 {}

.text {}

.text p {}

.text p:last-child {
    margin-bottom: 0;
}

.text a,
.module_wys a {
    color:  #00a0e2;
}

.text h1 {}

.text h2 {

    font-family: FFMarkWebProRegular;
    font-size: 1.5em;
    margin-bottom: .75em;
}

.text h3 {
    font-size: 25px;
}

.text ul {
    margin-bottom: 1em;
    margin-left: 0;
}

.text ul li {
    list-style-type: disc;
    margin-left: 1em;
    line-height: 1.4em;
    margin-bottom: 1em;
}



/*****************
IMAGECOVERS
***********************************************/

.backgrounded_image {
    background-position: center center;
    background-size: cover;
    min-height: 400px;
    position: relative;
    width: 100%;
}

.backgrounded_image:before {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.backgrounded_image>div {
    position: relative;
}



/*****************
FIXES FOR IE
***********************************************/

.ie8,
.ie9 {}

.ie7 {}



/*****************
BASIC INPUT AND FORMS
***********************************************/

input[type=text] {
    padding: .5em;
}

.wpcf7 input[type=submit],
input[type=submit],
.button {
    background: none repeat scroll 0 0 #00a0e2;

    border: 0 none;

    color: #fff;

    display: inline-block;

    padding: 0.65em 0.75em;

    text-transform: uppercase;

    border-radius: 2px;

    font-size: .8em;
}

input[type=submit]:hover,
.button:hover {
    box-shadow: 0 0 1px #111;
    text-decoration: none;
}

input[type=submit]:active,
.button:active {
    box-shadow: inset 0 0 1px #222;
    outline: 0;
}

input[type=submit]:focus,
.button:focus {
    outline: 0;
}



/*****************
MOBILE HEADER
***********************************************/

.mobile_expansion {
    visibility: hidden;
}


.mobile_expansion+label.mobile_expand_search {
    border: none;
}

.mobile_expansion:checked+label {
    border: .2em solid;
    height: .78em;
    width: .78em;
    border-radius: 100%;
}

.mobile_expansion+label.icon-search {
    border: 0 !important;
    margin-top: -5px;
}



/*****************
NAV MENU MARKUP
***********************************************/

.menu_horizontal li {
    display: inline-block;
    list-style: none;
}

@media (max-width: 700px)  {
    .menu_horizontal li {
        display: inline-block!important;
    }
    .mini_topmenu ul {
        text-align: left;
    }
    .header_width {
        width: 100%!important;
    }
    .title_top {
        padding: 10px!important;
    }
}
@media (max-width: 1470px)  {
    .header_inner h1 {
        font-size: 22px!important;
    }
}
@media (max-width: 1370px)  {
    .header_inner h1 {
        font-size: 20px!important;
    }
}
@media (max-width: 1025px)  {
    .header_inner h1 {
        font-size: 18px!important;
    }
}
@media (max-width: 973px)  {
    .header_inner h1 {
        font-size: 16px!important;
    }
}
@media (max-width: 922px)  {
    .header_inner h1 {
        font-size: 14px!important;
    }
}
@media (max-width: 871px)  {
    .header_inner h1 {
        font-size: 12px!important;
    }
}
/*****************
HEADER
***********************************************/

.fixedtopmenu {
    background: #194255;
    font-size: .7em;

}

    nav.headerchooser {
        margin-left: auto;
        margin-right: 1em;
    }

    .fixedtopmenu > div {

    }

    .fixedtopmenu ul {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
                flex-direction: row;
        -webkit-flex-wrap: wrap;
                flex-wrap: wrap;


    }

    .fixedtopmenu ul li {
        margin-left: 0;
        margin-right: 1px;
        display: inline;
    }

    .fixedtopmenu ul li a {
        background: #00a0e2;
        color: #fff;
        text-transform: uppercase;
        font-size: .9em;
        padding: .55em .75em;
        display: inline-block;
        max-height: 30px;
    }

        .fixedtopmenu ul li a:hover {
            text-decoration: none;
            background: #0992cb;
        }

.search_container button {
   background: #00a0e2;
   border: 0;
   color: #fff;
  padding: 4px 6px;
   text-align: center;
}

    .search_container button svg {
        height: 10px;
        width: 10px;
    }

.search_container {
    margin-top: 2px;
}

.search_container .search_input {
    min-width: 160px;
}


#header {
    width: 100%;
}
.header_width {
    width: 80%;
    margin: 0 auto;
}
.header_inner {
    -webkit-box-shadow: 0px 1px 10px 5px rgba(0,160,226,0.15);
    -moz-box-shadow: 0px 1px 10px 5px rgba(0,160,226,0.15);
    box-shadow: 0px 1px 10px 5px rgba(0,160,226,0.15);
    min-height: 120px;
}
.header_inner .toplinks {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
}
.header_inner h1 {
    color: #00a0e2;
    text-transform: uppercase;
    margin-bottom: 0;
    font-family: FFMarkWebProRegular;
    font-size: 26px;
}

.header_inner .lowersection h1 {
    margin-left: 0;
}

.header_inner h1 a:hover {
    text-decoration: none;
}

.logo {
    max-width: 90px;
    padding-top: 12px;
    padding-right: 30px;
    padding-bottom: 9px;
    float: left;
}

.title_top {
    padding-top:30px;
    padding-bottom:8px;
    border-bottom: 1px solid #e6e6e6;
}
.logo img {

    width: 100%;
    /* for ie */
}

.header_width hr {
    background-color: #e6e6e6;
    height: 1px;
    border: 0;
    color: #e6e6e6;
    border-color: #e6e6e6;
    margin: 0;
    position: absolute;
    width: 90%;
    top: 123px;
    left: 17.8%;
}

.mini_topmenu {
    font-size: .9em;
    text-align: right;
}

.mini_topmenu ul {
    
}

.mini_topmenu li {
    margin-left: 1em;
    font-size: .9em;
    text-decoration: underline;
}

@media (max-width: 1290px)  {
    .mini_topmenu li {
    font-size: .8em;
    }
}
@media (max-width: 1220px)  {
    .mini_topmenu li {
    font-size: .7em;
    }
}
@media (max-width: 1160px)  {
    .mini_topmenu li {
    font-size: .6em;
    }
}
@media (max-width: 1090px)  {
    .mini_topmenu li {
    font-size: .5em;
    }
}


.mini_topmenu li:after {}

.mini_topmenu li.last_item {
}

.mini_topmenu li a {
}

.mini_topmenu li[class*="current"] a,
.mini_topmenu a[class*="current"],
.mini_topmenu li:hover a {
    text-decoration: none;
    color: #00a0e2;
}

.topmenu {
    padding-top: .5em;
    /* padding-bottom: 1.5em; */
    font-size: .9em;
    width: 90%;
}

.topmenu ul {
    
}

.topmenu li {
    margin-right: 1em;
    margin-left: 0;
    font-size: .9em;
}

.topmenu li:after {}

.topmenu li.last_item {
    margin-right: 0;
}

.topmenu li a {
    text-transform: uppercase;
}

.topmenu li[class*="current"] a,
.topmenu a[class*="current"],
.topmenu li:hover a {
    text-decoration: none;
    color: #00a0e2;
}

.socialmedia {}

.socialmedia a {}

section.lowersection {
    position: relative;
}

.submenu {
    width: 100%;
    visibility: hidden;
    -webkit-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    position: absolute;
    background: #fff;
    z-index: 0;
   opacity: 0;
    margin-top: 28px;
}

.submenu.visible {
    visibility: visible;
    box-shadow: 0 80px 79px 0px #3e3e3e;
    opacity: 1;
    z-index: 50;
    margin-top: 20px;
}

.submenu-tab {
    display: none;
    width: 100%;
    height: calc(100v2/3);

    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border-bottom: 2px solid #ddd;
}

.submenu-tab.visible {
    display: block;
}

.submenu-tab .tab-inner {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    height: 100%;
}

.submenu-tab .tab-inner ul li {
    margin-left: 0;
    list-style: none;
    margin-bottom: 1em;
}

.submenu-tab .tab-inner .topcolumn {
    width: 30%;
    background: #ddd;
    padding: 2em;
}

.submenu-tab .tab-inner .topcolumn  p {
    font-size: .9em;
}

.submenu-tab .tab-inner .topcolumn h1 {
  font-size: 1em;

margin-bottom: 1em;
}

.submenu-tab .tab-inner .topcolumn h1:after {
    content: '';
    float: right;
    background: url(images/icon-arrow-right.svg);
        background-repeat: repeat;
        background-size: auto auto;
    background-repeat: no-repeat;
    display: block;
    width: 10px;
    height: 15px;
    background-size: 8px;
    margin-top: 5px;
}

.submenu-tab .tab-inner .childrencolumn {
    width: 43%;
    padding: 2em;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
        justify-content: flex-start;
}

.submenu-tab .tab-inner .childrencolumn a {
    color: #404041;

    text-transform: uppercase;
}

.submenu-tab .tab-inner .childrencolumn a.current {

}

.submenu-tab .tab-inner .childrencolumn a.current:before {

}

.submenu-tab .tab-inner .childrencolumn a.opened,
.submenu-tab .tab-inner .childrencolumn a:hover {
    text-decoration: none;
    color: #00a0e2;
}


.submenu-tab .tab-inner .childrencolumn a.opened:before,
.submenu-tab .tab-inner .childrencolumn a:hover:before {
content: ' ';
width: 5px;
display: block;
float: left;
height: 14px;
background: #00a0e2;
margin-right: 5px;
margin-top: 5px;
}

.submenu-tab .tab-inner .childrencolumn a.opened:after,
.submenu-tab .tab-inner .childrencolumn a:hover:after {
   content: '';
    float: right;
    background: url(images/icon-arrow-right.svg);
        background-repeat: repeat;
        background-size: auto auto;
    background-repeat: no-repeat;
    display: block;
    width: 10px;
    height: 15px;
    background-size: 8px;
    margin-top: 5px;
    margin-left: 3em;
}


.submenu-tab .tab-inner .childrencolumn a.no_grandchildren:hover::after{
    content: '';
}
.submenu-tab .tab-inner .grandchildren {
    width: 30%;
    padding: 2em;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;

    -webkit-box-pack: start;

    -webkit-justify-content: flex-start;

            justify-content: flex-start;
}

.submenu-tab .tab-inner .grandchildren .inner {
    display: none;
}

.submenu-tab .tab-inner .grandchildren .inner.visible {
    display: block;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.submenu-tab .tab-inner .grandchildren li a {
    color: #404041;
    border-bottom: 2px solid #fff;
    padding-bottom: 5px;
    padding-left: 0;
    text-transform: uppercase;
    font-size: .8em
}

.submenu-tab .tab-inner .grandchildren li a.current,
.submenu-tab .tab-inner .grandchildren li a:hover {
    text-decoration: none;
    color: #00a0e2;
    border-bottom: 5px solid #00a0e2;
}

.submenu-tab .tab-inner .closecol {
    width: 10px;
    padding-top: 1em;
    text-align: right;
    padding-right: 1em;
}

.submenu-tab .tab-inner .closecol a.close_main {
    color: #404041;
}

.submenu-tab .tab-inner .closecol a.close_main:hover {
    text-decoration: none;
    color: #00a0e2;
}

.submenu-tab .tab-inner .closecol a.close_main svg {
    width: 16px;
    height: 16px;
}



/*****************
SIDEBAR
***********************************************/

.sidebar {}

.sidebar_module {}

.sidebar_module .module_title {}

.sidebar_module .module_content {}



/*****************
BACKGROUNDS
***********************************************/

.socialink-module.module-heroimage,
.herospot {
    background-position: center bottom;
    background-size: cover;
    height: 400px;
    height: calc(100vw / 2);
    overflow: hidden;
    position: relative;
    width: 100%;
    background-repeat: no-repeat;
}

.home .herospot.top {
    background-color: rgba(10, 56, 117, 0.5);
    background-blend-mode: multiply;
}


.herospot.semantic:before {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.herospot.semantic>div,
.herospot.semantic>article,
.herospot.semantic>section {
    position: relative;
}


.slides li {
    margin: 0;
    list-style: none
}

.news {
    width: 25%;
    border-top: 10px solid #00a0e2;
    display: flex;
    flex-direction: column;
}

.news h3 {
    font-family: FFMarkWebProRegular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    padding: 20px 10px;
    color: #00a0e2;
    font-size: 24px;
    font-weight: 100;
    margin: 0;
    
}
.news a {
    font-size: .8em;
    display: block;
    padding: 8px 10px;
    border-bottom: 1px solid #111;
}
.news a:last-child {
    border-bottom: none;
}
.top_slideshow:before {
/*    content: '';
    background-color: tomato;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .5;*/
 }


      .top_slideshow .inner {
/*        background: rgba(0, 0, 0, .6);
        padding: 1em;*/
      }

.slideshow_area {
    width: 72%;
    margin-right: 3%;
}
@media (max-width: 1000px)  {
    .news a {
    font-size: .67em;
    }
}
@media (max-width: 700px)  {
    .slideshow_area {
        width: 100%;
    }
    .news {
        width: 100%;
    }
    .mini_topmenu .first_item {
        margin-left:0;
    }
    .slideshow_area, .slideshow_area div.slide {
        min-height: 52vh !important;
    }
    .news a {
    font-size: .6em;
}
}


.slideshow_area div.slide {
/*    background-color: rgba(10, 56, 117, 0.5);
    background-blend-mode: multiply;*/
    background-position: center center;
    background-size: cover;
    min-height: 450px;
    padding: 0 1em;
    height: calc(52vw / 2);
    width: 100%;
    position: relative;
}

#header .slideshow_area {
    position: absolute;
    top: 0;
    height: 600px;
    left: 0;
    max-height: 600px;
}

#header .slideshow_area div.slide {
    max-height: 600px;
    height: 600px;
}


.slide_nav {
    color: #fff;
    font-size: 2em;
    left: 2%;
    position: absolute;
    z-index: 300;
    /* top: calc(100vw/5);*/
    top: 250px;
}

.slide_nav a:before {
    text-shadow: 1px 1px 3px #111;
}

.home .slide_nav {}

.slide_nav a {
    color: #fff;
}

.slide_nav a:hover,
.slide_nav a:active,
.slide_nav a:focus {
    text-decoration: none;
    color: #2D2C28;
}

.slide_nav.left {}

.slide_nav.right {
    left: auto;
    right: 2%;
}


.cont80 {
    width: 80%;
    margin: 0 auto;
}

/*****************
GOVERNANCE
***********************************************/

section.governance_map {
    margin: 2em 0;
}

section.governance_map h1 {
    font-size: 2em;
    text-align: center;
}


.governance-inner {
    background: url('images/organigram-frontend.png');
    background-size: auto auto;
    width: 1040px;
    height: 585px;
    background-size: cover;
    position: relative;
    font-size: .8em;
}

.organi_field {
    /*border: 1px solid tomato;*/
    width: 100px;

    height: 100px;

    position: absolute;

    color: #404041;

    display: -webkit-box;

    display: -webkit-flex;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

            flex-direction: column;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

            justify-content: center;

    -webkit-box-align: center;

    -webkit-align-items: center;

            align-items: center;

    font-size: 1em;
    display: block;
}




.organi_field h2 {
    margin: 0;
    color: inherit;
    font-size: inherit;
    font-family: FFMarkWebProRegular;
    font-weight: 100;
}

.organi_field a {
    display: block;
    color: #404041;
    width: 100%;
    height: 100%;
   margin-top: 15px;
   text-align: center;

}

.organi_field.field_1 a {
    margin-top: 50px;
}

.organi_field.field_3 a {
    margin-top: 24px;
}

.organi_field.field_2 a {
    margin-top: 29px;
}

.organi_field.field_9 a {
    margin-top: 20px;
}
.organi_field.field_4 a,
.organi_field.field_5 a {
    margin-top: 34px;
}

.organi_field a:hover {
    text-decoration: none;
    /*background:yellow;*/
}

.organi_field .fieldtext {
    font-size: .7em;
}

.organi_field.field_1 {
    left: 376px;

    top: 61px;

    width: 284px;

    height: 125px;
}


.organi_field.field_2 {
    left: 844px;

    top: 96px;

    width: 143px;

    text-align: center;

    height: 91px;

    font-size: .95em;
}

.organi_field.field_3 {
    left: 66px;

    top: 174px;

    width: 114px;

    text-align: center;

    height: 79px;

    font-size: .9em;
}

.organi_field.field_4 {
    left: 242px;

    top: 218px;

    width: 179px;

    text-align: center;

    height: 89px;
}

.organi_field.field_5 {
    left: 605px;

    top: 219px;

    width: 200px;

    text-align: center;

    height: 89px;
}

.organi_field.field_6 {
    left: 44px;

    top: 263px;

    width: 150px;

    height: 232px;
}

.organi_field.field_6 ul {
    margin: 0;
}

.organi_field.field_6 ul li {
    margin-left: 0;

    line-height: inherit;
    list-style: inside;
    font-size: .9em;
}

.organi_field.field_6 .fieldtext {
    font-size: 1em;
}

.organi_field.field_7 {
    left: 276px;

    top: 335px;

    width: 116px;

    height: 80px;

    font-size: .9em;

    text-align: center;
}

.organi_field.field_8 {
    left: 657px;

    top: 335px;

    width: 114px;

    text-align: center;

    height: 74px;

    font-size: .7em;
}

.organi_field.field_9 {
    left: 858px;

    top: 334px;

    width: 122px;

    text-align: center;

    height: 76px;
}

.organi_field.field_10 {
    left: 241px;

    top: 442px;

    width: 179px;

    text-align: center;
}

.organi_field.field_11 {
    left: 473px;

    top: 454px;

    width: 84px;

    height: 78px;

    font-size: 0.6em;

    text-align: center;
}

.organi_field.field_12 {
    left: 635px;

    top: 442px;

    width: 169px;

    text-align: center;

    font-size: .9em;
}


.organi_field.field_12 .fieldtext {}


/*****************
LISTS
***********************************************/


/* single page view navigation */

div.next-post {}

div.prev-post {}



/* generated by wp_list_cat and wp_list_pages functions */

li.page_item {}

li.current_page_item {}

li.current_page_parent {}

li.cat-item {}

li.current-cat {}



/*****************
FOOTER
***********************************************/

#footer {
    clear: both;
}

.footer_inner {}

.footermenu {

    padding-top: .5em;
    margin-bottom: 2em;
    padding-bottom: .5em;
    font-size: .8em;
}

.footersubmenu {
    background: #194255;
    padding-top: .75em;
    padding-bottom: .75em;
}

.footersubmenu li a {
    color: #404041;
    text-transform: uppercase;
}

.footermenu li a {
    color: #00a0e2;
    text-transform: uppercase;
}

.footercredits {
    display: none;
}

.footercredits a {}

#menu-footer li a {
    color: #00a0e2;
    font-size: .9em;
    margin-right: 1.2em;
}

.sitecredits {}

.sitecredits p {}

.sitecredits a {}

.sinkcredits {
    text-align: right;
    font-size: .8em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin: 0;
    visibility: hidden;
}

.sinkcredits p {
    margin-bottom: 0;
    line-height: 0;
}

.sinkcredits a {}



/*****************
RELATED
***********************************************/

.related_content {
    text-align: center;
    margin: 2em 0;
}

.related_content .field_divlist {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin: 2em 0;
}

.related_content .field_divlist>div {
    background: #ccc none repeat scroll 0 0;
    border-right: 1px solid #fff;
    height: 250px;
    min-width: 25%;
    padding: 1em 2%;
}

.metadatum {
   margin-bottom: 2em;
background: #eaeaea;
padding: 1em;
border: 1px solid #ccc;
font-size: .8em;
}

.metadatum .meta_item {
    margin-bottom: 1em;
}

.metadatum .meta_item .lbl {
        font-family: FFMarkWebProBold;

}

.metadatum .meta_item .val a {
    color: #00a0e2;
}

.metadatum .meta_item.obj-reports .val a,
.metadatum .meta_item.obj-ryear  .val a {
    background: #00a0e2;
    color: #fff;
    border-radius: 2px;
    padding: 5px;

}

.metadatum .meta_item.obj-reports .val a:hover,
.metadatum .meta_item.obj-ryear  .val a:hover {
    text-decoration: none;
    box-shadow: 0 0 5px #777;
}

.metadatum .meta_item.obj-report_pdf .val a:before {
     content: ' ';
    background: url(images/icon-download.svg);
        background-repeat: repeat;
        background-size: auto auto;
    margin-right: 6px;
    background-repeat: no-repeat;
    height: 10px;
    width: 11px;
    background-size: 11px;
    display: inline-block;
    margin-top: 10px;
    margin-left: 10px;
}


/*****************
MODULE
***********************************************/

.module-alternating h2 {}

.module-alternating ul {}

.module-alternating ul li {
    margin-left: 0;
    margin-right: 0;
    line-height: inherit;
}

.module-alternating ul li a {
    color: #00A0E2;
    font-family: FFMarkWebProBold;
    font-size: 1.3em;
}

.module-alternating ul li:nth-child(even) a {
    color: #85D3E5;
}


.module-alternating ul li a:hover {
    text-decoration: none;
    color: #ebebeb;
}

.module-extendedlist .listitem .flexible {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    -webkit-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
}

.module-extendedlist .listitem .flexible .block_column {}

.module-extendedlist .listitem .flexible .block_column.imgcolumn {
    margin-right: 2em;
}

.module-extendedlist .listitem .flexible .blocktitle {
    font-family: FFMarkWebProBold;
    color: #194255;
    text-transform: inherit;
    border-bottom: 1px solid #ccc;
    padding-bottom: .5em;
    margin-bottom: .5em;
}

.module-extendedlist .listitem .flexible .blocksubtitle {
    color: #194255;
    text-transform: inherit;
    margin-bottom: 0;
    font-size: 1.2em;
    margin-bottom: 1em;
}

.module-extendedlist .listitem .flexible .blockcopy {}

.regions-list {
    padding: 2em;
}

.region {
    margin-bottom: 2em;
}

.region:last-child {
    margin-bottom: 0;
}

.region h2 {

    color: #fff;
    font-family: FFMarkWebProRegular;
    font-size: .8em;
}

ul.country_list li {
    margin-left: 0;
    margin-right: 1em;
    font-family: FFMarkWebProBold;
    color: #fff;
}

.gradient_bg {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2ab9ff+0,0061be+100 */
    background: #2ab9ff;
    /* Old browsers */
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #2ab9ff 0%, #0061be 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #2ab9ff 0%, #0061be 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ab9ff', endColorstr='#0061be', GradientType=0);
    /* IE6-9 */
}


/*****************
HOME
***********************************************/

.home section {

}

.home .home_open_text {
    margin-top: 2em;
}

.home section.top_slideshow,
.home section.innerslideshow,
.home section.top {
    margin-top: 40px;
    overflow: hidden;
}

.home section.top_slideshow .slide .inner,
.home section.top .inner {
    position: absolute;
    bottom: 15%;
    width: 40%;
}

.home section.top_slideshow .field_singletext,
.home .top .fld-short_phrase {
    color: #fff;
    font-family: FFMarkWebProBold;
}

.home section.top_slideshow h1,
.home .top h1 {
    color: #fff;
    font-family: FFMarkWebProRegular;

    line-height: 1;
    margin-top: .25em;
}

.home section.statistics {
    padding: 3em 0;
}

    .home section.statistics .onestat {
        margin-bottom: 2em;
        position: relative;
        height: 250px;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    .home section.statistics .onestat .stat-img {
        height: 250px;
        left: 0;
        top: 0;
        position: absolute;
        width: 47.5%;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
    }
    .home section.statistics .onestat .stat-inner {
        background: #fff;
        z-index: 10;
        border-top: 10px solid #00a0e2;
        width: 46%;
        position: absolute;
        right: 0;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        padding: 1em 1em 1em 0;
    }

    .home section.statistics .onestat:hover .stat-inner {
        border-top: 15px solid #00a0e2;
    }

        .stat-inner h2.larger_stat {
            color: #404041;
            margin-top: 1em;    


            font-family: FFMarkWebProRegular;

            font-size: 25px;

            margin-bottom: .15em;
        }

        .home section.statistics .onestat:hover .stat-inner  h2.larger_stat{
            /*color: #fff;*/
        }

        .stat-inner h3.smaller_label {
            color: #00a0e2;

            font-family: FFMarkWebProRegular;
            margin-bottom: .75em;
            font-size: 1.2em;
        }
        .stat-inner p.learnmore_stat {
            color: #808080;
            margin-bottom: 0;
            font-size: .9em;
        }

    .home section.statistics .onestat:nth-child(even) .stat-img {
        right: 0;
        left: inherit;
    }


    .home section.statistics .onestat:nth-child(even) .stat-inner {
        left: 0;
            right: inherit;
    }


.home section.reporting {
    padding:2em;
}
    .home section.reporting h1 {
        color: #808080;
        font-family: FFMarkWebProRegular;
    }

#menu-footer li {
    text-decoration: underline;
    font-size: 14px;
}
#menu-footer li a {
    color: #fff;
    text-transform: none;
}
.home section.fp_footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
}

.home section.fp_footer .centering_box {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
            justify-content: flex-end;
}

.home section.fp_footer .fp_footer_inner {
    width: 50%;
    max-width: 500px;
    float: right;

}

    .fp_footer_inner .fld-logo_overlay {
        margin-bottom: 2em;
    }

.home section.fp_footer .fp_footer_inner h1 {
    font-size: 1.15em;
    font-family: FFMarkWebProRegular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

.home section.fp_footer .fp_footer_inner .field_wysiwyg {
    font-size: .9em;
}

.home section.fp_footer .fp_footer_inner .field_buttonized {

}



/*****************
REPORTS
***********************************************/

.report-searcher {
    padding:1.5em 0;
}

.report-searcher .flexible {
    -webkit-flex-wrap: nowrap;
            flex-wrap: nowrap;
}

.report-searcher .col h1 {
    font-family: FFMarkWebProRegular;
    font-weight: unset;
    font-size: 1.3em;
}
.report-searcher .typecol {

}

.report-searcher .yearcol {

}

.report-searcher .yearcol select {
    border: 1px solid #00a0e2;
    padding: 10px;
    height: 35px;
    border-radius: 0!important;
    background: #fff;
    font-size: .75em;
}

div.report-type-selectors ul {
    margin-bottom: 0;
}

div.report-type-selectors ul li {
    margin-right: .5em;
    list-style: none inside;
    display: inline-block;
    margin-left: inherit;
}

button.report-type-option {
    border: 1px solid #00a0e2;
    background: #fff;
    font-family: inherit;
    font-size: .75em;
    padding: 10px;
    color: #00a0e2;

}

button.report-type-option.selected {
background: #38a245;

color: #fff;

box-shadow: inset 0 0 10px #878787;

border: none;
}

.report-searcher .form_lower {
    border-top: 1px solid #B6B7B8;
    padding-top: 1em;
    margin-top: 1em;
}
.report-searcher .form_lower input[type='submit'] {
    padding: 0.65em .8em;
}

.report-searcher .form_lower a.reset_report_search {
    padding: 10px;
    font-size: .75em;
    margin-left: 2em;
}

.archive_post.single-report {
    border-top: 5px solid #00a0e2;
    padding-top: 1em;


}

.content .archive_post.single-report h2{
    color: #401401;
    border-bottom: 1px solid #ccc;
    padding-bottom: .5em;
    margin-bottom: .5em;
}
.archive_post .reportinfo {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    font-size: .7em;
}

.archive_post .reportinfo a:last-child:before {
    content: ' ';
    background: url(images/icon-download.svg);
        background-repeat: repeat;
        background-size: auto auto;
    margin-right: 6px;
    background-repeat: no-repeat;
    height: 10px;
    width: 11px;
    background-size: 11px;
    display: block;
    float: left;
    margin-top: 5px;
}
.archive_post .reportinfo a {
    margin-right: 2em;
    color: #00a0e2;
    font-family: FFMarkWebProBold;
}

/*****************
PEOPLE LAYOUT
***********************************************/

.single .peoplemeta {
    margin-top: 1em;
}

.single .peoplemeta {
    -webkit-flex-wrap: nowrap;
            flex-wrap: nowrap;
}

.single .peoplemeta .peoplecontent {
    margin-left: 2em;
}

.single .peoplemeta img {
    margin-right: 1em;
}

.archive_post.single-person {
    -webkit-flex-wrap: nowrap;
            flex-wrap: nowrap;
    margin-bottom: 3em;
   /* align-items: center;*/
}

.archive_post.single-person .featimg {
    margin-right: 3em;
    width: 250px;
    border-top: 3px solid #00a0e2;
}

    .search .archive_post.single-person .featimg  {
        width: 150px;
        margin-right: 1em;
    }

.archive_post.single-person h2 {
    color: #58595B;
    border-bottom: 1px solid #ccc;
    padding-bottom: .25em;
    margin-bottom: .25em;
    font-size: 1.3em;
}

.archive_post.single-person h3.persontitle {
    margin-bottom: 1em;
        font-size: 1em;
}

.archive_post.single-person .text {}

section.peoplemeta {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
}

/*****************
ARCHIVE
***********************************************/

.related_grid_inner {
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;

}

.related_grid_inner article {
    margin-right: 1em;
}

.related_grid_inner .archive_post {
    width: 23%;
    border-top: 2px solid #00a0e2;
    padding-top: 0;

}

.related_grid_inner .archive_post .mainpost {
    background: #fff;
    width: 100%;
    color: #ddd;
}

.related_grid_inner .archive_post .featimg {

width: 100%;
text-align: center;
margin: 0;
}

.related_grid_inner .archive_post .mainpost h3 {
    color: #404041;
    font-size: 1em;
}

.content article.archive_post {
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin-bottom: 1em;
    padding: 1em;


    -webkit-box-align: start;


    -webkit-align-items: flex-start;


            align-items: flex-start;
}


.content article.archive_post .text {
    margin: 1em 0;
}

aside.readmore {
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    padding: 1em 0;
}

    .search aside.readmore {
        padding: 0;
    }
.content article.archive_post.archivepost_last {
    border-bottom: 0;
}

.archive_post .featimg {
    margin-right: 1em;
    width: 150px;
    margin-top: 14px;
}

.archive_post.thumb_exists .mainpost {
    width: calc(100% - 170px);
}

.related_grid_inner .archive_post.thumb_exists .mainpost {
    width: 100%;
}

.content article.archive_post h2 {
    margin-bottom: 0;
}

.content article.archive_post p.post_header_meta {
    font-size: 90%;
}

.content article.archive_post .post_meta {
    border-top: 1px solid #eaeaea;
    padding-top: 5px;
    font-size: 90%;
}

.content article.archive_post a.readmore {
    font-size: 90%;
    text-transform: uppercase;
}

.content article.archive_post a.readmore:after {
    content: '>';
    padding-left: 2px;
}

.relatedposts {
    clear: both;
    display: block;

    min-height: 30px;
}

.content .relatedposts li {
    list-style: none outside none !important;
    margin: 0px;
}

.prev {
    float: left;
}

.next {
    float: right;
}

.single_relatedposts {}

.archive_relatedposts {}

p.readmore {
    margin-bottom: 0;
}



/* CHARTS */

/* .onechart {
    margin-bottom: 3em;

    padding-bottom: 2em;
} */

.highcharts-credits {
    display: none;
}

.exportbutton {
    border: 1px solid #333;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #00a5e7;
    padding: .25em;
    text-transform: uppercase;
    padding: .25em .75em;
    border-top: 5px solid #00a5e7;
}


/* TABLES */

table.dataTable thead .sorting {
    padding-left: 10px;
}

.table-container {
    margin: 3em 0;
}

.table-container table,
.table-container {
    max-width: 100%;
}

.table-container table {
    margin: 0 auto;
    clear: both;
    width: 100%;
    table-layout: fixed;
}

.table-container table {
    font-size: .6em;
}

.dataTables_length,
.dataTables_info,
.dataTables_paginate {
    display: none;
}

.dataTables_filter {
    display: none;
}

tr.subtotals {
    font-style: italic;
    font-size: 90%;
}

.subtable thead {
    display: none;
}

table.subtable {
    border-collapse: separate;
border-spacing: 0;
}
table.subtable tr {

}

table.subtable td {
    border-bottom: 1px solid #999;
    padding: 10px;
    border-left: none;
    border-right: none;
}

table.subtable tr:nth-child(even) td {
    background: #f9f9f9;
}

.onetable table.dataTable thead th,
.onetbale table.dataTable thead td {
    padding-left: 10px;
}

.imdprivate__logged-in header .usermeta {
    width: 25%;
    margin-left: auto;
    text-align: right;
    background: #eaeaea;
    padding: 1em;
    min-width: 200px;
    font-size: .7em;
    margin-bottom: 2em;
}

.imdprivate__dashpage .imdprivate__members_only {
    margin-top: 0;
    border-top: none;
}

.imdprivate__members_functions {
    text-align: left;
}
a.imdprivate__member_js_function:hover,
a.imdprivate__member_js_function.selected {
    color: #00a0e2;
}

a.imdprivate__member_js_function {
    color: #777;
}

a.imdprivate__member_js_function:hover,
a.imdprivate__member_js_function.selected,
a.imdprivate__member_js_function {
    border-bottom: 3px solid;
    border-left: 0;
}

.imdprivate__members_functions ul {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
.imdprivate__members_functions .last_item {
    margin-left: auto;
}

.imdprivate__members_functions .last_item a.imdprivate__member_js_function {
    border: none;
    background: #cf0c0c;
    color: white;
    padding: .5em;
    border-radius: 2px;
    font-size: .8em;
}

.imdprivate__field {
    border: 1px solid #dde0e1;
    background: #f6f6f6;
}

.member_files {
    width: 29%;
    background: #eaeaea;
    padding: 1em;
}

.dashboard-tabs-container {
    width: 65%;
}

.imdprivate__field.fullwidth {
    width: 95%;
}

.member_tabs .related_grid_inner .archive_post {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column;
}

a.imdprivate__member_js_function {
    padding-left: 0;
}

.chart-controls {
    max-width: 600px;
    margin: auto;
    margin-top: 2em;
}

.imdprivate__dashpage .member_files h2 {
    color: #00a0e2;
    font-size: 1.3em;
}

.imdprivate__dashpage .member_files h2:before {
content: '';
background: url(images/icon-lock.svg);
    background-repeat: repeat;
    background-size: auto auto;
background-repeat: no-repeat;
display: block;
float: left;
width: 20px;
height: 20px;
background-size: 14px;
margin-top: 7px;
margin-right: 5px;
}

.member_files ul li {
    list-style: none;
    margin-left: 0;
    margin-bottom: .7em;
}

.member_files ul li:before {
    content: ' ';
    background: url(images/icon-download.svg);
        background-repeat: repeat;
        background-size: auto auto;
    margin-right: 6px;
    background-repeat: no-repeat;
    height: 10px;
    width: 11px;
    background-size: 11px;
    display: block;
    float: left;
    margin-top: 7px;
}

h1.results-header {
    font-family: FFMarkWebProRegular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    color: #aaaaab;
    border: none;
    font-size: 2em;
    margin-top: 1.5em;
}

.results-inner {
    background: #eaeaea;
}

.results-list {
    max-width: 1040px;
    margin: auto;
    padding: 2em;
}

.search .onepage {
    background: #eaeaea;
}
.search .content article.archive_post,
.content  .results-list article.archive_post {
    background: #fff;
}

 table.dataTable tbody td.subtotalling_cell {
    padding-left: 1.5em;
   font-family: FFMarkWebProBold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}


table.dataTable tbody tr.totalling_row {
background-color: #00a0e2!important;
font-family: FFMarkWebProBold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
color: #fff;
}

table.dataTable tbody tr.statistics_row td {
    border-top: 3px solid #888;
    border-bottom: 3px solid #888;
    font-family: FFMarkWebProBold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;

}

table.dataTable tbody tr td.cell-calendar-year,
table.dataTable .header-cell-calendar-year,
table.dataTable tbody tr.statistics_row + .even + .odd,
table.dataTable tbody tr.statistics_row + .even,
table.dataTable tbody tr.statistics_row + .even + .odd + .even,
table.dataTable tbody tr.statistics_row + .even + .odd + .even + .odd,
table.dataTable tbody tr.statistics_row + .even + .odd + .even + .odd + .even,
table.dataTable tbody tr.statistics_row + .even + .odd + .even + .odd + .even + .odd,
table.dataTable tbody tr.statistics_row + .even + .odd + .even + .odd + .even + .odd + .even,

table.dataTable tbody tr.statistics_row + .even + .odd + .even + .odd + .even + .odd + .even + .odd,

table.dataTable tbody tr.statistics_row + .even + .odd + .even + .odd + .even + .odd + .even + .odd + .even {
 font-family: FFMarkWebProBold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;

}

table#ivbac {
    font-size: .9em;
    max-width: 800px;
    margin: auto;
}

table#ivbac thead th:not(:first-child),
table#ivbac tbody td:not(:first-child) {
    text-align: center;
}

.onetable p {
    font-size: .8em;
}

.highcharts-axis-accompany {
    height: 28px;
    width: 100%;
}
.highcharts-axis-cell {
    display: inline-block;
    height: 100%;
}

.highcharts-axis-cell:nth-child(even) {

}

/* tweaner widths */

@media (min-width: 768px) and (max-width: 1040px) {
    .topmenu {
        padding: .5em;
    }
}

@media (min-width: 768px) and (max-width: 850px)  {

.topmenu {
    font-size: 12px;
    padding: .5em;
}

    } /* end 768 to 852 */


/* internet explorer fixes */

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */


      .top_slideshow .inner {
       /* background: rgba(0, 0, 0, .6);
        padding: 1em;*/
      }
}

.subscribeWRapper{
  max-width: 78%;
  background: #5091CD 0% 0% no-repeat padding-box;
  margin: auto;
  /* Setting display property to none to hide the sucscribe module, set back to 'flex' to display - by Eduardo Hilzinger 4-29-20 */
  display: none; 
  align-items: center;
  flex-direction: row;
  justify-content: center;
  padding: 15px;
  margin-top:25px;
}

.mailbox{
  width: 52px;
  height: 35px;
  margin-right: 12px;
}

.subscribeText{
  color: #fff;
  max-width: 477px;
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-right: 12px;
  font: Bold 14px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.subscribeIpText{
  width: 369px;
  height: 33px;
  padding:0 8px!important;
}

.subscribeSubmit{
  width: 141px;
  background: #FFFFFF;
  border: none;
  padding: 9px;
  height: 46px;
  cursor: pointer;
  color: #5091CD;
  border: solid 1px #5091CD;
  font-size: small;
}

.subscribeSubmit:hover{
  color: #fff;
  background: transparent;
  border: solid 1px #fff;
  text-decoration:none!important;
}

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

  .mailbox{
    margin-bottom: 8px;
  }
  .subscribeWRapper{
    display: none;
  }

  .subscribeSubmit, .subscribeIpText, .subscribeText{
    width: 100%;
    margin-bottom: 8px;
  }
}

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