/*

Theme Name: X – Child Theme
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: x

*/

/*--- TYPE --- */
h1,
.h1 {
    margin-top: 1em;
    font-size: 315.7%;
    line-height: 1.1;
}

h2,
.h2 {
    font-size: 236.9%;
    line-height: 1.2;
}

h3,
.h3 {
    font-size: 177%;
    line-height: 1.3;
}

h4,
h5,
h6,
.h4,
.h5,
.h6 {
    margin-top: 1.75em;
    margin-bottom: 0.5em;
    line-height: 1.4;
}

h4,
.h4 {
    font-size: 133%;
}

h5,
.h5 {
    font-size: 115%;
}

h6,
.h6 {
    font-size: 100%;
    text-transform: uppercase;
}

/*--- HEADER AND NAVBAR STUFF ---*/
#homepage-main-title {
    font-size: 350%;
    font-weight: bold;
    letter-spacing: -3px;
    line-height: 1;
    margin-top: 0;
}
.home .x-header-landmark {
    display: none;
}
.x-navbar {
    border-bottom: none;
}
/*.x-navbar:after {
content: '';
display: block;
width: 100%;
height: 15px;
background-image: url('/wp-content/themes/x-child/bottombar.png');
background-repeat: repeat-x;
background-color: transparent;
}*/
.x-topbar {
    min-height: 30px;
}
.x-colophon.top {
    background-image: url('/wp-content/themes/x-child/GRC14pattern.png');
    background-repeat: repeat repeat;
    background-color: transparent;
}

#top .x-icon-facebook-square::before:hover {
    color: #3b5999;
}
#top .x-icon-twitter-square::before:hover {
    color: #55ACEE;
}
#top .x-icon-youtube-square::before:hover {
    color: #cd201f;
}
#top .x-icon-facebook-square::before, #top .x-icon-twitter-square::before, #top .x-icon-youtube-square::before {
    font-size: 30px;
    height: 30px;
    width: 30px;
    color: hsla(210,39%,76%,1);
    background: hsla(0,0%,100%,1);
    border-radius: 50%;
    padding: 8px;
    position: relative;
    top: 4px;
}
#top .x-icon-facebook-square::before:hover,
#top .x-icon-twitter-square::before:hover,
#top .x-icon-youtube-square::before:hover {
    background: hsla(210,20%,47%,1);
    /*40% */
}
/*--- MENU ---*/
.masthead-inline .desktop .x-nav {
    height: 111px;
}
#top .x-navbar .desktop .x-nav > li > a:hover,
#top .x-navbar .desktop .x-nav > .x-active > a,
#top .x-navbar .desktop .x-nav > .current-menu-item > a {
    box-shadow: none;
    border-bottom: 4px solid hsla(210,20%,47%,1);
}
#top .x-navbar .desktop .x-nav > li > a {
    border-bottom: 4px solid transparent;
}
.x-navbar .desktop .x-nav>li {
    height: 100%;
}
.x-navbar .desktop .x-nav > li > a, #top .x-navbar .desktop .x-nav > li > a {
    padding-left: 12px;
    padding-right: 12px;
    height: 100%;
}
@media screen and (max-width: 1405px) {
    .x-navbar .desktop .x-nav > li > a, #top .x-navbar .desktop .x-nav > li > a {
        padding-left: 6px;
        padding-right: 6px;
    }
}
/*#top .x-navbar .desktop .x-nav > li ul {
    top: 111px;
}*/
.sub-menu {
    font-family: "Merriweather Sans", "Helvetica Neue",Helvetica,sans-serif;
}
ul.sub-menu {
    background: #FF4300 !important;
    padding:0 15px !important;
    border-top: 5px solid #FFCE00;
}
.masthead-inline .x-navbar .desktop .sub-menu .sub-menu {
    top: 0 !important;
    right: 104% !important; 
}
.sub-menu li {
    line-height: 30px;
    border-bottom: 1px solid rgba(255,206,0,0.5);
    padding: 10px;
}
.sub-menu li:last-child {
    border-bottom: 0px solid rgba(255,255,0,0.5);
    
}
#top .sub-menu>li a {
    text-transform: none;
        color: #fff;
}
#top .sub-menu>li>a:hover {
    color: hsla(210,39%,76%,1);
}
.x-navbar-static-active #top .desktop .x-nav .x-megamenu>.sub-menu,
.x-navbar-fixed-top-active #top .desktop .x-nav .x-megamenu>.sub-menu {
    padding: 9px;
}
.x-btn-navbar, .x-btn-navbar.collapsed, .x-btn-navbar:hover {
    color: hsla(0,0%,0%,1);
}
#top .desktop .x-nav .x-megamenu>.sub-menu>li {
    padding: 0px 18px 16px;
}

