/*
Theme Name: Earth Charter
Theme URI: http://tidythemes.com/blankslate/
Description: Theme for the Earth Charter Website
Author: Topi Särkiniemi
Author URI: http://ritanenkormano.com
Template: blankslate
Text Domain: blankslate-child
Version: 1.0
*/

/* Fonts */
* {
    font-family: "Geomanist", Helvetica, Arial, sans-serif;
}

@font-face {
    font-family: Geomanist;
    src: url(https://static.earthcharter.org.cn/web/wp-content/assets/fonts/Geomanist-Regular.otf);
    font-weight: 300;
}

@font-face {
    font-family: Geomanist;
    src: url(https://static.earthcharter.org.cn/web/wp-content/assets/fonts/Geomanist-Book.otf);
    font-weight: 400;
}

@font-face {
    font-family: Geomanist;
    src: url(https://static.earthcharter.org.cn/web/wp-content/assets/fonts/Geomanist-Medium.otf);
    font-weight: 500;
}

@font-face {
    font-family: Geomanist;
    src: url(https://static.earthcharter.org.cn/web/wp-content/assets/fonts/Geomanist-Medium.otf);
    font-weight: 600;
}

@font-face {
    font-family: Geomanist;
    src: url(https://static.earthcharter.org.cn/web/wp-content/assets/fonts/Geomanist-Medium.otf);
    font-weight: 700;
}



/*WP admin bar*/
#wpadminbar {
    -webkit-transform: translateY(calc(-100% + 5px));
    -ms-transform: translateY(calc(-100% + 5px));
    transform: translateY(calc(-100% + 5px));
    -webkit-transition: .4s all;
    -o-transition: .4s all;
    transition: .4s all;
}

#wpadminbar:hover {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}


/* Page */
html, body, * {
    box-sizing: border-box;
}

html, body {
    margin: 0;
}

html {
  font-size: 14px;
  scroll-behavior: smooth;
}

body {
    background-color: white;
}

#container {
    overflow-x: hidden;
    padding-top: 7.5rem;
}

#content {
    margin: 0 5rem;
    padding: 5rem 0;
}

#content.full-width {
    margin: 0;
    padding: 0;
}

.grid {
    display: -ms-grid;
    display: grid;
}

.align-end {
    -webkit-box-align: end;
    -webkit-align-items: end;
    -ms-flex-align: end;
    align-items: end;
}

.align-center {
    -webkit-box-align: center;
    -webkit-align-items: center;
    ms-flex-align: center;
    align-items: center;
}

.grid-end {
    -webkit-align-self: end;
    -ms-flex-item-align: end;
    -ms-grid-row-align: end;
    align-self: end;
}

.halves {
    -ms-grid-columns: 50% 50%;
    grid-template-columns: 1fr 1fr;
}

.thirds {
    -ms-grid-columns: 33.333% 33.333% 33.333%;
    grid-template-columns: 1fr 1fr 1fr;
}

.fourths {
    -ms-grid-columns: 25% 25% 25% 25%;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.halves > *:nth-child(2) {
    -ms-grid-column: 2;
}

.thirds > *:nth-child(2) {
    -ms-grid-column: 2;
}

.thirds > *:nth-child(3) {
    -ms-grid-column: 3;
}

.fourths > *:nth-child(2) {
    -ms-grid-column: 2;
}

.fourths > *:nth-child(3) {
    -ms-grid-column: 3;
}

.fourths > *:nth-child(4) {
    -ms-grid-column: 4;
}

.image {
    background-position: center;
    background-size: cover;
}

/* Text */
h1 {
    color: black;
    font-size: 2.5rem;
    font-weight: 500;
    margin-bottom: 2.25rem;
    line-height: 1.2;
    margin-top: 0;
}

.filters h1 {
    width: calc(100% - 31rem);
    display: inline-block;
    font-size: 1.5rem;
    margin-bottom: 2.5rem;
}

.blog h1 {
    font-size: 1.5rem;
    margin-bottom: 2rem;
}
.single h1 {
    margin-top: 5rem;
}
h2 {
    color: black;
    font-size: 1.45rem;
    font-weight: 600;
    margin-bottom: 2.27rem;
    line-height: 1.31;
}

.entry-content > h2 {
    margin-top: 5rem;
    margin-bottom: 2.5rem;
    font-size: 1.5rem;
}

h2.entry-title {
    margin-top: 0;
    margin-bottom: 1.63rem;
}

h3 {
    font-size: 1.09rem;
    font-weight: 600;
    margin-bottom: 1.91rem;
    margin-top: 0;
}

.entry-content h3 {
    margin-top: 5rem;
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 2.5rem;
}

h4 {
    font-size: 1.2rem;
    font-weight: 400;
    margin-bottom: 3.5rem;
}

p {
    font-size: 1rem;
    color: black;
    line-height: 1.5;
}

a {
    color: black;
    text-decoration: underline;
    transition: .2s all;
}

img {
    max-width:100%;
    height: auto;
    display: block;
}

h1 > a, h2 > a, h3 > a, h4 > a, ul > a, a.button, .menu-item > a, .navi > a, .block-link, .navigation-menu a, .preamble-link a, a > img, a > h1, a > h2, a > h3, a > h4, a.principle, .way-forward-link a, .quote-block a, .link-bar a, .course a, .virtual-library-link {
    text-decoration: none;
}

a {
    cursor: pointer;
}

.underline {
    padding-bottom: .11em;
    border-bottom: 2px solid #707070;
}

.uppercase {
    text-transform: uppercase;
}

strong {
    font-weight: 600;
}

.hidden {
    opacity: 0;
    visibility: hidden;
}

ul {
    padding-inline-start: 2.27rem;
}

li {
    margin-bottom: 1em;
    line-height: 1.45;
}

.entry-content ul {
    list-style: none;
    padding-inline-start: 3.5rem;
    margin: 2.5rem 0;
}

.entry-content ul li::before {
    content: "\2022";
    color: #005CC8;
    font-weight: 500;
    display: inline-block;
    width: 1.5em;
    margin-left: -1.5em;
}

.entry-content ol {
    padding-inline-start: 3.5rem;
}

.entry-content ol > li {
    padding-inline-start: 1rem;
    margin: 2rem 0;
}

.entry-content ol > li > ul {
    margin: 1rem 0;
}

a.button {
    color: white;
    font-size: 1.2rem;
    font-weight: 500;
    padding: 1.5rem 2rem;
    border-radius: 2rem;
    background-color: #005CC8;
    transition: .2s all;
    line-height: 1;
    display: inline-block;
    min-width: 15rem;
    text-align: center;
}

a.button.submit {
    min-width: unset;
    font-size: .82rem;
    padding: 1.5em;
}

.button.transparent {
    background-color: transparent;
    min-width: unset;
    font-weight: 400;
    border: 2px solid white;
    cursor: pointer;
    padding: 1.25rem 1.5rem;
    color: white;
    border-radius: 2rem;
    font-size: 1.2rem;
    transition: .2s all;
    display: inline-block;
}

.button.transparent:hover {
    background-color: rgba(0,0,0,.2);
}

a.button.uppercase {
    font-size: 1rem;
    height: 3.5rem;
    padding: 0 2rem;
    line-height: 3.5rem;
}

a.button:hover {
    color: white;
    background-color: black;
}

.no-margin {
    margin: 0;
}

/*Colors*/
.has-redhill-red-background-color {
    background-color: #FA112D;
}

.has-redhill-red-color {
    color: #FA112D;
}

.has-redhill-black-background-color {
    background-color: #151515;
}

.has-redhill-black-color {
    color: #151515;
}

.has-redhill-beige-background-color {
    background-color: #F6F6F0;
}

.has-redhill-beige-color {
    color: #F6F6F0;
}

.has-black-background-color {
    background-color: #000000;
}

.has-black-color {
    color: #000000;
}

.has-white-background-color {
    background-color: #FFFFFF;
}

.has-white-red-color {
    color: #FFFFFF;
}

/*Wordpress default blocks*/
.wp-block-columns {
    margin: 0;
}

.wp-block-column:not(:first-child) {
    margin-left: 0 !important;
}

.wp-block-image {
    margin:0;
}



/* Header */
#header {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 99;
    left: 0;
    background-color: #005CC8;
    height: 7.5rem;
}

.background-color {
    background-color: #005CC8;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: 0 2px 4px rgba(0,0,0,.25);
    z-index: -1;
}

#menu .sub-menu {
    width: 100vw;
    position: absolute;
    left: 0;
    padding: 4.5rem 0;
    top: 7.5rem;
    background: #005CC8;
    transition: .6s all cubic-bezier(0.32, 0.24, 0.15, 1);
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    text-align: center;
    align-content: center;
    z-index: -2;
    transform: translateY(-100%);
}

