@media only screen and (min-width: 1024px) {
    html {
        font-size: 14px;
    }
}

@media only screen and (min-width: 1440px) {
    html {
        font-size: 16px;
    }
}

@media only screen and (min-width: 1920px) {
    html {
        font-size: 20px;
    }
}

/*Mobile menu*/
@media (max-width: 1200px) {
    #mobile-menu-toggle, #mobile-menu {
        display: block;
    }
    #menu {
        display: none;
    }
}

@media (min-width: 600px) {
    .single .entry-content .wp-block-column {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        margin-right: 5rem;
    }
    .single .entry-content .wp-block-column:last-child {
        margin-right: 0;
    }
}

/*Page*/
@media (max-width:1024px) {
    #content {
        margin: 0 2.4rem;
        padding: 2.86rem 0;
    }
    #sidebar {
        margin-right: 2.4rem;
    }
    .sidebar .earth-charter-principles {
        margin-left: -22rem;
        margin-bottom: -2.86rem;
    }
    .sidebar .preamble-link, .sidebar .way-forward-link {
        margin-left: -22rem;
    }
    .sidebar .preamble-link + .earth-charter-principles {
        margin-bottom: 0;
    }
    .sidebar .way-forward-link {
        margin-bottom: -2.86rem;
    }
    #branding {
        margin: 2.1rem 0 0 2.4rem;
    }
    #mobile-menu-toggle {
        right: 2.4rem;
    }
    .landing-swiper .text {
        left: 2.4rem;
    }
    .two-stories .text {
        padding: 4rem 2.4rem;
    }
    .two-stories > .grid > div {
        padding: 3.5rem 2.4rem 2rem;
    }
    .link-bar {
        padding: 4rem 2.4rem;
    }
    .map-direct h1 {
        left: 2.4rem;
    }
    .map-direct .info {
        left: 2.4rem;
        width: -webkit-calc(100% - 4.8rem);
        width: calc(100% - 4.8rem);
    }
    .map-direct .info a.button {
        float: none;
        margin-top: 1rem;
    }
    .map-direct .info .numbers > span {
        white-space: nowrap;
        display: block;
        float: left;
        margin-bottom: 1rem;
    }
    .earth-charter-direct {
        padding: 5rem 2.4rem 11rem;
    }
    .cta-navigation h2 {
        margin: 0 2.4rem 6rem;
    }
    .cta-navigation .navi > * {
        padding: 4rem 2.4rem;
    }
    .event-finder > div {
        padding: 2.4rem;
    }
    .event-finder .block-link > div {
        padding: 2.4rem;
    }
    .cta-navigation .navigation-menu {
        padding: 2.4rem;
    }
    #footer {
        padding: 5rem 2.4rem 7.5rem;
    }
    .map-container h1 {
        left: 2.4rem;
        width: -webkit-calc(100% - 4.8rem);
        width: calc(100% - 4.8rem);
    }
    .principles-cover h1 {
        font-size: 2rem;
    }
    .principles-cover .text {
        padding: 4rem 2.4rem;
    }
}

@media (min-width: 678px) {
    .map-post-container > .info form {
        width: -webkit-calc(100% - 8rem);
        width: calc(100% - 8rem);
        display: inline-block;
    }
}

@media (max-width: 800px) {
    h4 {
        font-size: 1.14rem;
    }
    .quote-block {
        padding: 2rem;
    }
    .quote-block a span {
        width: 70%;
        vertical-align: middle;
        line-height: 1.4;
    }
    .earth-charter-direct > .halves {
        -ms-grid-columns: auto 2rem auto;
        grid-template-columns: auto auto;
        grid-gap: 2rem;
    }
    .earth-charter-swiper {
        max-width: 100%;
    }
    .earth-charter-direct .tiles.grid a {
        height: 27vw;
    }
    #footer .thirds > div:last-child {
        border-right: 0;
        padding-right: 0;
    }
    #footer .thirds > div:first-child {
        border-left: 0;
        padding-left: 0;
    }
    .single .entry-content > .wp-block-image, .single .entry-content > .wp-block-columns {
        width: 100%;
        margin: 3rem auto;
        height: auto;
    }

    .single .entry-content > .wp-block-image img {
        max-width: unset;
    }
}

