:root {
    --blue: #0639FF;
    --navy-blue: #02086A;
    --lime: #D4FE01;
    --cyan: #00F8FB;
    --pink: #FF4283;
}

@font-face {
    font-family: 'ITC Avant Garde Gothic';
    src: url('../fonts/itc-avant-garde/AvantGarde-Book.eot');
    src: url('../fonts/itc-avant-garde/AvantGarde-Book.eot?#iefix') format('embedded-opentype'),
        url('../fonts/itc-avant-garde/AvantGarde-Book.woff2') format('woff2'),
        url('../fonts/itc-avant-garde/AvantGarde-Book.woff') format('woff'),
        url('../fonts/itc-avant-garde/AvantGarde-Book.ttf') format('truetype'),
        url('../fonts/itc-avant-garde/AvantGarde-Book.svg#AvantGarde-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ITC Avant Garde Gothic';
    src: url('../fonts/itc-avant-garde/AvantGarde-Bold.eot');
    src: url('../fonts/itc-avant-garde/AvantGarde-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/itc-avant-garde/AvantGarde-Bold.woff2') format('woff2'),
        url('../fonts/itc-avant-garde/AvantGarde-Bold.woff') format('woff'),
        url('../fonts/itc-avant-garde/AvantGarde-Bold.ttf') format('truetype'),
        url('../fonts/itc-avant-garde/AvantGarde-Bold.svg#AvantGarde-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ITC Avant Garde Gothic';
    src: url('../fonts/itc-avant-garde/AvantGarde-Medium.eot');
    src: url('../fonts/itc-avant-garde/AvantGarde-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/itc-avant-garde/AvantGarde-Medium.woff2') format('woff2'),
        url('../fonts/itc-avant-garde/AvantGarde-Medium.woff') format('woff'),
        url('../fonts/itc-avant-garde/AvantGarde-Medium.ttf') format('truetype'),
        url('../fonts/itc-avant-garde/AvantGarde-Medium.svg#AvantGarde-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ITC Avant Garde Gothic';
    src: url('../fonts/itc-avant-garde/AvantGardeCE-BookOblique.eot');
    src: url('../fonts/itc-avant-garde/AvantGardeCE-BookOblique.eot?#iefix') format('embedded-opentype'),
        url('../fonts/itc-avant-garde/AvantGardeCE-BookOblique.woff2') format('woff2'),
        url('../fonts/itc-avant-garde/AvantGardeCE-BookOblique.woff') format('woff'),
        url('../fonts/itc-avant-garde/AvantGardeCE-BookOblique.ttf') format('truetype'),
        url('../fonts/itc-avant-garde/AvantGardeCE-BookOblique.svg#AvantGardeCE-BookOblique') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'ITC Avant Garde Gothic';
    src: url('../fonts/itc-avant-garde/AvantGarde-MediumObl.eot');
    src: url('../fonts/itc-avant-garde/AvantGarde-MediumObl.eot?#iefix') format('embedded-opentype'),
        url('../fonts/itc-avant-garde/AvantGarde-MediumObl.woff2') format('woff2'),
        url('../fonts/itc-avant-garde/AvantGarde-MediumObl.woff') format('woff'),
        url('../fonts/itc-avant-garde/AvantGarde-MediumObl.ttf') format('truetype'),
        url('../fonts/itc-avant-garde/AvantGarde-MediumObl.svg#AvantGarde-MediumObl') format('svg');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'ITC Avant Garde Gothic';
    src: url('../fonts/itc-avant-garde/AvantGardeCE-DemiOblique.eot');
    src: url('../fonts/itc-avant-garde/AvantGardeCE-DemiOblique.eot?#iefix') format('embedded-opentype'),
        url('../fonts/itc-avant-garde/AvantGardeCE-DemiOblique.woff2') format('woff2'),
        url('../fonts/itc-avant-garde/AvantGardeCE-DemiOblique.woff') format('woff'),
        url('../fonts/itc-avant-garde/AvantGardeCE-DemiOblique.ttf') format('truetype'),
        url('../fonts/itc-avant-garde/AvantGardeCE-DemiOblique.svg#AvantGardeCE-DemiOblique') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}


/*
  This will hide the focus indicator if the element receives focus via the mouse,
  but it will still show up on keyboard focus.
*/

.js-focus-visible :focus:not(.focus-visible) { outline: none; }

/*----------------------------------------------------------------------------*/
/*#GENESIS DEFAULTS*/
/*----------------------------------------------------------------------------*/

/* Float Clearing
--------------------------------------------- */

.author-box::before,
.clearfix::before,
.entry::before,
.entry-content::before,
.footer-widgets::before,
.nav-primary::before,
.nav-secondary::before,
.pagination::before,
.site-container::before,
.site-footer::before,
.site-header::before,
.site-inner::before,
.widget::before,
.wrap::before {
    content: " ";
    display: table;
}

.author-box::after,
.clearfix::after,
.entry::after,
.entry-content::after,
.footer-widgets::after,
.nav-primary::after,
.nav-secondary::after,
.pagination::after,
.site-container::after,
.site-footer::after,
.site-header::after,
.site-inner::after,
.widget::after,
.wrap::after {
    clear: both;
    content: " ";
    display: table;
}


/* Defaults
---------------------------------------------------------------------------- */

/* Typographical Elements
--------------------------------------------- */

html {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: 10px;
    overflow-x: hidden;   
}

body {
    background-color: #fff;
    color: #333;
    font-family: 'ITC Avant Garde Gothic', sans-serif;
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1.625;
    margin: 0;
    overflow-x: hidden;
}

button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.gallery img {
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

a {
    color: var(--blue);
    text-decoration: underline;  
    text-underline-offset: 2px;
    text-decoration-color: transparent;   
    transition: all 0.3s ease-in-out;
}

input,
select,
textarea,
button {
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

a:focus,
a:hover {
    text-decoration-color: var(--blue);
}

p {
    font-size: 2rem;
    margin: 0 0 2.5rem;
    padding: 0;
}

p.has-medium-font-size { font-size: 2.4rem !important; }
p.has-small-font-size { font-size: 1.6rem !important; }

ol,
ul {
    margin: 0;
    padding: 0;
}

li { list-style-type: none; }

hr {
    border: 0;
    border-collapse: collapse;
    border-bottom: 1px solid currentColor;
    clear: both;
    color: #eee;
    margin: 1.65em auto;
}

b,
strong { font-weight: 700; }

blockquote,
cite,
em,
i { font-style: italic; }

mark {
    background: #ddd;
    color: #333;
}

blockquote { margin: 3rem; }

pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

/* Headings
--------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'ITC Avant Garde Gothic', sans-serif;
    font-weight: 400;
    line-height: 1.2;
    margin: 0 0 3.5rem;
}

h1 { font-size: 3.6rem; }

h2 { font-size: 4.4rem; }

h2.has-small-font-size { font-size: 4.3rem !important; }

h3 { font-size: 3.6rem; }

h4 { font-size: 3rem; }

h5 { font-size: 2.6rem; }

h6 { font-size: 2rem; }

p:last-child { margin-bottom: 0; }

/* Objects
--------------------------------------------- */

embed,
iframe,
img,
object,
video,
.wp-caption { max-width: 100%; }

img {
    height: auto;
    vertical-align: top;
}

figure { margin: 0; }

/* Gallery
--------------------------------------------- */

.gallery { overflow: hidden; }

.gallery img {
    border: 1px solid #eee;
    height: auto;
    padding: 4px;
}

.gallery img:focus,
.gallery img:hover {
    border: 1px solid #999;
    outline: none;
}

.gallery-columns-1 .gallery-item { width: 100%; }

.gallery-columns-2 .gallery-item { width: 50%; }

.gallery-columns-3 .gallery-item { width: 33%; }

.gallery-columns-4 .gallery-item { width: 25%; }

.gallery-columns-5 .gallery-item { width: 20%; }

.gallery-columns-6 .gallery-item { width: 16.6666%; }

.gallery-columns-7 .gallery-item { width: 14.2857%; }

.gallery-columns-8 .gallery-item { width: 12.5%; }

.gallery-columns-9 .gallery-item { width: 11.1111%; }

.gallery-columns-2 .gallery-item:nth-child(2n+1),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) { clear: left; }

.gallery-item {
    float: left;
    margin: 0 0 3rem;
    text-align: center;
}

.wp-block-gallery .blocks-gallery-item::before,
.wp-block-gallery .blocks-gallery-item::after { display: none; }

/* Forms
--------------------------------------------- */

.mc_embed_signup {
    max-width: 54rem;
    margin-left: auto;
}    

.mc-embedded-subscribe-form { position: relative; }

.mc-field-button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 3.5rem;
}

.mc-field-button .button {
    font-size: 12px;
    line-height: 1;
    padding: 0.7rem 3rem;
    text-transform: lowercase;
}

.mc-input { 
    padding: 2rem 17rem 2rem 2rem; 
    text-align: left !important;
}

#mc_embed_signup div.mce_inline_error {
    position: absolute;
    font-size: 12px;
    top: calc(100% + 2px);
    margin: 0 !important;
    padding: 0 !important;
    background-color: transparent !important;
    letter-spacing: 1px;
    z-index: 1;
    color: #e60f0f !important;
}

#mce-responses {
    position: absolute;
}

input,
select,
textarea {
    border-radius: 4px;
    border: 1px solid #DDDBDA;
    background-color: #fff;    
    color: #02086A;    
    font-weight: 400;
    padding: 2.2rem 1.6rem 0.8rem;
    font-size: 1.6rem;
    width: 100%;
    border-radius: 4px;   
}

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

input[type="checkbox"],
input[type="image"],
input[type="radio"] { width: auto; }

::-ms-input-placeholder {
    color: #02086A;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #02086A;
    opacity: 1;
}

::-webkit-input-placeholder {
    color: #02086A;
    opacity: 1;
}

::-moz-placeholder {
    color: #02086A;
    opacity: 1;
}

::placeholder {
    color: #02086A;
    opacity: 1;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.btn {
    display: inline-block;
    background-color: var(--blue);
    border: 0;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 2.4rem;
    line-height: 1;
    font-weight: 700;
    padding: 1.5rem 3.5rem;
    text-align: center;
    text-decoration: none;
    white-space: normal;
    width: auto;
}

.btn--lg { font-size: 3.6rem; }

.btn--lime { 
    background-color: var(--lime); 
    color: var(--navy-blue);
}

.btn--white { 
    background-color: #fff; 
    color: var(--blue);
}

.btn--white.btn--arrow::after {
    background: url('../images/angle-down-blue.svg') no-repeat center / cover;
}

.btn--white:hover,
.btn--white:focus,
.btn--white:active {
    background-color: #fff; 
    color: var(--blue);
}

.btn--navy {
    background-color: var(--navy-blue) !important;
}

.btn--navy:hover,
.btn--navy:focus,
.btn--navy:active {
    background-color: var(--blue) !important; 
}    

.btn--arrow {
    padding: 1rem 3.8rem 1rem 2.5rem;
    position: relative;
}

.btn--arrow::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    right: 2rem;
    background: url('../images/angle-down-navy.svg') no-repeat center / cover;
    width: 11px;
    height: 7px;
    pointer-events: none;
    transition: all 0.3s ease-in-out;
}

.site-container .wp-block-button.btn--arrow {
    padding: 0;
}

.site-container .wp-block-button.btn--arrow .wp-block-button__link {
    padding: 1rem 3.8rem 1rem 2.5rem
}

.site-container .wp-block-button.btn--arrow.arrow--down::after {
    transform: translateY(-50%) rotate(0);
}

.site-container .wp-block-button.btn--arrow.arrow--down:hover::after {
    right: 2rem;
    transform: translateY(-50%) rotate(-90deg);
    filter: brightness(0) saturate(100%) invert(85%) sepia(86%) saturate(3954%) hue-rotate(13deg) brightness(104%) contrast(104%);
}

.btn:not(.btn--lime):not(.btn--white).btn--arrow::after {
    background: url('../images/angle-down-white.svg') no-repeat center / cover;
}

.btn--arrow:hover::after,
.btn--arrow:active::after,
.btn--arrow:focus::after {
    right: 1.5rem;
}

.btn--outline {
    padding: 0.6rem 2.5rem;
    background: #fff;
    border-radius: 4px;
    border: 2px solid var(--blue);
    color:  var(--blue);
}

.btn--outline:hover,
.btn--outline:focus,
.btn--outline:active {
    background-color: var(--blue) !important;  
    border-width: 2px !important;
}

button:focus,
button:hover,
input[type="button"]:focus,
input[type="button"]:hover,
input[type="reset"]:focus,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="submit"]:hover,
.button:focus,
.button:hover,
.btn:not(.btn--lime):not(.btn--white):focus,
.btn:not(.btn--lime):not(.btn--white):hover {
    background-color: var(--navy-blue);
    border-width: 0;
    color: #fff;
}

