/*
Theme Name: World YWCA Theme TEST
Author: Thallo Design
Description: World_ YWCA Theme
Version: 1.0
*/




/* CSS Document
    Reset browser default styles
    All 
    Header
        Top menu
    Content block
    Footer 
    Media Queries
*/




/* Reset browser default styles */
html,
body {
    min-height: 100%;
    -webkit-text-size-adjust: 100%;
    overflow-x: hidden;
    font: 500 18px 'Cabin', sans-serif !important;
    color: #4A453F !important;
    background-color: #F6F1E5 !important;
}

div,
html,
body,
p,
ul,
ol,
li,
a,
form,
img,
table,
td,
h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
header,
section,
footer,
aside,
nav,
article,
figure,
figcaption,
dt,
dd,
dl {
    margin: 0;
    padding: 0;
}

header,
section,
footer,
aside,
nav,
article,
figure,
figcaption {
    display: block;
}

table {
    border-collapse: collapse;
}

img {
    border: none;
    max-width: 100%;
    height: auto;
}

iframe,
object,
embed {
    max-width: 100%;
}

ul,
li {
    list-style: none;
}

input {
    vertical-align: middle;
}

input:focus,
textarea:focus {
    outline: none;
}

button,
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: none;
}

a,
a:active,
a:visited {
    text-decoration: none !important;
    color: #007CC5;
    transition: color ease-in-out .2s;
}

a:hover {
    text-decoration: none !important;
    color: #4ea0d7;
}




/* All */
.wrapper {
    max-width: 1320px;
    padding: 0 10px;
    margin: 0 auto;
    position: relative;
    box-sizing: border-box;
}

.alignfull {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    max-width: 100vw;
}

.alignwide {
    margin-left: calc(25% - 25vw);
    margin-right: calc(25% - 25vw);
    max-width: 100vw;
}

.page-id-8 .content_block .wpf_item_recurring_payment_item .form-check:first-of-type {
    display: none;
}

.page-id-8 .content_block .wpf_item_recurring_payment_item .wpf_subscription_plan_index_0 {
    display: none;
}

.page-id-8 .content_block #wpf_input_372_custom_payment_input {
    min-width: 100px;
}

/* Alignment */
/*.alignright img {float:right;margin:0 0 10px 10px;}
.alignleft img {float:left;margin:0 10px 10px 0;}*/
.aligncenter {
    text-align: center;
}


/* Posts navigation */
.posts_navigation {
    margin-top: 35px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}


/* Data cover */
.cover {
    display: none;
}

*[data-cover] {
    min-height: 200px;
    background: url(images/blank.gif) center center/cover no-repeat;
}

*[data-cover-srcset] {
    min-height: 200px;
    position: relative;
}

*[data-cover-srcset] img[srcset] {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    height: 100%;
    width: 100%;
}


/* Responsive video */
.video_wrap {
    position: relative;
    padding: 0 0 56.25% 0;
    height: 0;
}

.video_wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* Typography */
h1 {
    font: 500 46px/56px 'Cabin';
    padding-bottom: 45px;
}

h2 {
    font: 500 34px 'Cabin';
    padding-bottom: 15px;
}

h3 {
    font: 30px 'Cabin';
    padding-bottom: 15px;
}

h4 {
    font: 700 17px 'Cabin';
    padding-bottom: 0;
}

h5 {
    font: 600 22px 'Cabin';
    padding-bottom: 0;
}

p {
    padding-bottom: 25px;
}

hr,
.wp-block-separator {
    clear: both;
    border: none;
    border-bottom: 2px solid #4A453F;
    margin: 0 0 40px 0;
}



.table-bank-details td {
    font-family: 'Courier Prime', monospace;
    padding-right: 15px;
}


@media (max-width: 767.98px) {
    .table-bank-details tbody tr td {
        font-size: 14px !important;
    }
}

/* Form */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"] {
    font: 500 18px 'Cabin', sans-serif;
    color: #989187;
    background: none;
    border: none;
    /* border-bottom: 2px solid #989187; */
    border-radius: 0;
    padding: 0;
    height: 35px;
    width: 100%;
    box-shadow: none;
    box-sizing: border-box;
    transition: color ease-in-out .3s, border-color ease-in-out .3s;
}

input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="tel"]::placeholder,
input[type="number"]::placeholder {
    color: #989187;
    border-color: #989187;
    opacity: 1;
}

input[type="text"]:not(:placeholder-shown),
input[type="email"]:not(:placeholder-shown),
input[type="tel"]:not(:placeholder-shown),
input[type="number"]:not(:placeholder-shown) {
    color: #4a453f;
    border-color: #4a453f;
}

input[type="text"]:not(:-ms-input-placeholder),
input[type="email"]:not(:-ms-input-placeholder),
input[type="tel"]:not(:-ms-input-placeholder),
input[type="number"]:not(:-ms-input-placeholder) {
    color: #4a453f;
    border-color: #4a453f;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus {
    border-color: #4a453f;
    color: #4a453f;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

input[type="number"] {
    -webkit-appearance: none;
    -moz-appearance: textfield;
}

.searchform>div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.searchform label {
    display: block;
    min-width: 100%;
}

.searchform input[type="text"] {
    flex: 1;
    margin-right: 20px;
}

input[type="checkbox"] {
    display: none;
}

input[type="checkbox"]+label {
    cursor: pointer;
    padding-left: 27px;
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    color: #989187;
}

input[type="checkbox"]+label:before {
    content: '';
    display: block;
    width: 22px;
    height: 22px;
    border: 2px solid #989187;
    border-radius: 50%;
    position: absolute;
    top: 2px;
    left: 0;
    box-sizing: border-box;
    background: transparent;
    transition: all ease-in-out .3s;
}

input[type="checkbox"]:checked+label,
input[type="checkbox"]+label:active {
    color: #4a453f;
}

input[type="checkbox"]:checked+label:before,
input[type="checkbox"]+label:active:before {
    border-color: #4a453f;
    background: #4a453f;
}


/* Buttons */
.wp-block-button {
    display: inline;
}

.button,
.button:visited,
.wp-block-button__link,
.wp-block-button__link:visited,
.searchform input[type="submit"] {
    color: #fff;
    background: #4e88aa;
    padding: 5px 20px;
    min-width: 100px;
    height: 42px;
    font: 18px 'Cabin';
    border: none;
    border-radius: 25px;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    box-sizing: border-box;
    transition: all ease-in-out .2s;
}

.button:hover,
.wp-block-button__link:hover,
.searchform input[type="submit"]:hover {
    color: #fff;
    background: #4ea0d7;
    border-color: #4ea0d7;
}

.is-style-outline .wp-block-button__link,
.is-style-outline .wp-block-button__link:visited {
    color: #4e88aa;
    background: #fff;
}

.is-style-outline .wp-block-button__link:hover {
    color: #4ea0d7;
    background: #fff;
}


/* Main Colors */
.has-primary-color-color {
    color: #F7F1E3;
}

.has-text-color-color {
    color: #4A453F;
}

.has-donate-color-color {
    color: #FFBD59;
}

.has-about-color-color {
    color: #981C71;
}

.has-members-color-color {
    color: #409FBF;
}

.has-join-color-color {
    color: #DA5554;
}

.has-news-color-color {
    color: #6F9D2F;
}

.has-primary-color-background-color {
    background-color: #F7F1E3;
}

.has-text-color-background-color {
    background-color: #4A453F;
}

.has-donate-color-background-color {
    background-color: #FFBD59;
}

.has-about-color-background-color {
    background-color: #981C71;
}

.has-members-color-background-color {
    background-color: #409FBF;
}

.has-join-color-background-color {
    background-color: #DA5554;
}

.has-news-color-background-color {
    background-color: #6F9D2F;
}




/* Header */
.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    background: #4A453F;
    padding: 22px 0 5px 0;
}

.header:after {
    content: '';
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 5px;
    z-index: 1;
    background: linear-gradient(to bottom, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0) 100%);
}

.logged-in .header {
    top: 32px;
}

.header .wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-height: 60px;
}

.header .page_title {
    position: absolute;
    top: calc(50% - 20px);
    left: 10px;
    font-size: 12px;
    font-weight: 400;
    color: #B4AA9F;
    z-index: 1;
    max-width: 200px;
}

.header .page_title a,
.header .page_title a:visited {
    color: #B4AA9F;
}

.header .page_title i {
    display: none;
}

.header .menu-social-menu-container {
    position: absolute;
    top: calc(50% - 20px);
    right: 10px;
}

.header .menu-social-menu-container ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.header .menu-social-menu-container ul li {
    padding-right: 24px;
}

.header .menu-social-menu-container ul li:last-child {
    padding-right: 0;
}

.header .menu-social-menu-container ul li a,
.header .menu-social-menu-container ul li a:visited {
    font-size: 0;
    line-height: 0;
    color: #c9c2ba;
}

.header .menu-social-menu-container ul li a:hover {
    color: #F7F1E3;
}

.header .menu-social-menu-container ul li i {
    font-size: 20px;
}

.header #google_language_translator {
    position: absolute;
    top: 15px;
    left: calc(100% + 14px);
}

.header #google_language_translator select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font: 8px 'Cabin';
    text-transform: uppercase;
    color: #B4AA9F !important;
    border: none !important;
    background: none;
    padding: 0 !important;
    margin: 0 !important;
    width: 80px !important;
    cursor: pointer;
    text-overflow: ellipsis;
}

.header #google_language_translator select option {
    text-transform: uppercase;
    font-size: 10px;
    color: #787065 !important;
}

.header #google_language_translator select::-ms-expand {
    display: none;
}

.header .searchform {
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    background: #fff;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
    display: none;
    z-index: 1;
}

.header .menu_popup_overlay {
    display: none;
    background: #F7F1E2;
    opacity: .9;
    width: 100%;
    height: calc(100% - 97px);
    position: fixed;
    top: 97px;
    left: 0;
    z-index: -5;
}

.logged-in .header .menu_popup_overlay {
    height: calc(100% - 129px);
    top: 129px;
}

.header .searchform div:before,
.header .searchform div:after {
    content: '';
    display: block;
    background: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 100%;
}

.header .searchform div:before {
    left: auto;
    right: 100%;
}

.header .searchform input[type="text"] {
    margin: 0;
    height: 46px;
    font-size: 22px;
    border-bottom: none;
    color: #787065;
    padding-left: 30px;
}

.header .searchform input[type="text"]::placeholder {
    color: #787065;
}

.header .searchform input[type="text"]:focus {
    color: #4a453f;
}

.header .searchform label,
.header .searchform #searchsubmit {
    display: none;
}

.header .searchform .fas {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    color: #787065;
    font-size: 19px;
}

/* Top menu */
.header nav>ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.header nav>ul>li>a,
.header nav>ul>li>a:visited {
    display: block;
    min-width: 80px;
    min-height: 60px;
    color: #F7F1E3;
    text-align: center;
    font-weight: 700;
    font-size: 0;
    line-height: 0;
    position: relative;
    z-index: 2;
}

.header nav>ul>li.index:not(:last-child)>a {
    z-index: 3;
}

.header nav>ul>li>a:before {
    content: '';
    display: none !important;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background: #4A453F;
    position: absolute;
    top: calc(50% - 7px);
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -2;
    box-shadow: rgba(0, 0, 0, .5) 0 0 5px 0;
}

.header nav>ul>li>a:after {
    content: '';
    display: none !important;
    width: 180px;
    height: 150px;
    background: #4A453F;
    position: absolute;
    bottom: -5px;
    left: -60px;
    z-index: -1;
}

.header nav>ul>li>a i {
    font-size: 31px;
    display: block;
    margin-bottom: 10px;
    position: relative;
}

.header:not(.active_submenu) nav>ul>li.current-menu-item>a,
.header:not(.active_submenu) nav>ul>li.current-menu-ancestor>a,
.header:not(.active_submenu) nav>ul>li.current_page_parent>a {
    font-size: 13px;
    line-height: 18px;
}

.header:not(.active_submenu) nav>ul>li.current-menu-item>a i,
.header:not(.active_submenu) nav>ul>li.current-menu-ancestor>a i,
.header:not(.active_submenu) nav>ul>li.current_page_parent>a i {
    transform: scale(1.5);
    top: -5px;
}