.earth-charter-swiper-mobile {
    display: none;
}

@media (max-width: 678px) {
    #content {
        margin: 0 1.4rem;
    }
    #sidebar {
        width: 100%;
        margin-bottom: 2.86rem;
    }
    .sidebar > .page {
        width: 100%;
    }
    .sidebar .earth-charter-principles {
        margin-left: -1.4rem;
        margin-bottom: -2.86rem;
    }
    .sidebar .preamble-link, .sidebar .way-forward-link {
        margin-left: -1.4rem;
        border-radius: 0;
    }
    .sidebar .preamble-link + .earth-charter-principles {
        margin-bottom: 0;
    }
    .sidebar .way-forward-link {
        margin-bottom: -2.86rem;
    }
    .sidebar .earth-charter-principles .principle {
        padding: 2.86rem 2.4rem;
    }
    .sidebar .earth-charter-principles .illustration {
        display: none;
    }
    .sidebar .earth-charter-principles .principle:nth-child(1) .number {
        background-color: #796FCC;
    }
    .sidebar .earth-charter-principles .principle:nth-child(2) .number {
        background-color: #FFD800;
    }
    .sidebar .earth-charter-principles .principle:nth-child(3) .number {
        background-color: #FF5F66;
    }
    .sidebar .earth-charter-principles .principle:nth-child(4) .number {
        background-color: #00BFFC;
    }
    #branding {
        margin: 1.86rem 0 0 1.4rem;
    }
    #header {
        height: 6.8rem;
    }
    #container {
        padding-top: 6.8rem;
    }
    .landing-swiper .swiper-slide, .principles-cover {
        min-height: unset;
        -ms-grid-rows: auto 40vh;
        grid-template-rows: auto 40vh;
    }
    .home .landing-swiper .swiper-slide {
        min-height: -webkit-calc(100vh - 6.8rem - 100px);
        min-height: calc(100vh - 6.8rem - 100px);
    }
    #mobile-menu-toggle {
        right: 1.4rem;
        top: 2.6rem;
    }
    .landing-swiper .text {
        left: 1.4rem;
    }
    .two-stories .text {
        padding: 2.5rem 2.3rem;
        font-size: 1.29rem;
        font-weight: 400;
    }
    .two-stories > .grid > div {
        padding: 2rem 1.4rem;
        min-height: -webkit-calc(100vh - 6.8rem);
        min-height: calc(100vh - 6.8rem);
    }
    .quote-block {
        padding: 1.8rem 1.4rem;
    }
    .quote-img {
        margin-bottom: 1rem;
    }
    .quote-text {
        font-size: 1.29rem;
    }
    .quote-name {
        font-size: .93rem;
        line-height: 1.5;
        margin: .8rem 0 1.3rem;
    }
    .link-bar {
        padding: 2.5rem 1.4rem;
    }
    .map-direct h1{
        left: 1.4rem;
        top: 4.2rem;
    }
    .map-direct .info {
        padding: 1.43rem;
    }
    .map-direct .numbers {
        margin: 0;
    }
    .map-direct .info .number {
        display: block;
    }
    .earth-charter-direct {
        padding: 4.29rem 1.4rem 11rem;
    }
    .earth-charter-direct a.button {
        float: none;
    }
    .earth-charter-direct h4 {
        margin-top: 3.4rem;
        margin-left: .7rem;
        white-space: nowrap;
    }
    .cta-courses {
        -ms-grid-columns: none;
        grid-template-columns: none;
        display: block;
    }
    .cta-navigation h2 {
        text-align: center;
        margin: 0 1.4rem 8rem;
    }
    .cta-navigation .navigation-menu {
        left: 0;
        z-index: 9;
        height: 23.8rem;
        bottom: 0;
        position: absolute;
        top: unset;
        background-color: #796FCC;
        padding: 1.4rem;
    }
    .cta-navigation .navi > * {
        padding: 4rem 1.4rem;
    }
    .event-finder > div {
        padding: 12rem 1.4rem;
    }
    .event-finder > div > div {
        display: block;
        margin-bottom: 1.2rem;
        margin-left: 0;
        text-align: left;
    }
    .social-links {
        text-align: left;
    }
    #footer .social-links p {
        display: block;
        margin-left: 0;
        margin-bottom: 1.2rem;
    }
    #footer {
        padding: 4.29rem 1.4rem 6rem;
    }
    #footer .grid.thirds {
        display: block;
        -ms-grid-columns: none;
        grid-template-columns: none;
    }
    #footer .thirds > div {
        padding: 0;
        border: 0;
        margin-bottom: 3rem;
    }
    #footer p {
        text-align: left !important;
    }
    .earth-charter-direct > .grid.halves {
        display: block;
        -ms-grid-columns: none;
        grid-template-columns: none;
    }
    .earth-charter-direct .grid > p.no-margin {
        margin-bottom: 2rem;
    }
    .earth-charter-direct .tiles.grid a {
        margin-right: .7rem;
        margin-left: .7rem;
        height: 60vw;
    }
    .earth-charter-swiper.desktop{
        display: none;
    }
    .earth-charter-swiper-mobile {
        display: block;
    }
    .swiper-slide.preamble, .swiper-slide.way-forward {
        width:100%;
    }
    .earth-charter-direct .tiles.grid {
        -ms-grid-columns: none;
        grid-template-columns: none;
    }
    .earth-charter-swiper-mobile {
        max-width: -webkit-calc(50vw - 1.4rem);
        max-width: calc(50vw - 1.4rem);
    }
    .map-direct .info {
        left:1.4rem;
        width: -webkit-calc(100% - 2.4rem);
        width: calc(100% - 2.4rem);
    }
    .two-stories > .halves {
        display: block;
    }
    .principles-cover h1 {
        font-size: 1.57rem;
        margin: auto;
    }
    .download + .share-links {
        margin-left: 0;
    }
    .principles-swiper .wrapper {
        padding-top: 3rem;
    }
    .principles-swiper .content {
        margin: 0 1.4rem 5rem;
    }
    .principles-swiper h2 {
        font-size: 1.29rem;
    }
    .principles-swiper .content > img {
        width: 7.5rem;
        padding-top: 4.7rem;
    }
    .principles-swiper .content.grid {
        -ms-grid-columns: 7.5rem 4rem auto;
        grid-template-columns: 7.5rem auto;
        grid-gap: 4rem;
    }
    .entry-header .intro {
        margin-bottom: 2rem;
        font-weight: 400;
    }
    .grid.news-post {
        -ms-grid-columns: none;
        grid-template-columns: none;
    }
    .news-post .thumbnail-image, .map-post .thumbnail-image {
        height: 14rem;
    }
}