#menu .sub-menu.halves {
    grid-template-columns: 1fr 1fr;
}

#menu .sub-menu li {
    height: 3.33rem;
    line-height: 3.33rem;
    border-right: 1px solid rgba(0,0,0,.2);
    margin: 0;
    padding: 0 5rem;
    text-align: left;
}

#menu .sub-menu li:last-child {
    border-right: 0;
}

#menu .open > .sub-menu {
    transform: translate(0);
}

#branding {
    margin: 2.1rem 0 0 4rem;
    width: 7.216rem;
    display: inline-block;
}

.custom-logo-link {
    display: block;
}

.custom-logo {
    max-height: 4.2rem;
    width: auto;
}

.logo-pt {
	max-height: 4.2rem;
    width: auto;
}

#menu {
    float: right;
    margin-right: 4rem;
}

.menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

#menu .menu {
    line-height: 7.5rem;
    height: 7.5rem;
}

#menu li {
    display: inline-block;
    margin: 0 1rem;
}

#menu a {
    color: white;
    font-weight: 400;
    padding-bottom: .75em;
    border-bottom: 2px solid #005CC8;
}

#menu .current_page_item a, #menu a:hover, #menu .current-page-parent > a {
    border-bottom: 2px solid #00BFFC;
}

#menu-main-menu {
    list-style: none;
    padding: 0;
    text-align: right;
    margin: 0;
}

#menu-main-menu > li {
    display: block;
    margin-bottom: 0;
}

#menu-main-menu > li > a {
    color: black;
    text-decoration: none;
    font-weight: 600;
    font-size: 1.27rem;
    line-height: 2.14;
}

.home #menu-main-menu > li > a {
    color: white;
}

#menu-main-menu > li > a:hover {
    color: #FA112D;
}

.::after {
    content:'';
    display: block;
    width: .8rem;
    height: .44rem;
    background-image: url(https://static.earthcharter.org.cn/web/wp-content/assets/img/sub-menu.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    float: right;
    margin-left: .5rem;
    margin-top: .4rem;
    transition: .2s all;
}

..open::after {
    transform: rotateX(180deg);
}

#mobile-menu .::after {
    display: none;
}

#mobile-menu . > a::after {
    content:'';
    display: block;
    width: 1.28rem;
    height: 1.28rem;
    background-image: url(https://static.earthcharter.org.cn/web/wp-content/assets/img/sub-menu.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    float: right;
    margin-left: .5rem;
    transition: .2s all;
}

#mobile-menu ..open a::after {
    transform: rotateX(180deg);
}

.widget_nav_menu {
    list-style: none;
}

.search-form .screen-reader-text {
    display: none;
}

#mobile-menu .search-form {
    padding: 0 4.29rem;
    margin-top: 4.2rem;
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 1rem;
}

#mobile-menu .search-form input[type=search] {
    -webkit-appearance: none;
    border-radius: 2rem;
    border: 1px solid white;
    background: transparent;
    padding: 1rem;
    font-size: .9rem;
    color: white;
    width: 100%;
}

#mobile-menu .search-form input[type=submit] {
    font-size: .9rem;
    border-radius: .5rem;
    background: white;
    color: #005CC8;
    padding: 1rem;
    border: 1px solid white;
    max-width:13rem;
}

    /*
    #menu-main-menu > li > a::before {
        content: '';
        display: block;
        background-color: #FA112D;
        height: 0;
        width: 100%;
        -webkit-transition: .4s cubic-bezier(1, 0, 0, 1);
        -o-transition: .4s cubic-bezier(1, 0, 0, 1);
        transition: .4s cubic-bezier(1, 0, 0, 1);
        position: absolute;
        z-index: -1;
        right: 0;
        bottom: 0;
    }

    #menu-main-menu > li > a:hover::before {
        height: 100%;
    }
    */

/*Social menu*/

#social-links {
    position: fixed;
    left: 0;
    bottom: 0;
    padding: 0 0 4.55rem 3.64rem;
    transition: .2s;
}

#social-links a {
    display: block;
    margin-top: 2.27rem;
}

#social-links img {
    width: 1.36rem;
}

