{% load staticfiles %}
.header {
    display:block;
}
.brand-logo {
    flex-basis: 100%;
    margin:2em 0;
}
.brand-logo img {
    max-width:100%;
    height:auto;
}

.header-link-wrapper {
    flex-basis:0;
}
.header-link-wrapper .right {
    display:none;
}
a:hover {
    text-decoration:underline;
}
.sidenav-trigger:hover {
    text-decoration:none;
}

.fa-twitter-blue {
    color:#039be5;
}

.page-content {
    min-height:35em;
}
strong {
    font-weight:700;
}

h2 {font-size:1.8em;color:#333;}
h3 {font-size:1.6em;color:#333;}
h4 {font-size:1.4em;color:#333;}
h5 {font-size:1.2em;color:#333;}
h6 {font-size:1.2em;color:#666;}

h2.name {
    color:#555;
    font-weight:200;
}
h2.name strong {
    color:#111;
}

#search {
    width:100%;
    margin-right:0.666em;
    height:2.666em;
    padding-left:1em;
    border-radius:0;
    -moz-border-radius:2em;
    -webkit-border-radius:2em;
    border:1px solid;
    border-image:linear-gradient(to right,rgb(0,81,171),rgb(227,0,131)) 1 20%;
}

.label-icon-right {
    -webkit-transform:translateY(8px) !important;
    transform:translateY(8px) !important;
    position:relative;
    left: -3.5em;
    top: 0.75em;
}

#desktop-menu {
    background:-moz-linear-gradient(0deg,rgba(0,81,171,1) 20.61%,rgba(9,78,169,1) 27.96%,rgba(34,69,165,1) 40.07%,rgba(75,54,158,1) 55.45%,rgba(131,34,148,1) 73.49%,rgba(203,9,135,1) 93.55%,rgba(227,0,131,1) 100%);
    background:-webkit-linear-gradient(0deg,rgba(0,81,171,1) 20.61%,rgba(9,78,169,1) 27.96%,rgba(34,69,165,1) 40.07%,rgba(75,54,158,1) 55.45%,rgba(131,34,148,1) 73.49%,rgba(203,9,135,1) 93.55%,rgba(227,0,131,1) 100%);
    background:-webkit-gradient(linear,0% 50%,100% 50%,color-stop(0.2061,rgba(0,81,171,1) ),color-stop(0.2796,rgba(9,78,169,1) ),color-stop(0.4007,rgba(34,69,165,1) ),color-stop(0.5545,rgba(75,54,158,1) ),color-stop(0.7349,rgba(131,34,148,1) ),color-stop(0.9355,rgba(203,9,135,1) ),color-stop(1,rgba(227,0,131,1) ));
    background:-o-linear-gradient(0deg,rgba(0,81,171,1) 20.61%,rgba(9,78,169,1) 27.96%,rgba(34,69,165,1) 40.07%,rgba(75,54,158,1) 55.45%,rgba(131,34,148,1) 73.49%,rgba(203,9,135,1) 93.55%,rgba(227,0,131,1) 100%);
    background:-ms-linear-gradient(0deg,rgba(0,81,171,1) 20.61%,rgba(9,78,169,1) 27.96%,rgba(34,69,165,1) 40.07%,rgba(75,54,158,1) 55.45%,rgba(131,34,148,1) 73.49%,rgba(203,9,135,1) 93.55%,rgba(227,0,131,1) 100%);
    -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#0051AB',endColorstr='#E30083',GradientType=0)";
    background:linear-gradient(90deg,rgba(0,81,171,1) 20.61%,rgba(9,78,169,1) 27.96%,rgba(34,69,165,1) 40.07%,rgba(75,54,158,1) 55.45%,rgba(131,34,148,1) 73.49%,rgba(203,9,135,1) 93.55%,rgba(227,0,131,1) 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0051AB',endColorstr='#E30083',GradientType=1);
}

#mobile-menu {
    width:80vw;
    max-width:40em;
}

#mobile-menu form {
    height:auto;
    width:95%;
    padding:1vw;
}
#mobile-menu .label-icon-right {
    display:none;
}

#desktop-menu ul a {
    padding:0 1em;
    font-size:1.1em;
}

#desktop-menu .navbar-fixed ul li a i.right {
    margin-left:0;
}

.sub-menu {
    width:initial !important;
}
#desktop-menu .sub-menu li a {
    padding:1em 1.333em;
}