#mobile-menu {
    padding-bottom: 5.7rem;
    -webkit-overflow-scrolling: touch;
}

.scroll-lock {
    overflow: hidden;
}

@media (max-width: 425px) {
    .map-post-container > .grid {
        -ms-grid-columns: none;
        grid-template-columns: none;
    }
    .map-post-container h2 {
        margin-bottom: 1rem;
    }
    .landing-swiper h1 {
        width: -webkit-calc(100vw - 2.8rem);
        width: calc(100vw - 2.8rem);
        text-align: center;
        font-size:1.29rem;
        margin-bottom: 2.5rem;
        max-width: 19rem;
        margin-left: auto;
        margin-right: auto;
    }
    .landing-swiper .text {
        text-align:center;
        bottom: 10rem;
        top: unset;
        width: -webkit-calc(100% - 2.8rem);
        width: calc(100% - 2.8rem);
    }
    .landing-swiper .swiper-button-next, .landing-swiper .swiper-button-prev {
        height: 6.8rem;
    }
    .swiper-pagination.swiper-pagination-bullets {
        bottom: 3.4rem;
    }
    .quote-img {
        width: 2.1rem;
    }
    .map-direct .info {
        bottom: 1.4rem;
    }
    .map-direct .info .numbers > span {
        margin-right: 0;
    }
    .map-direct .info .numbers > span:nth-child(odd) {
        margin-right: 2.5rem;
        min-width: 5.14rem;
    }
    .map-direct h1 {
        margin: 0 1.4rem 4.2rem;
        padding-top: 4.2rem;
        font-size: 1.57rem;
        display: block;
        width: -webkit-calc(100% - 4rem);
        width: calc(100% - 4rem);
        position: static;
    }
    .map-direct .info a.button {
        min-width: unset;
    }
    .earth-charter-swiper-mobile {
        max-width: -webkit-calc(100% - 5.37rem);
        max-width: calc(100% - 5.37rem);
        margin: auto;
    }
    .earth-charter-direct .tiles.grid a {
        height: -webkit-calc(111vw - 5.37rem);
        height: calc(111vw - 5.37rem);
    }
    .cta-navigation h2 {
        font-size: 1.71rem;
    }
    .cta-navigation .navi > * {
        font-size: 1.14rem;
        padding: 3.1rem 1.4rem;
    }
    .cta-navigation .navi img {
        width: 2.29rem;
        -webkit-transform: translateY(-.15rem);
        -ms-transform: translateY(-.15rem);
        transform: translateY(-.15rem);
    }
    .cta-navigation .navi > *::before {
        -webkit-transform: translateY(-3.1rem);
        -ms-transform: translateY(-3.1rem);
        transform: translateY(-3.1rem);
    }
    .cta-navigation .navigation {
        padding: 8rem 0 8rem;
    }
    .event-finder .location-filter {
        width: 100%;
    }
    .location-filter select {
        max-width: unset;
        width: 100%;
    }
    .event-finder .block-link img {
        width: 2.29rem;
    }
    .cta-navigation .navigation-menu {
        height: 23rem;
    }
    .cta-navigation .navigation-menu a {
        font-size: 1.14rem;
    }
    .cta-navigation .trigger .close {
        width: 1.1rem;
    }
    .landing-swiper .swiper-slide, .landing-swiper {
        min-height: -webkit-calc(100vh - 6.8rem - 100px);
        min-height: calc(100vh - 6.8rem - 100px);
    }
}