#social-links li {
    list-style: none;
}

/*Mobile menu*/
#mobile-menu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #005CC8;
    z-index: 11;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all 1s cubic-bezier(0.32, 0.24, 0.15, 1);
    -o-transition: all 1s cubic-bezier(0.32, 0.24, 0.15, 1);
    transition: all 1s cubic-bezier(0.32, 0.24, 0.15, 1);
    -webkit-overflow-scrolling: touch;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    overflow: scroll;
}

#mobile-menu.open {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

#mobile-menu ul {
    list-style: none;
    padding-inline-start: 0;
    text-align: left;
    margin: 10.5rem 0 0;
}

#mobile-menu ul.sub-menu {
    display: none;
    margin: 3rem 0;
    padding-left: 1.43rem;
}

#mobile-menu ul.sub-menu li > a {
    font-weight: 300;
}

#mobile-menu ul.sub-menu{

}

#mobile-menu div > ul {
    padding: 0 4.29rem;
}

#mobile-menu ul > li {
    margin-bottom: 1.72rem;
}

#mobile-menu li > a {
    color: white;
    display: block;
    font-size: 1.14rem;
    font-weight: 400;
}

#mobile-menu > li {
    text-align: center;
    margin-top: 3.5rem;
    margin-bottom: 3.5rem;
}

#mobile-menu > li img {
    height: 1.11rem;
    width: auto;
    margin: 0 1.33rem;
    opacity: .35;
}

#mobile-menu-toggle {
    display: none;
    z-index: 12;
    position: absolute;
    width: 1.6rem;
    height: 1.6rem;
    top: 3rem;
    right: 4rem;
    cursor: pointer;
}

#mobile-menu-toggle::before, #mobile-menu-toggle::after, #mobile-menu-toggle span {
    content:'';
    display: block;
    height: 2px;
    width: 100%;
    border-radius: 4px;
    background-color: white;
    position: absolute;
    top: 50%;
    -webkit-transition: all .6s cubic-bezier(0.32, 0.24, 0.15, 1);
    -o-transition: all .s cubic-bezier(0.32, 0.24, 0.15, 1);
    transition: all .6s cubic-bezier(0.32, 0.24, 0.15, 1);
}


#mobile-menu-toggle::before {
    -webkit-transform: translateY(-.57rem);
    -ms-transform: translateY(-.57rem);
    transform: translateY(-.57rem);
    width: 50%;
}

#mobile-menu-toggle::after {
    -webkit-transform: translateY(.57rem);
    -ms-transform: translateY(.57rem);
    transform: translateY(.57rem);
}

#mobile-menu-toggle.open::before {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 100%;
}

#mobile-menu-toggle.open::after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#mobile-menu-toggle.open span {
    width: 0;
}



/* Landing page */
h2.tagline {
    margin-top: 14.55rem;
    max-width: 55.27rem;
}

/*Landing page background image*/
.landing .background-image {
    position: fixed;
    height: calc(100vh - 8.36rem);
    width: calc(100vw - 14.55rem);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    bottom: 0;
    right: 0;
    z-index: -1;
    background-attachment: fixed;
}

/* MC4WP email registration form fields */
.mc4wp-form-fields {
    display: grid;
    -ms-grid-columns: calc(60% - 2.085rem) 4.17rem calc(40% - 2.085rem);
    grid-template-columns: calc(60% - 2.085rem) calc(40% - 2.085rem);
    grid-gap: 4.17rem;
}

form.mc4wp-form {
    transform: translateY(-3.7rem);
}

.mc4wp-form .form-fields {
    margin-top: 3.7rem;
}

/* Form visual hacks*/

:focus {
    outline: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-animation: autofill 0s forwards;
    animation: autofill 0s forwards;
    color: white;
    -webkit-text-fill-color: white;
}

@keyframes autofill {
    100% {
        background: transparent;
        color: inherit;
    }
}

@-webkit-keyframes autofill {
    100% {
        background: transparent;
        color: inherit;
    }
}

::placeholder {
    color: white;
    opacity: 1;
}

:-ms-input-placeholder {
    color: white;
}

::-ms-input-placeholder {
    color: white;
}

/* Footer */

#footer {
    padding: 5rem 5rem 7.5rem;
    background-color: #F8F8F8;
    clear: both;
}


#footer p, #footer a {
    margin: 0;
    color: black;
    font-size: .7rem;
    font-weight: 400;
    line-height: 1.71;
}

#footer p {
    margin-bottom: 1.71em;
}

#footer a {
    text-decoration: underline;
}

#footer a.button {
    color: white;
    min-width: unset;
    font-size: 1rem;
    text-decoration: none;
    line-height: 1;
}

#footer > li {
    display: block;
    margin-bottom: 3rem;
}

.social-links {
    text-align: center;
}

#footer .social-links > * {
    margin-right: 2rem;
}

#footer .social-links > *:last-child {
    margin-right: 0;
}

#footer .social-links p {
    display: inline-block;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 0;
}

#footer .social-links img {
    vertical-align: middle;
    height: 1.5rem;
    width: auto;
}

#footer .thirds > div {
    padding: 0 2rem 1.25rem;
    border-left: 1px solid #D1D1D1;
}

#footer .thirds > div:last-child {
    border-right: 1px solid #D1D1D1;
}

/*News archive*/
.entry-summary.grid {
    -ms-grid-columns: 7fr 5fr;
    grid-template-columns: 7fr 5fr;
    margin-top: 4rem;
    grid-gap: 2rem;
    min-height: 20rem;
}

.entry-summary .thumbnail {
    background-size: cover;
    background-position: center;
}

.entry-summary .text {
    position: relative;
}

.entry-summary h2 {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 2rem;
}

.entry-summary p {
    font-size: .9rem;
    line-height: 1.66;
    margin: 0 0 2rem;
    word-break: break-word;
}

.entry-summary .date, .entry-summary .tags {
    color: #707070;
    font-size: .8rem;
}

.entry-summary .tags {
    position: absolute;
    bottom: 0;
    margin: 0;
}

.entry-summary .new {
    margin: 1.5rem 0 0 1.5rem;
}

.news-container {
    grid-template-columns: 6fr 2.1fr;
    grid-gap: 4rem;
    width: 100%;
}

.news-container .events {
    margin-top: 4rem;
}

.blog .events > div {
    background-color: #F8F8F8;
    padding: 2.5rem;
    border-radius: 1rem;
}