#mobile-menu li {
    overflow:hidden;
}

#mobile-menu li > a {
    height:auto;
    padding:0 3vw;
}
#mobile-menu li ul li > a {
    padding:0 6vw;
}

#mobile-menu li ul li ul li > a {
    padding:0 12vw;
}

.sub-menu li {
     -webkit-transition:background-color 0s;
     transition:background-color 0s;
}

.sub-menu li > a {
    color: #039be5;
    transition:initial;
}

.sub-menu li:hover {
    background-color:rgba(0,0,0,0.01);
}

.header-container {
    max-width:88em;
    display:flex;
    align-items:center;
}

.breadcrumbs .crumb {
    padding:1em;
    display:inline-block;
}

.feature_image img {
    max-width:100%;
    height:auto;
}

.active-filter {
    font-weight:bold;
}

#desktop-menu .search-field {
    float:right;
}

.btn-blue {
    background-color:#0051AB;
    text-transform:initial;
    padding:0 4.666em;
    color:white;
    box-shadow:initial;
    -webkit-box-shadow:initial;
    height:2.666em;
    line-height:2.666em;
}

/* Carousel */

#carousel-wrapper {
    width:100%;
    min-height:27em;
    height:27vw;
    max-height:36em;
}
#carousel-wrapper .carousel-image {
    width:100%;
}
#carousel-wrapper .carousel {
    min-height:27em;
    height: 27vw;
    max-height:30em;
}

#carousel-wrapper .content.container {
    padding-bottom:3em;
}

#carousel-wrapper .carousel-text-wrapper {
    position: relative;
    height:100%;
}
#carousel-wrapper .carousel-text {
    transition-property: border,background-image,background-color,border-radius,box-shadow;
    background:rgba(34,81,171,0.7);
    box-shadow:0 1px 10px 0px rgba(0,0,0,0.4);
    min-height:12em;
    max-height:18em;
    padding: 1.666em 1.333em 1.666em 1.333em;
    color: white;
    -webkit-font-smoothing: antialiased;
    position:absolute;
    bottom:4em;
    max-width:96vw;
}

#carousel-wrapper .carousel-text h2 {
    color: #fff;
    padding:0;
    margin:0.1em 0;
}


.inner-content-area-container {
    width:55%;
    margin:0 auto;
    max-width:85em;
}
.list-content-area {
    margin-bottom:5.333em;
}
.collection {
    border:initial;
}
.collection.with-header .collection-header {
    border-bottom:initial;
    padding:initial;
}
.collection.with-header .collection-header h4 {
    font-size:1.666em;
}
.collection.with-header .collection-item {
    padding:0.333em 0;
}
.collection.with-header .collection-item p {
    margin:initial;
}
.paper-title {
    font-size:1em;
    color:#0059D4;
    display:block;
    overflow:hidden;
}
.paper-meta {
    font-size:12px;
}
.collection-btn {
    background-color:rgba(0,81,171,0.7);
    text-transform:initial;
    padding:0 70px;
    color:white;
    height:40px;
    line-height:40px;
}
.page-footer {
    /*height:140px;*/
    padding:40px 0;
    background-color:rgba(0,81,171,0.7);
}
.page-footer p {
    margin-bottom:-10px;
}
.page-footer a {
    color: white;
    font-weight: bold;
}
.contact-icon {
    margin-bottom:10px;
    margin-right:10px;
}
.contact-text {
    margin-left:10px;
}
.contact-text p {
    display:inline-block;
    font-size:16px;
}
.social-links {
    margin-bottom:0;
}
.social-links ul {
    margin:0;
    padding:0;
}
.social-links li {
    display:inline-block;
    vertical-align:top;
    padding:0 10px;
}
.social-links li:first-child {
    padding:0 10px 0 0;
}
.social-links a {
    color:#FFFFFF !important;
}
.copyright {
    display:block;
    padding:10px 0;
}
.copyright p {
    color:#5E5E5E;
    font-size:16px;
}
.footer-logo-wrapper {
    padding-bottom:20px !important;
}
.footer-logo {
    margin-top:initial;
}
.footer-logo img {
    display:block;
    margin:0 auto;
}