@media (max-width: 1024px) {
    .earth-charter-cover .text-block {
        padding: 2.4rem;
    }
    .preamble-link a, .way-forward-link a {
        padding: 4rem 2.4rem;
    }
    .earth-charter-principles .principle {
        padding: 5rem 2.4rem 3.57rem;
    }
}

@media (max-width: 678px) {
    .earth-charter-cover .text-block {
        padding: 4.29rem 2.86rem 2rem;
        display: block;
    }
    .preamble-link a, .way-forward-link a {
        padding: 2.5rem 2.3rem;
        text-align: left;
        font-size: 1.14rem;
    }
    .preamble-link img, .way-forward-link img {
        width: 1.4rem;
        float: right;
    }
    .earth-charter-cover {
        -ms-grid-columns: none;
        grid-template-columns: none;
        text-align: center;
    }
    .earth-charter-cover {
        min-height: -webkit-calc(100vh - 6.8rem);
        min-height: calc(100vh - 6.8rem);
    }
    .earth-charter-cover a.button {
        margin-top: 1.8rem;
    }
    .earth-charter-cover .links {
        margin-top: 2rem;
    }
    .earth-charter-cover a.download {
        float: right;
    }
    .earth-charter-cover .share-links {
        float: left;
        margin: 0;
    }
    .earth-charter-cover .img {
        min-height: -webkit-calc(50vh - 6.8rem);
        min-height: calc(50vh - 6.8rem);
    }
    .earth-charter-principles {
        -ms-grid-columns: 50% 50%;
        grid-template-columns: 50% 50%;
    }
    .earth-charter-principles .principle {
        border-bottom: 1px solid #EBEBEB;
    }
    .principles-cover {
        -ms-grid-columns: none;
        grid-template-columns: none;
    }
    .principles-cover > .img {
        height: 40vh;
        -ms-grid-row: 2;
        grid-row-start: 2;
        background-size:contain;
    }
    .principles-cover .text {
        padding: 4.29rem 2.86rem 2rem;
        text-align: center;
        -webkit-border-radius: 0 0 2.14rem 2.14rem;
        border-radius: 0 0 2.14rem 2.14rem;
    }
    .principles-cover a.back {
        text-transform: uppercase;
        text-decoration: none;
    }
    .principles-cover .share-links {
        float: left;
    }
    .principles-cover a.download {
        float: right;
    }
    .principles-cover .grid > div {
        margin-bottom: 0;
    }

}