.header:not(.active_submenu) nav>ul>li.current-menu-item>a:before,
.header:not(.active_submenu) nav>ul>li.current-menu-item>a:after,
.header:not(.active_submenu) nav>ul>li.current-menu-ancestor>a:before,
.header:not(.active_submenu) nav>ul>li.current-menu-ancestor>a:after,
.header:not(.active_submenu) nav>ul>li.current_page_parent>a:before,
.header:not(.active_submenu) nav>ul>li.current_page_parent>a:after {
    display: block;
}

.header.active_submenu nav>ul>li:nth-last-child(2)>a {
    font-size: 13px;
    line-height: 18px;
    z-index: 2;
}

.header.active_submenu nav>ul>li:nth-last-child(2)>a i {
    transform: scale(1.5);
    top: -5px;
}

.header.active_submenu nav>ul>li:nth-last-child(2)>a:before,
.header.active_submenu nav>ul>li:nth-last-child(2)>a:after {
    display: block;
}

.header.active_submenu nav>ul>li>a {
    z-index: 3;
}

.header.active_submenu nav>ul>li:last-child>a {
    font-size: 13px;
    line-height: 18px;
    z-index: 2;
}

.header.active_submenu nav>ul>li:last-child>a i {
    transform: scale(1.5);
    top: -5px;
}

.header.active_submenu nav>ul>li:last-child>a:before,
.header.active_submenu nav>ul>li:last-child>a:after {
    display: block;
}

.header nav>ul>li:first-child>a {
    width: 50px;
    height: 50px;
    top: -10px;
}

.header nav>ul>li:first-child>a span {
    width: 100%;
    height: 100%;
    background: url(images/logo_gray.svg) center center/46px auto no-repeat;
    display: block;
    position: relative;
}

.header nav>ul>li:first-child>a span:before {
    display: none;
}

.header nav>ul>li:first-child>a:hover span {
    background-image: url(images/logo.svg);
}

.header nav>ul>li:first-child>a:before {
    top: calc(50% + 4px);
}

.header nav>ul>li:first-child>a:after {
    bottom: -14px;
}

.header:not(.active_submenu) nav>ul>li.current-menu-item:first-child>a,
.header:not(.active_submenu) nav>ul>li.current-menu-ancestor:first-child>a {
    font-size: 0;
    line-height: 0;
    width: 59px;
    height: 59px;
}

.header:not(.active_submenu) nav>ul>li.current-menu-item:first-child>a span,
.header:not(.active_submenu) nav>ul>li.current-menu-ancestor:first-child>a span {
    width: 100%;
    height: 100%;
    background-image: url(images/logo.svg);
    background-size: 59px auto;
}

.header:not(.active_submenu) nav>ul>li.current-menu-item:nth-child(2)>a,
.header:not(.active_submenu) nav>ul>li.current-menu-item:nth-child(2)>a:visited,
.header:not(.active_submenu) nav>ul>li.current-menu-ancestor:nth-child(2)>a,
.header:not(.active_submenu) nav>ul>li.current-menu-ancestor:nth-child(2)>a:visited,
.header nav>ul>li:nth-child(2)>a:hover {
    color: #ab3b88;
}

.header:not(.active_submenu) nav>ul>li.current-menu-item:nth-child(3)>a,
.header:not(.active_submenu) nav>ul>li.current-menu-item:nth-child(3)>a:visited,
.header:not(.active_submenu) nav>ul>li.current-menu-ancestor:nth-child(3)>a,
.header:not(.active_submenu) nav>ul>li.current-menu-ancestor:nth-child(3)>a:visited,
.header nav>ul>li:nth-child(3)>a:hover {
    color: #FFBD59;
}

.header:not(.active_submenu) nav>ul>li.current-menu-item:nth-child(4)>a,
.header:not(.active_submenu) nav>ul>li.current-menu-item:nth-child(4)>a:visited,
.header:not(.active_submenu) nav>ul>li.current-menu-ancestor:nth-child(4)>a,
.header:not(.active_submenu) nav>ul>li.current-menu-ancestor:nth-child(4)>a:visited,
.header:not(.active_submenu) nav>ul>li.current_page_parent:nth-child(4)>a,
.header:not(.active_submenu) nav>ul>li.current_page_parent:nth-child(4)>a:visited,
.header nav>ul>li:nth-child(4)>a:hover {
    color: #DA5554;
}

.header:not(.active_submenu) nav>ul>li.current-menu-item:nth-child(4)>a i,
.header:not(.active_submenu) nav>ul>li.current-menu-ancestor:nth-child(4)>a i,
.header:not(.active_submenu) nav>ul>li.current_page_parent:nth-child(4)>a i {
    transform: scale(1.3);
    top: -2px;
}

.header:not(.active_submenu) nav>ul>li.current-menu-item:nth-child(5)>a,
.header:not(.active_submenu) nav>ul>li.current-menu-item:nth-child(5)>a:visited,
.header:not(.active_submenu) nav>ul>li.current-menu-ancestor:nth-child(5)>a,
.header:not(.active_submenu) nav>ul>li.current-menu-ancestor:nth-child(5)>a:visited,
.header nav>ul>li:nth-child(5)>a:hover {
    color: #6F9D2F;
}

.header:not(.active_submenu) nav>ul>li.current-menu-item:nth-child(5)>a i,
.header:not(.active_submenu) nav>ul>li.current-menu-ancestor:nth-child(5)>a i {
    transform: scale(1.4);
    top: -2px;
}

.header:not(.active_submenu) nav>ul>li.current-menu-item:nth-child(6)>a,
.header:not(.active_submenu) nav>ul>li.current-menu-item:nth-child(6)>a:visited,
.header:not(.active_submenu) nav>ul>li.current-menu-ancestor:nth-child(6)>a,
.header:not(.active_submenu) nav>ul>li.current-menu-ancestor:nth-child(6)>a:visited,
.header nav>ul>li:nth-child(6)>a:hover {
    color: #409FBF;
}

.header nav>ul>li:nth-last-child(2) {
    display: none;
}

.header nav>ul>li.current-menu-item:last-child>a,
.header nav>ul>li.current-menu-item:last-child>a:visited,
.header nav>ul>li:last-child>a:hover {
    color: #C9C2BA;
}

.header nav>ul>li:last-child>a i {
    transform: scale(0.9);
}

.header nav>ul>li.current-menu-item:last-child>a i {
    transform: scale(1.4);
    top: -4px;
}

.header nav>ul>li ul {
    display: none;
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    background: #981C71;
    font-size: 15px;
    font-weight: 700;
    width: 100%;
    padding: 15px 10px;
    box-sizing: border-box;
    z-index: -3;
}

.header nav>ul>li ul:before,
.header nav>ul>li ul:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 100%;
    background: #981C71;
}

.header nav>ul>li ul:before {
    left: auto;
    right: 100%;
}

.header nav>ul>li ul ul {
    background: #ded7cf;
}

.header:not(.active_submenu) nav>ul>li.current-menu-item>ul,
.header:not(.active_submenu) nav>ul>li.current-menu-ancestor>ul,
.header nav>ul>li>ul.flex {
    display: flex;
}

.header:not(.active_submenu) nav>ul>li>ul .current-menu-item ul,
.header:not(.active_submenu) nav>ul>li>ul .current-menu-ancestor ul {
    top: 100%;
    display: flex;
}

.parent-donate .header:not(.active_submenu) nav>ul>li.current-menu-item>ul,
.parent-donate .header:not(.active_submenu) nav>ul>li.current-menu-ancestor>ul,
.parent-donate .header nav>ul>li>ul.flex {
    display: none;
}

.parent-donate .header.active_submenu nav>ul>li.current-menu-item>ul,
.parent-donate .header.active_submenu nav>ul>li.current-menu-ancestor>ul,
.parent-donate .header.active_submenu nav>ul>li>ul.flex {
    display: flex;
}

.header nav>ul>li ul ul:before,
.header nav>ul>li ul ul:after {
    background: #ded7cf;
}

.header nav>ul>li ul li {
    padding: 13px 30px 13px 0;
}

.header nav>ul>li ul a,
.header nav>ul>li ul a:visited {
    color: #989187;
}

.header nav>ul>li ul li.current-menu-item>a,
.header nav>ul>li ul li.current-menu-item>a:visited,
.header nav>ul>li ul li.current-menu-ancestor>a,
.header nav>ul>li ul li.current-menu-ancestor>a:visited,
.header nav>ul>li ul a:hover {
    color: #6203ff;
}

.header nav>ul>li:nth-child(4) ul,
.header nav>ul>li:nth-child(4) ul:before,
.header nav>ul>li:nth-child(4) ul:after {
    background: #DA5554;
}

.header nav>ul>li:nth-child(4) ul a,
.header nav>ul>li:nth-child(4) ul a:visited {
    color: #4A453F;
}

.header nav>ul>li:nth-child(4) ul li.current-menu-item>a,
.header nav>ul>li:nth-child(4) ul li.current-menu-item>a:visited,
.header nav>ul>li:nth-child(4) ul li.current-menu-ancestor>a,
.header nav>ul>li:nth-child(4) ul li.current-menu-ancestor>a:visited,
.header nav>ul>li:nth-child(4) ul a:hover {
    color: #f7f1e3;
}

.header nav>ul>li:nth-child(5) ul,
.header nav>ul>li:nth-child(5) ul:before,
.header nav>ul>li:nth-child(5) ul:after {
    background: #6F9D2F;
}

.header nav>ul>li:nth-child(5) ul ul,
.header nav>ul>li:nth-child(5) ul ul:before,
.header nav>ul>li:nth-child(5) ul ul:after {
    background: #B3D9E5;
}

.header nav>ul>li:nth-child(5) ul a,
.header nav>ul>li:nth-child(5) ul a:visited {
    color: #4A453F;
}

.header nav>ul>li:nth-child(5) ul li.current-menu-item>a,
.header nav>ul>li:nth-child(5) ul li.current-menu-item>a:visited,
.header nav>ul>li:nth-child(5) ul li.current-menu-ancestor>a,
.header nav>ul>li:nth-child(5) ul li.current-menu-ancestor>a:visited,
.header nav>ul>li:nth-child(5) ul a:hover {
    color: #f7f1e3;
}

.header nav>ul>li:nth-child(6) ul,
.header nav>ul>li:nth-child(6) ul:before,
.header nav>ul>li:nth-child(6) ul:after {
    background: #409FBF;
}

.header nav>ul>li:nth-child(6) ul ul,
.header nav>ul>li:nth-child(6) ul ul:before,
.header nav>ul>li:nth-child(6) ul ul:after {
    background: #AB3B88;
}

.header nav>ul>li:nth-child(6) ul a,
.header nav>ul>li:nth-child(6) ul a:visited {
    color: #4A453F;
}

.header nav>ul>li:nth-child(6) ul li.current-menu-item>a,
.header nav>ul>li:nth-child(6) ul li.current-menu-item>a:visited,
.header nav>ul>li:nth-child(6) ul li.current-menu-ancestor>a,
.header nav>ul>li:nth-child(6) ul li.current-menu-ancestor>a:visited,
.header nav>ul>li:nth-child(6) ul a:hover {
    color: #f7f1e3;
}

.header nav>ul>li:nth-child(7) ul,
.header nav>ul>li:nth-child(7) ul:before,
.header nav>ul>li:nth-child(7) ul:after {
    background: #C9C2BA;
}

.search .header:not(.active_submenu) nav>ul>li.current_page_parent:nth-child(4)>a,
.search .header:not(.active_submenu) nav>ul>li.current_page_parent:nth-child(4)>a:visited {
    color: #F7F1E3;
    font-size: 0;
    line-height: 0;
}

.search .header:not(.active_submenu) nav>ul>li.current_page_parent:nth-child(4)>a:hover {
    color: #6F9D2F;
}

.search .header:not(.active_submenu) nav>ul>li.current_page_parent:nth-child(4)>a i {
    transform: scale(1);
    top: 0;
}

.search .header:not(.active_submenu) nav>ul>li.current_page_parent:nth-child(4)>a:before,
.search .header:not(.active_submenu) nav>ul>li.current_page_parent:nth-child(4)>a:after {
    display: none;
}

@media only screen and (min-width: 768px) {
    .search .header nav>ul>li:not(:last-child)>a {
        z-index: 3;
    }
}

.search .header nav>ul>li:last-child>a {
    font-size: 13px;
    line-height: 18px;
    z-index: 2;
    color: #c9c2ba;
}

.search .header nav>ul>li:last-child>a i {
    transform: scale(1.4);
    top: -4px;
}

.search .header nav>ul>li:last-child>a:before,
.search .header nav>ul>li:last-child>a:after {
    display: block;
}