.blog .entry-summary.grid {
    margin-top: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #ccc;
}

.blog .entry-summary.grid:first-child {
    margin-top: 4rem;
}

.loadmore {
    font-weight: 400;
    font-size: 1rem;
    margin: 7rem 0 0;
    cursor: pointer;
    color: #005CC8;
    background-color: #F8F8F8;
    border-radius: 1.75rem;
    padding: 1rem 1.5rem;
    display: inline-block;
}

.loadmore:hover {
    text-decoration: underline;
}

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


.events .event {
    margin-bottom: 3rem;
}

.events h3, .featured_document h3, .submenuContainer h3 {
    font-weight: 500;
    font-size: 1.5rem;
    margin:0 0 2.5rem;
}

.events .event h4 {
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.55;
    margin: 1.3rem 0 1.15rem;
}

.events .event .thumbnail-image {
    min-height: 9rem;
    background-color: white;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 1.5rem;
    background-position: center;
}

.blog .events > div.stories {
    margin-top: 2rem;
}

/*Single post*/
.single #content {

}

.entry-header {
    margin-bottom: 5rem;
}

.entry-header.grid {
    grid-gap: 5rem;
    min-height: calc(100vh - 12.5rem);
}

.entry-header .header-image {
    background-size: cover;
    background-position: center;
}

.entry-header .intro {
    margin-bottom: 4rem;
    font-weight: 500;
    font-size: 1.1rem;
    line-height: 1.45;
}

.tags {
    font-size: .8rem;
}

.single .entry-content {
    max-width: 45rem;
    margin: auto;
}

.single .entry-content > .wp-block-image, .single .entry-content > .wp-block-columns {
    width: calc(100vw - 10rem);
    margin-left: calc((-100vw + 55rem) / 2);
    max-width: unset;
    margin-top: 8.5rem;
    margin-bottom: 5rem;
}

.single .entry-content > .wp-block-image img {
    max-width: calc(100vw - 10rem);
    width: 100%;
    max-height: calc(100vh - 17.5rem);
    height: auto;
    object-fit: contain;
}

.single .entry-content h2 {
    margin-top: 5rem;
}

.entry-content > h2:first-child, .entry-content > h3:first-child {
    margin-top: 0;
}

.wp-block-image figcaption {
    margin: 1.5rem 0;
    text-align: center;
    font-size: .8rem;
}


.entry-content .wp-block-quote {
    margin-top: 5rem;
    margin-bottom: 5rem;
    width: calc(100vw - 30rem);
    margin-left: calc((-100vw + 75rem) / 2);
}

.entry-content .wp-block-quote p {
    font-weight: 500;
    font-size: 1.5rem;
    color: #005CC8;
}

.entry-content .wp-block-quote p::before {
    content: '';
    display: block;
    height: 4.5rem;
    width: 4.5rem;
    background-image: url(https://static.earthcharter.org.cn/web/wp-content/assets/img/quote-b.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 2.5rem;
}

.more-posts {
    padding: 5rem 5rem 0;
    width: 100vw;
    margin-left: -5rem;
    border-top: 1px solid #D1D1D1;
    margin-top: 10rem;
}

.more-posts > .grid {
    grid-gap: 2.5rem;
}

.more-posts .entry-summary.grid{
    margin-top: 0;
}

.more-posts h2 {
    margin-top: 0;
}

    /*Cookies*/
#cookie-notice .cn-button {
    color: white;
    font-weight: 600;
    text-transform:uppercase;
    margin-left: 13px;
}

#cookie-notice #cn-refuse-cookie {
    text-transform: none;
    font-weight: 400;
}

/*Animations*/

@-webkit-keyframes go {
    0% {-webkit-transform: translateX(0);transform: translateX(0);}
    5% {-webkit-transform: translateX(.2em);transform: translateX(.2em);}
    20% {-webkit-transform: translateX(0);transform: translateX(0);}
    25% {-webkit-transform: translateX(.2em);transform: translateX(.2em);}
    40% {-webkit-transform: translateX(0);transform: translateX(0);}
    100% {-webkit-transform: translateX(0);transform: translateX(0);}
}

@keyframes go {
    0% {-webkit-transform: translateX(0);transform: translateX(0);}
    5% {-webkit-transform: translateX(.2em);transform: translateX(.2em);}
    20% {-webkit-transform: translateX(0);transform: translateX(0);}
    25% {-webkit-transform: translateX(.2em);transform: translateX(.2em);}
    40% {-webkit-transform: translateX(0);transform: translateX(0);}
    100% {-webkit-transform: translateX(0);transform: translateX(0);}
}

/*Dropdowns*/

/*
.location-filter {
    display: inline-block;
    float: right;
    margin-left: 1rem;
    margin-top: -1rem;
}
*/


.filter-container {
    float: right;
    /*display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1rem;*/
}

.location-filter select {
    background: white;
    border: 1px solid #E4E4E4;
    color: black;
    border-radius: 2.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 2.25rem;
    font-size: 1rem;
    padding: 1.45rem 1.5rem 1.4rem;
    background-image: -o-linear-gradient(45deg, transparent 50%, black 50%), -o-linear-gradient(315deg, black 50%, transparent 50%);
    background-image: linear-gradient(45deg, transparent 50%, black 50%), linear-gradient(135deg, black 50%, transparent 50%);
    background-position: calc(100% - 2em) 1.5em, calc(100% - 1.5em) 1.5em;
    background-size: .5em .5em, .5em .5em;
    background-repeat: no-repeat;
    cursor: pointer;
    min-width: 13rem;
    line-height: 1;
    max-width: 14rem;
}

.select-container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto .5rem auto .5rem auto .5rem auto;
    grid-template-columns: auto auto auto auto;
    grid-gap: .5rem;
    align-items: center;
    -webkit-align-items: center;
}

.select-container > *:nth-child(1) {
    -ms-grid-column:1;
}

.select-container > *:nth-child(2) {
    -ms-grid-column:2;
}

.select-container > *:nth-child(3) {
    -ms-grid-column:3;
}

.select-container > *:nth-child(4) {
    -ms-grid-column:4;
}

select.filter_drop {
    background: white;
    border: 1px solid #E4E4E4;
    color: black;
    border-radius: 2.25em;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 2.25em;
    padding: 1.45em 1.5em 1.4em;
    background-image: -o-linear-gradient(45deg, transparent 50%, black 50%), -o-linear-gradient(315deg, black 50%, transparent 50%);
    background-image: linear-gradient(45deg, transparent 50%, black 50%), linear-gradient(135deg, black 50%, transparent 50%);
    background-position: calc(100% - 2.2em) 1.5em, calc(100% - 1.6em) 1.5em;
    background-size: .5rem .5rem, .5rem .5rem;
    background-repeat: no-repeat;
    cursor: pointer;
    line-height: 1;
    font-size: .82rem;
}