@media (max-width: 425px) {
    .earth-charter-cover .text-block {
        padding: 4.29rem 1.4rem 2rem;
    }
    .earth-charter-principles {
        -ms-grid-columns: none;
        grid-template-columns: none;
    }
    .earth-charter-principles .principle {
        border-right: 0;
    }
    .earth-charter-principles .principle:last-child {
        border-bottom: 0;
    }
    .principles-swiper .content.grid {
        -ms-grid-columns: none;
        grid-template-columns: none;
        grid-gap: 3rem;
    }
    .principles-swiper .content > img {
        padding-top: 0;
        width: 10rem;
    }
    .principles-swiper ol {
        -webkit-padding-start: 1.4rem;
        padding-inline-start: 1.4rem;
        margin-left: 0;
        margin-top: 2rem;
    }
    .principles-swiper ol > li {
        padding-left: 1.8rem;
    }
    .earth-charter-principles .principle:nth-child(1) .number {
        background-color: #796FCC;
    }
    .earth-charter-principles .principle:nth-child(2) .number {
        background-color: #FFD800;
    }
    .earth-charter-principles .principle:nth-child(3) .number {
        background-color: #FF5F66;
    }
    .earth-charter-principles .principle:nth-child(4) .number {
        background-color: #00BFFC;
    }
    .principles-swiper + .earth-charter-principles .illustration {
        display: none;
    }
    .principles-swiper + .way-forward-link + .earth-charter-principles .illustration {
        display: none;
    }
    .principles-swiper h2 {
        width: -webkit-calc(100% - 3.8rem);
        width: calc(100% - 3.8rem);
        display: inline-block;
        margin-left: 1rem;
        vertical-align: top;
        margin-top: 0;
        margin-bottom: 0;
    }
    .principles-swiper .content {
        margin: 0 1.4rem 4rem;
    }
    .principles-swiper + .earth-charter-principles .principle {
        padding: 2.86rem 1.4rem;
        border-bottom: 0;
        border-top: 1px solid #EBEBEB;
    }
}

@media (max-width: 1024px) {
    .mapboxgl-ctrl-top-right .mapboxgl-ctrl {
        margin-right: 2.4rem;
    }
    .archive-landing {
        margin: -2.86rem -2.4rem 2.4rem;
    }
}

@media (max-width: 800px) {
    .map-post-container > .grid.thirds, .map-post-container > .grid.fourths, .events-container.thirds, .grid-container.thirds, .events-container.fourths, .grid-container.fourths {
        -ms-grid-columns: 50% 50%;
        grid-template-columns: 1fr 1fr;
    }
    .scroll-container {
        overflow: scroll;
    }
    .container-toggle {
        width: 180vw;
    }
}

@media (max-width: 678px) {
    .map-container h1 {
        font-size: 1.57rem;
        left: 1.4rem;
        width: -webkit-calc(100% - 2.8rem);
        width: calc(100% - 2.8rem);
        max-width: 23rem;
    }
    .mapboxgl-ctrl-top-right .mapboxgl-ctrl {
        margin-right: 1.4rem;
    }
    .map-post-container > .grid {
        grid-gap: 2rem;
        padding: 1.5rem 1.5rem 5rem;
    }
    .info {
        padding: 2.5rem 1.4rem 0;
    }
    .map-post-container > .map-post {
        padding: 1.4rem 1.4rem 5rem;
    }
    #map, .map-container {
        height: -webkit-calc(100vh - 12.5rem - 150px) !important;
        height: calc(100vh - 12.5rem - 150px) !important;
    }
    .map-post-container .info {
        padding: 2.5rem 1.4rem 0;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: auto 1rem 10rem;
        grid-template-columns: auto 10rem;
        -webkit-box-align: baseline;
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        grid-gap: 1rem;
    }
}