.header nav>ul>li>a em {
    position: absolute;
    bottom: -39px;
    left: 50%;
    transform: translateX(-50%);
    overflow: hidden;
    height: 35px;
    width: 140px;
    display: none;
}

.header nav>ul>li:first-child>a em {
    bottom: -49px;
}

.header:not(.active_submenu) nav>ul>li.current-menu-item>a em,
.header:not(.active_submenu) nav>ul>li.current-menu-ancestor>a em,
.header:not(.active_submenu) nav>ul>li.current_page_parent>a em,
.header nav>ul>li>a:hover em,
.header.active_submenu nav>ul>li.current-menu-item>a em {
    display: block;
}

.search-results .header nav>ul>li:last-child>a em {
    display: block;
}

.search .header:not(.active_submenu) nav>ul>li.current_page_parent:nth-child(4)>a em {
    display: none;
}

.search .header:not(.active_submenu) nav>ul>li.current_page_parent:nth-child(4)>a:hover em {
    display: block;
}

.header.active_submenu nav>ul>li.current-menu-item:not(:last-child)>a em,
.header.active_submenu nav>ul>li.current-menu-ancestor>a em,
.header.active_submenu nav>ul>li.current_page_parent>a em {
    display: none;
}

.header.active_submenu nav>ul>li.current-menu-item:not(:last-child)>a:hover em,
.header.active_submenu nav>ul>li.current-menu-ancestor>a:hover em,
.header.active_submenu nav>ul>li.current_page_parent>a:hover em {
    display: block;
}

.header.active_submenu nav>ul>li.current-menu-item:nth-last-child(2)>a em {
    display: block;
}

.header.active_submenu nav>ul>li.current-menu-item:nth-last-child(2)>a:hover em {
    display: block;
}

.search .header:not(.active_submenu) nav>ul>li.current_page_parent:nth-child(4)>a:hover em {
    display: block;
}

.header nav>ul>li>a em:before {
    content: '';
    display: block;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background: #4A453F;
    position: absolute;
    bottom: 5px;
    left: 0;
    z-index: -2;
    box-shadow: rgba(0, 0, 0, .5) 0 0 5px 0;
}

.header nav>ul>li:not(.current-menu-item)>a:hover em:before,
.header nav>ul>li:not(.current-menu-ancestor)>a:hover em:before,
.header nav>ul>li:not(.current_page_parent)>a:hover em:before {
    box-shadow: none;
}

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

    /* Hover */
    .header nav>ul>li>a:hover {
        font-size: 13px;
        line-height: 18px;
    }

    .header nav>ul>li>a:hover i {
        transform: scale(1.5);
        top: -5px;
    }

    .header nav>ul>li>a:hover:before,
    .header nav>ul>li>a:hover:after {
        display: block;
    }

    .header nav>ul>li:nth-child(1)>a:hover {
        font-size: 0;
        line-height: 0;
        width: 59px;
        height: 59px;
    }

    .header nav>ul>li:nth-child(1)>a:hover span {
        background-size: 59px auto;
    }

    .header nav>ul>li:nth-child(4)>a:hover i {
        transform: scale(1.3);
        top: -2px;
    }

    .header nav>ul>li:nth-child(5)>a:hover i {
        transform: scale(1.4);
        top: -2px;
    }

    .header nav>ul>li:last-child>a:hover i {
        transform: scale(1.4);
        top: -4px;
    }

    .search .header:not(.active_submenu) nav>ul>li.current_page_parent:nth-child(4)>a:hover {
        font-size: 13px;
        line-height: 18px;
    }

    .search .header:not(.active_submenu) nav>ul>li.current_page_parent:nth-child(4)>a:hover i {
        transform: scale(1.3);
        top: -2px;
    }

    .header nav>ul>li:hover ul {
        display: flex;
        z-index: 1;
    }

    .header nav>ul>li:nth-child(3):hover ul {
        display: none;
    }

    .header nav>ul>li:nth-child(2):hover ul ul {
        margin-top: -5px;
    }

    .parent-about-us.parent-pageid-26 .header nav>ul>li:nth-child(2):hover ul ul {
        margin-top: 0;
    }

    .header nav>ul>li>a i:after {
        content: '';
        display: none;
        width: calc(100% + 10px);
        height: 35px;
        position: absolute;
        top: 45px;
        left: -5px;
        z-index: 99;
    }

    .header nav>ul>li:hover>a i:after {
        display: block;
    }
}

@media only screen and (max-width: 767px) {
    .header nav>ul>li>a em {
        bottom: auto;
        top: -50px;
        width: 100px;
        height: 25px;
    }

    .header nav>ul>li:first-child>a em {
        bottom: auto;
        top: -41px;
    }

    .header nav>ul>li>a em:before {
        bottom: auto;
        top: 5px;
        width: 100px;
        height: 100px;
    }
}




/* Content block */
.content_block {
    padding: 220px 0 120px 0;
}

.page-child:not(.parent-donate) .content_block {
    padding-top: 265px;
}

.content_block .wrapper>article {
    column-count: 2;
    column-gap: 200px;
    column-rule: 2px solid #4A453F;
}

.content_block .wrapper>article.one_col {
    column-count: auto;
    column-gap: 0;
    column-rule: none;
}

.make_fullwidth .wrapper>article {
    column-count: auto;
    column-gap: 0;
    column-rule: none;
}

.content_block article>ul,
.content_block article>ol {
    margin-bottom: 20px;
}

.content_block article>ul li {
    margin-left: 17px;
    padding-bottom: 10px;
    list-style-type: disc;
}

.content_block article>ol li {
    margin-left: 17px;
    padding-bottom: 10px;
    list-style-type: decimal;
}

.content_block article h1 {
    page-break-inside: avoid;
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
}

.content_block article h1 a:hover,
.content_block article>p a:hover {
    color: #4A453F;
}

.content_block article>p {
    font-size: 22px;
    line-height: 32px;
}

.content_block article article:last-of-type hr {
    display: none;
}

.content_block .mobile_title {
    display: none;
    font-size: 12px;
    font-weight: 400;
    border-bottom: 1px solid #4A453F;
    padding-bottom: 5px;
    margin-bottom: 25px;
}

.content_block .mobile_title i {
    display: none;
}

/* Columns block */
.wp-block-columns {
    margin-bottom: 15px;
    break-inside: avoid-column;
    -webkit-column-break-inside: avoid;
}

.home h1~.wp-block-columns:first-of-type {
    margin-bottom: 100px;
}

.wp-block-columns * {
    page-break-inside: avoid;
}

.wp-block-columns h2 a,
.wp-block-columns h2 a:visited {
    color: #4A453F;
}

.wp-block-columns h2 a:hover {
    color: #007CC5;
}

/* Image block */
.wp-block-image {
    margin-bottom: 55px;
}

.wp-block-image.align-right {
    text-align: right;
    display: block;
}

.is-style-circle-mask img,
.is-style-rounded img {
    border-radius: 15px;
}

/* Video */
.wp-block-embed {
    max-width: 100%;
    border-radius: 15px;
}

.wp-block-embed.alignleft,
.wp-block-embed.alignright,
.wp-block[data-align="left"]>[data-type^="core-embed"],
.wp-block[data-align="right"]>[data-type^="core-embed"] {
    max-width: 100%;
    border-radius: 15px;
}

.wp-block-embed.alignleft iframe,
.wp-block-embed.alignright iframe,
.wp-block[data-align="left"]>[data-type^="core-embed"] iframe,
.wp-block[data-align="right"]>[data-type^="core-embed"] iframe {
    border-radius: 15px;
}

.wp-block-embed.alignleft {
    float: left;
    margin: .5em 1em .5em 0;
    max-width: 60%;
}

.wp-block-embed.alignright {
    float: right;
    margin: .5em 0 .5em 1em;
    max-width: 60%;
}

.wp-block-embed.aligncenter {
    margin-left: auto;
    margin-right: auto;
}

/* News slider */
.news_slider {
    break-inside: avoid-column;
    margin-bottom: 50px;
    visibility: hidden;
}

.news_slider figure {
    display: flex;
}

.news_slider figure>[data-cover-srcset] {
    flex: 1 0 50%;
    display: block;
    border-radius: 15px 0 0 15px;
    position: relative;
    min-height: 1px;
    background: rgba(0, 0, 0, .15);
}

.news_slider figure>[data-cover-srcset].video_bg:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .15);
    border-radius: 15px 0 0 15px;
    z-index: 1;
}

.news_slider figure>[data-cover-srcset] img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left center;
    border-radius: 15px 0 0 15px;
}

.news_slider figure>[data-cover-srcset] .video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    width: 85px;
    height: 85px;
    background: rgba(255, 255, 255, .5);
    border-radius: 50%;
    z-index: 2;
}

.news_slider figure>[data-cover-srcset] .video:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-30%, -50%);
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 0 20px 30px;
    border-color: transparent transparent transparent #fff;
}

.news_slider figure figcaption {
    flex: 1 0 50%;
    padding: 35px 25px 25px 25px;
    min-height: 330px;
    box-sizing: border-box;
    background: #6f9d2f;
    color: #fff;
    border-radius: 0 15px 15px 0;
    line-height: 25px;
}

.news_slider figure figcaption h3 img {
    max-width: 184px;
}

.news_slider figure figcaption a,
.news_slider figure figcaption a:visited {
    color: #fff;
    opacity: 1;
    transition: all ease-in-out .3s;
}

.news_slider figure figcaption a:hover {
    opacity: .5;
}

.news_slider figure figcaption .btn-wrap {
    display: flex;
}

.news_slider figure figcaption .btn-prev,
.news_slider figure figcaption .btn-next {
    font-size: 44px;
    margin-right: 10px;
}

.news_slider .speak figure figcaption {
    background: #409fbf;
}

.parent-members .news_slider figure figcaption {
    background: #409fbf;
}

.parent-join-us .news_slider figure figcaption {
    background: #DA5554;
}

/* Team List */
.team_list ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 20px -15px;
    page-break-inside: avoid;
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    padding-left: 0;
}

.team_list ul li {
    text-align: center;
    width: 33.33%;
    min-width: 190px;
    padding: 20px 15px 35px 15px;
    box-sizing: border-box;
    page-break-inside: avoid;
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
}

.team_list ul li figure>a {
    margin: 0 auto 20px auto;
    display: block;
    width: 160px;
    height: 160px;
    background: url(images/demo/team_blank.jpg) center center/160px auto no-repeat;
    border-radius: 50%;
    filter: grayscale(100%) opacity(.75) brightness(85%);
    ;
}

.team_list ul li figure>a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.team_list ul li figure>a:hover,
.team_list ul li figure:hover>a {
    filter: grayscale(0) opacity(1) brightness(100%);
}

.team_list ul li figure figcaption {
    font-size: 22px;
    line-height: 25px;
    font-weight: 700;
}

.team_list ul li figure figcaption a,
.team_list ul li figure figcaption a:visited {
    color: #4A453F;
}

.team_list ul li figure figcaption a:hover {
    color: #981c71;
}

.team_list ul li figure.important figcaption a,
.team_list ul li figure.important figcaption a:visited {
    color: #981c71;
}

.team_list ul li figure.important figcaption a:hover {
    color: #981c71;
}

.team_list .popup {
    display: none;
}

.page-leadership .content_block article>hr:last-child {
    padding-top: 100px;
    border-bottom: none;
    border-top: 2px solid #4A453F;
}

body .popup {
    padding: 80px 80px 50px 80px;
    background: #c9c2ba;
    max-width: 775px;
    font: 20px/30px 'Cabin';
    overflow: hidden;
}

.popup a,
.popup a:visited {
    font-weight: 600;
    color: #4A453F;
    padding: 5px;
}

.popup a:hover {
    color: #981C71;
}

.popup h5 {
    padding-bottom: 35px;
    line-height: 32px;
}

.popup h2 {
    font-size: 36px;
    padding-bottom: 30px;
}

.popup h2 span {
    display: block;
    font: 500 italic 17px/24px 'Cabin';
    letter-spacing: 1px;
    padding-top: 5px;
}

.popup .img {
    float: left;
    margin: 0 50px 20px 0;
    width: 280px;
    height: 280px;
}

.popup .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.popup .social {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
}

.popup .social li {
    padding: 0 0 10px 14px;
    font-size: 26px;
}

.popup .social li a {
    padding: 3px;
}