.list-content-area .card.small {
    height:225px;
}
.blue-card span {
    color:white;
    font-weight:bold;
    font-size:20px;
}
.blue-card {
    background-color:rgba(0,81,171,0.7);
    max-width:520px;
    margin-right:1em;
}
.blue-card .card-image img {
    margin:15px;
}
.list-content-area .blue-card .card-image img {
    width:150px;
    height:auto !important;
}
.feature-link {
    color: #FFF;
}
.sidebar .feature_image {
    margin-top:2.333em;
}
.sidebar .feature_image img {
    margin:0 auto 1em;
    text-align:center;
    display:block;
}
.feature-image-card {
    height: 17em;
}
.subpage.card {
    width:90%;
}
.card .card-image {
    padding:1em;
    display:flex;
    align-items:center;
}
.card .card-content {
    padding:0 1.5em 1.5em;
    display:flex;
    min-height:6em;
}
.card-content span {
    margin:auto;
    text-align:center;
}
.subpage.card:last-child {
    padding-right:0;
}
.blue-card:hover {
    opacity:0.9;
}
.subpages:after {
    content:' ';
    display:block;
    clear:both;
}
.sidenav .secondary {
    padding-top:1em;
    margin-top:1em;
    border-top:1px solid #ddd;
}
.carousel-item-image-wrapper img {
    border:2px solid white;
}
.about-sidebar .subpages {
    display:flex;
    flex-direction:column;
}
.sidebar-featured-image {
    display:none;
}
.mobile-featured-image {
    display:inline-block;
}

.miniflag {
    display:inline-block;
    width:2em;
    height:1em;
}
.miniflag img {
    width:100%;
    height:100%;
}

.country-item {
    margin:1em;
    display:block;
    max-width:9.5em;
}

.country-image img {
    display:block;
    margin:0 auto;
    height:5em;
    width:9.5em;
    border:1px solid #aaa;
}

.country-text {
    text-align:center;
}

.pagination li.active {
    background-color:#5586c5;
}

.sidebar {
    margin-top:0;
}

.sidebar .download:first-child {
    margin-top:3em;
}

.search-sidebar {
    margin-top: 0;
}

.sidebar .active {
    background:#5586c5;
    color:#dadada;
 }
.sidebar li {padding:0.5em 1em;}
.sidebar .active a {
    color:#fff;
}

.sidebar .download {
    margin-bottom:1em;
}


.collapsible .more {display:inline-block;}
.collapsible .less {display:none;}
.collapsible .active .more {display:none;}
.collapsible .active .less {display:inline-block;}
.collapsible .collapsible-header i {
    width: inherit;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: 1.6rem;
    line-height: 40px;
}
.collapsible-header .btn-floating {
    background:#5d88c6;
    margin-left:1em;
}

.collapsible-header {
    padding:1em 1.5em;
}
.collapsible-header h4 {
    margin: 0;
    align-self: center;
}
.collapsible-header .button {
    display:inline-block;
    margin-left:auto;
}
.collapsible-body {
    padding:0.5em 1.5em 0.5em;
}

.collapsible-actions {
    display: flex;
    justify-content: flex-start;
}

.action-btn:last-child {
    margin-left: 0.75em;
}

.content .action-btn .left {
    margin: 0 0.75em 0 0;
}

.row .individual .col {
    padding: 0;
}

.row .individual .individual-image {
    height:160px;
    width:120px;
}
.row .individual-image {
    width:200px;
}
.individual-information p {
    margin-bottom:0;
}

.people-page li {
    border-bottom:1px solid #ccc;
}
.people-page .collapsible-header {
    border-bottom:1px solid #eee;
}

.person-title .name {
    display:inline-block;
}
.person-title .academic-title {
    display:inline-block;
    font-size:0.75em;
}
.person-position p {
    margin-top:0.25em;
    margin-bottom:0;
}