.dontclick > a {
    pointer-events: none;
}

#menu-item-2529 {
    clear: none;
}
/*--- MENU TWO LINES HIGH --*/
@media screen and (min-width: 980px) and (max-width: 1309px) {
    #top .x-nav-wrap.desktop {
        width: 860px;
        margin: 0 auto;
    }
    body.x-navbar-fixed-top-active #top .x-navbar-wrap {
        height: 185px;
    }
    #top .x-navbar .desktop .x-nav > li ul {
        top: 85px;
    }
    #top .x-navbar .desktop .x-nav > li.x-megamenu ul {
        top: 197px;
    }
    .masthead-inline .desktop .x-nav {
        height: 85px;
    }
}
@media screen and (max-width: 130px) {
    #top .x-post-carousel {
        top: 0px;
    }
}
/*--- BREADCRUMBS ---*/
.x-breadcrumbs {
    margin: 2rem 0 1rem 0;
}

/*--- X THEME FEATURED POST CAROUSEL ---*/
.h-entry-cover:before, .entry-cover:hover .h-entry-cover:before {
    background-color: hsla(210,20%,25%,0.5);
}
#top .slick-list, .slick-track, #top .slick-slide, .slick-slide img {
    width: 100%;
}
.Firefox #top .slick-list {
    top: -18px;
}
.home .slick-prev, .home .slick-next {
    z-index: 99;
}
.home .x-post-carousel {
    top: -32px;
    display: block;
}
.x-post-carousel {
    display: none;
}
.home .x-post-carousel-meta>span {
    white-space: normal;
    line-height: 1.5;
    height: auto;
}
@media screen and (max-width: 600px) {
    .x-post-carousel.unstyled .entry-cover .h-entry-cover {
        top: -8em;
    }
    .x-post-carousel.unstyled .entry-cover .x-post-carousel-meta {
        bottom: 50%;
        margin-bottom: -60px;
    }
}

/*--- HOMEPAGE ---*/
#top .homepage-headline {
    color: hsla(0,0%,100%,1);
    text-shadow: 2px 2px 2px hsla(0,0%,0%,0.5);
    background-color: hsla(210,20%,25%,0.20);
    padding: 2rem;
    width: 90%;
    max-width: 50rem;
    margin: 5rem auto 0;
    border-top-left-radius: 3.6px;
    border-top-right-radius: 3.6px;
    position: relative;
    z-index: 999;
}
#top .homepage-description {
    text-align: center;
    width: 90%;
    max-width: 50rem;
    margin: 0 auto 5rem;
    color: hsla(0,0%,100%,1);
    text-shadow: 3px 3px 8px hsla(0,0%,0%,0.5);
    padding: 2rem;
    background-color: hsla(210,20%,25%,0.20);
    border-bottom-left-radius: 3.6px;
    border-bottom-right-radius: 3.6px;
    position: relative;
    z-index: 999;
}

#top .homepage-description a {
    /*color: hsla(210,39%,76%,1);*/
}
#top .homepage-description a:hover {
    color: #fff;
}

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

    .home .homepage-headline {
        margin-top: 6rem;
    }
}
@media screen and (min-width: 768px) {

    .home .homepage-headline {
        margin-top: 7rem;
    }
}
@media screen and (min-width: 1024px) {
    .home #top .x-section:nth-child(even) {
    }
    .home .homepage-headline {
        margin-top: 8rem;
    }
}
@media screen and (min-width: 1200px) {
    .home #top .x-section:nth-child(even) {
    }
    .home .homepage-headline {
        margin-top: 9rem;
    }
}
.home #top .x-section:nth-child(odd) {
    margin-top: 3rem;
}
.home #top #x-section-4 .widget, .home #top #x-section-6 .widget {
    text-align: center;
}
@media screen and (min-width: 768px) {
    .home #top .ytc_video_container {
        display: inline-block;
        width: 30%!important;
        margin-right: 5%;
    }
    .home #top .ytc_video_container:nth-child(3n+3) {
        margin-right: 0;
    }
}
.home .widget-title {
    margin-top: 0.2em;
}
.home #x-section-1 .widget:nth-child(2) .widget-title {
    margin-top: -1.5rem;
}
.home #x-section-2 .widget-title {
    margin-top: 0;
}
.home #top .widget a {
    color: hsla(210,20%,47%,1);
}
.home #top .widget a:hover {
    color: hsla(210,39%,76%,1);
}
.home #top .widget .x-btn {
    color: hsla(0,0%,100%,1);
}
.home .widget .post-date {
    color: #444;
    font-size: 80%;
}