.popup .social li a,
.popup .social li a:visited,
.popup .social li a:active,
.popup .social li a:focus {
    outline: 0;
    border: none;
    -moz-outline-style: none;
}

.popup .fancybox-close-small {
    opacity: 1;
    width: 70px;
    height: 70px;
    padding: 0;
}



/* Donate */
.page-donate .content_block .wrapper>article {
    display: flex;
    justify-content: space-between;
}

.page-donate .content_block .wrapper>article h1 {
    max-width: 45%;
}

.page-donate .simpay-form-wrap {
    flex: 1;
    max-width: 45%;
}

.page-donate .simpay-form-wrap>form {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.page-donate .simpay-form-wrap>form:after {
    content: 'The World YWCA is a registered charitable organization. You may be eligible for a tax deduction, depending on your country of residence.';
    font-size: 16px;
}

.page-donate .simpay-form-wrap>form .simpay-text-container {
    display: none;
    padding: 0 10px 15px 0;
    margin-top: -5px;
}

.page-donate .simpay-form-wrap>form .simpay-text-container label {
    display: none;
}

.page-donate .simpay-form-wrap>form .simpay-text-container input {
    text-align: center;
    color: #4a453f;
    border-color: #4a453f;
}

.page-donate .simpay-form-wrap>form .simpay-text-container input::placeholder {
    color: #4a453f;
    border-color: #4a453f;
}

.page-donate .simpay-form-wrap>form .simpay-text-container:nth-of-type(3) input,
.page-donate .simpay-form-wrap>form .simpay-text-container:nth-of-type(4) input {
    max-width: 90px;
}

.page-donate .simpay-form-wrap>form .simpay-text-container:nth-of-type(5) .simpay-text-wrap:before {
    content: 'from';
    padding-right: 12px;
    position: relative;
    top: 3px;
}

.page-donate .simpay-form-wrap>form .simpay-text-container:nth-of-type(5) .simpay-text-wrap input {
    max-width: 105px;
}

.page-donate .simpay-form-wrap>form .simpay-checkbox-container {
    padding: 0 10px 15px 0;
    width: 50%;
    box-sizing: border-box;
}

@media only screen and (min-width: 1200px) {
    .page-donate .simpay-form-wrap>form .simpay-checkbox-container+.simpay-checkbox-container {
        text-align: right;
    }
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    .page-donate .simpay-form-wrap>form .simpay-checkbox-container+.simpay-checkbox-container {
        text-align: right;
    }
}

.page-donate .simpay-form-wrap>form .simpay-checkbox-container.hide {
    display: none;
    width: auto;
}

.page-donate .simpay-form-wrap>form .simpay-checkbox-container.show {
    display: block;
}

.page-donate .simpay-form-wrap>form .simpay-checkbox-container.show~.simpay-text-container {
    display: inline-block;
}

.page-donate .simpay-form-wrap>form .simpay-checkbox-container.show:nth-of-type(1)~.simpay-text-container:nth-of-type(4) {
    display: none;
}

.page-donate .simpay-form-wrap>form .simpay-checkbox-container.show:nth-of-type(2)~.simpay-text-container:nth-of-type(3) {
    display: none;
}

.page-donate .simpay-form-wrap>form .simpay-checkbox-container.active input[type="checkbox"]+label {
    color: #4a453f;
}

.page-donate .simpay-form-wrap>form .simpay-checkbox-container.active input[type="checkbox"]+label:before {
    border-color: #4a453f;
}

.page-donate .simpay-form-wrap>form .simpay-form-control:nth-of-type(6),
.page-donate .simpay-form-wrap>form .simpay-form-control:nth-of-type(7) {
    position: relative;
    width: 60%;
}

.page-donate .simpay-form-wrap>form .simpay-form-control:nth-of-type(6) .simpay-currency-symbol {
    position: absolute;
    top: 17px;
    left: 15px;
    color: #989187;
    font-size: 30px;
}

.page-donate .simpay-form-wrap>form .simpay-form-control:nth-of-type(6).active .simpay-currency-symbol {
    color: #4a453f;
}

.page-donate .simpay-form-wrap>form .simpay-form-control:nth-of-type(6) input[type="tel"] {
    padding: 0 10px 0 40px;
    text-align: right;
    font-size: 80px;
    height: 106px;
    background: #f7f1e3;
    border-radius: 15px 0 0 15px;
    border: none;
}

.page-donate .simpay-form-wrap>form .simpay-form-control:nth-of-type(7) {
    width: 40%;
}

.page-donate .simpay-form-wrap>form .simpay-form-control .simpay-payment-btn {
    background: #787065 url(images/icons/arrow-circle-right-solid3.svg) right 15% center/27px auto no-repeat;
    font: 700 38px 'Cabin';
    letter-spacing: 6px;
    text-transform: uppercase;
    color: #f7f1e3;
    border: none;
    width: 100%;
    border-radius: 0 15px 15px 0;
    min-width: 100%;
    height: 106px;
    padding: 0 15% 0 0;
}

.page-donate .simpay-form-wrap>form .simpay-form-control.active .simpay-payment-btn {
    background-image: url(images/icons/arrow-circle-right-solid4.svg);
    background-color: #4a453f;
    color: #FFBD59;
}

.page-donate .simpay-form-wrap .simpay-errors {
    font-size: 12px;
    color: #DB4432;
    min-width: 100%;
    margin: 10px 0;
}

@media only screen and (min-width: 960px) and (max-width: 1200px) {
    .page-donate .simpay-form-wrap>form .simpay-checkbox-container {
        min-width: 100%;
    }

    .page-donate .simpay-form-wrap>form .simpay-text-container:nth-of-type(3),
    .page-donate .simpay-form-wrap>form .simpay-text-container:nth-of-type(4) {
        width: 90px;
    }

    .page-donate .simpay-form-wrap>form .simpay-text-container:nth-of-type(5) {
        width: calc(100% - 120px);
        text-align: left;
    }
}


.parent-donate .content_block .wrapper>article {
    column-count: auto;
    column-gap: 0;
    column-rule: none;
    padding-bottom: 170px;
}

.parent-donate .content_block article h1 a,
.parent-donate .content_block article h1 a:visited,
.parent-donate .content_block article>p a,
.parent-donate .content_block article>p a:visited {
    color: #004a7f;
}

.parent-donate .content_block article h1 a:hover,
.parent-donate .content_block article>p a:hover {
    color: #4A453F;
}

.parent-donate .footer a,
.parent-donate .footer a:visited {
    color: #007CC5;
}

.parent-donate .footer a:hover {
    color: #F7F1E3;
}

.parent-donate .footer .footer_widgets .widget_text {
    display: none;
}

.parent-donate .footer .footer_widgets .widget_text:last-of-type {
    display: block;
}

/* .parent-donate .footer .footer_widgets .gform_widget {
    display: none;
} */

/* @media only screen and (max-width: 767px) {
    .parent-donate .content_block {
        padding-top: 200px;
    }

    .parent-donate .content_block:before {
        content: '';
        display: block;
        width: 100%;
        height: 100px;
        background: #4a453f;
        position: absolute;
        top: 0;
        left: 0;
    }

    .parent-donate .content_block:after {
        content: '';
        display: block;
        width: 100%;
        max-width: 300px;
        height: 170px;
        position: absolute;
        top: 25px;
        left: 50%;
        transform: translate(-50%);
        background: url(images/demo/donate2.png) center top/100% auto no-repeat;
    }
} */



.page-donate .tab_wrap {
    flex: 1;
    max-width: 45%;
}

.page-donate .tab_select {
    padding: 0 0 15px 0;
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (min-width: 960px) and (max-width: 1170px) {
    .page-donate .tab_select {
        padding: 0;
    }
}

.page-donate .tab_select li {
    cursor: pointer;
    font-size: 18px;
    font-weight: 700;
    color: #989187;
    text-transform: uppercase;
    border-top: 2px solid transparent;
    padding-top: 2px;
}

.page-donate .tab_select li:first-child {
    margin-right: 50px;
}

.page-donate .tab_select li.active {
    border-top-color: #989187;
}

.page-donate .tab_select.active li {
    color: #4a453f;
}

.page-donate .tab_select.active li.active {
    color: #4a453f;
    border-top-color: #4a453f;
}

.page-donate .tab_content {
    display: none;
}

.page-donate .tab_content.active {
    display: block;
}

.page-donate .tab_content.tab2 {
    padding-bottom: 6px;
}


/* Thank you */
.page-thank-you .content_block .wrapper {
    max-width: 900px;
}

.page-thank-you .content_block .wrapper>article {
    padding-bottom: 200px;
}

.page-thank-you .content_block .wrapper>article h1 em {
    font-style: normal;
}

.page-thank-you .content_block .wrapper>article p {
    padding-bottom: 70px;
    font-size: 15px;
}

@media only screen and (max-width: 767px) {
    .page-thank-you .content_block {
        padding-top: 185px;
    }

    .page-thank-you .content_block:after {
        max-width: 280px;
        height: 140px;
        background-image: url(images/demo/donate3.png);
    }

    .page-thank-you .content_block .wrapper>article {
        padding-bottom: 35px;
    }

    .page-thank-you .content_block .wrapper>article h1 {
        font-size: 16px;
        line-height: 19px;
    }

    .page-thank-you .content_block .wrapper>article h1 em {
        display: block;
        font-size: 41px;
        line-height: 50px;
        padding-bottom: 10px;
    }
}

@media only screen and (min-width: 960px) {
    .page-thank-you .footer:before {
        max-width: 980px;
        height: 490px;
        transform: translate(-50%, -75%);
        background-image: url(images/demo/donate3.png);
    }
}

@media only screen and (min-height: 1100px) {
    .parent-donate .content_block {
        min-height: 60vh;
    }
}




/* About Us */
.parent-about-us .content_block article p em {
    color: #981c71;
}

.parent-about-us .news_slider figure figcaption {
    background: #981c71;
}




/* Links */
a:hover>.has-primary-color-color {
    color: #4A453F;
}

a:hover>.has-text-color-color {
    color: #000;
}

a:hover>.has-donate-color-color {
    color: #4A453F;
}

a:hover>.has-about-color-color {
    color: #4A453F;
}

a:hover>.has-members-color-color {
    color: #4A453F;
}

a:hover>.has-join-color-color {
    color: #4A453F;
}

a:hover>.has-news-color-color {
    color: #4A453F;
}

/* About Us
.parent-about-us .content_block article > * > a, .parent-about-us .content_block article > * > a:visited, .parent-about-us .content_block article .wp-block-column a, .parent-about-us .content_block article .wp-block-column a:visited, .parent-about-us .content_block article > ul a, .parent-about-us .content_block article > ul a:visited {color:#4A453F;text-decoration:underline;} */
.parent-about-us .content_block article>*>a:hover,
.parent-about-us .content_block article .wp-block-column a:hover {
    color: #981c71;
}

.parent-about-us .footer .footer_widgets .widget_text:last-of-type .widget-title a,
.parent-about-us .footer .footer_widgets .widget_text:last-of-type .widget-title a:visited,
.parent-about-us .footer a:hover {
    color: #981c71;
}

.parent-about-us .footer .footer_widgets .widget_text:last-of-type .widget-title a:hover {
    color: #4A453F;
}

/* Join Us */
.parent-join-us .content_block article>*>a,
.parent-join-us .content_block article>*>a:visited,
.parent-join-us .content_block article .wp-block-column a,
.parent-join-us .content_block article .wp-block-column a:visited,
.parent-join-us .content_block article>ul a,
.parent-join-us .content_block article>ul a:visited {
    color: #DA5554;
    text-decoration: underline !important;
}

.parent-join-us .content_block article>*>a:hover,
.parent-join-us .content_block article .wp-block-column a:hover {
    color: #DA5554;
}

.parent-join-us .footer .footer_widgets .widget_text:last-of-type .widget-title a,
.parent-join-us .footer .footer_widgets .widget_text:last-of-type .widget-title a:visited,
.parent-join-us .footer a:hover {
    color: #DA5554;
}

.parent-join-us .footer .footer_widgets .widget_text:last-of-type .widget-title a:hover {
    color: #4A453F;
}

/* Blog */
.blog .content_block article>*>a,
.blog .content_block article>*>a:visited,
.blog .content_block article .wp-block-column a,
.blog .content_block article .wp-block-column a:visited,
.blog .content_block article>ul a,
.blog .content_block article>ul a:visited {
    color: #6F9D2F;
    text-decoration: underline !important;
}

.blog .content_block article>*>a:hover,
.blog .content_block article .wp-block-column a:hover {
    color: #6F9D2F;
}

.blog .footer .footer_widgets .widget_text:last-of-type .widget-title a,
.blog .footer .footer_widgets .widget_text:last-of-type .widget-title a:visited,
.blog .footer a:hover {
    color: #6F9D2F;
}

.blog .footer .footer_widgets .widget_text:last-of-type .widget-title a:hover {
    color: #4A453F;
}

/* Single Blog */
.single-post .content_block article>*>a,
.single-post .content_block article>*>a:visited,
.single-post .content_block article .wp-block-column a,
.single-post .content_block article .wp-block-column a:visited,
.single-post .content_block article>ul a,
.single-post .content_block article>ul a:visited {
    color: #6F9D2F;
    text-decoration: underline !important;
}

.single-post .content_block article>*>a:hover,
.single-post .content_block article .wp-block-column a:hover {
    color: #6F9D2F;
}

.single-post .footer .footer_widgets .widget_text:last-of-type .widget-title a,
.single-post .footer .footer_widgets .widget_text:last-of-type .widget-title a:visited,
.single-post .footer a:hover {
    color: #6F9D2F;
}

.single-post .footer .footer_widgets .widget_text:last-of-type .widget-title a:hover {
    color: #4A453F;
}

/* News Events */
.parent-news-events .content_block article>*>a,
.parent-news-events .content_block article>*>a:visited,
.parent-news-events .content_block article .wp-block-column a,
.parent-news-events .content_block article .wp-block-column a:visited,
.parent-news-events .content_block article>ul a,
.parent-news-events .content_block article>ul a:visited {
    color: #6F9D2F;
    text-decoration: underline !important;
}

.parent-news-events .content_block article>*>a:hover,
.parent-news-events .content_block article .wp-block-column a:hover {
    color: #6F9D2F;
}

.parent-news-events .footer .footer_widgets .widget_text:last-of-type .widget-title a,
.parent-news-events .footer .footer_widgets .widget_text:last-of-type .widget-title a:visited,
.parent-news-events .footer a:hover {
    color: #6F9D2F;
}

.parent-news-events .footer .footer_widgets .widget_text:last-of-type .widget-title a:hover {
    color: #4A453F;
}




/* Footer */
.footer a,
.footer a:visited {
    color: #007CC5;
}

.footer .social-icons a {
    color: #4A453F;
}

.footer .wrapper {
    padding-top: 53px;
}

.footer .wrapper:before {
    content: '';
    display: block;
    width: calc(100% - 20px);
    height: 3px;
    background: #4a453f;
    position: absolute;
    top: 0;
    left: 10px;
}

.footer .copy i {
    font-style: normal;
}

.footer .gform_title {
    font-family: Cabin;
    font-size: 34px;
    font-weight: 700;
    line-height: 41px;
    letter-spacing: 0px;
    text-align: left;
    color: #4A453F;
}

.footer .gform_description span {
    font-family: Cabin;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    color: #4A453F;
}

.gform_wrapper .gform_body ul.gform_fields {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.gform_wrapper .gform_body .gfield {
    margin-bottom: 16px;
}

.gform_heading {
    margin-bottom: 16px;
}

.gform_wrapper .ginput_container {
    padding: 0;
    margin: 0;
}

.gform_wrapper .gfield_label {
    display: none;
}

.gform_wrapper .gform_footer input[type="submit"] {
    color: #FAF7F0;
    background-color: #4A453F;
    border: none;
    width: 100%;
    text-align: center;
    padding: .375rem .75rem;
    border-radius: .25rem;
    font-size: 1rem;
    line-height: 1.5;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.gform_wrapper .gform_footer input[type="submit"]:hover {
    background-color: #383531;
    text-decoration: none;
}

.footer .footer_widgets {
    display: flex;
    flex-wrap: wrap;
}

.footer .footer_widgets .widget {
    padding-bottom: 55px;
    line-height: 25px;
}

.footer .footer_widgets .widget p {
    padding-bottom: 15px;
}

.footer .footer_widgets .widget_text {
    flex: 1 0 25%;
}

.footer .footer_widgets .widget_text:last-of-type {
    order: -1;
}

.footer .footer_widgets .widget_text:last-of-type .copy {
    display: none;
}

.footer .footer_widgets .widget_text:last-of-type .widget-title a,
.footer .footer_widgets .widget_text:last-of-type .widget-title a:visited {
    color: #007ac5;
}

.footer .footer_widgets .widget_text:last-of-type .widget-title a:hover {
    color: #4A453F;
}

.footer .footer_widgets .widget_text:nth-of-type(2) {
    flex: 1 0 42%;
}

/* .footer .footer_widgets .gform_widget {
    flex: 1 0 33%;
}

.footer .footer_widgets .gform_widget #gform_wrapper_1 {
    max-width: 240px;
    position: relative;
}

.gform_ajax_spinner,
#gform_wrapper_1 .validation_error {
    display: none !important;
}

.footer #gform_wrapper_1 .gform_heading {
    padding-bottom: 20px;
}

.footer #gform_wrapper_1 .gform_heading .gform_description span:last-of-type {
    display: none;
}

.footer #gform_wrapper_1 .gform_body ul li {
    position: relative;
    padding-bottom: 15px;
}

.footer #gform_wrapper_1 .gform_body ul li:last-child {
    padding-bottom: 0;
}

.footer #gform_wrapper_1 .gform_body ul li.gfield_error input {
    border-color: #DB4432;
}

.footer #gform_wrapper_1 .gform_body ul li input[type="email"] {
    padding-right: 40px;
}

.footer #gform_wrapper_1 .gform_body ul li label {
    display: none;
}

.footer #gform_wrapper_1 .gform_body ul li .validation_message {
    position: absolute;
    bottom: -7px;
    left: 0;
    z-index: 2;
    font-size: 12px;
    color: #DB4432;
}

.footer #gform_wrapper_1 .gform_body ul li:last-child .validation_message {
    bottom: -22px;
}

.footer #gform_wrapper_1 .gform_footer {
    position: absolute;
    right: 5px;
    bottom: 6px;
}

.footer #gform_wrapper_1 .gform_footer .button {
    background: url(images/icons/arrow-circle-right-solid.svg) center center/26px auto no-repeat;
    font-size: 0;
    line-height: 0;
    border: none;
    width: 26px;
    border-radius: 0;
    min-width: 26px;
    height: 26px;
    padding: 0;
}

.footer #gform_wrapper_1 .gform_footer .button.active {
    background-image: url(images/icons/arrow-circle-right-solid2.svg);
}

.footer .gform_confirmation_wrapper {
    max-width: 210px;
    position: relative;
} */

.footer .footer_widgets .widget_nav_menu {
    position: absolute;
    top: 60px;
    right: 10px;
    width: 100%;
    max-width: 265px;
    font-size: 0;
    line-height: 0;
}

.footer .footer_widgets .widget_nav_menu ul {
    display: flex;
    justify-content: space-between;
}

.footer .footer_widgets .widget_nav_menu ul li a i {
    font-size: 26px;
    line-height: 32px;
}

.footer .simpay-form-wrap>form {
    display: flex;
    flex-flow: column nowrap;
    padding-top: 10px;
    position: relative;
}

.footer .simpay-form-wrap>form .simpay-text-container {
    display: none;
    padding: 10px 0 0 51%;
}

.footer .simpay-form-wrap>form .simpay-text-container label {
    display: none;
}

.footer .simpay-form-wrap>form .simpay-text-container input {
    text-align: center;
    color: #4a453f;
    border-color: #4a453f;
}

.footer .simpay-form-wrap>form .simpay-text-container input::placeholder {
    color: #4a453f;
    border-color: #4a453f;
}

.footer .simpay-form-wrap>form .simpay-text-container:nth-of-type(3),
.footer .simpay-form-wrap>form .simpay-text-container:nth-of-type(4) {
    width: 90px;
    position: relative;
    top: 6px;
}

.footer .simpay-form-wrap>form .simpay-text-container:nth-of-type(5) {
    width: 175px;
    padding: 0;
    position: absolute;
    bottom: -40px;
    right: 0;
    text-align: right;
}

.footer .simpay-form-wrap>form .simpay-text-container:nth-of-type(5) .simpay-text-wrap:before {
    content: 'from';
    padding-right: 15px;
    position: relative;
    top: 12px;
}

.footer .simpay-form-wrap>form .simpay-text-container:nth-of-type(5) .simpay-text-wrap input {
    width: 105px;
}

.footer .simpay-form-wrap>form .simpay-checkbox-container {
    padding: 10px 0 0 51%;
}

.footer .simpay-form-wrap>form .simpay-checkbox-container.hide {
    display: none;
}

.footer .simpay-form-wrap>form .simpay-checkbox-container.show {
    display: block;
}

.footer .simpay-form-wrap>form .simpay-checkbox-container.show~.simpay-text-container {
    display: inline-block;
}

.footer .simpay-form-wrap>form .simpay-checkbox-container.show:nth-of-type(1)~.simpay-text-container:nth-of-type(4) {
    display: none;
}

.footer .simpay-form-wrap>form .simpay-checkbox-container.show:nth-of-type(2)~.simpay-text-container:nth-of-type(3) {
    display: none;
}

.footer .simpay-form-wrap>form .simpay-checkbox-container.active input[type="checkbox"]+label {
    color: #4a453f;
}

.footer .simpay-form-wrap>form .simpay-checkbox-container.active input[type="checkbox"]+label:before {
    border-color: #4a453f;
}

.footer .simpay-form-wrap>form .simpay-form-control:nth-of-type(6),
.footer .simpay-form-wrap>form .simpay-form-control:nth-of-type(7) {
    position: relative;
    max-width: 235px;
    margin-top: -40px;
}

.footer .simpay-form-wrap>form .simpay-form-control:nth-of-type(6) .simpay-currency-symbol {
    position: absolute;
    top: 17px;
    left: 0;
    color: #989187;
}

.footer .simpay-form-wrap>form .simpay-form-control:nth-of-type(6).active .simpay-currency-symbol {
    color: #4a453f;
}

.footer .simpay-form-wrap>form .simpay-form-control:nth-of-type(6) input[type="tel"] {
    padding: 0 35px 0 20px;
    font-size: 46px;
    height: 46px;
}

.footer .simpay-form-wrap>form .simpay-form-control .simpay-payment-btn {
    position: absolute;
    top: 8px;
    right: 3px;
    background: url(images/icons/arrow-circle-right-solid.svg) center center/26px auto no-repeat;
    font-size: 0;
    line-height: 0;
    border: none;
    width: 26px;
    border-radius: 0;
    min-width: 26px;
    height: 26px;
    padding: 0;
}

.footer .simpay-form-wrap>form .simpay-form-control.active .simpay-payment-btn {
    background-image: url(images/icons/arrow-circle-right-solid2.svg);
}

.footer .simpay-form-wrap .simpay-errors {
    font-size: 12px;
    color: #DB4432;
    position: absolute;
    left: 0;
    bottom: -70px;
    box-sizing: border-box;
}

.simpay-test-mode-badge-container {
    display: none;
}

@media only screen and (min-width: 960px) and (max-width: 1170px) {
    .footer .simpay-form-wrap>form {
        padding-top: 0;
    }

    .footer .simpay-form-wrap>form .simpay-text-container,
    .footer .simpay-form-wrap>form .simpay-checkbox-container {
        padding-left: 0;
    }

    .footer .simpay-form-wrap>form .simpay-text-container:nth-of-type(3),
    .footer .simpay-form-wrap>form .simpay-text-container:nth-of-type(4) {
        top: 0;
    }

    .footer .simpay-form-wrap>form .simpay-text-container:nth-of-type(5) {
        bottom: 65px;
        right: auto;
        left: 80px;
    }

    .footer .simpay-form-wrap>form .simpay-form-control:nth-of-type(6),
    .footer .simpay-form-wrap>form .simpay-form-control:nth-of-type(7) {
        margin-top: 10px;
    }

    .footer .simpay-form-wrap>form .simpay-form-control .simpay-payment-btn {
        top: -42px;
    }

    .footer .simpay-form-wrap .simpay-errors {
        bottom: -20px;
    }
}


.simpay-form-wrap {
    display: none;
}

.wpf_loading_svg {
    display: none !important;
}

input[type="checkbox"] {
    display: none !important;
}


@media only screen and (max-width: 959px) {
    .footer .copy {
        padding-top: 0;
    }
}

.footer .footer_widgets .widget_text:nth-of-type(2) {
    padding-bottom: 75px;
}




.footer .tab_select {
    padding: 0 0 25px 51%;
    margin-top: -18px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media only screen and (min-width: 960px) and (max-width: 1170px) {
    .footer .tab_select {
        padding: 0 0 40px 0;
        margin-top: 0;
    }
}

.footer .tab_select li {
    cursor: pointer;
    font-size: 18px;
    font-weight: 700;
    color: #989187;
    text-transform: uppercase;
    border-top: 2px solid transparent;
    padding-top: 2px;
}

.footer .tab_select li.active {
    border-top-color: #989187;
}

.footer .tab_select.active li {
    color: #4a453f;
}

.footer .tab_select.active li.active {
    color: #4a453f;
    border-top-color: #4a453f;
}

.footer .tab_content {
    display: none;
}

.footer .tab_content.active {
    display: block;
}

.footer .tab_content.tab2 {
    padding-bottom: 6px;
}



/* Media Queries */
/* Desktop Wide */
@media only screen and (min-width: 1320px) and (max-width: 1520px) {

    /* Header */
    .header .menu-social-menu-container {
        right: 105px;
    }

    .header #google_language_translator {
        left: auto;
        right: 0;
    }

    .header nav>ul {
        margin-left: -200px;
    }
}


/* Desktop */
@media only screen and (min-width: 960px) and (max-width: 1319px) {

    /* Header */
    .header .wrapper {
        justify-content: flex-start;
    }

    .header .page_title {
        display: none;
    }

    .header .menu-social-menu-container {
        right: 105px;
    }

    .header #google_language_translator {
        left: auto;
        right: 0;
    }

    /* Content block */
    .content_block .wrapper>article {
        column-gap: 100px;
    }
}

@media only screen and (min-width: 960px) and (max-width: 1120px) {

    /* Footer */
    .footer .footer_widgets .widget_nav_menu {
        max-width: 200px;
    }
}

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

    /* Footer */
    .footer .copy {
        text-align: center;
        font-size: 14px;
        padding-bottom: 40px;
    }
}


/* Tablets and mobiles */
@media only screen and (max-width: 959px) {
    .wrapper {
        padding: 0 30px;
    }

    hr,
    .wp-block-separator {
        border-bottom-width: 2px;
    }

    /* Header */
    .header .page_title {
        display: none;
    }

    .header nav>ul>li:nth-last-child(2) {
        display: block;
    }

    .header nav>ul>li:last-child,
    .header .menu-social-menu-container,
    .header #google_language_translator {
        display: none;
    }

    .header .menu-social-menu-container.show {
        display: flex;
    }

    .header .menu-social-menu-container {
        top: calc(100% + 79px);
        right: auto;
        left: 0;
        width: 100%;
        background: #ded7cf;
        padding: 13px 10px;
    }

    .header .menu-social-menu-container ul {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .header .menu-social-menu-container ul li {
        padding-right: 30px;
    }

    .header .menu-social-menu-container ul li a,
    .header .menu-social-menu-container ul li a:visited {
        font-size: 15px;
        font-weight: 700;
        line-height: 19px;
        color: #989187;
    }

    .header .menu-social-menu-container ul li a:hover {
        color: #4a453f;
    }

    .header .menu-social-menu-container ul li i {
        display: none;
    }

    .header nav>ul>li:nth-last-child(2) ul li:nth-child(2) {
        font-size: 0;
        line-height: 0;
        width: 90px;
    }

    .header #google_language_translator {
        top: 93px;
        left: 80px;
    }

    .header.active_submenu #google_language_translator {
        display: block;
    }

    .header #google_language_translator select {
        font: 700 15px 'Cabin';
        text-transform: capitalize;
        color: #989187 !important;
        width: 90px !important;
    }

    .header #google_language_translator select option {
        text-transform: capitalize;
        font-size: 15px;
    }

    .header nav>ul>li #google_language_translator {
        display: block;
        position: static;
    }

    .header nav>ul>li #google_language_translator select {
        font: 700 15px 'Cabin';
        text-transform: capitalize;
        color: #989187 !important;
        width: 90px !important;
    }

    .header nav>ul>li #google_language_translator select option {
        text-transform: capitalize;
        font-size: 15px;
    }

    /* Content block */
    .content_block .wrapper>article {
        column-count: auto;
        column-gap: 0;
        column-rule: none;
    }

    .home h1~.wp-block-columns:first-of-type {
        margin-bottom: 30px;
    }

    /* Donate */
    .page-donate .content_block {
        padding-bottom: 0;
    }

    .page-donate .content_block .wrapper>article {
        display: block;
    }

    .page-donate .content_block .wrapper>article h1 {
        max-width: 100%;
    }

    .page-donate .simpay-form-wrap {
        max-width: 100%;
    }
}