.filter-text {
    -ms-grid-column:1;
    grid-column-start:1;
    -ms-grid-column-span: 4;
    grid-column-end: 5;
}

.fltr-key {
    background: white;
    border: 1px solid #E4E4E4;
    color: black;
    border-radius: 2.25em;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 2.25em;
    padding: 1.45em 1.5em 1.4em;
    cursor: pointer;
    line-height: 1;
    font-size: .82rem;
}

.fltr-key {
    -ms-grid-column:2;
    grid-column-start:2;
    -ms-grid-column-span: 2;
    grid-column-end: 4;
}

.filter-box {
    margin: 2rem 0;
    background-color: #E4E4E4;
    border-radius: .5rem;
    padding: 1.5rem 1rem 1rem;
}

.related-news {
    float: left;
    background-color: #F8F8F8;
    padding: 2.5rem;
    border-radius: 1rem;
}

.featured_document ul {
    list-style: none;
    padding-inline-start: 0;
}

.vl-lisling ul li {
    border-top: .5rem solid #E4E4E4;
    padding: 1.5rem;
    float: left;
    border-radius: .5rem;
    margin: 0 0 2rem;
    background-color: #F8F8F8;
    color: black;
    width: 100%;
}

.vl-kt {
    font-size: .9rem;
    width: 100%;
    margin-bottom: .5rem;
}

.vl-description h3 {
    font-size: 1.2rem;
    font-weight: 600;
    margin-bottom: 1rem;
    margin-top: 0;
}

.featured_document .vl-description h5 {
    font-size: 1.09rem;
    font-weight: 600;
    margin-bottom: 1rem;
    margin-top: 0;
}

.submenuContainer{
    width: 22%;
    float: left;
    background-color: #F8F8F8;
    padding: 25px 20px;
    border-radius: 1rem;
    margin: 0 2.5% 0 0;
}

.submenuContainer ul {
    padding-inline-start: 0;
}

.submenuContainer li {
    list-style: none;
    padding: 1rem 0;
    border-bottom: 1px solid #ccc;
    margin:0;
}

.submenuContainer li:first-child {
    padding-top: 0;
}

h5 a {
    text-decoration: none;
}

.location-filter select[disabled] {
    cursor: unset;
    opacity: .2;
}

.single h1.articalPage-title {
    margin-top: 0;
}

.ec-text {
    border-top: .5rem solid #E4E4E4;
    padding: 1.5rem;
    float: left;
    border-radius: .5rem;
    margin: 1rem 0;
    background-color: #F8F8F8;
    color: black;
    width: 100%;
}

/*Sidebar Template*/
#sidebar {
    width: 17rem;
    display: inline-block;
    vertical-align: top;
    margin-right: 5rem;
}

.sidebar > .page {
    width: calc(100% - 22.333rem);
    display: inline-block;
}

.sidebar .earth-charter-principles {
    width: calc(100% + 32.333rem);
    width: 100vw;
    margin-left: -27.333rem;
    margin-top: 6rem;
    margin-bottom: -5rem;
}

.sidebar .preamble-link, .sidebar .way-forward-link {
    width: 100vw;
    margin-left: -27.333rem;
}

.sidebar .preamble-link {
    margin-top: 6rem;
}

.sidebar .preamble-link + .earth-charter-principles {
    margin-top: 0;
    margin-bottom: 0;
}

.sidebar .way-forward-link {
    margin-bottom: -5rem;
}

.sidebar .wp-block-image {
    max-width: 64rem;
    margin: 5rem 0;
}

#sidebar .menu a {
    color: #005CC8;
    font-size: 1.1rem;
}

#sidebar .menu .current-menu-item a {
    color: black;
    font-weight: 500;
    cursor: unset;
    pointer-events: none;
}

/* Map post filters */
.map-post-container > .grid  {
    grid-gap: 2.5rem;
    padding: 2.5rem 2.5rem 5rem;
    width: 100%;
}

.grid.news-post {
    grid-template-columns: 10fr 7fr;
    grid-gap: 1.5rem;
}

/*Aquí se trabajó la posición y el largo de las imágenes de educators - By coralcr.com*/
.news-post .thumbnail-image, .map-post .thumbnail-image {
    background-size: contain;
    background-position: center top;
    background-color: #F8F8F8;
    background-repeat: no-repeat;
}

.map-post-container > .map-post {
    padding: 2.5rem 2.5rem 5rem;
}

.news-post .date {
    margin: 0 0 1.5rem;
    color: #707070;
    font-size: .9rem;
}

.events-post .date, .courses-post .date {
    color: black;
}

.news-post h2 {
    font-weight: 400;
    font-size: 1.3rem;
    margin: 0 0 5.9rem;
}

.entry-content .map-post h2 {
    margin-top: 0;
}

.news-post .tags, .map-post .tags {
    margin: 0;
    color: #707070;
    font-size: .9rem;
    bottom: 0;
    position: absolute;
}

.tags a {
    color: #707070;
}

.map-post .text .tags > a {
    text-decoration: none;
}

.news-post .tags > a, .map-post .tags > a {
    color: #707070;
}

.news-post .text, .map-post .text {
    position: relative;
}

.grid.map-post {
    grid-template-columns: 2fr 3fr;
    grid-gap: 1.5rem;
}

.map-post .thumbnail-image {
    min-height: calc((33.33vw - 3.33rem) * .33);
}

.map-post .new, .new {
    background-color: #FF5F66;
    color: white;
    text-transform: uppercase;
    line-height: 1;
    border-radius: .5rem;
    padding: .65rem .65rem .5rem;
    margin: 0 .5rem .5rem 0;
    display: inline-block;
}

.map-post h2 {
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 3rem;
}

a.button.grey {
    color: #005CC8;
    min-width: unset;
    font-size: 1rem;
    background-color: #EFEFEF;
    border-radius: 1.75rem;
    padding: .9rem;
    font-weight: 400;
}

a.button.grey:hover {
    color: white;
    background-color: #005CC8;
    font-weight: 400;
}