/*--- PAGES ---*/
.page .x-container>.offset, .page .entry-content {
    margin-top: 0;
}
.page .x-header-landmark {
    padding: 0;
}
.page .x-header-landmark h1.entry-title {
    font-size: 250%;
    font-weight: bolder;
    margin-bottom: 1rem;
}
.page .entry-content #x-section-1 {
    padding-top: 0;
    padding-bottom: 0;
}

/* --- BLOG --- */

.single .p-meta span:first-child,
.single .p-meta span:first-child::after,
.blog .p-meta span:first-child,
.blog .p-meta span:first-child::after {
    display: none;
}
.single .p-meta span:last-child::before, .blog .p-meta span:last-child::before {
    content: 'Posted on: ';
}
.page .x-main.left .hentry .entry-featured, .single-post .x-main.left .hentry .entry-featured {
    margin-top: 1rem;
}
.x-nav-articles a:hover,
#top .x-nav-articles a:hover,
.entry-top-navigation .entry-parent:hover,
.option-set .x-index-filters:hover i,
.option-set .x-portfolio-filters:hover i {
    background-color: hsla(210,20%,47%,1);
}
a.entry-thumb:before, #top a.entry-thumb:before {
    background-color: hsla(210,20%,25%,0.8);
}
/* --- BOARD MEMBERS --- */
.board-picture {
    width: 100px;
    height: auto;
}
/* --- OUR TEAM --- */
.teamphoto, .page-id-635 #top .x-img-thumbnail {
    width: 100%;
    height: auto;
    padding: 0;
    border: none;
    margin: 0;
}
.page-id-635 #top .x-1-3 {
    max-height: 350px;
    overflow: hidden;
    padding: 5px!important;
    border: 1px solid rgba(0,0,0,0.1);
}
.page-id-635 #x-section-1 > .x-container {
    margin-bottom: 1em!important;
}
/* --- WHAT WE DO --- */
#our-work li {
    margin-bottom: 1em;
}
#our-work li ul {
    margin-bottom: 3em;
}


/* --- PUBLICATIONS --- */
.tl-publications .publication-container {
    width: 30%;
    margin-right: 5%;
    float: left;
    margin-bottom: 5rem;
}
#top .tl-publications .publication-container:nth-child(3n) {
    margin-right: 0;
}
#top .publication {
    box-shadow: 4px 4px 8px 2px hsla(0,0%,0%,0.5);
}
.publication img {
    display: block;
    width: 100%;
    height: auto;
}
.publication+h2, .publication+h3, .publication+p {
    margin-top: 0;
}

/*--- SLIDER ---*/

/* navigation */
.x-icon-chevron-right, .x-icon-chevron-left, .flex-direction-nav .x-icon-chevron-right, .flex-direction-nav .x-icon-chevron-left {
    font-size: 3rem;
}
.flex-control-nav:not(.flex-control-thumbs), #top .flex-control-nav:not(.flex-control-thumbs) {
    bottom: 1px;
}
.flex-control-nav a, #top .flex-control-nav a {
    background-color: #000;
}

/* --- VIDEOS --- */
.page .entry-content .youtube_channel .ytc_video_container {
    display: inline-block;
    width: 30%!important;
    margin-right: 5%;
    margin-bottom: 3.5rem;
}
.page .entry-content .youtube_channel .ytc_video_container:nth-child(3n+3) {
    margin-right: 0;
}
.page-id-248 .x-img {
    margin-bottom: 1rem;
}

/*--- SIDEBAR ---*/

.h-widget a, .widget-title a {
    color: #444;
}
#top .h-widget a {
    text-decoration: none;
    color: #444;
}
#top .h-widget a:hover {
    color: hsla(210,39%,76%,1);
}
#text-6 {
    text-align: center;
}
#twitter-widget-0 {
    margin-bottom: 60px;
}
#text-7 {
    border-bottom: 1px solid #444;
    padding-bottom: 6em;
}
.youtube_channel h3 {
    font-size: 2rem;
    min-height: 5rem;
}
@media (max-width: 1234px) {
    .youtube_channel h3 {
        min-height: 8rem;
    }
}
@media (max-width: 897px) {
    .youtube_channel h3 {
        min-height: 11rem;
    }
}
.x-sidebar.right h4.h-widget {
    border-right: none;
    border-bottom: none;
    border-left: none;
    padding-top: 1.5em;
}
#top .widget .x-btn {
    color: hsla(0,0%,100%,1);
    text-decoration: none;
}
#top .widget .x-btn:hover {
    text-decoration: underline;
}
.widget {
    color: #333;
}