.entry-content .button:focus,
.entry-content .button:hover { color: #fff; }

.button { display: inline-block; }

.site-container button:disabled,
.site-container button:disabled:hover,
.site-container input:disabled,
.site-container input:disabled:hover,
.site-container input[type="button"]:disabled,
.site-container input[type="button"]:disabled:hover,
.site-container input[type="reset"]:disabled,
.site-container input[type="reset"]:disabled:hover,
.site-container input[type="submit"]:disabled,
.site-container input[type="submit"]:disabled:hover {
    background-color: #eee;
    border-width: 0;
    color: #777;
    cursor: not-allowed;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button { display: none; }

/*select2 fix when logged in*/
.logged-in .select2-container--open .select2-dropdown--above {
    -webkit-transform: translateY(32px);
        -ms-transform: translateY(32px);
            transform: translateY(32px);
}
.logged-in .select2-container--open .select2-dropdown--below {
    margin-top: 3rem;
}

/* Tables
--------------------------------------------- */

table {
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 4rem;
    width: 100%;
    word-break: break-all;
}

tbody { border-bottom: 1px solid #eee; }

td,
th {
    line-height: 2;
    text-align: left;
    vertical-align: top;
}

td { padding: 0.5em; }

tr { border-top: 1px solid #eee; }

th {
    font-weight: 600;
    padding: 0.5em;
}

/* Screen Reader Text
--------------------------------------------- */

.screen-reader-shortcut,
.screen-reader-text,
.screen-reader-text span {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.screen-reader-text:focus,
.screen-reader-shortcut:focus,
.widget_search input[type="submit"]:focus {
    background: #fff;
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #333;
    display: block;
    font-size: 1em;
    font-weight: 700;
    height: auto;
    padding: 1.5rem 23px 14px;
    text-decoration: none;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}

.more-link {
    display: inline-block;
    position: relative;
    margin-bottom: 3rem;
}

/* Structure and Layout
---------------------------------------------------------------------------- */

/* Site Container
--------------------------------------------- */

.site-container { word-wrap: break-word; }

/* Site Inner
--------------------------------------------- */

.site-inner {
    clear: both;
    margin: 0 auto;
    padding: 6rem 0 0;
}


/* Common Classes
---------------------------------------------------------------------------- */

/* Avatar
--------------------------------------------- */

.avatar {
    border-radius: 50%;
    float: left;
}

.author-box .avatar,
.alignleft .avatar { margin-right: 2rem; }

.alignright .avatar { margin-left: 2rem; }

.comment .avatar { margin: 0 1.5rem 2rem 0; }

/* Genesis
--------------------------------------------- */

.after-entry,
.archive-description,
.author-box { margin-bottom: 4rem; }

.after-entry {
    -webkit-box-shadow: 0 0 2rem rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.05);
    padding: 2rem 3rem;
}

.after-entry .widget:last-of-type { margin-bottom: 0; }

.breadcrumb {
    color: var(--navy-blue);
    font-size: 1.6rem;
    margin-bottom: 6rem;
  
}

.genesis-title-hidden .breadcrumb { margin-top: 2rem; }

.breadcrumb-link { color: var(--navy-blue); }

.breadcrumb-link:hover { 
    color: var(--pink); 
    text-decoration-color: transparent;
}

.breadcrumb .separator {
    position: relative;
    padding-right: 2.2rem;
}

.breadcrumb .separator::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: url('../images/icon-arrow-right.svg') no-repeat center / cover;
    width: 7px;
    height: 11px;
}

.archive-description p:last-child,
.author-box p:last-child { margin-bottom: 0; }

/* Search Form
--------------------------------------------- */

.search-form { overflow: hidden; }

.entry-content .search-form {
    margin-bottom: 4rem;
    width: 50%;
}

.post-password-form input[type="submit"],
.search-form input[type="submit"] { margin-top: 1rem; }

.widget_search input[type="submit"] {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* Titles
--------------------------------------------- */

.archive-description .entry-title,
.archive-title,
.author-box-title {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.entry-title {
    font-size: 3rem;
    margin-bottom: 1rem;
}

.entry-title a,
.sidebar .widget-title a {
    color: #333;
    text-decoration: none;
}

.entry-title a:focus,
.entry-title a:hover { color: #0073e5; }

.widget-title {
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 2rem;
}

.genesis-title-hidden .site-inner { padding-top: 0; }

/* WordPress
--------------------------------------------- */

a.aligncenter img {
    display: block;
    margin: 0 auto;
}

a.alignnone { display: inline-block; }

.alignleft {
    float: left;
    text-align: left;
}

.alignright {
    float: right;
    text-align: right;
}

a.alignleft,
a.alignnone,
a.alignright { max-width: 100%; }

img.centered,
.aligncenter,
.singular-image {
    display: block;
    margin: 0 auto 3rem;
    text-align: center;
}

img.alignnone,
.alignnone { margin-bottom: 1.5rem; }

a.alignleft,
img.alignleft,
.wp-caption.alignleft { margin: 0 2rem 2rem 0; }

a.alignright,
img.alignright,
.wp-caption.alignright { margin: 0 0 2rem 2rem; }

figcaption,
.gallery-caption,
.wp-caption-text {
    font-size: 14px;
    font-weight: 600;
    margin-top: 0.5em;
    margin-bottom: 1em;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
}

.entry-content p.wp-caption-text { margin-bottom: 0; }

.entry-content .wp-audio-shortcode,
.entry-content .wp-playlist,
.entry-content .wp-video { margin: 0 0 3rem; }

/* Widgets
---------------------------------------------------------------------------- */

.widget { margin-bottom: 4rem; }

.widget p:last-child,
.widget ul > li:last-of-type { margin-bottom: 0; }

.widget ul > li { margin-bottom: 1rem; }

.widget ul > li:last-of-type { padding-bottom: 0; }

.widget ol > li {
    list-style-position: inside;
    list-style-type: decimal;
    padding-left: 2rem;
    text-indent: -2rem;
}

.widget li li {
    border: 0;
    margin: 0 0 0 3rem;
    padding: 0;
}

.widget_calendar table { width: 100%; }

.widget_calendar td,
.widget_calendar th { text-align: center; }

/* Featured Content
--------------------------------------------- */

.featured-content .entry {
    border-bottom: 1px solid #eee;
    margin-bottom: 2rem;
}

.featured-content .entry:last-of-type {
    border-bottom: none;
    margin-bottom: 0;
}

.featured-content .entry-title {
    font-size: 16px;
    margin-bottom: 5px;
    margin-top: 1rem;
}


/* Plugins
---------------------------------------------------------------------------- */

/* Genesis eNews Extended
--------------------------------------------- */

.after-entry .enews {
    text-align: center;
    padding: 1rem;
}

.sidebar .enews {
    background-color: #f5f5f5;
    padding: 3rem;
}

.enews-widget input {
    font-size: 16px;
    margin-bottom: 1rem;
}

.after-entry .enews-widget input { text-align: center; }

.enews-widget input[type="submit"] {
    margin: 0;
    width: 100%;
}

.enews form + p { margin-top: 2rem; }

/* Genesis Simple FAQ
--------------------------------------------- */

.gs-faq__question {
    background: transparent;
    border-bottom: 1px solid #eee;
    color: #333;
    padding-left: 0;
    padding-right: 0;
}

.gs-faq__question:focus,
.gs-faq__question:hover {
    background: transparent;
    color: #0073e5;
}

.gs-faq__question::after {
    content: "\f132";
    font-family: dashicons; /* stylelint-disable-line font-family-no-missing-generic-family-keyword */
    float: right;
}

.gs-faq__question.gs-faq--expanded::after { content: "\f460"; }


/* Skip Links
---------------------------------------------------------------------------- */

.genesis-skip-link { margin: 0; }

.genesis-skip-link .skip-link-hidden {
    display: none;
    visibility: hidden;
}

.genesis-skip-link li {
    height: 0;
    list-style: none;
    width: 0;
}

/* Display outline on focus */
:focus {
    color: #333;
    outline: #ccc solid 1px;
}


/* Site Header
---------------------------------------------------------------------------- */

.site-header {
    background-color: transparent;   
    position: absolute;
    width: 100%;
    top: 0;
    padding-top: 6rem;
    padding-bottom: 2rem;
    z-index: 999;
}

.admin-bar .site-header { top: 32px; }

.site-header .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/* Title Area
--------------------------------------------- */

.title-area {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    max-width: 245px;
}

.title-area a { display: block }

.site-title {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 0;
}

.site-title a,
.site-title a:focus,
.site-title a:hover {
    color: #333;
    text-decoration: none;
}

.site-description,
.wp-custom-logo .site-title {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}


/* Site Navigation
---------------------------------------------------------------------------- */

.genesis-nav-menu {    
    clear: both;
    line-height: 1;
    width: 100%;
}

.genesis-nav-menu .menu-item { display: block; }

.genesis-nav-menu .menu-item.btn-donate a {
    min-width: 14rem;
    font-size: 2.4rem;
    padding: 0.5rem 2.5rem;
    border-radius: 20px 0 0 20px;
    text-align: center;
    width: auto;
    background: #FF4283;
    color: #fff;
    position: fixed;
    top: 5.7rem;
    right: 0;
    box-shadow: 0 10px 20px 4px rgba(80, 38, 18, 0.1);
}

.genesis-nav-menu a {
    color: #fff;
    display: block;
    font-size: 2rem;
    font-weight: 700;
    outline-offset: -1px;
    padding-bottom: 12px;
    padding-top: 12px;
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-color: transparent;
    transition: all 0.3s ease-in-out;
}

.genesis-nav-menu a:focus,
.genesis-nav-menu a:hover,
.genesis-nav-menu .current-menu-item > a,
.genesis-nav-menu .sub-menu .current-menu-item > a:focus,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover {   
    text-decoration-color: #fff;
}

.genesis-nav-menu .sub-menu {
    clear: both;
    margin: 0;
    opacity: 0;
    padding-left: 1.5rem;
    position: static;
    z-index: 99;
}

.genesis-nav-menu .sub-menu a {
    background-color: #fff;
    font-size: 14px;
    position: relative;
    word-wrap: break-word;
}

.genesis-nav-menu .menu-item-has-children:hover .sub-menu {
    opacity: 1;
    pointer-events: auto;
}

/* Responsive Menu
--------------------------------------------- */

.menu .menu-item:focus { position: static; }

.menu .menu-item > a:focus + ul.sub-menu,
.menu .menu-item.sfHover > ul.sub-menu {
    left: auto;
    opacity: 1;
}

.menu-toggle,
.sub-menu-toggle {
    background-color: transparent;
    border-width: 0;
    color: #333;
    display: block;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
    visibility: visible;
}
.sub-menu-toggle::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    background: url(../images/angle-down-white.svg) no-repeat center / cover;
    width: 11px;
    height: 7px;
    transition: all 0.3s ease-in-out;
}
.sub-menu-toggle.activated::after {
    transform: translateY(-50%) rotate(90deg);
}

.menu-toggle:focus,
.menu-toggle:hover,
.sub-menu-toggle:focus,
.sub-menu-toggle:hover {
    background-color: transparent;
    border-width: 0;
    color: #0073e5;
    cursor: pointer;
}

.menu-toggle {
    line-height: 2rem;
    margin-bottom: 1rem;
    margin-top: 1rem;
    padding: 1.5rem 0;
    position: relative;
    z-index: 1000;
}

.sub-menu-toggle {
    width: 100%;
    padding: 2rem 2rem;
    position: absolute;
    right: 0px;
    top: 2px;
    z-index: 100;
}

.sub-menu .sub-menu-toggle { padding: 12px 1rem; }

.sub-menu-toggle::before {
    display: inline-block;
    text-rendering: auto;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: -webkit-transform 0.25s ease-in-out;
    transition: -webkit-transform 0.25s ease-in-out;
    -o-transition: transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out;
    transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
}

.sub-menu-toggle.activated::before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

/* Header Menu
--------------------------------------------- */

.nav-primary {
    clear: left;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

/* Footer Menu
--------------------------------------------- */

.nav-secondary { margin-top: 1rem; }

.nav-secondary .genesis-nav-menu { line-height: 1.5; }

.nav-secondary .menu-item { display: inline-block; }

.nav-secondary a {
    margin-left: 1rem;
    margin-right: 1rem;
    padding: 0;
}


/* Content Area
---------------------------------------------------------------------------- */

/* Entry Content
--------------------------------------------- */

/* .entry { margin-bottom: 4rem; } */

.home .entry { margin-bottom: 0; }

.entry-content ol,
.entry-content ul:not(.donate-panel-type):not(.donate-amounts) {
    margin-bottom: 3rem;
    padding-left: 4rem;
}

.entry-content ol > li { list-style-type: decimal; }

.entry-content ul:not(.donate-panel-type):not(.donate-amounts) > li { list-style-type: disc; }

.entry-content ol ul > li,
.entry-content ul ul > li { list-style-type: circle; }

.entry-content ol ol,
.entry-content ul ul { margin-bottom: 0; }

.entry-content code { background-color: #f5f5f5; }

.content .sticky {
    background-color: #f5f5f5;
    padding: 3rem;
}

/* Entry Meta
--------------------------------------------- */

p.entry-meta {
    font-size: 16px;
    margin-bottom: 0;
}

.entry-header .entry-meta { margin-bottom: 2rem; }

.entry-footer .entry-meta {
    border-top: 1px solid #eee;
    padding-top: 2rem;
}

.entry-categories,
.entry-tags { display: block; }

.entry-comments-link::before {
    content: "\2014";
    margin: 0 6px 0 2px;
}

/* Pagination
--------------------------------------------- */

.page-template-blog .pagination { display: none; }

.pagination {
    clear: both;
    margin-bottom: 6rem;
}

.adjacent-entry-pagination { margin-bottom: 0; }

.archive-pagination li { display: inline; }

.archive-pagination li a {
    background-color: #f5f5f5;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 4px;
    padding: 8px 12px;
    text-decoration: none;
}

.archive-pagination li a:focus,
.archive-pagination li a:hover,
.archive-pagination li.active a {
    background-color: #333;
    color: #fff;
}

/* Entry Comments
--------------------------------------------- */

.comment-respond,
.entry-comments,
.entry-pings { margin-bottom: 4rem; }

.comment-list li { padding: 4rem 0 0 3rem; }

.comment-list .depth-1 { padding-left: 0; }

.comment-header { margin-bottom: 3rem; }

.comment-content { clear: both; }

.comment-content ul > li { list-style-type: disc; }

.comment-respond input[type="email"],
.comment-respond input[type="text"],
.comment-respond input[type="url"] { width: 50%; }

.comment-respond label {
    display: block;
    margin-right: 12px;
}

.comment-header p { margin-bottom: 0; }

.entry-pings .reply { display: none; }

.comment-form-cookies-consent label {
    display: inline;
    padding-left: 1rem;
}

/* Sidebar
---------------------------------------------------------------------------- */

.sidebar {
    font-size: 16px;
    line-height: 1.5;
    
}

.sidebar .widget { 
    margin-bottom: 4rem; 
    padding-left: 4rem;
    border-left: 1px solid var(--blue);
}

.sidebar p { margin-bottom: 2rem; }

/* Footer Widgets
---------------------------------------------------------------------------- */

.footer-widgets {   
    background-color: var(--navy-blue);
    clear: both;
    padding: 4rem 0;
    color: #fff;
}

.footer-widgets .wrap {
    margin-left: auto;
    margin-right: auto;
}

.footer-widget-area {
    margin-bottom: 4rem;
    padding-left: 3rem;
    padding-right: 3rem;
}

.footer-widget-area:first-child { 
    width: 30%; 
    padding-left: 0;
}

.footer-widget-area:last-child,
.footer-widgets .widget:last-child { margin-bottom: 0; }

.widget_nav_menu .widget-title {
    color: var(--lime);
    font-size: 12px;
    margin-bottom: 1rem;
}

.footer-widgets .menu .menu-item {
    font-size: 12px;    
}

.footer-widgets .menu .menu-item a { color: #fff; }

.footer-widgets .menu .menu-item a:hover,
.footer-widgets .menu .menu-item a:focus,
.footer-widgets .menu .menu-item a:active { text-decoration-color: #fff; }


/* Site Footer
---------------------------------------------------------------------------- */

.site-footer {
    background-color: var(--navy-blue);    
    font-size: 12px;
    line-height: 1.4;  
    color: #fff;  
    padding-bottom: 4rem;   
}

.site-footer p { margin-bottom: 0; }

.site-footer__copyright {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.site-footer__copyright p {
    font-size: 12px;
}

/* Guttenberg */

/* Drop Caps
---------------------------------------------------------------------------- */

.site-container p.has-drop-cap:not(:focus)::first-letter { margin: 0.02em 0.08em 0 -0.08em; }

.site-container p.has-larger-font-size.has-drop-cap:not(:focus)::first-letter,
.site-container p.has-small-font-size.has-drop-cap:not(:focus)::first-letter { margin-right: 0.01em; }

/* Paragraphs
---------------------------------------------------------------------------- */

.alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) {
    padding-left: 3rem;
    padding-right: 3rem;
}

.wp-block-group.alignfull .wp-block-group__inner-container { 
    max-width: 133rem; 
    padding: 0 3rem;
    margin: 0 auto;
}

/* Background Color
---------------------------------------------------------------------------- */

.site-container p.has-background { padding: 2.5rem 3rem; }

.site-container p.has-background.box-shadow {
    -webkit-box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
}

.site-container p.has-text-color a,
.site-container p.has-background a { color: inherit; }

.site-container p.has-background a:focus,
.site-container p.has-background a:hover,
.site-container p.has-text-color a:focus,
.site-container p.has-text-color a:hover {
    color: inherit;
    text-decoration: none;
}

.site-container p.has-background.light-text a {
    color: #fff;
    text-decoration: underline;
}

.site-container p.has-background.light-text a:focus,
.site-container p.has-background.light-text a:hover { text-decoration: none; }

/* Alignment
---------------------------------------------------------------------------- */

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

.has-text-align-left { text-align: left; }

.has-text-align-right { text-align: right; }

.wp-block-button.alignleft,
.wp-block-buttons.alignleft,
.wp-block-cover.alignleft,
.wp-block-image .alignleft { margin-right: 2em; }

.wp-block-button.aligncenter { text-align: center; }

.wp-block-button.alignright,
.wp-block-buttons.alignright,
.wp-block-cover.alignright,
.wp-block-image .alignright { margin-left: 2em; }

.wp-block-image.alignwide,
.wp-block-image.alignfull,
.wp-block-embed.alignwide,
.wp-block-embed.alignfull { margin-bottom: 3rem; }

.full-width-content .entry-content > .alignfull {
    margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
    max-width: 100vw;
}

.content-sidebar .site-container .alignfull,
.sidebar-content .site-container .alignfull {   
    margin: 0;
    width: 100%;
}

/* Columns
---------------------------------------------------------------------------- */

.site-container .wp-block-columns.alignfull { padding: 0 3rem; }

.wp-block-columns {
    margin-left:  -1.5rem;
    margin-right: -1.5rem;
    gap: 0;
}

.wp-block-columns .wp-block-column {
    padding-left:  1.5rem;
    padding-right: 1.5rem;
}

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

/* Cover Image
---------------------------------------------------------------------------- */

.full-width-content .entry-content > .wp-block-cover.alignfull { width: 100vw; }

.site-container .wp-block-cover .wp-block-cover-text { font-size: 48px; }

.wp-block-cover-image.has-background-dim:not([class*=-background-color]),
.wp-block-cover.has-background-dim:not([class*=-background-color]) { color: #fff; }

.wp-block-cover,
.wp-block-cover-image {
    margin-top:    3rem;
    margin-bottom: 3rem;
}


/* Buttons
---------------------------------------------------------------------------- */

.ab-block-cta .ab-button {
    font-family: 'ITC Avant Garde Gothic', sans-serif;
    font-weight: 600;
}

.site-container .wp-block-button .wp-block-button__link {
    border: 2px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    font-size: 2rem;
    line-height: 1;
    font-family: 'ITC Avant Garde Gothic', sans-serif;
    font-weight: 700;
    padding: 0.8rem 2rem;
    text-align: center;
    text-decoration: none;
    white-space: normal;
    width: auto;
    background-color: var(--blue);
    color: #fff;
}

.site-container .wp-block-button.btn--lime {
    background-color: unset;
}

.site-container .wp-block-button.btn--lime .wp-block-button__link {
    background-color: var(--lime);
    color: var(--navy-blue);
}

.site-container .wp-block-button.btn--pink .wp-block-button__link {
    background-color: #fff;
    color: var(--pink);
}

.site-container .wp-block-button.btn--pink:hover .wp-block-button__link,
.site-container .wp-block-button.btn--pink:focus .wp-block-button__link,
.site-container .wp-block-button.btn--pink:active .wp-block-button__link {
    background-color: var(--pink);
    color: #fff;
    border-color: #fff;
}

.site-container .wp-block-button.btn--pink.is-style-outline:hover .wp-block-button__link,
.site-container .wp-block-button.btn--pink.is-style-outline:focus .wp-block-button__link,
.site-container .wp-block-button.btn--pink.is-style-outline:active .wp-block-button__link {
    background-color: #fff;
    color: var(--pink);
    border-color: #fff;
}

.site-container .wp-block-button.btn--pink.is-style-outline .wp-block-button__link {
    color: #fff;
    border: 2px solid #fff;
    background-color: var(--pink); 
}

.site-container .wp-block-button.btn--lime.is-style-outline .wp-block-button__link {
    color: var(--lime);
    border: 2px solid var(--lime);
    background-color: var(--navy-blue); 
}

.site-container .wp-block-button.btn--lime:hover .wp-block-button__link,
.site-container .wp-block-button.btn--lime:active .wp-block-button__link,
.site-container .wp-block-button.btn--lime:focus .wp-block-button__link {
    color: var(--lime);
    border: 2px solid var(--lime);
    background-color: var(--navy-blue); 
}

.site-container .wp-block-button.btn--lime.is-style-outline:hover .wp-block-button__link,
.site-container .wp-block-button.btn--lime.is-style-outline:active .wp-block-button__link,
.site-container .wp-block-button.btn--lime.is-style-outline:focus .wp-block-button__link {
    color: var(--navy-blue);  
    background-color: var(--lime); 
}

.site-container .wp-block-button.is-style-outline .wp-block-button__link {
    color: var(--blue);
    border: 2px solid var(--blue);
    background-color: #fff; 
}

.site-container .wp-block-button.is-style-outline .wp-block-button__link:hover,
.site-container .wp-block-button.is-style-outline .wp-block-button__link:focus,
.site-container .wp-block-button.is-style-outline .wp-block-button__link:active {
    background-color: var(--blue);
    color: #fff;
}

.site-container .wp-block-button .wp-block-button__link:hover,
.site-container .wp-block-button .wp-block-button__link:focus,
.site-container .wp-block-button .wp-block-button__link:active { 
    color: var(--blue);
    background-color: #fff; 
    border-color: var(--blue);
}

.wp-block-button { margin-bottom: 1em; }

.wp-block-buttons .wp-block-button {
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 8px;
}

.site-container .wp-block-button.is-style-squared .wp-block-button__link { border-radius: 0; }


/* Blockquotes and captions
---------------------------------------------------------------------------- */

.site-container .wp-block-pullquote,
.site-container .wp-block-quote {
    border: none;
    margin: 2.4rem 2.4rem 3.6rem;
    padding: 2rem 0;
}

.site-container .wp-block-pullquote blockquote,
.site-container .wp-block-quote blockquote { margin-bottom: 0; }

.wp-block-pullquote.alignleft { margin: 0 2em 1.5em 0; }

.wp-block-pullquote.alignright { margin: 0 0 1.5em 2em; }

.site-container .wp-block-pullquote p,
.site-container .wp-block-quote p {
    font-family: "Source Sans Pro", serif;
    font-size: 21px;
    font-style: italic;
    line-height: 1.8;
    margin-bottom: 42px;
}

.site-container .wp-block-pullquote p,
.site-container .wp-block-quote.is-style-large p { font-size: 32px; }

.site-container .wp-block-pullquote.is-style-solid-color p {
    color: #fff;
    margin-bottom: 42px;
    text-align: center;
}

.site-container .wp-block-pullquote.is-style-solid-color { background-color: #333; }

.site-container .wp-block-pullquote.is-style-solid-color * { color: #fff; }

.wp-block-pullquote.is-style-solid-color.alignleft blockquote,
.wp-block-pullquote.is-style-solid-color.alignright blockquote { max-width: 80%; }

.site-container .wp-block-pullquote:not(.is-style-solid-color)[style*="border-color"] {
    border: 2px solid;
    border-left: none;
    border-right: none;
}

.site-container .wp-block-pullquote cite,
.site-container .wp-block-quote cite {
    color: #666;
    display: block;
    font-family: "Source Sans Pro", serif;
    font-size: 16px;
    font-style: italic;
    margin-top: -2.5rem;
    text-align: inherit;
    text-transform: none;
}

.site-container .wp-block-pullquote cite { text-align: center; }

.site-container .wp-block-pullquote.is-style-solid-color cite {
    color: #fff;
    font-style: italic;
}

.site-container .wp-block-pullquote .has-text-color cite,
.site-container .wp-block-pullquote .has-text-color p { color: currentColor; }

.blocks-gallery-caption { width: 100%; }

.blocks-gallery-item figcaption { margin-bottom: 0; }

/* Category Block
---------------------------------------------------------------------------- */

.site-container .wp-block-categories {
    margin-left: 0;
    padding-left: 0;
}

.site-container .wp-block-categories li { list-style-type: none; }

.site-container .wp-block-categories.aligncenter { text-align: center; }

.site-container .wp-block-categories.alignfull { padding: 0 3rem; }

.site-container .wp-block-categories .children { padding-left: 3rem; }

.site-container .wp-block-categories li {
    list-style-type: none;
    padding-left: 0;
}

.site-container .wp-block-categories li::before,
.site-container .wp-block-categories li::after { display: none; }

/* Latest Posts Block
---------------------------------------------------------------------------- */

.site-container .wp-block-latest-posts {
    margin-left: 0;
    padding-left: 0;
}

.site-container .wp-block-latest-posts li { list-style-type: none; }

.site-container .wp-block-latest-posts.aligncenter { text-align: center; }

.site-container .wp-block-latest-posts.alignfull { padding: 0 3rem; }

/* Definition Lists
---------------------------------------------------------------------------- */

.site-container dl {
    margin-top: 4rem;
    margin-bottom: 4rem;
}

.site-container dl dt {
    font-weight: 700;
    margin-bottom: 1rem;
}
.site-container dl dd {
    margin-left:   3rem;
    margin-bottom: 2rem;
}
.site-container dl dd:last-child { margin-bottom: 0; }

/* Atomic Blocks
---------------------------------------------------------------------------- */

.ab-block-post-grid h2 a { text-decoration: none; }

/* Other Blocks
---------------------------------------------------------------------------- */

.wp-block-preformatted,
.wp-block-verse {
    font-size: 16px;
    margin-top:    3rem;
    margin-bottom: 3rem;
}

.wp-block-code {
    margin-top:    3rem;
    margin-bottom: 3rem;
}

.wp-block-preformatted { white-space: pre-wrap; }

hr.wp-block-separator {
    border: none;
    border-bottom: 1px solid var(--navy-blue);
    color: #eee;
    margin: 1.5rem auto 3rem;
}

.wp-block-separator:not(.is-style-wide):not(.is-style-dots) { max-width: 100px; }

.wp-block-separator.is-style-dots { color: #333; }

.wp-block-audio audio {
    display: inline-block;
    width: 100%;
}

.site-container .blocks-gallery-grid,
.site-container .wp-block-gallery,
.site-container .wp-block-social-links { padding-left: 0; }

.wp-block-table.is-style-stripes { border-bottom-width: 0; }

.full-width-content .site-container .wp-block-table.alignfull {
    margin: 0;
    width: 100%;
}

.pagination ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}


/*----------------------------------------------------------------------------*/
/*#CUSTOM STYLE*/
/*----------------------------------------------------------------------------*/

/*----------font weight-------------------*/

.fw--light     { font-weight: 300; }
.fw--regular   { font-weight: 400; }
.fw--medium    { font-weight: 500; }
.fw--semibold  { font-weight: 600; }
.fw--extrabold { font-weight: 800; }
.fw--black     { font-weight: 900; }

/*----------font style------------------*/

.txt--uppercase   { text-transform: uppercase; }
.txt--lowercase   { text-transform: lowercase; }
.txt--capitalize  { text-transform: capitalize; }

.txt--overline    { text-decoration: overline; }
.txt--underline   { text-decoration: underline; }
.txt--linethrough { text-decoration: line-through; }

/*-----------font align -------------------*/

.txt--center  { text-align: center; }
.txt--left    { text-align: left; }
.txt--right   { text-align: right; }
.txt--justify { text-align: justify; }

/*---------elements align------------------*/

.pull--left   { float: left; }
.pull--right  { float: right; }
.pull--none   { float: none; }
.clearfix     { clear: both; }
.clearfix::before,
.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

/*--------overflow---------------------------------*/

.overflow--visible { overflow: visible; }
.overflow--auto    { overflow: auto; }
.overflow--hidden  { overflow: hidden; }

/*----------------------------------------------------------------------------*/
/*#CONTAINER STYLE*/
/*----------------------------------------------------------------------------*/

[class^='container'] {
    width: 100%;
    padding-left:  1.5rem;
    padding-right: 1.5rem;
    margin-left:  auto;
    margin-right: auto;
}

/*max-width = width of container + padding-left + padding-right*/
.container    { max-width: 133rem; }
.container--lg { }
.container--md { }
.container--sm { }
.container--xs { max-width: 73rem; }

.row.gutters-sm {
    margin-left:  -1rem;
    margin-right: -1rem;
}

.row.gutters-sm [class*='col'] {
    padding-left:  1rem;
    padding-right: 1rem;
}

/*----------------------------------------------------------------------------*/
/*#FONT COLOR*/
/*----------------------------------------------------------------------------*/
.txt--white { color: #fff; }
.txt--black { color: #000; }
.txt--blue  { color: var(--blue); }
.txt--navy-blue  { color: var(--navy-blue); }

/*----------------------------------------------------------------------------*/
/*#BACKGROUND STYLE*/
/*----------------------------------------------------------------------------*/
.bg--white { background-color: #fff; }
.bg--pink  { background-color: var(--pink); }
.bg--blue  { background-color: var(--blue); }
.bg--navy  { background-color: var(--navy-blue); }
.bg--gray  { background-color: rgba(0,0,0,0.07); }
/*----------------------------------------------------------------------------*/
/*#PADDING STYLE*/
/*----------------------------------------------------------------------------*/

/*padding top/left/right/bottom --> { p-- } */
.p--0 { padding: 0!important; }

/*padding top/left/right/bottom --> { pt-- / pl-- / pr-- / pb-- } */
.pb--0 { padding-bottom: 0; }

/*padding left-right/top-bottom --> { p-lr-- / p-tb-- } */
.p-tb--0 {
    padding-top:    0;
    padding-bottom: 0;
}
/*----------------------------------------------------------------------------*/
/*#MARGIN STYLE*/
/*----------------------------------------------------------------------------*/
/*margin top/left/right/bottom --> { m-- } */
.m--0 { margin: 0!important; }
.m--auto {
    margin-left:  auto;
    margin-right: auto;
}

.ml--auto { margin-left: auto; }
.mr--auto { margin-right: auto; }

.mb--0  { margin-bottom: 0; }
.mb--10 { margin-bottom: 1rem; }
.mb--20 { margin-bottom: 2rem; }
.mb--30 { margin-bottom: 3rem; }
.mb--40 { margin-bottom: 4rem; }
.mb--60 { margin-bottom: 6rem; }

/*margin left-right/top-bottom --> { m-lr-- / m-tb-- } */
.my--0 {
    margin-top:    0;
    margin-bottom: 0;
}

.mx--auto {
    margin-left: auto;
    margin-right: auto;
}
/*----------------------------------------------------------------------------*/
/*#BUTTON STYLE*/
/*----------------------------------------------------------------------------*/
.btn {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-align: center;
}

/*----------------------------------------------------------------------------*/
/*#FONT SIZE*/
/*----------------------------------------------------------------------------*/

.txt--xs {}
.txt--sm {}
.txt--md {}
.txt--lg {}
.txt--xl {}

/*----------------------------------------------------------------------------*/
/*#TERMS FILTER*/
/*----------------------------------------------------------------------------*/
.filter-wrap {
    display: flex;
    align-items: center;
    gap: 3rem; 
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.filter-dropdown { 
    position: relative; 
    width: 100%;
    max-width: 22rem;
    transition: .3s ease-in-out;
}

.filter-dropdown__current {
    display: inline-block;
    background-color: #f2f2f2;
    color: #000;
    position: relative;
    font-size: 14px;
    padding: 12px 50px 12px 2rem;
    width: 100%;
    border-radius: 3px;
    cursor: pointer;
    transition: .3s ease-in-out;
}

.filter-dropdown__current span {
    display: block;
    white-space: nowrap;
    overflow-x: hidden;
    pointer-events: none;
    text-overflow: ellipsis;
    width: 100%;
}

.filter-dropdown__current:hover { background-color: #e2e2e2; }

.filter-dropdown__current::after {
    content: '\f107';
    font-family: "Font Awesome 5 Pro";
    display: inline-block;
    position: absolute;
    font-size: 22px;
    right: 2rem;
    top: calc(50% + 1px);
    transform: translateY(-50%);
    transition: .3s ease-in-out;
    font-weight: 100;
}

.filter-dropdown.active .filter-dropdown__current::after { transform: translateY(-50%) rotate(180deg); }

.filter-dropdown__list {
    position: absolute;
    top: calc(100% - 2px);
    left: 0;
    background: #f2f2f2;    
    padding: 13px 1rem;
    z-index: 99;
    width: 100%;
    max-height: 250px;
    overflow-y: auto;
    opacity: 0;
    pointer-events: none;
    border-top: 1px solid #fff;
    transition: .3s ease-in-out;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.filter-dropdown.active .filter-dropdown__list {
    opacity: 1;
    pointer-events: auto;
    box-shadow: 0px 17px 19px -4px rgba(80, 38, 18, 0.13);
}

.filter-dropdown__list li { 
    min-width: 100%;
    margin-bottom: 1rem;
} 

.filter-dropdown__list li:last-child { margin-bottom: 0; }

.filter-dropdown li a {
    display: block;
    width: 100%;
    font-size: 14px;
    padding: 5px 1.5rem;
    color: #000;
    text-decoration: none;
}

.filter-dropdown__list li a:hover,
.filter-dropdown__list li.active a { text-decoration: underline; }
/*----------------------------------------------------------------------------------------
#SEARCH NEWS
----------------------------------------------------------------------------------------*/
.filter-search {
    width: 100%;
    max-width: 22rem;
}

.search-input-group { position: relative; }

.search-input-group input {
    background-color: #f2f2f2;
    color: #000;
    border-radius: 3px;
    border: none;
    padding: 5px 5px 5px 55px;
    min-height: 50px;
    font-size: 14px;
    transition: .5s ease-in-out;
}

.search-input-group input:hover,
.search-input-group input:focus { background-color: #e2e2e2; }

.search-input-group .search-btn {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    max-width: 50px;
    padding: 0;
    background-color: transparent;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-input-group .search-btn:hover { color: #EA754F; }

/*----------------------------------------------------------------------------------------
#PAGINATION
----------------------------------------------------------------------------------------*/

.blog-pagination-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.blog-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;    
}

.blog-pagination li { 
    cursor: pointer;       
}

.blog-pagination li a { 
    position: relative;
    font-size: 2.4rem;
    line-height: 1;
    min-width: 4rem;
    min-height: 4rem;
    color: var(--blue); 
    border: 2px solid var(--blue);
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    padding: 0.35rem 0.7rem;
}

.blog-pagination li:hover a,
.blog-pagination li .current {     
    font-size: 2.4rem; 
    line-height: 1;
    min-width: 4rem;
    min-height: 4rem;
    color: #fff;
    background-color: var(--blue);
    border: 2px solid var(--blue);
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;  
    padding: 0.35rem 0.7rem;
}

.post-count {
    margin-bottom: 0;
    color: var(--navy-blue);
    font-size: 1.6rem;
}
/*-----------------------------------------------------------
#SINGLE BLOG NAVIGATION
------------------------------------------------------------*/
.single-navigation { margin-bottom: 90px; }

.single-navigation__item img {
    width: 100%;
    max-width: 190px;
    height: 13rem;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 3px;
}

.single-navigation__text { width: 100%; }

.single-navigation a {
    padding: 1.5rem;
    background-color: #f2f2f2;
    color: #2A0833;
    height: 100%;
    border-radius: 3px;
    text-decoration: none;
}

.single-navigation a:hover,
.single-navigation a:focus { background-color: #e2e2e2; }

.single-navigation--title {
    font-size: 1.8rem; 
    color: #2A0833;
    margin-bottom: 0;
    line-height: 3rem;
    word-break: break-word;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.single-navigation__item--nav {
    font-size: 14px;
    margin-bottom: 1rem;
    text-transform: uppercase;
}

.single-navigation__text-left { margin-left: 2rem; }

.single-navigation__text-right {
    text-align: right;
    margin-right: 2rem;
}

/*-----------------------------------------------------------
#HOME HERO
------------------------------------------------------------*/

.page-hero {   
    background: var(--blue);
    position: relative;
    padding: 17rem 0 11.5rem;
}

.page-hero .container {
    background-size: 0;
}

.page-hero::before {
    content: '';
    position: absolute;
    background: #fff;
    left: 0;
    top: 0;
    width: 44%;
    height: 100%;
    z-index: 1;
}

.page-hero__content {
    position: relative;
    z-index: 2;
    padding-right: 8.5rem;
}

.page-hero__img {
    position: relative;
    z-index: 2;
    margin-left: -5.5rem;
}

.page-hero p {
    color: var(--navy-blue);
    font-size: 2.4rem;
    line-height: 1.35;
    margin-bottom: 4rem;
}

.page-hero h1 a,
.page-hero h1 {
    font-size: 3.6rem;
    line-height: 1.1;
    font-weight: 700;
    margin-bottom: 4rem;
    color: var(--blue);
    text-decoration-color: transparent;
}

.page-hero h1 a:hover {
    color: var(--navy-blue);
    text-decoration-color: transparent;
}

.page-hero.page-hero--image-fw {
    padding-top: 21rem;
    padding-bottom: 7rem;
}

.page-hero.page-hero--image-fw .page-hero__img { 
    margin-left: 0; 
    min-width: 100%;
}

.page-hero.page-hero--image-fw .page-hero__img img {
    object-fit: cover;
    width: 100%;
    height: auto;
}

.page-hero--image-fw__content {
    padding: 5rem 0;
}

.page-hero--image-fw__content h1 {
    color: var(--lime);
    font-weight: 700;
    margin-bottom: 3.6rem;
}

.page-hero--image-fw__content p {
    color: #fff;
    font-size: 2.4rem;
}

.page-hero--blog {
    border-bottom: 2px solid var(--blue);
    margin-bottom: 6rem;
}

.page-hero--blog h1 { margin-bottom: 2rem; }
.page-hero--blog p { margin-bottom: 2rem; }

.page-hero__meta {
    display: flex;
    align-items: center;
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.page-hero__meta:last-child { margin-bottom: 0; }

.page-hero__meta p {
    font-size: 12px;
    line-height: 1;
    color: #817e7c;
    text-transform: capitalize;
    margin-bottom: 0;
}

.page-hero__meta p:first-child { position: relative; }

.page-hero__meta p:first-child::after {
    content: '';
    position: absolute;
    right: -0.8rem;
    top: 50%;
    transform: translateY(-50%);
    background: #817e7c;
    width: 0.3rem;
    height: 0.3rem;
    border-radius: 50%;
}

.page-hero--category { margin-bottom: 6rem; }

.page-hero--single h1,
.page-hero--single p {
    margin-bottom: 2rem;
}

.page-hero--single .page-hero__meta p { margin-bottom: 0; }

/*-----------------------------------------------------------
#CTA BOX
------------------------------------------------------------*/

.cta-box-wrap { 
    gap: 3rem;
    display: flex;
    flex-direction: column;
}

.cta-box {
    width: 100%;
    max-width: 54.5rem;
    padding: 1.6rem 2.5rem 1.6rem 2rem;
    display: flex;
    gap: 1.8rem;
    border-radius: 4px;
    border: 2px solid #fff;
    color: #fff;
    background: var(--navy-blue);
}

.cta-box__num {
    border-radius: 50%;
    min-width: 6.2rem;
    width: 6.2rem;
    height: 6.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;    
}

.cta-box__num h3 { margin-bottom: 0; }

.cta-box__content h6 {
    margin-bottom: 0.5rem;
}

.cta-box__content p {
    font-size: 1.6rem;
    line-height: 1.4;
    margin-bottom: 1rem;
}

.cta-box__content p:last-child { margin-bottom: 0; }

/*-----------------------------------------------------------
#CARD
------------------------------------------------------------*/

.card {
    display: flex;
    flex-direction: column;
    height: 100%;
    border-radius: 4px;
    color: #fff;
}

.cards-wrapper .swiper-pagination { display: none; }

.card--navy .card__content { background-color: var(--navy-blue); }
.card--blue .card__content { background-color: var(--blue); }

.card__img {
    height: 33rem;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.card__img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.card__content {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    height: calc(100% - 33rem);
    padding: 3.5rem 2rem 3rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.card .btn {
    margin-top: auto;
}

.card h3 { margin-bottom: 1.5rem; }
.card p { 
    font-size: 2.4rem; 
    line-height: 1.4;
}

/*-----------------------------------------------------------
#TESTIMONIALS
------------------------------------------------------------*/
.testimonials-wrapper.testimonials-wrapper--single { margin-bottom: 5rem; }
.testimonials-wrapper { padding-bottom: 10rem; }

.testimonial {
    position: relative;
    min-height: 39rem;
    padding: 2.5rem 2.5rem 2.5rem 45rem;
    background: var(--pink);
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;  
    position: relative;
}

.testimonial::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 25%;
    background: #fff;
}

.testimonial__img {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 42rem;
    height: 51.5rem;
    background: #fff;
    border-radius: 0 0 25rem 25rem;
}

.testimonial__img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 0 0 25rem 25rem;
}

.testimonials__nav {
    position: absolute;
    left: 44rem;
    bottom: 2rem;
    width: 10rem;
    height: 4.4rem;
}

.testimonials__nav .swiper-button-prev,
.testimonials__nav .swiper-button-next {
    width: 4.4rem;
    height: 4.4rem;
    border-radius: 4px;
    background: var(--pink);
    transition: all 0.3s ease-in-out;
}

.testimonials__nav .swiper-button-prev { 
    right: unset;
    left: 0; 
}

.testimonials__nav .swiper-button-next { 
    right: unset;
    left: 5.6rem; 
}

.testimonials__nav .swiper-button-next:after, 
.testimonials__nav .swiper-button-prev:after {
    font-size: 2.4rem;
    font-weight: 700;
    color: #fff;
}

.testimonials__nav .swiper-button-prev:hover,
.testimonials__nav .swiper-button-next:hover {
    background: #e20851;
}

.testimonials__pagination {
    display: none;
}

.testimonial__content .btn-read-more { 
    color: #fff; 
    font-weight: 500;
    margin-bottom: 2rem;
    display: block;
}

.testimonial__content .btn-read-more:hover {
    text-decoration-color: #fff;
}

.btn-read-more span { 
    position: relative; 
    padding-right: 2rem;
}

.btn-read-more span::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(0);
    right: 0;   
    width: 11px;
    height: 7px;
    transition: all 0.3s ease-in-out;
    background: url('../images/angle-down-navy.svg') no-repeat center / cover;
    filter: brightness(0) invert(1);
}

.btn-read-more.active span::after {
    transform: translateY(-50%) rotate(180deg);
}


/*-----------------------------------------------------------
#SOCIALS
------------------------------------------------------------*/

.socials {
    display: flex;
    gap: 0.6rem;
}

.socials__icon {
    width: 2.9rem;
    height: 2.9rem;
    border-radius: 50%;
    border: 2px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease-in-out;
}

.socials__icon:hover .icon,
.socials__icon:focus .icon,
.socials__icon:active .icon { background: var(--blue); }

.icon {
    position: relative;
    background: var(--navy-blue);
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
}

.icon::before {
    content: '';
    position: absolute;   
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%); 
}

.icon--x::before {
    background: url('../images/icon-x.svg') no-repeat center / cover;
    width: 1.5rem;
    height: 1.4rem;
}

.icon--fb::before {
    background: url('../images/icon-fb.svg') no-repeat center / cover;
    width: 1rem;
    height: 1.8rem;
}

.icon--instagram::before {
    background: url('../images/icon-instagram.svg') no-repeat center / cover;
    width: 1.5rem;
    height: 1.5rem;
}

.icon--linkedin::before {
    background: url('../images/icon-linked.svg') no-repeat center / cover;
    width: 1.3rem;
    height: 1.3rem;
}

.icon--tiktok::before {
    background: url('../images/icon-tiktok.svg') no-repeat center / cover;
    width: 1.5rem;
    height: 1.5rem;
}

.responsive-social {
    display: none;
}

/*-----------------------------------------------------------
#FAQS
------------------------------------------------------------*/

.faqs {
    background: var(--pink);
    padding: 3.5rem 0;
    color: #fff;
}

.faqs img {
    border-radius: 10px;
}

.faqs h2 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 2rem;
    line-height: 1;
}

.faq {
    margin-bottom: 2.5rem;
}

.faq__content {
    display: none;
}

.faq__header {
    position: relative;
    cursor: pointer;
}

.faq__header::before,
.faq__header::after {
    content: '';
    position: absolute;
    background: #fff;  
    top: 50%;
    transform: translateY(-50%);
    border-radius: 2px;
    transition: all 0.3s ease-in-out;
}

.faq__header::before {
    width: 16px;
    height: 2px;
    right: 1.5rem;
    opacity: 1;
}

.faq__header::after {
    width: 2px;
    height: 16px;
    right: 2.2rem;
}

.faq__header h3 {
    font-weight: 700;
    margin-bottom: 0.5rem;
    transition: all 0.3s ease-in-out;
}

.faq.active .faq__header::before {
    background: var(--lime);
}

.faq.active .faq__header::after {
    opacity: 0;
}

.faq__header:hover h3 { color: var(--lime); }

.gallery-carousel {
    background: rgba(0,0,0,0.07);
    padding: 8rem 0;
}

.swiper.my-carousel {
    overflow: hidden;
    width: 100%;
    max-width: 122rem; 
    margin: 0 auto;
    padding-bottom: 10rem;
    position: relative;
}

.swiper.my-carousel .swiper-slide img {
    width: 80rem;
    height: 60rem;
    display: block;
    object-fit: cover;
    object-position: center;
}

.swiper.my-carousel .swiper-slide {
    transition: transform 0.3s ease, opacity 0.3s ease;
    width: 80rem !important;
    height: 60rem;
}

.swiper.my-carousel .swiper-slide-active {
    transform: scale(1);
    opacity: 1;
    z-index: 10;
}

.swiper.my-carousel .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #514F4D;
    border: 0;
    margin: 0 5px;
    transition: all 0.3s ease-in-out;
}

.swiper.my-carousel .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 16px;
    height: 16px;
    background: var(--blue);
}

.swiper.my-carousel .swiper-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: unset;
    top: 50%;
    transform: translateY(-50%);
}

.swiper.my-carousel .my-carousel__navigation {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 23rem;
    height: 5.6rem;
}

.my-carousel-button-next,
.my-carousel-button-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);    
    width: 2.4rem;
    height: 2.4rem;
    margin-top: 0;
    transition: all 0.1s ease-in-out;
}

.my-carousel-button-prev { left: 0; }
.my-carousel-button-next { right: 0; }

.my-carousel-button-next::after,
.my-carousel-button-prev::after {
    display: none !important;
}

.my-carousel-button-next::before,
.my-carousel-button-prev::before {
    content: '';
    position: absolute;
    width: 2.4rem;
    height: 2.4rem;
    background: url('../images/icon-arrow-left.svg') no-repeat center /cover;
}

.my-carousel-button-next::before {
    transform: rotate(-180deg);
}

.my-carousel-button-next:hover,
.my-carousel-button-prev:hover {
    filter: brightness(0) saturate(100%) invert(35%) sepia(100%) saturate(7478%) hue-rotate(233deg) brightness(95%) contrast(114%);
}
  
/*-----------------------------------------------------------
#BLOG
------------------------------------------------------------*/

.posts-wrapper {    
    border-bottom: 1px solid var(--blue);
    margin-bottom: 6rem;
}

.posts-wrapper:last-of-type {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.posts-wrapper__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 6rem;
}

.posts-wrapper__head h2 {
    font-weight: 700;
    color: var(--blue);
    margin-bottom: 0;
}

.post-item {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.post-item__img { 
    width: 100%;
    max-width: 42rem;
    height: 33rem;
    display: block;
    overflow: hidden;
    backface-visibility: hidden;
    transition: all 0.3s ease-in-out;
    margin-bottom: 3.5rem;
}

.post-item__img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    transform: scale(1);
    backface-visibility: hidden;
    transition: all 0.3s ease-in-out;
}

.post-item__img:hover img {
    backface-visibility: hidden;
    transform: scale(1.1);
}

.post-item__title {
    display: block;
    font-size: 3.6rem;
    line-height: 1.2;
    font-weight: 700;
    color: var(--blue);
    margin-bottom: 2rem;
}

.post-item__title:hover {
    text-decoration-color: var(--blue);
}

.post-item__content {
    display: flex;
    flex-direction: column;    
}

.post-item__content p {
    color: var(--navy-blue);
    font-size: 2.4rem;
    margin-bottom: 2rem;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.post-item__meta {
    display: flex;
    align-items: center;
    gap: 1.5rem;    
}

.post-item__meta p {
    font-size: 12px;
    line-height: 1;
    color: var(--navy-blue);
    text-transform: capitalize;
    margin-bottom: 0;
    overflow: visible;
}

.post-item__meta p:first-child { position: relative ; }

.post-item__meta p:first-child::after {
    content: '';
    position: absolute;
    right: -0.8rem;
    top: 50%;
    transform: translateY(-50%);
    background: var(--navy-blue);
    width: 0.3rem;
    height: 0.3rem;
    border-radius: 50%;
}

/*-----------------------------------------------------------
#CATEGORY PAGE
------------------------------------------------------------*/

.breadcrumbs-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 6rem;
}

.breadcrumbs-wrapper .breadcrumb { margin-bottom: 0; }

.breadcrumbs-wrapper p {
    font-size: 1.6rem;
    color: var(--navy-blue);
}

/*-----------------------------------------------------------
#SINGLE POST
------------------------------------------------------------*/

.single .entry-content { padding-bottom: 4rem; }

.single .content p { color: var(--navy-blue); }

.related-post {
    display: flex;
    align-items: center;
    gap: 3.5rem;
    margin-bottom: 1.5rem;
}

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

.related-post__img {
    min-width: 18rem;
    width: 18rem;
    max-width: 18rem;
    height: 8.5rem;
    border-radius: 4px;
}

.related-post__img img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    border-radius: 4px;
}

.related-post__title {
    color: var(--blue);
    font-size: 2rem;   
    font-weight: 700;
    line-height: normal;
    text-transform: capitalize;
    margin-bottom: 1rem;
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 5rem; 
}

.related-post__title:hover {
    text-decoration-color: var(--blue);
}

.related-posts h4 {
    margin-bottom: 6rem;
    display: inline-block;
    border-radius: 4px;
    color: var(--blue);
    border: 1px solid var(--blue);
    padding: 3.5px 7px;
}

.related-post__meta {
    display: flex;
    align-items: center;
    gap: 1.5rem;     
}

.related-post__meta p {
    font-size: 10px;
    line-height: 1;
    color: var(--navy-blue);;
    text-transform: capitalize;
    margin-bottom: 0;
}

.related-post__meta p:first-child { position: relative ; }

.related-post__meta p:first-child::after {
    content: '';
    position: absolute;
    right: -0.8rem;
    top: 50%;
    transform: translateY(-50%);
    background: var(--navy-blue);
    width: 0.3rem;
    height: 0.3rem;
    border-radius: 50%;
}

.bg--categories {
    border-top: 1px solid var(--blue);
    padding: 6rem 0;
}

.categories-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.5rem;
}

.categories-wrap a {
    color: var(--blue); 
    font-size: 2.4rem;  
    font-weight: 500;
    line-height: 1.3;
}

.categories-wrap a:hover {
    text-decoration-color: var(--blue);
}

/*-----------------------------------------------------------
#CLIENTS LOGOS
------------------------------------------------------------*/
.clients-carousel {
    margin-top: 8rem;
}

.clients-carousel .swiper-wrapper {
    padding-bottom: 8rem;
}

.clients-carousel .swiper-pagination {
    bottom: 0;
}

.swiper-pagination-bullet {
   
    width: 2rem;
    height: 2rem;
    border: 1px solid var(--blue);
    background: transparent;
    opacity: 1;
}

.clients-carousel .swiper-pagination-bullet-active {
    background: var(--blue);
}


/*-----------------------------------------------------------
#DISCOVERY CALL FORM
------------------------------------------------------------*/

.discovery-call {
    display: flex;
    gap: 3.8rem;
    width: 100%;
    margin-bottom: 6rem;
    border-top: 4px solid var(--blue);
    border-bottom: 4px solid var(--blue);
}

.discovery-call__image {
    width: 45%;
}

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

.discovery-call__form {
    width: 55%;
    padding-top: 2rem;
    padding-bottom: 5rem;
}

.discovery-call h3 {
    font-size: 2.4rem;
    line-height: 1.2;
    font-weight: 700;
    color: var(--navy-blue);
    margin-bottom: 1.5rem;
} 

.page-template-donation .nf-before-form-content,
.discovery-call .nf-before-form-content { display: none; }

.discovery-call .nf-element:not(input[type='submit']) {
    border-radius: 4px;
    border: 1px solid #DDDBDA;
    padding: 2.2rem 1.6rem 0.8rem;
    font-size: 1.6rem;
}

.discovery-call .nf-element::placeholder {
    color: #514F4D;
}
  

.discovery-call .field-wrap {
    position: relative;
}

.discovery-call .field-wrap:not(.list-checkbox-wrap) .nf-field-label {
    position: absolute;
    top: 0.8rem;
    left: 1.6rem;
    z-index: 1;
    font-size: 12px;
    font-weight: 700;
    color: var(--navy-blue);
}

.discovery-call .nf-field-container {
    margin-bottom: 3.4rem;
    position: relative;
}

.discovery-call .field-wrap.list-checkbox-wrap .nf-field-label {
    font-size: 12px;
    font-weight: 700;
    color: var(--navy-blue);
}

.discovery-call .field-wrap.list-checkbox-wrap .nf-field-element label {
    color: #514F4D;
    font-size: 1.6rem;
    line-height: 1.4;
    
}

.discovery-call .field-wrap.list-checkbox-wrap .nf-field-element li {
    margin-bottom: 1.5rem !important;
}

.nf-select-all-toggle {    
    margin: 1.5rem 0 !important;
    display: flex;
    align-items: center;
}

.discovery-call .toggle-text {
    white-space: nowrap;
    padding-left: 1rem;
    font-size: 1.6rem;
    color: #514F4D;
    font-weight: 400;
}

.discovery-call .switch {
    position: relative;    
    width: 4rem;
    height: 2rem;
}

.discovery-call .switch input { 
    opacity: 0;
    width: 0;
    height: 0;
}

.discovery-call .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.discovery-call .slider:before {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    left: 3px;
    bottom: 3.5px;   
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.discovery-call input:checked + .slider {
    background-color: var(--blue);
}

.discovery-call input:focus + .slider {
    box-shadow: 0 0 1px var(--blue);
}

.discovery-call input:checked + .slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
}

/* Rounded sliders */
.discovery-call .slider.round {
    border-radius: 34px;
}

.discovery-call .slider.round:before {
    border-radius: 50%;
}

.discovery-call input[type="radio"],
.discovery-call input[type="checkbox"],
.page-template-donation input[type="radio"],
.page-template-donation input[type="checkbox"] {
    padding: 1rem !important;
    width: 25px;
    height: 25px;
    cursor: pointer;
    appearance: none;
    border: 2px solid var(--navy-blue) !important;
    border-radius: 4px;
    background-color: #fff;
    position: relative;
    transition: all 0.3s ease;
    margin-top: 0 !important;
    margin-right: 1.5rem !important;
}

.discovery-call input[type="radio"]:checked,
.discovery-call input[type="checkbox"]:checked,
.page-template-donation input[type="radio"]:checked,
.page-template-donation input[type="checkbox"]:checked {
    background-color: var(--blue);
    border-color: var(--blue) !important;
}

.discovery-call input[type="radio"]:checked::before,
.discovery-call input[type="checkbox"]:checked::before,
.page-template-donation input[type="radio"]:checked::before,
.page-template-donation input[type="checkbox"]:checked::before {
    content: "\2713";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 16px;
}

.discovery-call input[type="radio"]:not(:checked),
.discovery-call input[type="checkbox"]:not(:checked),
.page-template-donation input[type="radio"]:not(:checked),
.page-template-donation input[type="checkbox"]:not(:checked) {
    background-color: #fff;
    border-color: var(---blue) !important;
}

.page-template-donation input[type="submit"],
.discovery-call input[type="submit"] {
    background: var(--navy-blue) !important;
}

.page-template-donation input[type="submit"]:disabled,
.discovery-call input[type="submit"]:disabled {
    background:  #eee !important;
}

.page-template-donation input[type="submit"]:not(:disabled):hover,
.page-template-donation input[type="submit"]:not(:disabled):focus,
.page-template-donation input[type="submit"]:not(:disabled):active,
.discovery-call input[type="submit"]:not(:disabled):hover,
.discovery-call input[type="submit"]:not(:disabled):focus,
.discovery-call input[type="submit"]:not(:disabled):active {
    background: var(--blue) !important;
}

.nf-error.nf-error .nf-error-msg {
    position: absolute;
    top: 100%;
    font-size: 12px;
    color: #F57E77;
}

.nf-after-form-content.nf-after-form-content { display: none; }

.hidden-content { display: none; }

.hidden-content p:last-child { margin-bottom: 2.5rem; }

.entry-content>.nf-form-cont {
    display: none;
}

/*-----------------------------------------------------------
#DISCOVERY CALL FORM
------------------------------------------------------------*/
.corporate-banner {
    padding: 12.5rem 0;
    border-top: 2px solid var(--blue);
    border-bottom: 2px solid var(--blue);
    margin-bottom: 6rem;    
}

.corporate-banner p { color: var(--navy-blue); }

.corporate-banner [class*='col-']:first-child { padding-right: 10rem; }

/*-----------------------------------------------------------
#MEMBERSHIP COWORKING BLOCK
------------------------------------------------------------*/

.membership--right {
    padding-left: 10rem;
}

.membership--left {
    padding-right: 10rem;
}

.membership--white { color: #fff; }

.membership h3 {
    margin-bottom: 0;
}

.membership h5 {
    font-size: 2.4rem;
    margin-bottom: 1.5rem;
}

.membership--white h3 {
    color: var(--lime);
}

.membership__price {
    font-size: 1.6rem;
}

.membership__content ul {
    padding-left: 0;
}

.membership__content ul li { 
    display: grid;
    grid-template-columns: minmax(0, 2rem) auto;
    column-gap: 1rem;
    list-style-type: none;
    margin-bottom: 5px;
    font-size: 1.6rem;
    line-height: 1.3;    
}

.membership__content ul li img {     
    max-width: 2rem;
}

.membership__content-amenities ul li img { margin-right: 2rem; }

.membership__content--fh ul {
    display: flex;
    gap: 4rem;
    align-items: center;
}

.membership__content--amenities ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 3rem;
    row-gap: 1rem;   
}


.membership__content--amenities ul.single-column {
    grid-template-columns: 1fr; 
}

.membership--blue h3,
.membership--blue h5 {
    color: var(--blue);
}

.membership--blue .membership__price { color: var(--navy-blue); }

.membership--blue .membership__content ul li {
    color: var(--blue);
}

.membership--blue .membership__content ul li img {
    filter: brightness(0) saturate(100%) invert(16%) sepia(99%) saturate(7492%) hue-rotate(236deg) brightness(102%) contrast(102%);
}

.membership--white .membership__content ul li img {
    filter: brightness(0) invert(1);
}

/*-----------------------------------------------------------
#PAGE TEMPLATE MEMBERSHIP
------------------------------------------------------------*/
.page-template-donation .site-header,
.page-template-membership .site-header {
    background: var(--blue);
    padding-top: 2rem;
}

.page-template-donation .site-header .nav-primary,
.page-template-membership .site-header .nav-primary {
    display: none;
}

.page-template-donation .site-header .title-area img,
.page-template-membership .site-header .title-area img {
    filter: brightness(0) invert(1);
}

.page-template-donation .site-header .container,
.page-template-membership .site-header .container {
    justify-content: center;
}

.page-template-donation .entry-content>.nf-form-cont,
.page-template-membership .entry-content>.nf-form-cont {
    display: block;
}

.page-template-donation .site-container,
.page-template-membership .site-container {
    padding-top: 18rem;
}

.page-template-membership .discovery-call {
    border: none;
    display: block;
    max-width: 70rem;
    margin: 12rem auto;
    border-radius: 20px;
    border: 2px solid #ECEBEA;
    padding: 3rem 4rem;   
}

.page-template-donation .nf-field-element h2,
.page-template-membership .nf-field-element h2 {
    font-weight: 700;
    color: var(--navy-blue);
    margin-bottom: 0;
}

.page-template-membership .discovery-call .nf-field-container {
    margin-bottom: 2rem;
}

.page-template-membership .list-checkbox-wrap label {
    padding-left: 2rem;
}

.page-template-membership .discovery-call .field-wrap:not(.list-checkbox-wrap) .nf-field-label {
    top: 0.3rem;
}

.wp-admin .download-popup {
    display: none !important;
}

#download-popup {
    transition: opacity 0.5s ease;
}

.download-popup {
    display: none;
    min-width: 25rem;     
    position: absolute;   
    background:#fff; 
    padding: 1rem; 
    box-shadow: 0 2px 10px rgba(0,0,0,0.2); 
    z-index: 9999;
    border-radius: 7px;    
}

.download-popup::before {
    content: '';
    position: absolute;
    left: 3.5rem;
    bottom: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 20px 10px;
    border-color: transparent transparent #fff transparent;
}

.download-popup p {
    color: var(--navy-blue);
    font-size: 12px;    
    font-weight: 500;
    line-height: 1;
    margin-bottom: 1rem;
}

.progress-bar-wrap {
    width: 100%; 
    background:#DDDBDA; 
    height: 1rem; 
    border-radius: 10px; 
    overflow: hidden;
}

.page-template-membership .entry-title {
    font-size: 4.4rem;
    color: var(--navy-blue);
    text-align: center;
    font-weight: 700;
    margin-bottom: 6rem;
}

/*-----------------------------------------------------------
#FEEDBACK FORM
------------------------------------------------------------*/
.list-select-wrap {
    position: relative;
}

.list-select-wrap::after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 2rem;
    background: url('../images/angle-down-navy.svg') no-repeat center / cover;
    width: 11px;
    height: 7px;
    pointer-events: none;
    z-index: 11;
    transition: all 0.3s ease-in-out;
}

.checkbox-wrap .nf-field-label,
.list-radio-wrap .nf-field-label {
    position: unset !important;
    font-size: 2rem !important;
}

.checkbox-wrap .nf-field-label label,
.list-radio-wrap label {
    color: var(--navy-blue); 
    font-size: 16px;   
    font-weight: 500;
}

.nf-field-element p {
    color: #706E6B;
    font-size: 12px;    
    font-weight: 500;
    line-height: 1.25;
    margin-bottom: 10px;
}

/* Style the entire upload area like your old container */
.file_upload-container {
    border: 2px dashed #d9d9d9;
    border-radius: 8px;
    padding: 2.5rem 3rem;
    text-align: center;
    margin-top: 5rem;
    position: relative;
    cursor: pointer;
}

.file_upload-wrap {
    position: unset !important;
}

.page-template-membership .discovery-call .file_upload-container .nf-field-label {
    top: -3rem !important;
    left: 0 !important;
    text-align: left !important;
}

/* Add icon above text */
.file_upload-container::before {
    content: '';
    display: block;
    width: 41px;
    height: 40px;
    margin: 0 auto 10px;
    background: url('../images/icon-file.svg') no-repeat center / cover;
}

/* Add custom text */
.file_upload-container::after {
    content: 'Drop your files here' !important;
    display: block !important;
    font-size: 16px;
    color: #4f4f4f;
    position: absolute;
    top: 8rem;
    transform: translateX(-50%);
    left: 50%;
}

button.nf-fu-fileinput-button {
    padding: 0.8rem 1.6rem !important;
    margin-top: 4rem !important;
    border-width: 0 !important;
}

/* Progress bar styling */
.nf-fu-progress {
    margin: 0 0 1rem!important;
}

.nf-fu-progress-bar-success {
    background-color: #00136c !important;
}

.nf-fu-button-cancel {
    float: none !important;  
    margin: 0 auto;  
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 !important;
    border: 0 !important;
    color: var(--cyan) !important;
    font-size: 14px !important;
    background: transparent !important;
    font-weight: 500 !important;
    top: 8rem;
}

.files_uploaded p:last-child {
    margin-bottom: 0;
}
/*-----------------------------------------------------------
#CONTACT PAGE HERO
------------------------------------------------------------*/
.page-hero__contact {
    display: flex;
    align-items: center;
    margin-bottom: 3.5rem;
    width: 100%;    
}

.page-hero__contact-icon {
    background: var(--blue);
    border-radius: 5px;
    display: flex;
    width: 8.4rem;
    height: 8.4rem;
    padding: 2rem;
    align-items: center;
    gap: 1rem;
    flex-shrink: 0;
    z-index: 4;
    margin-right: -2rem;
}

.page-hero__contact-content {    
    display: flex;
    flex-direction: column;
    width: 100%;
    background: var(--navy-blue);
    padding: 1.7rem 2rem 1.7rem 4rem;
}

.page-hero__content h5 {
    color: #fff;
    font-size: 2.8rem;   
    font-weight: 700;
    line-height: normal;
    margin-bottom: 1.5rem;
}

.page-hero__contact p {
    color: #fff;
    font-size: 2rem;  
    font-weight: 500;
    line-height: 1.65;
    margin-bottom: 0;
}

.page-hero__contact a {
    color: #fff;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.page-hero__contact a:hover {
    color: var(--cyan);
    text-decoration-color: var(--cyan);
}

/*-----------------------------------------------------------
#REACH OUT BOX BLOCK
------------------------------------------------------------*/

.reach-box {
    background: var(--blue);
    color: #fff;
    position: relative;
    padding: 1.5rem 7.5rem 1.5rem 3rem;
    border-radius: 4px;
    margin-bottom: 3rem;
    height: calc(100% - 3rem);
}

.reach-box h3 {
    margin-bottom: 1rem;
}

.reach-box p {
    font-size: 1.6rem;
}

.reach-box__icon {
    position: absolute;
    top: 1.6rem; 
    right: 3rem;
}

/*-----------------------------------------------------------
#CTA FORMS
------------------------------------------------------------*/
.cta-form {
    display: flex;
    align-items: center;
    padding: 1.6rem 2rem;
    border-radius: 4px;
    border: 1px solid #fff;
    margin-bottom: 3rem;
    color: #fff;
    text-decoration: none;
    gap: 2rem;
    transition: all 0.3s ease-in-out;
}

.cta-form__icon {
    width: 6.2rem;
    height: 6.2rem;
    background: var(--blue);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.cta-form h5 {
    margin-bottom: 0;
    font-weight: 700;
    transition: all 0.3s ease-in-out;
}

.cta-form:hover {
    background: #fff;
}

.cta-form:hover h5 {
    color:  var(--blue);
}

.wp-block-columns.border--y {
    border-top: 4px solid var(--blue);
    border-bottom: 4px solid var(--blue);
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.wp-block-columns.border--y .wp-block-column:first-child {
    padding-left: 0;
}

/*-----------------------------------------------------------
#DONATIONS
------------------------------------------------------------*/
.page-template-donation .site-container {
    padding: 22rem 0 0;
}

.donate-panel-type {
    display: flex;
    justify-content: flex-start;
    gap: 2rem;
    margin-bottom: 3.5rem;
}

.donate-panel-type li a {
    text-align: center;
    display: block;
    min-width: 18.5rem;
    font-size: 2.4rem;
    font-weight: 700;
    padding: 0.5rem 3rem;
    border-radius: 4px;
    border: 2px solid var(--navy-blue);
    color: var(--navy-blue);
    text-decoration: none;
}

.donate-panel-type li a:hover,
.donate-panel-type li.ui-tabs-active a {
    background-color: var(--navy-blue);
    color: #fff;
}

.donate-amounts {
    display: flex;
    gap: 2rem;
    justify-content: flex-start;
    margin-bottom: 3rem;
}

.donate-amount {
    border-radius: 4px;
    border: 2px solid var(--navy-blue);
    min-width: 18.5rem;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

.donate-amount:hover {
    background-color: var(--navy-blue);
    color: #fff;
}

.donate-amount-value {
    padding: 2rem 3rem;
}

.donate-amount-value-number {
    font-size: 4.4rem;
    font-weight: 700;
    color: var(--navy-blue);  
    transition: all 0.2s ease-in-out;  
}

.donate-amount:hover .donate-amount-value-number {
    color: #fff;
}

.donate-header-title {
    color: var(--navy-blue);
    font-size: 1.6rem;  
    font-weight: 500;
    line-height: 1.25;
    margin-bottom: 1.5rem;
}

.donate-form-amount {
    max-width: 18.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 3.5rem;
    border-radius: 4px;
    border: 2px solid var(--navy-blue);
    padding-left: 1rem;
}

.donate-form-amount label {
    color: var(--navy-blue);
    text-align: center;
    font-size: 2.4rem;    
    font-weight: 700;
    line-height: normal;
}

.donate-form-amount input {
    padding: 0.7rem 1.5rem;
    font-size: 2rem;
    border: 0;
}

.donate-form-amount input::placeholder {
    color: var(--navy-blue);
    font-size: 12px; 
    font-weight: 500;
    line-height: 1.25;
}

.donate-form .btn--navy {
    min-width: 18.5rem;
}

.donation-form {
    border-radius: 20px;
    border: 1px solid #ECEBEA;
    background: #fff;
    padding: 35px;
    margin-bottom: 8rem;
}

.donation-form h2 {
    margin-bottom: 1.5rem;
}

.donation-form__row {
    display: flex;
    gap: 5px;
}

.input-field {
    flex: 1;
    position: relative;
    margin-bottom: 1.5rem;
}

.input-field input:not([type="checkbox"]):not([type="submit"]) {
    width: 100% !important;
}

.input-field label {
    position: absolute;
    top: 0.8rem;
    left: 1.6rem;
    z-index: 1;
    font-size: 12px;
    font-weight: 700;
    color: var(--navy-blue);
}

.donation-form__row .input-field__select {
    min-width: 15rem;
    max-width: 15rem;
}

.donation-form__wrap {
    margin-bottom: 3.5rem;
}

.input-field.input-field--checkbox label {
    color: var(--navy-blue);
    font-size: 16px;
    font-weight: 500;
    padding-left: 3rem;
    top: unset;
}

.input-field input[type="checkbox"] {
    padding: unset !important;
    width: 25px;
    height: 25px;
    cursor: pointer;
    appearance: none;    
    border-radius: 4px;
    background-color: #fff;
    position: relative;
    transition: all 0.3s ease;
    margin-top: 0 !important;
    margin-right: 1.5rem !important;   
    border: 1px solid var(--navy-blue);   
    font-size: 1.6rem;
}

.input-field input[type="checkbox"]:checked {
    background-color: var(--blue);
    border-color: var(--blue) !important;
}

.input-field input[type="checkbox"]:checked::before {
    content: "\2713";
    position: absolute;   
    color: white;
    font-size: 16px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.donation-form p {
    color: #706E6B;
    font-size: 12px; 
    font-weight: 500;
    line-height: 1.25;
    margin-bottom: 0.8rem;
}

.input-field.input-field--checkboxes label {
    padding-left: 0;
    position: unset;
}

.input-field input[type="submit"] {
    background-color: var(--navy-blue) !important;
    border-radius: 12px;
    padding: 1.6rem;
    min-width: 18rem;
}

.input-field input[type="submit"]:hover,
.input-field input[type="submit"]:focus,
.input-field input[type="submit"]:active {
    background-color: var(--blue) !important;
}

.donation-form a {
    color: var(--navy-blue);
    text-decoration: underline;
}

.donation-form a:hover {
    color: var(--blue);
}

#CreditCardForm #card-number, 
#CreditCardForm #card-expiry, 
#CreditCardForm #card-cvc {
    border-radius: 4px;
    border: 1px solid #DDDBDA;
    background-color: #fff;
    color: #02086A;
    font-weight: 400;
    padding: 3rem 1.6rem 0.8rem;
    font-size: 1.6rem;
    width: 100%;
    border-radius: 4px;
}

#CreditCardForm #card-number input, 
#CreditCardForm #card-expiry input, 
#CreditCardForm #card-cvc input {
    color: #02086A;
    font-weight: 400;
    font-size: 1.6rem;
}

/* Treat Ninja fields like old input-field */
.donation-form .nf-field-container {
    position: relative;
    margin-bottom: 1.5rem;
    flex: 1;
}

.donation-form .nf-field-element input:not([type="checkbox"]):not([type="submit"]):not([type="radio"]),
.donation-form .nf-field-element textarea,
.donation-form .nf-field-element select {
    width: 100% !important;
    border-radius: 4px;
    border: 1px solid #DDDBDA;
    background: #fff;
    color: #02086A;
    font-size: 1.6rem;
    padding: 3rem 1.6rem 0.8rem;
}

/* Floating labels */
.donation-form .nf-field-label label {
    position: absolute;
    top: 0.8rem;
    left: 1.6rem;
    z-index: 2;
    font-size: 12px;
    font-weight: 700;
    color: var(--navy-blue);
    pointer-events: none;
}

.donation-form .nf-field-label {
    margin: 0;
}

.page-template-donation .site-inner .container {
    max-width: 73rem;
}

.page-template-donation .nf-form-fields-required{
    display: none;
}

#monthly-donation-form .donate-form-amount {
    display: none;
}