a.button.white {
    color: #005CC8;
    font-size: 1rem;
    background: white;
    font-weight: 400;
    min-width: unset;
    display: inline-block;
    padding: 1rem 1.5rem;
}

a.button.white:hover {
    color: white;
    background-color: #005CC8;
}

.info {
    padding: 2.5rem 2.5rem 0;
}

.info p {
    display: inline-block;
}

.info a.button.grey {
    float: right;
}

.container-toggle {
    grid-template-columns: repeat(8, 1fr);
}

.container-toggle p {
    margin: 0;
    text-align: center;
    height: 5rem;
    background-color: #FAFAFA;
    border-right: 1px solid #EFEFEF;
    line-height: 5rem;
    color: #005CC8;
    cursor: pointer;
}

.container-toggle p:last-child {
    border-right: 0;
}

.container-toggle p.active {
    border-top: 1px solid #EFEFEF;
    background-color: white;
    color: black;
}

.map-post.no-content h3 {
    padding: 2.5rem;
    margin: 0;
}

.stories-select-update .map-post.no-content h3 {
    padding: 2.5rem 0;
}

.map-post-container .location-filter {
    float: none;
    margin-left: 0;
}

iframe {
    max-width: 100%;
}

.map-post-container .location-filter > select {
   /* max-width: 15rem; */
}

.affiliates-post .text p, .partners-post .text p, .educators-post .text p {
    font-size: .8rem;
    margin: 0 0 1rem;
}

.affiliates-post h2, .partners-post h2, .educators-post h2 {
    margin-bottom: 1.5rem;
    margin-top: 1rem;
}

.map-post .social-media {
    margin-top: 2rem;
}

.map-post .social-media a {
    display: inline-block;
}

.map-post .social-media img {
    height: 1.5rem;
    width: auto;
    margin-right: 1rem;
}

.map-post .text .date, .map-post .location {
    margin: 0 0 1.5rem;
    background-color: #EFEFEF;
    padding: .65rem .65rem .5rem;
    display: inline-block;
    line-height: 1;
    border-radius: .5rem;
    font-size: .9rem;
}

.location-empty {
    margin: 0 0 1.5rem;
    height: 2.18rem;
    display: inline-block;
    vertical-align: top;
}

.course .location-empty {
    margin: 1em 0 1em;
    height: 1em;
    display: block;
}

.date, .tag {
    color: #707070;
    font-size: .8rem;
}

.map-post .text p a {
    text-decoration: underline;
}

.map-post .wp-block-image {
    margin: 1rem 0;
}

a.grey {
    color: #707070;
    font-size: .9rem;
}

.post-container {
    display: none;
    opacity: 0;
    visibility: hidden;
}

.post-container.open {
    display: block;
    opacity: 1;
    visibility: visible;
}

.map-post > .text > img {
    margin: 0 0 2rem;
    display: block;
}

/*Events page*/
.events-container, .grid-container {
    grid-gap: 2.5rem;
    margin-top: 2.5rem;
}

.country-information-container .events-container {
    margin-top: 0;
}

.archive-landing {
    grid-template-columns: 3fr 2fr;
    min-height: calc(100vh - 7.5rem);
    width: 100vw;
    margin: -5rem -5rem 5rem;
}

.post-type-archive-youngleaders .archive-landing, .post-type-archive-educators .archive-landing {
    grid-template-columns: calc((100vw - 15rem) / 3 + 5rem) auto;
    min-height: calc((100vh - 7.5rem) / 2);
    width: 100vw;
    margin: -5rem -5rem 5rem;
}

.post-type-archive-youngleaders .archive-landing .thumbnail {
    background-position: top;
}

.archive-landing .text > div {
    max-width: 40rem;
}

.thumbnail {
    background-size: cover;
    background-position: center;
}

.archive-landing p {
    color: white;
}

.archive-landing p a {
    color: white;
    text-decoration: underline;
}

.archive-landing .date, .archive-landing .location {
    display: inline-block;
    font-size: 1rem;
    color: black;
    background-color: white;
    border-radius: .5rem;
    padding: .65rem .65rem .5rem;
    margin-bottom: 4rem;
    line-height: 1;
}

.archive-landing .text {
    padding: 3rem;
    background-color: #005CC8;
}

.archive-landing h2 > a {
    color: white;
}

.archive-landing .button {
    margin-top: 2.5rem;
}

.archive-post p {
    font-size: .8rem;
    margin: 0 0 1rem;
}

.not-found {
    font-weight: 400;
}

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

/*Sidebar template*/
.page-template-sidebar-template .entry-content {
    max-width: 45rem;
}

/*Education center*/

.education-center header {
    background-position: center;
    background-size: cover;
    width: 100vw;
    margin-left: -5rem;
    height: calc(100vh - 7.5rem);
    margin-top: -5rem;
    padding: 7.5rem 5rem 0;
    min-height: 58rem;
}

.header-block {
    background-color: white;
    border-radius: 1rem;
    padding: 2.5rem;
    max-width: 33rem;
}

.header-block h1 {
    margin-bottom: 1.5rem;
}

.header-block p {
    font-size: 1.1rem;
    font-weight: 500;
}

.virtual-library-link {
    background-color:#FF5F66;
    border-radius: 1rem;
    padding: 3rem 2rem;
    display: block;
    cursor: pointer;
    margin-top: 3rem;
}

.virtual-library-link h4 {
    color: white;
    font-size: 1.4rem;
    margin-bottom: 1.4rem;
    margin-top: 0;
}

.virtual-library-link p {
    color: white;
    font-size: .9rem;
    line-height: 1.5;
    margin-bottom: 1.5rem;
}

.virtual-library-link img {
    width: 1.5rem;
    height: auto;
    transition: .2s all;
}

.virtual-library-link:hover img {
    transform: translateX(.5rem);
}

#sidebar > .widget_custom_html {
    list-style: none;
}

.education-center .content {
    transform: translateY(-20rem);
    margin-bottom: -20rem;
    margin-top: 340px;
}

.courses {
    margin-bottom: 7rem;
}

.courses .info {
    padding: 0;
    margin-bottom: 3.5rem;
}

.courses .info h3 {
    display: inline-block;
    font-weight: 500;
    margin: 0;
    font-size: 1.5rem;
    color: white;
}

.courses .info .button {
    transform: translateY(-.5rem);
}

.courses .grid {
    grid-gap: 4.5rem;
}