/*--- HOMEPAGE SIDEBAR ---*/
.home .h-widget {
    color: #444;
}
.home .ytc_link {
    top: 2rem;
}
.home .ytc_link a {
    color: hsla(210,20%,47%,1);
}

/*--- SCROLL TOP BUTTON---*/
.x-scroll-top {
    right: 10px;
}

/*--- FOOTER ---*/
#top .x-colophon.bottom {
    background-color: hsla(210,20%,47%,1);
}

.widget_pages ul li a {
    color: hsla(210,20%,47%,1);
    transition: color 0.3s ease-in-out;
    text-transform: capitalize;
}
.widget_pages ul li a:hover {
    color: hsla(210,39%,76%,1);
}
footer .widget {
    background-color: hsla(210,39%,76%,1);
    padding: 1.5rem;
    border-radius: 0.5rem;
}
footer .widget:before {
    margin-bottom: 1.25rem;
}
#top footer .h-widget {
    color: hsla(0,0%,100%,1);
}
/*--- COOKIE LAW INFO ---*/
#cookie-law-info-bar, #cookie-law-info-bar span {
    font-family: "Merriweather Sans", "Helvetica Neue",Helvetica,sans-serif;
}


/*.page-id-440 .x-header-landmark+.x-container>.offset>.x-sidebar {
margin-top: 0;
}*/
.x-header-landmark+.x-container>.offset>.x-sidebar {
    margin-top: 2em;
}

/*--- RECENT POSTS ON WAMARE PAGE ---*/
.page-id-1975 #top .content .x-recent-posts {
    /*padding-left: 24%;
    padding-right: 24%;*/
}
.page-id-1975 #top .content .x-recent-posts a.recent-post2 {
    width: 24%;
}