.page-donate .tab_wrap {
    max-width: 100%;
}

/* Footer */
.footer .wrapper {
    padding-top: 24px;
}

.footer .wrapper:before {
    height: 2px;
}

.footer .copy {
    display: none;
}

.footer .footer_widgets {
    display: block;
}

.footer .footer_widgets .widget {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 2px solid #4a453f;
}

.footer .footer_widgets .widget:last-of-type {
    padding-bottom: 0;
    border-bottom: none;
}

.footer .footer_widgets .widget_text:last-of-type .textwidget {
    display: flex;
    justify-content: space-between;
}

.footer .footer_widgets .widget_text:last-of-type p {
    flex-basis: calc(50% - 25px);
}

.footer .footer_widgets .widget_text:last-of-type p:first-child a:first-of-type {
    display: inline-block;
    margin-bottom: 15px;
}

.footer .footer_widgets .widget_text:last-of-type .copy {
    display: block;
}

.footer .footer_widgets .widget_text:last-of-type .copy span {
    padding-top: 15px;
    display: block;
}

.footer .footer_widgets .widget_text:last-of-type .copy i {
    display: block;
}

/* 
.footer .footer_widgets .gform_widget #gform_wrapper_1 {
    max-width: 100%;
}

.footer #gform_wrapper_1 .gform_heading {
    padding-bottom: 20px;
}

.footer #gform_wrapper_1 .gform_heading .gform_description {
    display: flex;
    justify-content: space-between;
}

.footer #gform_wrapper_1 .gform_heading .gform_description span {
    flex-basis: calc(50% - 25px);
}

.footer #gform_wrapper_1 .gform_heading .gform_description span:last-of-type {
    display: block;
}

.footer #gform_wrapper_1 .gform_body ul {
    display: flex;
    justify-content: space-between;
}

.footer #gform_wrapper_1 .gform_body ul li {
    flex-basis: calc(50% - 25px);
}

.footer #gform_wrapper_1 .gform_body ul li:last-child {
    padding-bottom: 15px;
}

.footer #gform_wrapper_1 .gform_body ul li:last-child .validation_message {
    bottom: -7px;
}

.footer #gform_wrapper_1 .gform_footer {
    bottom: 21px;
}

.footer .gform_confirmation_wrapper {
    max-width: 100%;
} */