.courses .course, .course-archive .course {
    background-color: white;
    border: 1px solid #D8D8D8;
    border-top: 0;
    box-shadow: 0 2px 4px rgba(0,0,0,.08);
    border-radius: .75rem;
    padding: 0 1rem 2.5rem;
}

.course .img {
    height: calc((100vw - 23.5rem) / 4);
    background-size: cover;
    background-position: center;
    width: calc(100% + 2rem + 2px);
    margin-left: calc(-1rem - 1px);
    border-radius: .75rem .75rem 0 0;
    margin-top: -1px;
}

.course .details {
    margin: 2rem 0;
}

.course .details > p {
    font-size: .7rem;
    font-weight: 300;
}

.course .details > .date {
    color: #005CC8;
    margin-bottom: 0;
}

.course h2 {
    font-weight: 400;
    font-size: .8rem;
    margin-bottom: 1.5rem;
}

.course > p {
    font-size: .8rem;
    font-weight: 300;
    margin-bottom: 2rem;
}

.course > a {
    font-size: .8rem;
}

.course a img {
    width: 1rem;
    height: auto;
    margin-right: .5rem;
}

.education-center #sidebar {
    display: inline-block;
    width: 14rem;
    margin-right: 6rem;
    vertical-align: top;
}

.education-center .entry-content {
    display: inline-block;
    width: calc(100% - 20.3rem);
    max-width: 45rem;
}

.education-center .entry-content > h2:first-child {
    margin-top: 0;
    font-size: 2.5rem;
    margin-bottom: 3rem;
}

.education-center .entry-content > .wp-block-image {
    width: calc(100% - 20.3rem);
    margin-top: 4.5rem;
    margin-bottom: 5rem;
}

.education-center .entry-content > .wp-block-image img {
    max-width:calc(100vw - 30.3rem);
}

/* Course archive */
.post-type-archive-courses #sidebar {
    width: 22rem;
}

.course-archive-container {
    width: calc(100% - 27.3rem);
    display: inline-block;
}

.course-archive .course .img {
    height: calc((100vw - 27rem) / 4);
}

.post-type-archive-courses #sidebar .location-filter {
    display: block;
    float: none;
    margin: 1rem 0;
}

/*Toolkits*/

.toolkits {
    border-left: 1px solid #707070;
    width: calc(100% - 24rem);
    float: right;
    margin-bottom: 7.5rem;
}

.toolkit #sidebar {
    width: 21rem;
    margin-right: 3rem;
}

.toolkit {
    padding-top: 7.5rem;
}

.toolkit h1 {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
}

/* Share links*/

.earth-charter-cover .download img, .share-links img {
    max-height: 2.5rem;
    width: auto;
    max-width: 2.5rem;
    height: auto;
    vertical-align: middle;
    display:inline-block;
}
.download img {
    display: inline-block;
}

.quote-block a img, .link-bar img, .block-link img, .social-links img, .course a img {
    display:inline-block;
}

.share-links .copy img {
    max-height: 2rem;
}

.single .share-links {
    margin-top: 4rem;
    min-height: 35px;
}

.form-pages-template-default .share-links {
    margin-top: 2rem;
}

.download + .share-links {
    margin-left: 1.5rem;
    display: inline-block;
}

.share-links > * {
    margin-right: 1rem;
    cursor: pointer;
}

.share-links .link {
    opacity: 0;
    visibility: hidden;
    transition: .4s all;
}

.share-links.open .share-link-trigger {
    opacity: 0;
    visibility: hidden;
    display: none;
}

.share-links.open .link {
    animation: reveal;
    animation-duration: .4s;
    animation-fill-mode: forwards;
}

.share-links > .link:nth-child(3) {
    animation-delay: 0.1s;
}

.share-links > .link:nth-child(4) {
    animation-delay: 0.2s;
}

.share-links > .link:nth-child(5) {
    animation-delay: 0.3s;
}

@keyframes reveal {
    0% {opacity: 0; visibility: hidden; margin-left: -1rem;}
    100% {opacity: 1; visibility: visible; margin-left: 0;}
}

/* Tables */
.wp-block-table {
    margin: 2.5rem 0;
}

td {
    padding: 1rem;
    background: #F7F7F7;
}

/* Courses */
.single-courses header.grid, .single-events header.grid  {
    min-height: calc(100vh - 7.5rem);
    margin-top: -5rem;
    width: 100vw;
    margin-left: -5rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 5rem;
}

.single-courses header.grid .entry-header, .single-events header.grid .entry-header {
    margin-left: 5rem;
    background-color: white;
    border-radius: 1rem;
    padding: 2.5rem;
    max-width: 33rem;
}

.single-courses h1, .single-events h1 {
    margin-top: 2.5rem;
}

.single-courses .desc, .single-events .desc {
    font-size: 1.1rem;
    font-weight: 500;
}

.single-courses .share-links, .single-events .share-links {
    margin-top: 2.5rem;
    min-height: 35px;
}

.single-courses header .date, .single-events header .date {
    color: #005CC8;
}

.single-courses header .tags, .single-events header .tags {
    color: #707070;
}

.single-courses .entry-content, .single-events .entry-content {
    width: calc(100% - 22.333rem);
    display: inline-block;
}

.single-courses #sidebar .sidebar-container, .single-events #sidebar .sidebar-container {
    border-radius: 1rem;
    padding: 2.5rem;
    background-color: #F8F8F8;
}

#sidebar a.button {
    width: 100%;
    margin-bottom: 2rem;
    min-width: unset;
}

.single-courses .entry-content > .wp-block-columns, .single-courses .entry-content > .wp-block-image, .single-events .entry-content > .wp-block-columns, .single-events .entry-content > .wp-block-image {
    width: calc(100vw - 20rem);
    margin-left: calc((-100vw + 65rem) / 2);
}

.single-courses .courses .entry-content > .wp-block-image, .single-events .courses .entry-content > .wp-block-image  {
    width: 100%;
    margin-left: 0;
}

header.no-cover > .entry-header {
    margin: 0 auto 5rem 22rem;
    width: calc(100% - 22.333rem);
    max-width: 45rem;
}

/*Map loader*/
.map-load {
    opacity: 0;
    visibility: hidden;
    transition: 1s all;
    pointer-events: none;
}