@media (max-width: 425px) {
    .container-toggle {
        width: 320vw;
    }
    .map-post-container > .grid.thirds, .map-post-container > .grid.fourths, .events-container.thirds, .grid-container.thirds, .events-container.fourths, .grid-container.fourths  {
        -ms-grid-columns: none;
        grid-template-columns: none;
    }
    .info {
        padding: 2.5rem 1.4rem 0;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: auto 1rem 10rem;
        grid-template-columns: auto 10rem;
        -webkit-box-align: baseline;
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        grid-gap: 1rem;
    }
    .map-direct .info {
        display: block;
    }
    .location-filter select {
        font-size: .95rem;
        background-position: -webkit-calc(100% - 2em) 1.8em, -webkit-calc(100% - 1.5em) 1.8em;
        background-position: calc(100% - 2em) 1.8em, calc(100% - 1.5em) 1.8em;
    }
}

@media (max-width: 1024px) {
    .news-container {
        -ms-grid-columns: auto 2.4rem 16rem;
        grid-template-columns: auto 16rem;
        grid-gap: 2.4rem;
    }
    .blog .events > div {
        padding: 2rem 1.4rem;
    }
    .entry-header.grid {
        grid-gap: 2.4rem;
    }
    h1 {
        font-size: 2rem;
    }
    .more-posts {
        padding: 2.4rem 2.4rem 0;
        margin-left: -2.4rem;
    }
    .archive-landing .text {
        padding: 2.4rem;
    }
}

@media (max-width: 678px) {
    .news-container {
        -ms-grid-columns: none;
        grid-template-columns: none;
        grid-gap: 2.4rem;
    }
    .news-container > .events {
        -ms-grid-columns: 1fr 1.4rem 1fr;
        grid-template-columns: 1fr 1fr;
        grid-gap: 1.4rem;
        display: -ms-grid;
        display: grid;
    }
    .stories {
        margin-top: 0;
    }
    .location-filter select {
        max-width: unset;
        min-width: unset;
    }
    .filter-container {
        max-width: 30rem;
        float: none;
    }
    h1 {
        font-size: 1.57rem;
    }
    .more-posts {
        padding: 2.4rem 1.4rem 0;
        margin-left: -1.4rem;
    }
    .more-posts > .grid {
        -ms-grid-columns: none;
        grid-template-columns: none;
    }
    .entry-header {
        min-height: unset;
        display: block;
    }
    .entry-header .header-image {
        height: 100vw;
        max-height: 28rem;
        margin-top: -2.86rem;
        width: 100vw;
        margin-left: -1.4rem;
    }
    .entry-header .header-text {
        margin-top: 2rem;
        display: block;
    }
    .single h1 {
        margin-top: 2rem;
    }
    .single .share-links {
        margin-top: 2rem;
    }
    .entry-header {
        margin-bottom: 3rem;
    }
    .more-posts {
        margin-top: 5rem;
    }
    .entry-header.grid {
        min-height: unset;
    }
    .archive-landing {
        display: block;
        margin: -2.86rem -1.4rem 2rem;
        min-height: unset;
    }
    .archive-landing .thumbnail {
        height: 100vw;
        max-height: 18rem;
    }
    .archive-landing .text {
        padding: 2rem 1.4rem;
    }
    .archive-landing .date, .archive-landing .location {
        margin: 0 0 2rem;
    }
    .archive-landing .button {
        margin-top: 1rem;
    }
}

@media (max-width: 425px) {
    .entry-summary.grid {
        -ms-grid-columns: none;
        grid-template-columns: none;
        margin-top: 2rem;
    }
    .entry-summary .thumbnail {
        height: 14rem;
    }
    .loadmore {
        margin-top: 2rem;
    }
    .news-container > .events {
        -ms-grid-columns: none;
        grid-template-columns: none;
        grid-gap: 2rem;
    }
    .events .event .thumbnail-image {
        height: 14rem;
    }
}