.footer .footer_widgets .widget_nav_menu {
    position: static;
    max-width: 100%;
}

.footer .footer_widgets .widget_nav_menu ul {
    justify-content: space-evenly;
}

.footer .simpay-form-wrap>form {
    padding: 0;
    margin-bottom: 30px;
}


/* Mobile portrait and landscape modes */
@media only screen and (max-width: 767px) {
    body {
        font-size: 11px;
        line-height: 15px;
    }

    h1 {
        font-size: 21px;
        line-height: 26px;
        padding-bottom: 20px;
    }

    h2 {
        font-size: 15px;
        line-height: 20px;
        padding-bottom: 5px;
    }

    h3 {
        font-weight: 700;
        font-size: 11px;
        line-height: 16px;
        padding-bottom: 5px;
    }

    h4 {
        font-size: 8px;
        line-height: 12px;
    }

    h5 {
        font-size: 12px;
        line-height: 17px;
    }

    p {
        padding-bottom: 15px;
    }

    hr,
    .wp-block-separator {
        border-bottom-width: 1px;
        margin-bottom: 20px;
    }

    /*.alignright, .alignleft {float:none;margin:0 0 10px 0;}*/
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    input[type="number"] {
        /* font-size: 11px; */
        border-bottom-width: 1px;
    }

    input[type="checkbox"]+label {
        padding-left: 20px;
        font-size: 11px;
    }

    input[type="checkbox"]+label:before {
        width: 13px;
        height: 13px;
        border-width: 1px;
        top: -1px;
    }

    /* Header */
    .header {
        top: auto;
        bottom: 0;
        padding: 22px 0 5px 0;
    }

    .header .wrapper {
        padding: 0;
    }

    .header:after {
        top: auto;
        bottom: 100%;
        background: linear-gradient(to bottom, rgba(0, 0, 0, .0) 0%, rgba(0, 0, 0, .5) 100%);
    }

    .logged-in .header {
        top: auto;
        bottom: 0;
    }

    .header nav {
        flex: 1;
    }

    .header nav>ul {
        justify-content: space-evenly;
    }

    .header nav>ul>li>a,
    .header nav>ul>li>a:visited {
        min-width: 40px;
        min-height: 40px;
        color: #c9c2ba;
    }

    .header nav>ul>li>a:before {
        width: 80px;
        height: 80px;
        top: 0;
    }

    .header nav>ul>li>a:after {
        width: 120px;
        height: 66px;
        left: -30px;
    }

    .header nav>ul>li>a i {
        font-size: 25px;
        margin-bottom: 4px;
    }

    .header:not(.active_submenu) nav>ul>li.current-menu-item>a,
    .header:not(.active_submenu) nav>ul>li.current-menu-ancestor>a,
    .header:not(.active_submenu) nav>ul>li.current_page_parent>a {
        font-size: 10px;
        line-height: 12px;
    }

    .header:not(.active_submenu) nav>ul>li.current-menu-item>a i,
    .header:not(.active_submenu) nav>ul>li.current-menu-ancestor>a i,
    .header:not(.active_submenu) nav>ul>li.current_page_parent>a i {
        transform: scale(1.4);
        top: -6px;
    }

    .header.active_submenu nav>ul>li:nth-last-child(2)>a {
        font-size: 10px;
        line-height: 12px;
    }

    .header.active_submenu nav>ul>li:nth-last-child(2)>a i {
        transform: scale(1.3);
    }

    .header nav>ul>li:first-child>a {
        width: 47px;
        height: 47px;
        top: -6px;
    }

    .header nav>ul>li:first-child>a span {
        background-size: 35px auto;
    }

    .header nav>ul>li:first-child>a:before {
        top: 6px;
    }

    .header:not(.active_submenu) nav>ul>li.current-menu-item:first-child>a,
    .header:not(.active_submenu) nav>ul>li.current-menu-ancestor:first-child>a {
        width: 47px;
        height: 47px;
    }

    .header:not(.active_submenu) nav>ul>li.current-menu-item:first-child>a span,
    .header:not(.active_submenu) nav>ul>li.current-menu-ancestor:first-child>a span {
        background-size: 47px auto;
    }

    .header:not(.active_submenu) nav>ul>li.current-menu-item:nth-child(4)>a i,
    .header:not(.active_submenu) nav>ul>li.current-menu-ancestor:nth-child(4)>a i,
    .header:not(.active_submenu) nav>ul>li.current_page_parent:nth-child(4)>a i {
        transform: scale(1.2);
        top: -8px;
    }

    .header:not(.active_submenu) nav>ul>li.current-menu-item:nth-child(5)>a i,
    .header:not(.active_submenu) nav>ul>li.current-menu-ancestor:nth-child(5)>a i {
        transform: scale(1.3);
        top: -7px;
    }

    .header nav>ul>li ul {
        top: auto;
        bottom: calc(100% + 22px);
        font-size: 10px;
    }

    .header nav>ul>li>ul {
        padding-bottom: 15px;
    }

    .header:not(.active_submenu) nav>ul>li>ul .current-menu-item ul,
    .header:not(.active_submenu) nav>ul>li>ul .current-menu-ancestor ul {
        top: auto;
        bottom: 100%;
    }

    .header nav>ul>li ul li {
        padding-right: 20px;
    }

    .header .menu-social-menu-container {
        top: auto;
        bottom: calc(100% + 73px);
        padding: 7px 10px;
    }

    .header .menu-social-menu-container ul li {
        padding-right: 20px;
    }

    .header .menu-social-menu-container ul li a,
    .header .menu-social-menu-container ul li a:visited {
        font-size: 10px;
        line-height: 19px;
    }

    .header nav>ul>li:nth-last-child(2) ul li:nth-child(2) {
        width: 60px;
        padding-right: 10px;
    }

    .header #google_language_translator {
        top: auto;
        bottom: 93px;
        left: 50px;
    }

    .header #google_language_translator select {
        font-size: 10px;
        position: relative;
        top: 0px;
        width: 70px !important;
    }

    .header #google_language_translator select option {
        font-size: 11px;
    }

    .header nav>ul>li #google_language_translator select {
        font-size: 10px;
        position: relative;
        top: 0px;
        width: 70px !important;
    }

    .header nav>ul>li #google_language_translator select option {
        font-size: 11px;
    }

    .header .searchform {
        top: 0;
        position: fixed;
        /*top:auto;bottom:calc(100vh - 5px);transform:translateY(100%);*/
    }

    .header .menu_popup_overlay {
        height: calc(100% - 77px);
        top: auto;
        bottom: 77px;
    }

    .logged-in .header .menu_popup_overlay {
        height: calc(100% - 77px);
        top: auto;
        bottom: 77px;
    }

    .header .searchform input[type="text"] {
        font-size: 18px;
    }

    .header .searchform .fas {
        font-size: 15px;
        left: 15px;
    }

    /* Content block */
    .content_block {
        padding: 35px 0 0 0;
    }

    .page-child:not(.parent-donate) .content_block {
        padding-top: 35px;
    }

    .content_block article>p {
        font-size: 13px;
        line-height: 17px;
    }

    /* Columns block */
    .wp-block-columns {
        justify-content: space-between;
    }

    .wp-block-columns .wp-block-column {
        flex: 0 0 calc(50% - 10px) !important;
    }

    /* Image block */
    .wp-block-image {
        margin-bottom: 25px;
    }

    .wp-block-image.align-right img {
        width: 100%;
        max-width: 50%;
    }

    /* Video */
    .wp-block-embed.alignleft,
    .wp-block-embed.alignright {
        float: none;
        margin: 0 0 20px 0;
        max-width: 100%;
    }

    /* News slider */
    .news_slider {
        margin-bottom: 25px;
    }

    .news_slider figure>[data-cover-srcset],
    .news_slider figure>[data-cover-srcset].video_bg:before,
    .news_slider figure>[data-cover-srcset] img {
        border-radius: 12px 0 0 12px;
    }

    .news_slider figure>[data-cover-srcset] .video {
        width: 40px;
        height: 40px;
    }

    .news_slider figure>[data-cover-srcset] .video:before {
        transform: translate(-30%, -50%);
        border-width: 10px 0 10px 15px;
    }

    .news_slider figure figcaption {
        padding: 25px 15px 15px 15px;
        min-height: 50vw;
        border-radius: 0 12px 12px 0;
        line-height: 12px;
    }

    .news_slider figure figcaption h3 {
        font-size: 15px;
        line-height: 20px;
    }

    .news_slider figure figcaption h3 img {
        max-width: 84px;
    }

    .news_slider figure figcaption .btn-prev,
    .news_slider figure figcaption .btn-next {
        font-size: 24px;
    }

    /* Team List */
    .team_list ul {
        margin: 0 -6px 10px -6px;
        padding-left: 0 !important;
    }

    .team_list ul li {
        min-width: 87px;
        padding: 10px 6px 20px 6px;
    }

    .team_list ul li figure>a {
        margin-bottom: 7px;
        width: 75px;
        height: 75px;
        background-size: 75px auto;
    }

    .team_list ul li figure figcaption {
        font-size: 11px;
        line-height: 13px;
    }

    .popup {
        padding: 30px 30px 10px 30px;
        max-width: 325px;
        font-size: 15px;
        line-height: 22px;
    }

    .popup h5 {
        padding-bottom: 20px;
        font-size: 18px;
        line-height: 23px;
    }

    .popup h2 {
        font-size: 21px;
        padding-bottom: 20px;
    }

    .popup h2 span {
        font: italic 11px/14px 'Cabin';
    }

    .popup .img {
        float: none;
        margin: 0 0 20px 0;
        width: 200px;
        height: 200px;
    }

    .popup .social {
        justify-content: flex-start;
    }

    .popup .social li {
        padding: 0 20px 10px 0;
    }

    .popup .fancybox-close-small {
        width: 40px;
        height: 40px;
    }

    /* Donate */



    .parent-donate .content_block .wrapper>article {
        padding-bottom: 140px;
    }

    .page-donate .mobile_title {
        display: block;
    }

    .page-donate .simpay-form-wrap>form:after {
        font-size: 11px;
    }

    .page-donate .simpay-form-wrap>form .simpay-text-container {
        padding: 0 10px 10px 0;
        width: calc(100% - 140px);
        margin-top: 0;
    }

    .page-donate .simpay-form-wrap>form .simpay-text-container:nth-of-type(3),
    .page-donate .simpay-form-wrap>form .simpay-text-container:nth-of-type(4) {
        width: 55px;
    }

    .page-donate .simpay-form-wrap>form .simpay-text-container:nth-of-type(5) {
        width: calc(100% - 180px);
        text-align: left;
    }

    .page-donate .simpay-form-wrap>form .simpay-text-container:nth-of-type(5) input {
        max-width: 70px !important;
    }

    .page-donate .simpay-form-wrap>form .simpay-text-container:nth-of-type(5) .simpay-text-wrap:before {
        padding-right: 7px;
        top: 1px;
    }

    .page-donate .simpay-form-wrap>form .simpay-checkbox-container {
        padding: 0 140px 10px 0;
        width: 100%;
    }

    .page-donate .simpay-form-wrap>form .simpay-form-control:nth-of-type(6) {
        width: 100%;
        order: -1;
        margin-bottom: 30px;
    }

    .page-donate .simpay-form-wrap>form .simpay-form-control:nth-of-type(6) .simpay-currency-symbol {
        left: 10px;
        font-size: 24px;
    }

    .page-donate .simpay-form-wrap>form .simpay-form-control:nth-of-type(6) input[type="tel"] {
        font-size: 63px;
        height: 80px;
        border-radius: 15px;
    }

    .page-donate .simpay-form-wrap>form .simpay-form-control:nth-of-type(7) {
        width: 120px;
        position: absolute;
        top: 100px;
        right: 0;
    }

    .page-donate .simpay-form-wrap>form .simpay-form-control .simpay-payment-btn {
        background-position: right 20% center;
        background-size: 17px auto;
        font-size: 17px;
        letter-spacing: 3px;
        border-radius: 15px;
        height: 64px;
        padding: 0 20% 0 0;
    }

    .page-donate .simpay-form-wrap .simpay-errors {
        font-size: 11px;
    }
}