.map-load.loaded {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.map-load.loaded + .loader {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.loader {
    position: absolute;
    width: 4rem;
    height: 4rem;
    margin: -2rem 0 0 -2rem;
    top: 50vh;
    left: 50%;
    border-radius: 50%;
    border: 4px solid transparent;
    border-top: 4px solid #005CC8;
    animation: rotate 1s infinite;
}

@keyframes rotate {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

/*Block button*/
.wp-block-button {
    margin: 3rem 0;
}

.wp-block-button__link {
    font-size: 1.2rem;
    font-weight: 500;
    padding: 1.3rem 2rem;
    border-radius: 2rem;
    line-height: 1;
}

/*Video embed*/
.wp-block-embed.is-type-video {
    margin: 5rem 0;
    width: 100%;
}

.is-type-video .wp-block-embed__wrapper {
    padding-bottom: 56.25%;
    height: 0;
    position: relative;
    width: 100%;
}

.is-type-video .wp-block-embed__wrapper > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*Young leader single*/
.youngleader-header, .single-custom-post-type-header {
    max-width: 45rem;
    margin: 0 auto 5rem;
}

.form-pages-template-default .single-custom-post-type-header {
    margin: 0 auto 3rem;
}

.youngleader-header.grid, .single-custom-post-type-header.grid {
    grid-template-columns: auto auto;
    grid-gap: 2.5rem;
}

.youngleader-header h1, .single-custom-post-type-header h1 {
    margin-top: 2rem;
}

.youngleader-header .location, .single-custom-post-type-header .location {
    margin: 0;
    background-color: #F8F8F8;
    padding: .65rem .65rem .5rem;
    display: inline-block;
    line-height: 1;
    border-radius: .5rem;
    font-size: 1rem;
}

.location-frame {
    background-color: #F8F8F8;
    padding: .65rem .65rem .5rem;
    display: inline-block;
    line-height: 1;
    border-radius: .5rem;
    font-size: 1rem;
    margin: 0;
}

.more-posts .location {
    margin-bottom: 2rem;
}

.social-media img {
    height: 1.5rem;
    width: auto;
    margin-right: 1rem;
    display: inline-block;
}

/*Wordpress blocks*/

div.has-background {
    padding: 2rem;
    border-radius: 1rem;
}

p.has-background {
    padding: 0;
}

div.has-background h2, div.has-background h3 {
    margin-top: 2rem;
}

.more-type.grid {
    -ms-grid-columns: 150px auto;
    grid-template-columns: 150px auto;
    margin-top: 4rem;
    grid-gap: 2rem;
}

.more-type h2 {
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 2rem;
}

.after-courses {
    margin-top: 2rem;
    text-align: right;
    margin-bottom: -2rem;
}

/*Gravity Form*/
.single .gform_wrapper label.gfield_label, .single .gform_wrapper legend.gfield_label {
    font-weight: 400;
}

body .gform_wrapper {
    background-color: #F7F7F7;
    border-radius: 1rem;
    padding: 3.5rem;
    margin-bottom: 4rem;
}

body .form-pages .gform_wrapper ul li.gfield {
    margin-top: 0;
    margin-bottom: 2.3rem;
}

body .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
    min-height: 3.5rem;
    border-radius: 2.25rem;
    border: 0;
    padding: 1rem 1.2rem;
}

body .gform_wrapper textarea {
    padding: 1rem;
    border: 0;
}

body .gform_wrapper .gform_footer input.button, body .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, body .gform_wrapper .gform_page_footer input[type=submit] {
    font-size: 1.2rem;
    color: white;
    font-weight: 500;
    background-color: #005CC8;
    border: 0;
    border-radius: 2rem;
    padding: 1.25rem 3rem;
    -webkit-appearance: none;
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active {
    -webkit-animation: autofill-new 0s forwards;
    animation: autofill-new 0s forwards;
    color: black;
    -webkit-text-fill-color: black;
}

@keyframes autofill-new {
    0% {
        background-color: white;
    }
    100% {
        background-color: white;
    }
}

.gform_wrapper h4 {
    margin: 4rem 0 2rem;
}

body .gform_wrapper select.gfield_select {
    background: white;
    color: black;
    border-radius: 2.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 2.25rem;
    font-size: 1rem;
    padding: 1.45rem 1.5rem 1.4rem;
    background-image: -o-linear-gradient(45deg, transparent 50%, black 50%), -o-linear-gradient(315deg, black 50%, transparent 50%);
    background-image: linear-gradient(45deg, transparent 50%, black 50%), linear-gradient(135deg, black 50%, transparent 50%);
    background-position: calc(100% - 2em) 1.5em, calc(100% - 1.5em) 1.5em;
    background-size: .5em .5em, .5em .5em;
    background-repeat: no-repeat;
    cursor: pointer;
    min-width: 13rem;
    line-height: 1;
    border: 0;
}

body .gform_wrapper .ginput_container_multiselect select.gfield_select {
    -webkit-border-radius: 0;
    border-radius: 0;
}

/*Drop down toggle*/
.drop-down {
    background-color: #f8f8f8;
    margin: 1rem 0;
    border: 1px solid #EFEFEF;
    border-radius: .75rem;
}

.drop-down h4 {
    margin: 0;
    padding: 1.5rem;
    font-size: 1.5rem;
    font-weight: 500;
    cursor: pointer;
}

.drop-down h4::before {
    content: "+";
    display: inline-block;
    font-size: 1.5rem;
    margin-right: 1rem;
    width: .5rem;
}

.drop-down h4.open::before {
    content: "–";
}

.drop-down > div {
    display: none;
    padding: 0 1.5rem 1rem;
}

.drop-down > div > *:first-child {
    margin-top: 0;
}

.entry-content .drop-down ol {
    margin: 0;
    padding-inline-start: 3rem;
}

.entry-content .drop-down ol > li {
    margin: 0;
}

/*Search form*/
#footer .search-form input[type=search]{
    -webkit-appearance: none;
    border-radius: 2rem;
    border: 1px solid #D1D1D1;
    background: transparent;
    padding: 1rem;
    font-size: .9rem;
    color: black;
    width: 100%;
}

#footer .search-form input[type=submit] {
    font-size: .9rem;
    border-radius: .5rem;
    background: #D1D1D1;
    color: black;
    padding: 1rem;
    border: 1px solid #D1D1D1;
    max-width: 13rem;
    transition: .2s all;
    cursor: pointer;
}

#footer .search-form input[type=submit]:hover {
    background: #005CC8;
    border-color: #005CC8;
    color: white;
}

#footer .search-form {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 1rem;
}

@media (min-width: 426px) {
    .only-mobile {
        display: none;
    }
}

@media (max-width: 425px) {
    #sidebar .virtual-library-link {
        display: none;
    }
}