/*--- HOMEPAGE accordion ---*/
#splash .x-acc {
    max-width: 21em;
    background: none;
    clear: both;
    position: relative;
    top: 2rem;
}
#splash .x-acc-item {
}
#splash .x-acc-header {
    background: hsla(12, 100%, 50%, 1) url('/wp-content/themes/x-child/buttonpattern.jpg');
    color: #fff;
    text-transform: none;
    -webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;
    border: none;
    margin-bottom: 1rem;
}
#splash .x-acc-header-content {
    border: none;
    padding: 1rem;
}
#splash .x-acc-header-indicator {
    color: #fff;
}
#splash .x-acc-content {
    background: hsla(0,0%,100%,0.2);
    padding: 1rem;
    top: -1rem;
    transition: all 0.3s ease-in-out;
    -webkit-box-shadow: -2px 2px 5px 0px hsla(0, 0%, 0%, 0);
    -moz-box-shadow:    -2px 2px 5px 0px hsla(0, 0%, 0%, 0);
    box-shadow:         -2px 2px 5px 0px hsla(0, 0%, 0%, 0);
}
#splash .x-collapsed .x-acc-content {
    background: hsla(0,0%,100%,0.0);
    -webkit-box-shadow: -2px 2px 5px 0px hsla(0, 0%, 0%, 0.35);
    -moz-box-shadow:    -2px 2px 5px 0px hsla(0, 0%, 0%, 0.35);
    box-shadow:         -2px 2px 5px 0px hsla(0, 0%, 0%, 0.35);
}
/* set correct font for accordion headers */
#top .x-acc-header-indicator {
    font-family: "Merriweather Sans", "Helvetica Neue",Helvetica,sans-serif;
}
/*--- HOMEPAGE splash ---*/
#splash {
    padding-top: 3.5rem;
    background-image: url('//4genderjustice.org/wp-content/uploads/2015/12/strong-woman-2_cropped_2560.jpg');
    background-position: center center;
    background-size: cover;
    min-height: 75vh;
    max-height: 100vh;
    position: relative;
    margin-bottom: 2rem;
    height:1000px;
}
/*Edit by Common*/
.splash-inner{
    max-width: 88%;
    margin: 0 auto;
}
@media screen and (min-width: 768px) {
/*    #splash {
        min-height:x; 1600p
    }*/
}
@media screen and (min-width: 1200px) {
/*    #splash {
        min-height: 1400px;
    }*/
}
@media screen and (min-width: 1600px) {
/*    #splash {
        min-height: 1300px;
    }*/
}
#splash::after {
    content: 'photo: M Nadalutti';
    display: block;
    float: right;
    font-size: 0.75em;
    position: absolute;
    right: 5rem;
    bottom: -2rem;
    text-align: right;
}
@media screen and (max-width: 1200px) {
    #splash::after {
        bottom: -3rem;
    }
}
@media screen and (max-width: 1024px) {
    #splash::after {
        bottom: -4.5rem;
    }
}
@media screen and (max-width: 768px) {
    #splash::after {
        bottom: -4rem;
    }
}
.splash-item {
    display: block;
    float: left;
    width: 22%;
    margin-right: 3.9%;
    background: hsla(0,0%,100%,0.2);
    padding-top: 0.25rem;
}
.splash-item:nth-child(4n) {
    margin-right: 0;
}
.splash-item:nth-child(4) {
    position: relative;
}
.splash-item:nth-child(5) {
    margin-top: 7rem;
}
.splash-item:nth-child(6) {
    margin-top: 7.5rem;
    margin-left: 3.5rem;
    background: none;
}
@media screen and (max-width: 768px) {
    .splash-item {
        width: 100%;
    }
    .splash-item:nth-child(-n+4) {
        display: none;
    }
    .splash-item:nth-child(6) {
        margin-top: 0;
        margin-left: 0;
        background: hsla(0,0%,100%,0.2);
    }
}
/*--- HOMEPAGE focusboxen ---*/
#focusbox{
    max-width: 63%;
    background: none;
    clear: both;
    position: relative;
    top: 3rem;
}
#focusbox a {
    display:inline-block;
    float: left;
    width: 25%;
    margin-right: 3.9%;
    background: hsla(12, 100%, 50%, 0.5) url('/wp-content/themes/x-child/buttonpattern.png');
    padding-top: 0.25rem;
    height: 180px;
}
.home-stat-desc {
    text-align: center;
    text-shadow: 3px 3px 8px hsla(0,0%,0%,0.5);
    margin: -0.5rem 0 0.5rem;
}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    height: inherit;
    margin-bottom: 0px;
    border: 1px solid rgba(0,0,0,0.1);
    padding: 0 1.45em;
    font-size: 1rem;
    line-height: 44px;
    color: #555;
    background-color: #fff;
}
#readmore {
    display: block;
    text-align: center;
}
@media screen and (max-width: 768px) {
    #top #splash .home-stat {
        display: none;
    }
}
.splash-shadow {
    text-shadow: 3px -3px 8px hsla(0,0%,0%,0.5);
}
#last-four-years {
    position: absolute;
    bottom: -4em;
    right: 0;
    text-align: right;
    font-style: italic;
}
#splash-description {
    text-align: justify;
    color: #333;
}
#splash-description a {
    font-weight: bold;
    color: hsla(12, 100%, 50%, 1);
}
#splash-description a:hover {
    color: hsla(210,20%,47%,1);
}