.partners .partner {
    display:inline-block;
    max-width:20em;
    margin:1em 3em 1em 0;
}
.partners .partner a {display:inline-block;}
.partners .partner a:hover {box-shadow:0.75em 0.75em 1em #5586c5;}

/* Resource Indices */

.resource-index ul li {
    padding: 0.25em 1em;
    list-style:none;
}
.resource-index .results ul li:nth-child(2n) {
    background:rgba(242, 242, 242, 0.5);
}
.resource-index .results .collapsible-header {
    background:transparent;
    padding:0.25em 0.5em;
}
.resource-index .results .collapsible-body {
    border:0;
    outline:0;
}
.resource-index .results .collapsible {
    border:0;
    box-shadow: none;
    margin: 0.5em 0 1em 0;
}
.resource-index .results .active .show-link, .resource-index .results .hide-link {
    display:none;
}
.resource-index .results .active .hide-link, .resource-index .results .show-link {
    display:inline;
}
.resource-index .results .collapsible-body {
    margin:0;
    padding-top:1em;
}

.resource h2 {font-size:1.6em;}



.content .left {margin: 0 2em 1em 0;}
.content .right {margin: 0 0 1em 2em;}
.content .full {margin:2em 0;}
.content img {max-width:100%;height:auto;}

body:not(.template-homepage) .content ul:not(.collapsible) li {
    list-style-type: disc;
    margin-left: 1em;
    padding: 0.3em 0.3em 0.5em 0;
}

.content.container .row .sidebar ul li {
    list-style-type: none;
    margin-left:0;
    padding-left: 0.25em;
}

.dropdown-content li {
    list-style-type: none !important;
    margin-left: 0 !important;
    padding: 0 !important;
    min-width:14em;
}

.dropdown-content li > span {
    color:#039be5;
}

.dropdown-nested {
    overflow-y: visible;
}

.dropdown-content .dropdown-content {
    left: -100%;
    /*top: 54px;*/
}

.nested-triangle {
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
}

.select-wrapper input.select-dropdown:focus {
    border-bottom: 1px solid #039be5;
}

a:hover img {opacity:0.95;}
.individual {
    clear:both;
}


.btn, .btn-large, .btn-small {
    background-color: #5485c5;
}

.sidebar .btn, .sidebar .btn-large, .sidebar .btn-small {
    display:inline-block;
    width:100%;
}

.filter-list {
    margin-top: 1.5em;
}

.team-list .team {
    margin-top:0.75em;
}

.category-list .category {
    padding-left:1em !important;
}

input[type=text].search-field {
    border-bottom: 1px solid;
    border-image: linear-gradient(to right,rgb(0,81,171),rgb(227,0,131)) 1 20%;
}

table.striped {
    margin-bottom: 1em;
}
.country-page table.striped > tbody > tr > td {
    max-width: 30em;
}
.surveys tr:first-child {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.surveys td:nth-child(odd) {
    width: 40%;
}

@media only screen and (min-width:365px) {
    .carousel-item-heading {
        font-size:30px;
    }
}
@media only screen and (min-width:601px) {
    .brand-logo {
        flex-basis:50%;
        margin:2em 0;
    }
    .header-link-wrapper {
        flex-basis:50%;
    }
    .header-link-wrapper .right {
        display:none;
    }
    .container {
        width:auto;
        padding:0 1em;
    }
    .subpage.card {
        float:left;
        margin-right:1%
    }
    .card .card-content {
        padding:0 1.5em;
    }
    .search-sidebar {
        margin-top: 1.5em;
    }
    .collapsible-actions {
        justify-content: flex-end;
    }
}

@media only screen and (min-width:993px) {

    #search {
        width:300px;
        margin-right:0;
    }
    .row .individual-image {
        width:200px;
        float:right;
    }
    .row .individual-information .email p {
        margin-top: 0;
    }
    .row .individual-information {
        margin-top:0;
    }
    .container {
        width:99vw;
    }
    .header-link-wrapper .right {
        display:block;
    }
    .header-links {
        margin-bottom: 0;
        float: right;
        padding: 0 0 1em 1em;
        margin: 0;
    }
    .header-links ul {
        margin:0;
        padding:0;
    }
    .header-links li {
        display:inline-block;
        vertical-align:top;
        padding:0 20px;
    }
    .header-links a {
        color:#919191;
    }
    .sidebar-featured-image {
        display:inline-block;
    }
    .mobile-featured-image {
        display:none;
    }
    .blue-card {
        margin-right:0;
    }
    .blue-card .card-image img {
        max-width:100%;
    }
    #search {
        width:400px;
    }
    .contact-text p {
        font-size:12px;
    }
    .footer-logo-wrapper {
        padding-bottom:initial !important;
    }
    .footer-logo {
        margin-top:5px;
    }
    .footer-logo img {
        display:initial;
        margin:initial;
    }
    .paper-title {
        height: 4em;
    }
    .person-title .academic-title {
        margin-left:0.75em;
    }
    .short .twitter-timeline-wrapper {
        max-height:20em;
    }
}