@media (max-width: 1024px) {
    .single-courses header.grid, .single-events header.grid {
        min-height: -webkit-calc(100vh - 6.8rem);
        min-height: calc(100vh - 6.8rem);
        margin-top: -2.86rem;
        margin-left: -2.4rem;
    }
    .single-courses header.grid .entry-header, .single-events header.grid .entry-header {
        margin-left: 2.4rem;
    }
    .course-archive-container {
        width: -webkit-calc(100% - 19.8rem);
        width: calc(100% - 19.8rem);
    }
    .course-archive-container .thirds {
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }
    .post-type-archive-courses #sidebar {
        width: 17rem;
    }
    .course-archive .course .img {
        height: -webkit-calc((100vw - 24.2rem) / 2);
        height: calc((100vw - 24.2rem) / 2);
    }
    .post-type-archive-youngleaders .archive-landing, .post-type-archive-educators .archive-landing {
        margin: -2.86rem -2.4rem 4rem;
        min-height: -webkit-calc((100vh - 6.8rem) / 2);
        min-height: calc((100vh - 6.8rem) / 2);
    }
}

@media (max-width: 800px) {
    .single-courses .entry-content, .single-events .entry-content {
        width: 100%;
        display: block;
        max-width: unset;
        margin-top: 3rem;
    }
    .post-type-archive-courses #sidebar {
        width: 100%;
    }
    .course-archive-container {
        width: 100%;
    }
    .post-type-archive-courses .filter-container {
        float: none;
    }
    .course-archive .course .img {
        height: -webkit-calc((100vw - 7.3rem) / 2);
        height: calc((100vw - 7.3rem) / 2);
    }
}

@media (max-width: 800px) and (min-width: 425px) {
    .post-type-archive-courses #sidebar {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1.4rem 1fr;
        grid-template-columns: 1fr 1fr;
        grid-gap: 1.4rem;
    }
    .post-type-archive-courses #sidebar .location-filter {
        margin: 0;
    }
    .post-type-archive-courses .location-filter select {
        width: 100%;
        max-width: unset;
    }
    .post-type-archive-courses .filter-container {
        grid-gap: 1.4rem;
        margin-bottom: 1rem;
        max-width: unset;
    }
}

@media (max-width: 678px) {
    .single-courses header.grid, .single-events header.grid {
        margin-left: -1.4rem;
        margin-bottom: 3rem;
    }
    .single-courses header.grid .entry-header, .single-events header.grid .entry-header {
        margin-left: 1.4rem;
    }
    .single-courses .entry-content, .single-events .entry-content {
        margin-top: 0rem;
    }
    .single-courses #sidebar .sidebar-container, .single-events #sidebar .sidebar-container {
        padding: 1.4rem;
        display: inline-block;
    }
    .course-archive-container .thirds {
        grid-gap: 1.4rem;
        margin-top: 0;
    }
    .course-archive .course .img {
        height: -webkit-calc((100vw - 4.2rem) / 2);
        height: calc((100vw - 4.2rem) / 2);
    }
    .post-type-archive-youngleaders .archive-landing, .post-type-archive-educators .archive-landing {
        margin: -2.86rem -1.4rem 4rem;
    }
    .post-type-archive-youngleaders .archive-landing .thumbnail, .post-type-archive-educators .archive-landing .thumbnail {
        background-size: cover;
        height: 100vw;
        max-height: unset;
    }
    .filters h1 {
        width: 100%;
    }
}

@media (max-width: 425px) {
    .single-courses header.grid .entry-header, .single-events header.grid .entry-header {
        margin-left: 1.4rem;
        margin-right: 1.4rem;
        padding: 1.4rem;
    }
    .single-courses header.grid, .single-events header.grid {
        min-height: -webkit-calc(100vh - 6.8rem - 100px);
        min-height: calc(100vh - 6.8rem - 100px);
    }
    .post-type-archive-courses .filter-container {
        -ms-grid-columns: none;
        grid-template-columns: none;
    }
    .course-archive-container .thirds {
        -ms-grid-columns: none;
        grid-template-columns: none;
    }
    .course-archive .course .img {
        height: -webkit-calc(100vw - 2.8rem);
        height: calc(100vw - 2.8rem);
    }
    .person-presentation {
        width: 100%;
        margin: 2rem 0;
    }
}