/*--- donations page ---*/
.page-id-2809 .x-accordion {
    margin-top: 4.5rem;
}
.page-id-2809 .x-accordion-heading .x-accordion-toggle.collapsed,
.page-id-2809 .x-accordion-heading .x-accordion-toggle {
    background-color: #fff;
    color: hsla(12, 100%, 50%, 1);

}
.page-id-2809 .x-accordion-heading .x-accordion-toggle.collapsed:before,
.page-id-2809 .x-accordion-heading .x-accordion-toggle:before {
    color: hsla(12, 100%, 50%, 1);
}
.page-id-2809 .x-accordion-inner {
    border: none;
}
.pronamic-pay-form-title {
    display: none;
}
.pronamic-pay-amount {
    display: flex;
    justify-content: space-between;
}
.pronamic-pay-amount > div {
    width: 15%;
    text-align: center;
    height: 2rem;
}
.pronamic-pay-amount > div:last-child {
    width: 25%;
}
.pronamic-pay-amount div > input, .pronamic-pay-amount div > label {

}
.pronamic-pay-amount div > input {
    display: none;
}
.pronamic-pay-amount div > label {
    padding: 0.5rem 0.5rem;
    height: 3rem;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
    background-color: hsla(12, 100%, 50%, 1);
    border: 1px solid hsla(12, 100%, 50%, 1);
    border-radius: 0.125rem;
    color: #fff;
}
.pronamic-pay-amount div > label:hover {
    background-color: #fff;
    color: hsla(12, 100%, 50%, 1);
}
.pronamic-pay-amount div:last-child > label {
    background-color: transparent;
    border: none;
    color: #333;
    position: relative;
    padding: 0;
}
.pronamic-pay-amount div:last-child > label:hover {
    background-color: transparent;
    border: none;
    color: #333;
}
.pronamic-pay-amount div:last-child > label span {
    visibility: hidden;
}
.pronamic-pay-amount div:last-child > label span,
.pronamic-pay-amount div:last-child > label span:before {
    position: absolute;
    top: 0.25rem;
    left: 0;
    display: inline;
    color: #fff;
    z-index: 9;
    width: 100%;
}
.pronamic-pay-amount div:last-child > label span::before {
    content: 'other: €';
    visibility: visible;
    height: 1px;
    overflow-y: visible;
}
.pronamic-pay-amount div:last-child > label input {
    position: relative;
    z-index: 1;
}
.pronamic-pay-amount div:last-child > label input:focus {
    background-color: #607890;
    border-color: #607890;
    z-index: 99;
}
#top .input--filled > input {
    background-color: #607890;
    border-color: #607890;
    z-index: 99;
}
#top .input--filled span::before {
    visibility: hidden;
}
.pronamic-pay-input:checked ~ label {
    background-color: #607890;
    border-color: #607890;
}
.pronamic-pay-input:checked ~ label:hover {
    background-color: #fff;
}

.pronamic-pay-amount div:last-child > label > input {
    background-color: hsla(12, 100%, 50%, 1);
    border: 1px solid hsla(12, 100%, 50%, 1);
    border-radius: 0.125rem;
    color: #fff;
    width: 100%;
    height: 3rem;
}
.pronamic-pay-form > fieldset:nth-child(2) {
    margin-top: 2rem;
}
#pronamic-pay-purchase-button {
    padding: 0.5rem 1rem;
    height: 3rem;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
    background-color: hsla(12, 100%, 50%, 1);
    border: 1px solid hsla(12, 100%, 50%, 1);
    border-radius: 0.125rem;
    color: #fff;
}
#pronamic-pay-purchase-button:hover {
    background-color: #fff;
    color: hsla(12, 100%, 50%, 1);
}

/*--- homepage donations ---*/
/* .donations-float {
    display: none;
} */
.donations-float {
    display: block;
    position: fixed;
    top: 75%;
    right: 0;
    background: hsla(12, 100%, 50%, 0.5) url('/wp-content/themes/x-child/buttonpattern.png');
    padding: 1rem;
    border-radius: 0.25rem 0 0 0.25rem;
    z-index: 999;
}
.donations-float a{
    transition: color 0.3s ease-in-out;
    text-shadow: none;
    color: #fff;
}
.donations-float span {
    display: inline-block;
}
.donations-float a:hover {
    color: hsla(210,20%,20%,1);
}
.heart {
    fill: #fff;
    width: 100%;
    height: auto;
    transition: fill 0.3s ease-in-out;
}
.donations-float a:hover .heart {
    fill: hsla(12, 100%, 50%, 1);
}
/* --- Campaigns --- */
.flags {position: absolute; width: 100%; top: -56px; }
.flags ul {float: right; }
.flags ul li {display: inline-block; width: 30px; margin-right: 10px;}
.flags ul li:hover a { box-shadow: 0px 3px 2px 1px #ccc; opacity: 1; }
.flags ul li a.active{ box-shadow: 0px 3px 2px 1px #ccc; opacity: 1 !important; }
.flags ul li a {opacity: 0.3;}

.campaign-menu{ margin-bottom: 20px; }
.campaign-menu ul{  margin: 0; }
.campaign-menu ul li{ list-style: none; display:inline-block; }
.campaign-menu ul li a:first-child{  padding-left: 0; }
.campaign-menu ul li a{
    padding: 10px !important;
    background: #2ECAC9;
    color: #fff;
    text-transform: uppercase;
    font-family: "Merriweather Sans",sans-serif;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.071em;
    font-size: 14px;
}
.campaign-menu ul li a:hover{ background: #FA8843 !important; }
.campaign-menu ul li.current-menu-item a { background: #FA8843 !important; }