.page-donate .tab_select {
    padding: 0 0 15px 0;
    top: 95px;
    position: relative;
    z-index: 10;
}

.page-donate .tab_select li {
    font-size: 11px;
}

.page-donate .tab_select li:first-child {
    margin-right: 20px;
}

.page-donate .tab_content {
    margin-top: -30px;
}


.page-thank-you .content_block .wrapper>article p {
    padding-bottom: 20px;
    font-size: 13px;
}





/* Banner */

.page-id-10 .banner-container,
.page-id-231 .banner-container {
    display: none;
}

.banner-container {
    display: block;
    /* transform: translateY(-200px); */
    margin-top: -150px;
}

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

.banner-container img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}


.content_block {
    padding-bottom: 0px;
}



.banner-container {
    display: none;
}

/* Donate Page TBD */
@media (min-width: 768px) {
    .wpf_form_wrapper form.wpf_label_top .wpf_form_group.wpf_item_text {
        display: inline-block;
        width: calc(50% - 6px);
        margin-bottom: 15px;
    }
}

.page-donate .banner-container {
    display: block;
}

.page-donate .hide-donate-page {
    display: none;
}

.page-donate body {
    background-image: url();
}

.page-donate .donation-form p {
    padding: 0;
    margin: 0;
}

.page-donate .heading-container {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.page-donate .content_block .wrapper>article h1 {
    max-width: 80%;
}

.page-donate .wp-block-heading {
    font-family: Cabin;
    font-size: 46px;
    font-weight: 500;
    line-height: 56px;
    letter-spacing: 0px;
    text-align: left;
    width: 100%;
}

.page-donate .heading-container .wp-block-heading a {
    color: #007CC5;
    text-decoration: none !important;
}


.wpf_form_wrapper form.wpf_label_top .wpf_form_group.wpf_item_textarea {
    display: inline-block;
    width: 49%;
    margin-bottom: 15px;
}

.wpf_form_wrapper form.wpf_label_top .wpf_form_group.wpf_item_text {
    width: 100%;
    height: auto;
}

.wpf_form_wrapper form.wpf_label_top .wpf_form_group.wpf_item_text:last-child {
    margin-right: 0;
}

.wpf_form_wrapper form.wpf_label_top .wpf_form_group.wpf_item_text .wpf_input_content input {
    border-radius: 4px;
    border: 1px solid #B4AA9F;
    padding: 8px 12px;
    color: #C9C2BA;
    width: 100%;

}


.wpf_form_wrapper form.wpf_label_top .wpf_form_group.wpf_item_text .wpf_input_label label {
    color: #989187;
    font-family: 'Cabin', sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 1.5px;
    text-align: left;
    text-transform: uppercase;
}


/* For browsers that support the ::placeholder pseudo-element */
.wpf_form_wrapper form.wpf_label_top .wpf_form_group.wpf_item_text .wpf_input_content input::placeholder {
    color: #C9C2BA;
}

/* For older browsers that support the :-ms-input-placeholder pseudo-element */
.wpf_form_wrapper form.wpf_label_top .wpf_form_group.wpf_item_text .wpf_input_content input:-ms-input-placeholder {
    color: #C9C2BA;
}

/* For older browsers that support the :-moz-placeholder pseudo-element */
.wpf_form_wrapper form.wpf_label_top .wpf_form_group.wpf_item_text .wpf_input_content input:-moz-placeholder {
    color: #C9C2BA;
}


.wpf_form_wrapper form.wpf_form .wpf_form_submissions {
    margin-bottom: 0 !important;
}

/* Pay Once Form*/
.wpf_form_group.wpf_item_custom_payment_input .wpf_form_item_group {
    padding: 8px 12px;
    border: 1px solid #B4AA9F;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #F8F9FA;
}

.wpf_form_wrapper form.wpf_form .wpf_form_group.wpf_item_custom_payment_input .wpf_form_item_group .wpf_input-group-prepend {
    display: flex;
    position: absolute;
    left: 24px;
}

.wpf_form_wrapper form.wpf_form .wpf_form_group.wpf_item_custom_payment_input .wpf_form_item_group .wpf_input-group-prepend .wpf_input-group-text.wpf_input-group-text-prepend {
    font-family: 'Cabin', sans-serif !important;
    font-weight: 700 !important;
    font-size: 30px !important;
    line-height: 36.45px !important;
    color: #4A453F !important;
    border: none !important;
    background-color: transparent !important;
    border-radius: 0 !important;
}

.wpf_form_wrapper form.wpf_form .wpf_form_group .wpf_form_item_group input {
    font-family: 'Cabin', sans-serif;
    font-weight: 700;
    font-size: 80px !important;
    line-height: 80px;
    text-align: right;
    border: none;
    color: #C9C2BA !important;
    width: 100%;
}

form.wpf_default_form_styles .wpf_form_group input[type=number] {
    background-color: transparent !important;
}

.wpf_form_group.wpf_item_custom_payment_input .wpf_form_control:focus {
    outline: none;
    box-shadow: none;
}

.wpf_form_wrapper form.wpf_label_top .wpf_form_group.wpf_item_text.hide {
    display: none;
}

.wpf_form_wrapper form.wpf_label_top .wpf_form_group.wpf_item_custom_payment_input input {
    width: 100%;
    height: 120px !important;
}

/* Pay Once Form */

/* Pay Monthly Form */

.wpf_form_group.wpf_item_recurring_payment_item .wpf_input_label,
.wpf_form_group.wpf_item_recurring_payment_item .wpf_summary_container {
    display: none;
}

/* Style for the outermost container */
.wpf_form_group.wpf_item_recurring_payment_item .wpf_form_item_group {
    padding: 8px 12px;
    border: 1px solid #B4AA9F;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #F8F9FA;
}

.wpf_form_wrapper form.wpf_form .wpf_form_group.wpf_item_recurring_payment_item .wpf_form_item_group .wpf_input-group-prepend {
    display: flex;
    position: absolute;
    left: 24px !important;
}

.wpf_form_wrapper form.wpf_form .wpf_form_group.wpf_item_recurring_payment_item .wpf_form_item_group .wpf_input-group-prepend .wpf_input-group-text {
    font-family: 'Cabin', sans-serif !important;
    font-weight: 700 !important;
    font-size: 30px !important;
    line-height: 36.45px !important;
    color: #4A453F !important;
    border: none !important;
    background-color: transparent !important;
    border-radius: 0 !important;
}

.wpf_form_wrapper form.wpf_form .wpf_form_group.wpf_item_recurring_payment_item .wpf_form_item_group input {
    font-family: 'Cabin', sans-serif;
    font-weight: 700;
    font-size: 80px !important;
    line-height: 80px !important;
    text-align: right !important;
    border: none !important;
    color: #C9C2BA !important;
    width: 100% !important;
}

form.wpf_default_form_styles .wpf_form_group.wpf_item_recurring_payment_item input[type=number] {
    background-color: transparent !important;
}

.wpf_form_wrapper form.wpf_form .wpf_form_group .wpf_form_item_group input {
    width: 100% !important;
    height: 120px !important;
}

.footer .tab_content .wpf_form_wrapper>form .wpf_item_recurring_payment_item input[type="number"] {
    padding: .375rem .75rem !important;
}

/* Pay Monthly Form */


#wpf_choose_payment_method {
    display: none;
}