@media (max-width: 1200px) {
    .select-container > *:nth-child(1) {
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-column-span: 3;
        grid-column-end: 4;
    }
    .fltr-key {
        -ms-grid-row: 2;
        grid-row-start: 2;
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-column-span: 2;
        grid-column-end: 3;
    }
    .select-container > *:nth-child(3) {
        -ms-grid-row: 2;
        grid-row-start: 2;
        -ms-grid-column: 3;
        grid-column-start: 3;
        -ms-grid-column-span: 1;
        grid-column-end: 4;
    }
    #com_cat {
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-column-span: 2;
        grid-column-end: 3;
    }
    #com_aud {
        -ms-grid-column: 3;
        grid-column-start: 3;
        -ms-grid-column-span: 2;
        grid-column-end: 5;
    }
    #language_drop {
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-column-span: 2;
        grid-column-end: 3;
    }
    .filter-text {
        margin-top: 1rem;
    }
    .related-news {
        padding: 2rem 1.4rem;
    }
}

@media (max-width: 1024px) {
    .education-center header {
        margin-top: -2.86rem;
        margin-left: -2.4rem;
        padding: 5rem 2.4rem 0;
    }
    .courses .grid {
        grid-gap: 2.4rem;
    }
    .course .img {
        height: -webkit-calc((100vw - 12rem) / 4);
        height: calc((100vw - 12rem) / 4);
    }
    .education-center #sidebar {
        margin-right: 2.4rem;
    }
    .entry-content .wp-block-quote {
        width: 100%;
        margin-left: 0;
    }
    .education-center .entry-content > h2:first-child {
        font-size: 2rem;
    }
    .vl-description {
        clear: both;
        padding: 1rem 0;
    }
}

@media (max-width: 800px) {
    .courses .grid {
        -ms-grid-columns: 1fr 2.4rem 1fr;
        grid-template-columns: 1fr 1fr;
    }
    .course .img {
        height: -webkit-calc((100vw - 7.2rem) / 2);
        height: calc((100vw - 7.2rem) / 2);
    }
    .education-center .entry-content > .wp-block-image {
        width: 100%;
    }
    .education-center .entry-content > .wp-block-image img {
        max-width: 100%;
    }
    .vl-image {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .right-section, .page-template-template-virtual-library .right-section {
        margin-top: 5rem;
    }
}

@media (max-width: 678px) {
    .education-center header {
        padding: 5rem 1.4rem 0;
        margin-left: -1.4rem;
    }
    .courses {
        margin-bottom: 4rem;
    }
    .education-center #sidebar {
        width: 100%;
        display: block;
        max-width: 18rem;
        margin-bottom: 3rem;
    }
    .education-center .entry-content {
        display: block;
        width: 100%;
        max-width: unset;
    }
    .courses .grid {
        grid-gap: 1.4rem;
    }
    .course .img {
        height: -webkit-calc((100vw - 4.2rem) / 2);
        height: calc((100vw - 4.2rem) / 2);
    }
    .education-center .entry-content > h2:first-child {
        font-size: 1.57rem;
    }
    .wp-block-button {
        margin: 2rem 0 0;
    }
    body .gform_wrapper {
        padding: 2rem 2.4rem;
    }
}

@media (max-width: 500px) {
    #com_cat, #com_aud, #language_drop, .fltr-key {
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-column-span: 4;
        grid-column-end: 5;
    }
    .select-container .submit {
        -ms-grid-column: 1;
        grid-column-start: 1;
        -ms-grid-column-span: 4;
        grid-column-end: 5;
        margin-top: .5rem;
    }
    .select-container > *:nth-child(3) {
        -ms-grid-row: 3;
        grid-row-start: 3;
    }
}

@media (max-width: 425px) {
    .courses .grid {
        -ms-grid-columns: none;
        grid-template-columns: none;
    }
    .course .img {
        height: -webkit-calc(100vw - 2.8rem);
        height: calc(100vw - 2.8rem);
    }
    div.has-background {
        padding: 1.4rem;
    }
    .wp-block-media-text .wp-block-media-text__content {
        padding: 0;
    }
    .header-block {
        padding: 2rem 1.4rem 1rem;
    }
    body .gform_wrapper {
        padding: 2rem 1.4rem;
    }
}