#stripe_form_submit_395,
#stripe_form_submit_396 {
    display: none !important;
}


.card.donation-card {
    background-color: #FFFFFFB2;
    width: 100%;
}

@media (min-width: 768px) {
    .page-donate.card.donation-card {
        width: 45rem;
    }

    .btn.stripe-button,
    .btn.paypal-button,
    .btn.condition-button {
        max-width: 174px;
    }
}

.donation-form {
    background-color: transparent;
}

.donation-tabs {
    height: 44px;
    border: 1px solid #C9C2BA;
    border-radius: 5px;
}

.donation-tab-col {
    height: 44px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
}

.donation-btn {
    width: 95%;
    height: 36px;
    border: none;
    color: #4A453F;
    /* Set text color */
    background-color: transparent;
    /* Set default background color */
}

.donation-btn.active {
    color: #FAF7F0;
    /* Set active text color */
    background-color: #4A453F;
    /* Set active background color */
}

.custom-active {
    color: #FAF7F0 !important;
    background-color: #4A453F !important;
}

.btn.btn-custom-active {
    color: #FAF7F0;
    background-color: #4A453F;
    border: none;
}

.btn.btn-custom-active:hover {
    border: 1px solid #4A453F;
}

.donation-tabs .donation-tab-col .donation-btn {
    border: none;
    color: #4A453F;
    background-color: transparent;
}

.donation-tabs .donation-tab-col .donation-btn.active,
.donation-tabs .donation-tab-col .btn.active {
    color: #FAF7F0;
    background-color: #4A453F;
    border-color: transparent;
}

.donation-tabs .donation-tab-col .donation-btn,
.donation-tabs .donation-tab-col .donation-btn.active {
    transition: all 0.3s ease;
}



/* Styles for the Stripe button */
.btn.stripe-button {
    padding: 9px 12px;
    border-radius: 4px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    background-color: #625BF6;
    position: relative;
    white-space: nowrap;
    width: 100%;
}

.stripe-button::before {
    content: url('/wp-content/themes/World_YWCA/images/icons/stripe-s.svg');
    width: 16px;
    height: 16px;
}

.stripe-button::after {
    content: url('/wp-content/themes/World_YWCA/images/icons/Vector.svg');

}
/* Styles for radio buttons */

.radio-buttons-container{
	    color: #989187;
    font-family: 'Cabin', sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 1.5px;
    text-align: left;
}
/* Styles for the PayPal button */
.btn.paypal-button {
    padding: 9px 12px;
    border-radius: 4px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    background-color: #102F82;
    position: relative;
    white-space: nowrap;
    width: 100%;
}

.paypal-button::before {
    content: url('/wp-content/themes/World_YWCA/images/icons/paypal.svg');
    width: 16px;
    height: 16px;
}

.paypal-button::after {
    content: url('/wp-content/themes/World_YWCA/images/icons/Vector.svg');

}

.btn.condition-button {
    padding: 9px 12px;
    border-radius: 4px;
    font-size: 16px;
    width: 100%;
}

/* Footer TBD */

.footer .footer-area {
    border-top: 2px solid #4A453F;
}

.donate-text {
    font-family: Cabin;
    font-size: 46px;
    font-weight: 500;
    line-height: 56px;
    letter-spacing: 0px;
    text-align: left;
    color: #4A453F;
    /* Color for the rest of the text */
}

.donate-text span {
    color: #007CC5;
    /* Color for the #WorldYWCA brand */
}

.donate-text-tax {
    font-family: Cabin;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    color: #4A453F;
}

.circle-info {
    width: 18px;
    height: 18px;
    background-color: #4A453F;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-right: 5px;
}

.circle-info::before {
    content: "!";
    font-size: 12px;
    color: #FFFFFF;
    position: absolute;
}

.footer .wrapper:before {
    display: none;
}

.footer .footer-area {
    padding: 48px 0;
}

.footer-area .footer-logo {
    display: block;
    margin: 0 auto;
    width: 80%;
}

.footer-area .brand-text {
    display: block;
    width: 274.8px;
    height: 41.81px;
    color: #007CC4;
    text-align: center;
    margin: 20px auto 0;
    font-size: calc(41.81px * 0.75);

}


.contact-info {
    margin-bottom: 15px;
}

.footer-area address,
.footer-area .contact-info {
    font-family: Cabin;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    color: #4A453F;
    margin-bottom: 10px;
}

.footer-area .contact-info p {
    margin-bottom: 5px;
    padding-bottom: 0;
}


.social-icons {
    display: flex;
    gap: 15px;
}

.social-icons a {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
}

.social-icons i {
    font-size: 24px;
}

.subscription h4 {
    font-family: Cabin;
    font-size: 34px;
    font-weight: 700;
    line-height: 41px;
    letter-spacing: 0px;
    text-align: left;
    color: #4A453F;
}

.subscription p {
    font-family: Cabin;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0px;
    text-align: left;
    color: #4A453F;
}

.subscription .form-control {
    background-color: #F8F9FA;
    border: 1px solid #C9C2BA;
    border-radius: 4px;
    padding: 8px 12px;
    color: #4A453F;
    margin-bottom: 12px;
}

.subscription .form-control::placeholder {
    color: #C9C2BA;
}

.subscription .btn-primary {
    color: #FAF7F0;
    background-color: #4A453F;
    border: none;
    width: 100%;
    text-align: center;
}


.footer-text {
    font-family: Cabin;
    font-size: 14px;
    font-weight: 500;
    line-height: 17px;
    letter-spacing: 0px;
    text-align: center;
    margin-top: 0.5em;
    color: #4A453F;
}

/*! Temporary fixes, remove after */

.footer .footer_widgets {
    display: none;
}

.wp-block-file {
    margin-bottom: 1.5em;
    font-size: 1em !important;

}

.wp-block-file a {
    text-decoration: none !important;
}

.wp-block-file__button {
    color: #FFFFFF !important;
}

.is-style-circle-mask img,
.is-style-rounded img {
    border-radius: 15px !important;
}

h1.wp-block-heading a {
    color: #007CC5;
}

.news_slider ul {
    padding-left: 0 !important;
}

article a {
    color: #007CC5;
}

/* Radio buttons donation form */

.wpf_form_group.wpf_item_radio .wpf_multi_form_controls {
  display: flex;
  justify-content: start;
  gap: 10px;
}

.wpf_form_group.wpf_item_radio .form-check {
  display: flex;
  align-items: center;
}

.form-check-input {
  margin-top: 0;
  margin-right: 5px;
	border:none!important;
}

/* Style for radio buttons */
/* Remove default browser styling */
.wpf_form_control[type="radio"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-color: transparent !important;
    margin: 0 !important;
}

/* Create custom radio button */
.wpf_form_control[type="radio"]::before {
    content: '' !important;
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
/*     margin-right: 5px !important;
    vertical-align: sub !important; */
    border-radius: 50% !important;
    border: 2px solid #4A453F !important; /* Default state border color */
    background-color: transparent !important; /* Set background to transparent */
    transition: background-color 0.2s ease-in-out !important;
}

/* Style for radio buttons when they are checked */
.wpf_form_control[type="radio"]:checked::before {
    background-color: #4A453F !important; /* Checked state background color */
/*     box-shadow: inset 0 0 0 10px #4A453F !important; /* Inner shadow to create filled effect */
}


/* Align the labels next to the buttons properly */
.form-check-label {
    vertical-align: sub !important;
    padding-left: 5px !important; /* Adjust as necessary */
    margin-right: 10px !important; /* Adjust space between radio buttons */
}

/* Ensure that the label text is aligned properly */
.wpf_multi_form_controls {
    display: flex !important;
    align-items: center !important;
}

/* conditional input fields animation */
.wpf_has_condition.wpf_form_group.wpf_item_text.wpf_cond_v {
  transition: none;

}

/* Archive page */

.archive-section{
	flex: 1;
	padding: 40px 40px;
}

#post-container {
    display: flex;
    flex-direction: column;
}

.post-item {
    display: flex;
    margin-bottom: 20px;
    align-items: center;
}

.post-thumbnail {
    flex-shrink: 0;
}

.post-thumbnail img {
    width: 100px;
    height: auto;
    margin-right: 10px;
}

.post-content {
    flex-grow: 1;
}

.post-title {
	font-family: Cabin;
	font-size: 22px;
	font-weight: 600;
	line-height: 27px;
	letter-spacing: 0px;
	text-align: left;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.post-title a {
    text-decoration: none;
    color: inherit;
}

.post-meta {
    font-size: 14px; 
    color: #666; 
}

.post-category a{
	font-family: Cabin;
	font-size: 18px;
	font-weight: 500;
	color: #6F9D2F;
	line-height: 22px;
	letter-spacing: 0px;
	text-align: left;
}

.post-date {
	font-family: Cabin;
	font-size: 15px;
	font-weight: 500;
	line-height: 18px;
	letter-spacing: 0px;
	text-align: left;
}

.year-filters button,
.topics button {
	font-family: Cabin, sans-serif;
	font-size: 22px;
	font-weight: 600;
	line-height: 27px;
	letter-spacing: 0px;
	text-align: left;
    background: none;
    border: none;
    padding: 0;
    margin: 5px 30px 10px 0;
    cursor: pointer;
    color: #333;
    outline: none;
}

.month-filters button {
	font-family: Cabin, sans-serif;
	font-size: 22px;
	font-weight: 600;
	line-height: 27px;
	letter-spacing: 0px;
	text-align: left;
    background: none;
    border: none;
    padding: 0;
    margin: 5px 50px 10px 0;
    cursor: pointer;
    color: #333;
    outline: none;
}

.year-filters button.active,
.month-filters button.active, .topics button.active{
    font-weight: bold;
	color: #6F9D2F;
}

.year-filters {
    display: flex;
    margin-bottom: 10px;
}

.month-row {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 5px; 
}

.filter-area h2{
	font-family: Cabin, sans-serif;
	font-size: 46px;
	font-weight: 500;
	line-height: 56px;
	letter-spacing: 0px;
	text-align: left;
	color: #6F9D2F
}

/* Custom styles for Show More button */
.btn.btn-show-more, #reset-filter, #post-count  {
	font-family: Cabin;
	font-size: 15px;
	font-weight: 500;
	line-height: 18px;
	letter-spacing: 0px;
	text-align: left;
    background-color: transparent;
    color: #6F9D2F;
    border: none;
    box-shadow: none;
    padding: 0; 
    font-weight: bold; 
    display: flex;
    align-items: center; 
    justify-content: center;
}

.btn.btn-show-more svg {
    fill: #6F9D2F; 
}


#loadmore {
    display: block;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

.filter-area {
    border-bottom: 1.5px solid #000; 
    margin-bottom: 1rem;
}

.post-item {
    border-bottom: 1.5px solid #C9C2BA; 
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

.divider-line {
    border-left: 1.5px solid #000000;
    height: auto; 
    margin: 0 20px;
}

.post-count {
	padding: 10px 10px;
	margin-bottom: 10px;
}