/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Vars
# Typography & Resets
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Vars
--------------------------------------------------------------*/
:root {
    --color-white: #fff;
    --color-black: #000;
    --color-off-black: #333333;
    --color-haze: #717180;
    --color-sunrise: #D79133;
    --color-pure-blue: #14B2E3;
    --color-sapphire: #375172;
    --color-light-grey: #f7f7f7;
    --font-size-primary-heading: min(calc(2rem + 2vw), 3.5rem);
    --font-size-secondary-heading: min(calc(1.4rem + 1.4vw), 2.8rem);
    --font-size-tertiary-heading: min(calc(1.3rem + 0.8vw), 2.3rem);
    --font-size-quartary-heading: min(calc(1.2rem + 0.5vw), 1.7rem);
    --font-size-quinary-heading: min(calc(1rem + 0.2vw), 1.2rem);
    --font-size-body: 1rem;
}

/*--------------------------------------------------------------
# Typography & Resets
--------------------------------------------------------------*/
body,
html {
    height: 100%;
    scroll-behavior: smooth;
}

body {
    font-family: "Montserrat", sans-serif;
    overflow-x: hidden;
    overflow-wrap: break-word;
    color: var(--color-sapphire);
    font-size: var(--font-size-body);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 1.1em;
}

h1 {
    font-size: var(--font-size-primary-heading);
    font-weight: 300;
}

h2 {
    font-size: var(--font-size-secondary-heading);
    font-weight: 300;
}

h3 {
    font-size: var(--font-size-tertiary-heading);
}

h4 {
    font-size: var(--font-size-quartary-heading);
}

h5,
h6,
.sub-heading {
    font-size: var(--font-size-quinary-heading);
}

.sub-heading {
    font-weight: 700;
    letter-spacing: 2.4px;
    font-size: var(--font-size-body);
    text-transform: uppercase;
}

p,
li,
a {

    font-size: var(--font-size-body);
}

p {
    text-wrap: wrap;
}

a,
a:active,
a:focus {
    outline: none;
    text-decoration: none;
    transition: 0.25s ease all;
    color: var(--color-sunrise);
}

a:visited {
    color: unset;
}


.max-width {
    max-width: 1500px;
    padding: 0 1em;
    margin: 0 auto;
}


section {
    margin: 6em 0;
    padding: 3em 0;
    position: relative;
}

/*Button Styling*/

.button,
body .gform_button,
.menu .button a {
    font-family: "Montserrat", sans-serif;
    display: inline-block;
    text-decoration: none;
    font-weight: 700;
    border-radius: 100px;
    border-top-left-radius: 0;
    padding: 13px 30px;
    font-size: var(--font-size-body);
    text-shadow: none;
    box-shadow: none;
    transition: 0.25s ease all;
    text-transform: uppercase;
    letter-spacing: 2.2px;
    border-radius: 3em;
    z-index: 2;
    position: relative;
    cursor: pointer;
    background-color: transparent;
    text-align: center;
	word-break: break-word !important;
	word-wrap: break-word !important;
}

.button.blue.outline {
    color: var(--color-sapphire);
    border: 4px solid var(--color-sapphire);
    background: transparent;
}

.button.blue.outline:hover {
    color: var(--color-white);
    background: var(--color-sapphire);
}

.button.pure-blue,
.menu .button a {
    color: var(--color-white);
    border: 4px solid var(--color-pure-blue);
    background: var(--color-pure-blue);
}

.button.pure-blue:hover,
.menu .button a:hover {
    background: var(--color-sunrise);
    border: 4px solid var(--color-sunrise);
    color: var(--color-white);
}

.button.sunrise {
    color: var(--color-white);
    background: var(--color-sunrise);
    border: 4px solid var(--color-sunrise);
}

.button.sunrise:hover {
    background: var(--color-pure-blue);
    border: 4px solid var(--color-pure-blue);
}

.button.white.outline {
    color: var(--color-white);
    border: 4px solid var(--color-white);
    background: transparent;
}

.button.white.outline:hover {
    color: var(--color-sapphire);
    background: var(--color-white);
}

.mt-0 {
    margin-top: 0;
}

.mb-0 {
    margin-bottom: 0;
}

section#shadow-host-companion {
    padding: 0;
    margin: 0;
}

#field_5_13 {
    height: 0px;
    overflow: hidden;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
#site-header {
    transition: top 0.5s ease-in-out;
    background-color: var(--color-white);
    height: 80px;
}

.menu .button {
    padding: unset;
}

.menu .button a {
    color: var(--color-white) !important;
    padding: 7px 30px;
}

.pureblue.current-menu-item,
.menu-item-795 .sub-menu .current-menu-item {
    border-bottom: 0 !important;
}

#site-header .row.mobile {
    display: none;
    justify-content: space-between;
    align-items: center;
}

#site-header .col-lg-2 {
    position: relative;
    display: flex;
}

#site-header .page-item-465 {
    border-bottom: 0px;
}


#site-header .col-lg-5 {
    display: flex;
    align-items: center;
}

#site-header .col-lg-5.left {
    justify-content: flex-end;
}

#site-header .col-lg-5.right {
    justify-content: flex-start;
}

#site-header .container-fluid,
#site-header .row {
    height: 100%;
    overflow: visible;
}

#logo {
    border-radius: 0% 0% 50% 50%;
    width: 140px;
    height: 140px;
    margin: auto;
    position: absolute;
    z-index: 2;
    background: var(--color-white);
}

html #logo img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    padding: 1em;
	max-width: 150px!important;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}

.sticky #logo {
    height: 80px;
    width: 80px;
}

.sticky #logo img {
    padding: .5em;
}

#site-header ul.menu {
    margin: unset;
    padding: unset;
    list-style: none;
}

#left-nav,
#right-nav {
    height: 100%;
}

#left-nav #primary-menu {
    justify-content: flex-end;
}

#site-header ul.menu {
    display: flex;
    gap: 1em;
}

#site-header .menu {
    align-items: center;
    height: 100%;
}
#site-header .menu  .sub-menu {
    display: flex;
    flex-direction: column;
    padding: 2em 1em 1em 1em;
    background: var(--color-white);
    gap: 1em;
    list-style: none;
    margin: 0;
    width: 225px;
    z-index: -1;
    transform: translateX(-100vw);
}

#site-header .menu .sub-menu li {
    margin: unset;
}

#site-header .menu  li ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 100;
    opacity: 0;
    transition: opacity 0.5s linear 0s;
}

#site-header .menu  .menu-item-has-children:hover ul.sub-menu {
    opacity: 1;
    display: flex;
    z-index: 20;
    transform: unset;
}

#site-header .menu  li {
    margin: 0 15px;
    text-transform: uppercase;
    color: var(--color-sapphire);
    position: relative;
}

#site-header .menu  li a {
    color: var(--color-sapphire);
    text-transform: uppercase;
    font-weight: 700;
}

#site-header .menu li a:hover,
#site-header .menu li.current-menu-item > a {
    color: var(--color-sunrise) !important;
}

.menu-item-has-children>a:after,
ul.responsive-menu-items li.menu-item-has-children::after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 8px;
    background-image: url('/wp-content/uploads/2023/10/expand_more.png');
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-left: 5px;
    margin-top: -2px;
    transition: all ease .25s;
}

ul.responsive-menu-items li.menu-item-has-children::after {
    border: 0 !important;
    background-image: url('/wp-content/uploads/2023/10/expand_more-1.png');
}

ul.responsive-menu-items li.menu-item-has-children.open::after {
    transform: rotate(180deg)
}

.menu-item-has-children:hover>a:after {
    transform: rotate(180deg);
}

.responsive-menu-interior {
    background: var(--color-sapphire);
}

.offcanvas-logo img {
    filter: brightness(0) invert(1);
}


.responsive-menu {
    position: relative;
}

ul#responsive-menu-items,
ul.responsive-menu-items .button a {
    margin: unset;
    padding: unset;
    letter-spacing: 2.4px;
    row-gap: .5em;
}



ul.responsive-menu-items .button {
    padding: 7px 30px;
}

.offcanvas-logo {
    display: inline-block;
    top: 4%;
    left: 5vw;
    position: absolute;
    height: 45px;
    width: 45px;
}

#menu-button {
    position: relative;
}

/*
#menu-button.open{
    position: fixed;
    top: 4%;
	right: 5vw;
}*/

ul,
ol {
    margin: 0 0 1.5em 2em;
    padding: 0;
}

/*--------------------------------------------------------------
# Lazy Load
--------------------------------------------------------------*/
img[data-lazy-src] {
    opacity: 0;
}

img.lazyloaded {
    -webkit-transition: opacity .5s linear 0.2s;
    -moz-transition: opacity .5s linear 0.2s;
    transition: opacity .5s linear 0.2s;
    opacity: 1;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/

.hero-section {
    position: relative;
    background-size: cover;
    background-position: center;
    min-height: 90vh;
    overflow: hidden;
    margin-top: 0;
}

body.home .hero-section {
    min-height: 90vh;
    justify-content: flex-start;
    text-align: left;
}

.hero-background {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
    height: 100%;
    object-fit: cover;
}

.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(55, 81, 114, 0.6);
    z-index: 1;
    height: 100%;
}

.hero-heading h1 {
    font-weight: 400;
}

.hero-content {
    position: relative;
    z-index: 2;
}

/*--------------------------------------------------------------
# About Us Section
--------------------------------------------------------------*/

.about-section {
    position: relative;
}

.about-image {
    width: 100%;
    display: block;
    max-height: 540px;
    object-fit: cover;
    min-height: 300px;
}

.about-box {
    position: absolute;
    bottom: -4%;
    right: 15%;
    background: var(--color-white);
    filter: drop-shadow(4px 4px 18px rgba(137, 139, 142, 0.30));
    max-width: 600px;
    border-radius: 0px 100px 0px 0px;
    padding: 3.5em;
	z-index: 999!important;
}

.about-heading {
    margin-top: 0;
    color: var(--color-sapphire);
}

.about-button {
    display: inline-block;
    padding: 0.75rem 1.5rem;
    background-color: #375172;
    color: #fff;
    border-radius: 4px;
    text-decoration: none;
    margin-top: 1rem;
}

/*--------------------------------------------------------------
# Featured Video Section
--------------------------------------------------------------*/
.video-container {
    position: relative;
    display: inline-block;
    width: auto;
    margin: auto;
    max-width: 100%;
    width: 100%;
}

.featured-video {
    max-height: 750px;
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100%;
    z-index: 1;
    right: unset;
    margin: unset;
    object-fit: cover;
}

.play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    background-color: transparent;
    border: none;
    outline: none;
    display: flex;
    cursor: pointer;
    width: 150px;
    height: 150px;
    transition: all 0.2s ease-in-out;
    align-items: center;
    justify-content: center;
}

.play-button svg {
    width: 150px;
    height: 150px;
}

.play-button:hover {
    transform: translate(-50%, -50%) scale(1.1);
}

video {
    display: block;
    margin: auto;
    width: 100%;
}

/*--------------------------------------------------------------
# Video Gallery
--------------------------------------------------------------*/
.video-gallery {
    margin: 3em auto;
}

.video-gallery .row {
    row-gap: .5rem;
}
.plyr--full-ui.plyr--video .plyr__control--overlaid {
    display: block;
   background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg enable-background='new 0 0 711.5 711.5' version='1.1' viewBox='0 0 711.5 711.5' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3e%3cpath class='st0' fill='%23375172' d='m366.7 8.7c3.2 0.3 6.4 0.8 9.5 1 26 1.5 51.4 6 76.3 13.3 22.3 6.5 43.7 15.3 64.2 26.1 18.8 10 36.6 21.6 53.3 34.9 12 9.5 23.4 19.7 34 30.7 13.5 14 25.8 29 36.8 45.1 18.7 27.3 33.2 56.6 43.5 88 6.8 20.9 11.9 42.2 14.2 64 1.3 12.6 2.4 25.2 2.7 37.8 1 48.1-8 94.4-26.6 138.8-11.6 27.7-26.5 53.5-44.8 77.2-6.6 8.6-13.8 16.8-21.2 24.9-23.2 25.5-49.9 46.6-79.6 63.9-31.5 18.4-65.1 31.5-100.8 39.2-19.9 4.3-40 6.7-60.4 7.5-43.3 1.6-85.3-4.7-126.2-18.9-25.2-8.8-49.1-20.3-71.7-34.7-15.8-10.1-30.9-21.3-44.8-33.9-6.9-6.3-13.7-12.6-20.2-19.3-18.8-19.6-35.1-41.2-48.8-64.7-12.8-21.9-23.2-44.9-30.9-69.1-8.1-25.2-13.2-51.1-15.2-77.5-0.3-4.4-0.6-8.8-1-13.2-0.1-0.7-0.3-1.4-0.5-2.1v-25c0.2-0.7 0.4-1.4 0.5-2.1 0.4-5.6 0.7-11.1 1.2-16.7 2-20.6 5.6-40.9 11.1-60.8 8.4-30.4 20.7-59 37-86 16.1-26.7 35.2-50.9 58.1-72.2 6.9-6.4 14-12.7 21.3-18.8 17.5-14.5 36.5-26.8 56.6-37.4 21.3-11.3 43.6-20.2 66.9-26.7 23.8-6.7 48-10.9 72.7-12.3 3.2-0.2 6.4-0.7 9.5-1h23.3zm-11.5 673.2c179.8 0.4 326.7-146.4 326.7-326.5 0-179.8-145.5-325.4-323.9-326.7-182.5-1.4-327 145.5-329.4 321.9-2.5 184.2 147.1 331.9 326.6 331.3z' /%3e%3cpath class='st0' fill='%23375172' d='m356.7 96.3c36.2 0.6 70.8 8 103.7 22.9 21.3 9.6 40.8 22 58.7 36.9 26.4 22.2 47.9 48.3 64.2 78.8 15.4 28.7 25 59.3 28.8 91.7 3.7 31.3 1.9 62.3-5.9 92.9-6.8 26.9-17.6 52-32.5 75.3-9.3 14.5-19.8 27.8-31.7 40.3-22 23-47.4 41.1-76.1 54.7-23.9 11.3-49 18.6-75.2 22-41 5.3-81.1 1.1-120-12.9-25.6-9.2-49.1-22.3-70.7-38.9-11.8-9.1-22.8-19.2-32.9-30.1-15.1-16.3-28-34.2-38.5-53.7-12.2-22.6-20.9-46.4-26-71.6-2.9-14.2-4.4-28.6-4.8-43.1-0.7-23.1 1.8-45.9 7.3-68.3 6.2-25.2 16.1-48.8 29.5-71 8.6-14.3 18.6-27.5 29.7-39.9 23.2-25.7 50.5-45.9 81.8-60.7 25-11.9 51.3-19.6 78.8-22.7 10.5-1.3 21.2-1.8 31.8-2.6zm1.5 496c40.4-0.3 80.9-11.2 118.3-33.7 22.6-13.6 42.3-30.5 59.2-50.9 17.2-20.7 30.4-43.7 39.7-68.9 9-24.3 13.7-49.6 14.8-75.4 0.4-8.1 0-16.2-0.4-24.2-0.7-15.4-3.2-30.5-7-45.3-5.4-20.6-13.3-40.2-24.1-58.7-7.1-12.2-15.1-23.7-24.2-34.4-8.8-10.3-18.4-19.7-28.9-28.4-13.1-10.9-27.2-20.2-42.3-28-16.9-8.7-34.6-15.2-53-19.5-29.6-7-59.5-8.3-89.6-4.1s-58.4 14-84.7 29.2c-18.5 10.8-35.3 23.7-50.3 39.1-12.6 13-23.6 27.2-33 42.8-9.9 16.4-17.7 33.8-23.2 52.1-10.4 34.3-12.9 69.1-7.6 104.5 5 33 15.9 63.9 33.4 92.4 13.4 21.9 30.1 41 49.9 57.4 19.9 16.5 41.9 29.4 66.1 38.6 27 10.3 54.9 15.3 86.9 15.4z' /%3e%3cpath class='st0' fill='%23375172' d='m634 370.8c3.1 2.7 6 5.2 8.9 7.7 2.5 2.3 2.8 2.3 5.3 0 2.8-2.5 5.7-5 9.2-7.9-0.3 4.4-0.4 8.2-0.8 11.9-3.3 35.9-12.5 70.2-28.1 102.8-10.5 21.8-23.1 42.3-38.7 60.8-7.9 9.4-16.1 18.7-24.9 27.2-20.2 19.6-42.8 36-67.7 49.2-29.6 15.8-60.9 26.2-94 31.6-8.8 1.4-17.7 2.1-26.5 3.1-1.5 0.2-2.5-0.3-3.4-1.4-3-3.6-6.1-7-9.2-10.6 3.1-3.6 5.9-7.1 9-10.4 0.7-0.8 2-1.2 3.1-1.3 24.4-1.7 48.1-6.7 71.2-14.7 28.2-9.8 54.1-23.9 77.7-42 11.8-9 22.8-18.8 33-29.7 18-19.3 33.3-40.5 45.4-64 14.7-28.6 24.1-58.7 28.4-90.6 0.8-6.3 1.2-12.6 1.9-18.9-0.1-0.8 0-1.6 0.2-2.8z' /%3e%3cpath class='st0' fill='%23375172' d='m339.4 634c-2 2.3-3.6 4.3-5.2 6.2-0.4 0.4-0.8 0.8-1.2 1.3-3.2 4.1-3.7 3 0 7.1 2.4 2.7 4.7 5.5 7.3 8.5-2.4 0-4.3 0.1-6.3 0-22.3-1.7-44.2-5.6-65.7-12-29.5-8.9-57.1-21.7-82.3-39.3-10.9-7.6-21.5-15.9-31.5-24.7-9.5-8.3-18.4-17.3-26.8-26.8-21-23.7-37.6-50.2-50.2-79.3-10-23.1-17-47.1-20.9-72-1.4-9-2.2-18.2-3.1-27.3-0.1-0.7 0.1-1.6 0.5-2 3.5-3.2 7.2-6.4 10.8-9.6 3.9 3.3 7.6 6.4 11.2 9.6 0.6 0.6 1.1 1.7 1.1 2.6 3.1 40.3 14.3 78.1 33.7 113.6 8.6 15.7 18.6 30.5 30.2 44.1 6.9 8.2 14.2 16.1 22 23.5 19 18.1 40.1 33.3 63.4 45.4 27.7 14.4 56.9 23.8 87.7 28.4 7.3 1.1 14.7 1.6 22.1 2.4 0.9 0 1.7 0.1 3.2 0.3z' /%3e%3cpath class='st0' fill='%23375172' d='m370.6 76.7c3-3.4 5.5-6.5 8.2-9.4 1.2-1.3 1.8-2.3 0.3-3.9-2.9-3.1-5.4-6.4-8.6-10.1 4.2 0.3 7.6 0.4 11.1 0.7 30.2 2.7 59.5 9.6 87.6 21.1 26.1 10.7 50.4 24.5 72.4 42.2 8.3 6.7 16.3 13.7 24 21 27.5 26.1 48.9 56.7 64.7 91.1 12.8 27.7 21.2 56.7 24.9 87.1 0.7 5.9 1.2 11.7 1.9 17.6 0.2 1.6-0.1 2.8-1.4 3.9-3 2.4-5.8 5-8.6 7.6-1 0.9-1.9 1-2.8 0.1-3.2-2.9-6.5-5.7-9.7-8.6-0.6-0.6-1.1-1.7-1.1-2.6-2.3-30.8-9.5-60.5-21.7-88.9-8.7-20.3-19.6-39.3-32.9-56.9-6.2-8.3-13.1-16.1-20.1-23.8-15.6-17.3-33.7-31.8-53.2-44.5-24.5-15.8-50.8-27.3-79-34.7-17.3-4.5-34.8-7.5-52.7-8.5-0.9-0.2-1.8-0.3-3.3-0.5z' /%3e%3cpath class='st0' fill='%23375172' d='m76.6 340c-2.1-1.7-3.8-3.1-5.5-4.5-1.5-1.2-3-2.4-4.3-3.8-1.5-1.7-2.7-1.3-4.2 0.1-2.9 2.7-5.9 5.2-9.5 8.3 0.3-4.3 0.4-7.8 0.7-11.3 3.7-41.1 15.2-79.9 34.7-116.2 9.9-18.4 21.3-35.9 35.2-51.6 8.6-9.7 17.4-19.3 26.8-28.2 22.7-21.2 48.3-38.2 76.4-51.4 30.8-14.5 63.2-23.3 97-26.9 3.6-0.4 7.1-0.7 10.7-0.9 0.8 0 1.9 0.2 2.4 0.8 3.2 3.5 6.2 7.1 9.4 10.8-3.4 3.9-6.6 7.7-9.9 11.4-0.4 0.5-1.4 0.6-2.1 0.6-17.9 1.4-35.5 4.3-52.8 9.1-26.1 7.1-50.7 17.8-73.6 32.1-16.5 10.3-31.7 22.2-45.7 35.6-20.5 19.6-37.5 41.7-51.3 66.4-14 25.3-24 52.2-29.3 80.8-2.1 11.5-3.1 23.2-4.6 34.9-0.1 1.1-0.3 2.2-0.5 3.9z' /%3e%3cpolygon fill='%23375172' class='st1' points='458 355.7 296.2 254.5 296.2 457' /%3e%3c/svg%3e");
    background-color: transparent;
    opacity: 1;
    width: 107px;
    height: 107px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all 0.2s ease-in-out;
}
.plyr--full-ui.plyr--video .plyr__control--overlaid:hover{
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg enable-background='new 0 0 711.5 711.5' version='1.1' viewBox='0 0 711.5 711.5' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3e%3cpath class='st0' fill='%23375172' d='m366.7 8.7c3.2 0.3 6.4 0.8 9.5 1 26 1.5 51.4 6 76.3 13.3 22.3 6.5 43.7 15.3 64.2 26.1 18.8 10 36.6 21.6 53.3 34.9 12 9.5 23.4 19.7 34 30.7 13.5 14 25.8 29 36.8 45.1 18.7 27.3 33.2 56.6 43.5 88 6.8 20.9 11.9 42.2 14.2 64 1.3 12.6 2.4 25.2 2.7 37.8 1 48.1-8 94.4-26.6 138.8-11.6 27.7-26.5 53.5-44.8 77.2-6.6 8.6-13.8 16.8-21.2 24.9-23.2 25.5-49.9 46.6-79.6 63.9-31.5 18.4-65.1 31.5-100.8 39.2-19.9 4.3-40 6.7-60.4 7.5-43.3 1.6-85.3-4.7-126.2-18.9-25.2-8.8-49.1-20.3-71.7-34.7-15.8-10.1-30.9-21.3-44.8-33.9-6.9-6.3-13.7-12.6-20.2-19.3-18.8-19.6-35.1-41.2-48.8-64.7-12.8-21.9-23.2-44.9-30.9-69.1-8.1-25.2-13.2-51.1-15.2-77.5-0.3-4.4-0.6-8.8-1-13.2-0.1-0.7-0.3-1.4-0.5-2.1v-25c0.2-0.7 0.4-1.4 0.5-2.1 0.4-5.6 0.7-11.1 1.2-16.7 2-20.6 5.6-40.9 11.1-60.8 8.4-30.4 20.7-59 37-86 16.1-26.7 35.2-50.9 58.1-72.2 6.9-6.4 14-12.7 21.3-18.8 17.5-14.5 36.5-26.8 56.6-37.4 21.3-11.3 43.6-20.2 66.9-26.7 23.8-6.7 48-10.9 72.7-12.3 3.2-0.2 6.4-0.7 9.5-1h23.3zm-11.5 673.2c179.8 0.4 326.7-146.4 326.7-326.5 0-179.8-145.5-325.4-323.9-326.7-182.5-1.4-327 145.5-329.4 321.9-2.5 184.2 147.1 331.9 326.6 331.3z' /%3e%3cpath class='st0' fill='%23375172' d='m356.7 96.3c36.2 0.6 70.8 8 103.7 22.9 21.3 9.6 40.8 22 58.7 36.9 26.4 22.2 47.9 48.3 64.2 78.8 15.4 28.7 25 59.3 28.8 91.7 3.7 31.3 1.9 62.3-5.9 92.9-6.8 26.9-17.6 52-32.5 75.3-9.3 14.5-19.8 27.8-31.7 40.3-22 23-47.4 41.1-76.1 54.7-23.9 11.3-49 18.6-75.2 22-41 5.3-81.1 1.1-120-12.9-25.6-9.2-49.1-22.3-70.7-38.9-11.8-9.1-22.8-19.2-32.9-30.1-15.1-16.3-28-34.2-38.5-53.7-12.2-22.6-20.9-46.4-26-71.6-2.9-14.2-4.4-28.6-4.8-43.1-0.7-23.1 1.8-45.9 7.3-68.3 6.2-25.2 16.1-48.8 29.5-71 8.6-14.3 18.6-27.5 29.7-39.9 23.2-25.7 50.5-45.9 81.8-60.7 25-11.9 51.3-19.6 78.8-22.7 10.5-1.3 21.2-1.8 31.8-2.6zm1.5 496c40.4-0.3 80.9-11.2 118.3-33.7 22.6-13.6 42.3-30.5 59.2-50.9 17.2-20.7 30.4-43.7 39.7-68.9 9-24.3 13.7-49.6 14.8-75.4 0.4-8.1 0-16.2-0.4-24.2-0.7-15.4-3.2-30.5-7-45.3-5.4-20.6-13.3-40.2-24.1-58.7-7.1-12.2-15.1-23.7-24.2-34.4-8.8-10.3-18.4-19.7-28.9-28.4-13.1-10.9-27.2-20.2-42.3-28-16.9-8.7-34.6-15.2-53-19.5-29.6-7-59.5-8.3-89.6-4.1s-58.4 14-84.7 29.2c-18.5 10.8-35.3 23.7-50.3 39.1-12.6 13-23.6 27.2-33 42.8-9.9 16.4-17.7 33.8-23.2 52.1-10.4 34.3-12.9 69.1-7.6 104.5 5 33 15.9 63.9 33.4 92.4 13.4 21.9 30.1 41 49.9 57.4 19.9 16.5 41.9 29.4 66.1 38.6 27 10.3 54.9 15.3 86.9 15.4z' /%3e%3cpath class='st0' fill='%23375172' d='m634 370.8c3.1 2.7 6 5.2 8.9 7.7 2.5 2.3 2.8 2.3 5.3 0 2.8-2.5 5.7-5 9.2-7.9-0.3 4.4-0.4 8.2-0.8 11.9-3.3 35.9-12.5 70.2-28.1 102.8-10.5 21.8-23.1 42.3-38.7 60.8-7.9 9.4-16.1 18.7-24.9 27.2-20.2 19.6-42.8 36-67.7 49.2-29.6 15.8-60.9 26.2-94 31.6-8.8 1.4-17.7 2.1-26.5 3.1-1.5 0.2-2.5-0.3-3.4-1.4-3-3.6-6.1-7-9.2-10.6 3.1-3.6 5.9-7.1 9-10.4 0.7-0.8 2-1.2 3.1-1.3 24.4-1.7 48.1-6.7 71.2-14.7 28.2-9.8 54.1-23.9 77.7-42 11.8-9 22.8-18.8 33-29.7 18-19.3 33.3-40.5 45.4-64 14.7-28.6 24.1-58.7 28.4-90.6 0.8-6.3 1.2-12.6 1.9-18.9-0.1-0.8 0-1.6 0.2-2.8z' /%3e%3cpath class='st0' fill='%23375172' d='m339.4 634c-2 2.3-3.6 4.3-5.2 6.2-0.4 0.4-0.8 0.8-1.2 1.3-3.2 4.1-3.7 3 0 7.1 2.4 2.7 4.7 5.5 7.3 8.5-2.4 0-4.3 0.1-6.3 0-22.3-1.7-44.2-5.6-65.7-12-29.5-8.9-57.1-21.7-82.3-39.3-10.9-7.6-21.5-15.9-31.5-24.7-9.5-8.3-18.4-17.3-26.8-26.8-21-23.7-37.6-50.2-50.2-79.3-10-23.1-17-47.1-20.9-72-1.4-9-2.2-18.2-3.1-27.3-0.1-0.7 0.1-1.6 0.5-2 3.5-3.2 7.2-6.4 10.8-9.6 3.9 3.3 7.6 6.4 11.2 9.6 0.6 0.6 1.1 1.7 1.1 2.6 3.1 40.3 14.3 78.1 33.7 113.6 8.6 15.7 18.6 30.5 30.2 44.1 6.9 8.2 14.2 16.1 22 23.5 19 18.1 40.1 33.3 63.4 45.4 27.7 14.4 56.9 23.8 87.7 28.4 7.3 1.1 14.7 1.6 22.1 2.4 0.9 0 1.7 0.1 3.2 0.3z' /%3e%3cpath class='st0' fill='%23375172' d='m370.6 76.7c3-3.4 5.5-6.5 8.2-9.4 1.2-1.3 1.8-2.3 0.3-3.9-2.9-3.1-5.4-6.4-8.6-10.1 4.2 0.3 7.6 0.4 11.1 0.7 30.2 2.7 59.5 9.6 87.6 21.1 26.1 10.7 50.4 24.5 72.4 42.2 8.3 6.7 16.3 13.7 24 21 27.5 26.1 48.9 56.7 64.7 91.1 12.8 27.7 21.2 56.7 24.9 87.1 0.7 5.9 1.2 11.7 1.9 17.6 0.2 1.6-0.1 2.8-1.4 3.9-3 2.4-5.8 5-8.6 7.6-1 0.9-1.9 1-2.8 0.1-3.2-2.9-6.5-5.7-9.7-8.6-0.6-0.6-1.1-1.7-1.1-2.6-2.3-30.8-9.5-60.5-21.7-88.9-8.7-20.3-19.6-39.3-32.9-56.9-6.2-8.3-13.1-16.1-20.1-23.8-15.6-17.3-33.7-31.8-53.2-44.5-24.5-15.8-50.8-27.3-79-34.7-17.3-4.5-34.8-7.5-52.7-8.5-0.9-0.2-1.8-0.3-3.3-0.5z' /%3e%3cpath class='st0' fill='%23375172' d='m76.6 340c-2.1-1.7-3.8-3.1-5.5-4.5-1.5-1.2-3-2.4-4.3-3.8-1.5-1.7-2.7-1.3-4.2 0.1-2.9 2.7-5.9 5.2-9.5 8.3 0.3-4.3 0.4-7.8 0.7-11.3 3.7-41.1 15.2-79.9 34.7-116.2 9.9-18.4 21.3-35.9 35.2-51.6 8.6-9.7 17.4-19.3 26.8-28.2 22.7-21.2 48.3-38.2 76.4-51.4 30.8-14.5 63.2-23.3 97-26.9 3.6-0.4 7.1-0.7 10.7-0.9 0.8 0 1.9 0.2 2.4 0.8 3.2 3.5 6.2 7.1 9.4 10.8-3.4 3.9-6.6 7.7-9.9 11.4-0.4 0.5-1.4 0.6-2.1 0.6-17.9 1.4-35.5 4.3-52.8 9.1-26.1 7.1-50.7 17.8-73.6 32.1-16.5 10.3-31.7 22.2-45.7 35.6-20.5 19.6-37.5 41.7-51.3 66.4-14 25.3-24 52.2-29.3 80.8-2.1 11.5-3.1 23.2-4.6 34.9-0.1 1.1-0.3 2.2-0.5 3.9z' /%3e%3cpolygon fill='%23375172' class='st1' points='458 355.7 296.2 254.5 296.2 457' /%3e%3c/svg%3e");
    width: 115px;
    height: 115px;
}
.plyr__control.plyr__control--overlaid svg{
    opacity: 0;
}
.plyr__poster{
    background-size: cover !important;
}
.full-video-item{
display: block;
display: none;
}
.mt-2{
    margin-top: 2em;
}
/*--------------------------------------------------------------
# Icon Row Section
--------------------------------------------------------------*/

.page-id-413 .icons .row-description .description p{
font-size: 22px; 
}

.page-id-413 .member-job-title{
    display: none; 
}

.icon-img {
    width: 120px;
    height: 100px;
    object-fit: contain;
}

.icon-col {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.icon-heading {
    color: var(--color-sapphire);
}

.icon-description p {
    margin-top: 0;
}

.page-id-413 .icons .icon-col:nth-last-child(-n+2) {
    padding-top: 7em; 
} 

.play-button svg .st0 {
    fill: var(--color-sapphire);
}

.play-button svg .st1 {
    fill: none;
    stroke: var(--color-sapphire);
    stroke-width: 20;
    stroke-miterlimit: 10;
}

.home .play-button svg .st0 {
    fill: var(--color-white);
}

.home .play-button svg .st1 {
    stroke: var(--color-white);
}
.row-description{
    margin-bottom: 4em;
}
/*--------------------------------------------------------------
# Gravity Form Base Styling
--------------------------------------------------------------*/
body .gform_wrapper.gravity-theme input[type=color],
body .gform_wrapper.gravity-theme input[type=date],
body .gform_wrapper.gravity-theme input[type=datetime-local],
body .gform_wrapper.gravity-theme input[type=datetime],
body .gform_wrapper.gravity-theme input[type=email],
body .gform_wrapper.gravity-theme input[type=month],
body .gform_wrapper.gravity-theme input[type=number],
body .gform_wrapper.gravity-theme input[type=password],
body .gform_wrapper.gravity-theme input[type=search],
body .gform_wrapper.gravity-theme input[type=tel],
body .gform_wrapper.gravity-theme input[type=text],
body .gform_wrapper.gravity-theme input[type=time],
body .gform_wrapper.gravity-theme input[type=url],
body .gform_wrapper.gravity-theme input[type=week],
body .gform_wrapper.gravity-theme select,
body .gform_wrapper.gravity-theme textarea {
    padding: 8px 15px;
}

body .gform_wrapper.gravity-theme select {
    /* Hide the default dropdown arrow */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* Hide the default dropdown arrow */
body .gform_wrapper select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 4 5'><path fill='%232C3E50' d='M2 3L0 0h4'></path></svg>") no-repeat;
    background-position: right 15px center;
    margin-right: 15px;
    border-radius: 50px;
}

/* For Firefox - it uses a different method to hide the arrow */
body .gform_wrapper select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}

body .gform_wrapper.gravity-theme .gform_previous_button.button,
body .gform_wrapper.gravity-theme .gform_save_link.button,
#gform_submit_button_4 {
    color: var(--color-white);
    background: transparent;
    border: 4px solid var(--color-pure-blue);
    width: 50%;
}

body .gform_wrapper.gravity-theme .gform_previous_button.button:hover,
body .gform_wrapper.gravity-theme .gform_save_link.button:hover,
#gform_submit_button_4:hover {
    color: var(--color-white);
    background: var(--color-pure-blue);
    border: 4px solid var(--color-pure-blue);
}

/*--------------------------------------------------------------
# Newsletter CTA Section
--------------------------------------------------------------*/
.newsletter-cta-section {
    align-items: stretch;
    background: var(--color-sunrise);
    padding: 0;
    color: var(--color-white);
    margin-bottom: unset;
    margin-top: 0;
}

.newsletter-cta-section .gform_wrapper {
    width: 100%;
}

.newsletter-cta-section .gform_wrapper input::placeholder {
    font-style: italic;
}

.newsletter-cta-section .content-col {
    padding-top: 3em;
    padding-bottom: 3em;
}

.newsletter-sub-heading {
    color: var(--color-sapphire);
    font-weight: 700;
    margin: unset;
}

.newsletter-cta-section h2,
.text-and-form h2 {
    margin: unset;
    margin-left: -5px;
}

.newsletter-description {
    max-width: 500px;
}

.image-col {
    padding: 0;
    overflow: hidden;
    max-height: 400px;
}

.newsletter-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 200px 0px 0px 200px;
}

.newsletter-cta-section form,
.modal-footer form {
    display: flex;
}

.newsletter-cta-section .gform-body,
.modal-footer .gform-body {
    min-width: 68%;
}

.newsletter-cta-section form .ginput_container_email input,
.modal-footer .ginput_container_email input {
    border-radius: 3em;
    padding-right: 50px !important;
    height: 58px;
}

.newsletter-cta-section form .gform_footer,
.modal-footer .gform_footer {
    margin: unset !important;
    padding: unset !important;
}

.newsletter-cta-section form .gform_button,
.modal-footer .gform_button {
    background: var(--color-white);
    margin-left: -50px;
    border: 4px solid var(--color-sapphire);
    height: 58px;
    color: var(--color-sapphire);
}

.newsletter-cta-section form .gform_button:hover {
    background: var(--color-sapphire);
    color: var(--color-white);
}

/*--------------------------------------------------------------
# Learn Section
--------------------------------------------------------------*/
.learn-section {
    height: 575px;
    color: var(--color-white);
    position: relative;
    overflow: hidden;
}

.learn-section-background {
    width: 100%;
    height: calc(100% * 1.35);
    background-size: cover;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-white);
    position: absolute;
    top: 0;
}

.learn-section::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: var(--color-sapphire);
    opacity: .8;
    z-index: 1;
}

.learn-heading {
    max-width: 700px;
}

.learn-content {
    position: relative;
    z-index: 2;
    text-align: center;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.learn-button {
    display: inline-block;
    padding: 10px 20px;
    background: #fff;
    color: var(--color-sapphire);
    text-decoration: none;
    border-radius: 4px;
}

/*--------------------------------------------------------------
# Learn CTA Section
--------------------------------------------------------------*/
.footer-learn-cta {
    margin: unset;
    height: 420px;
}

.footer-learn-cta:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: var(--color-sunrise);
    opacity: 0.9;
    z-index: 1;
}

.footer-learn-cta .container-fluid {
    z-index: 2;
    position: relative;
    color: var(--color-white);
    height: 100%;
}

/*--------------------------------------------------------------
# Board Members
--------------------------------------------------------------*/
.board-members h2 {
    color: var(--color-pure-blue);
}

.board-members p {
    font-size: var(--font-size-quinary-heading);
}

/*--------------------------------------------------------------
# Counters Section
--------------------------------------------------------------*/
.counters-section {
    background-size: cover;
    background-position: center;
    position: relative;
    color: var(--color-white);
    background-color: rgba(55, 81, 114, .9);
    min-height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.counters-section::before,
.footer-follow-cta::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(55, 81, 114, .97);
    z-index: 1;
}


.counters-section .row {
    width: 100%;
    margin-bottom: 1em;
}

.counters-row {
    z-index: 2;
}

.counter-number {
    font-size: var(--font-size-primary-heading);
    color: var(--color-sunrise);
    font-weight: 700;
}

.counter-heading {
    font-size: var(--font-size-body);
    margin-top: 10px;
    font-weight: 700;
}

/*--------------------------------------------------------------
# Testimonial Section
--------------------------------------------------------------*/
.testimonial-section {
    display: flex;
    overflow: hidden;
}

.testimonial-section .glider {
    display: flex;
    scroll-snap-type: x mandatory;
    overflow-x: hidden;
}

.testimonial-section .slide {
    padding: 1rem;
    box-sizing: border-box;
    min-height: 425px;
    height: 100%;
}

.testimonial-section .slide-interior {
    background: var(--color-sunrise);
    padding: 2rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    align-items: center;
    border-radius: 0px 0px 0px 50px;
    color: var(--color-white);
    gap: 1em;
    min-height: 425px;
}

.testimonial-section .col-xs-5 {
    display: flex;
    align-items: center;
    padding: 0 4em;
}

.testimonial-section .col-xs-7 {
    position: relative;
}


.slick-arrow {
    background: unset;
    border: unset;
    cursor: pointer;
}

.testimonial-section .glider-prev {
    left: 5%;
    display: none !important;
}

.testimonial-section .glider-next {
    right: 2.5vw;
    position: absolute;
}

.testimonial-section .glider-prev svg {
    transform: rotate(180deg);
}

.opacity-1 {
    opacity: 1;
}

.opacity-05 {
    opacity: 0.5;
}

.opacity-025 {
    opacity: 0.25;
}

.slick-slide.slick-cloned:nth-of-type(1) {
    opacity: 0.5;
}

.testimonial-section .slick-slide.slick-cloned:nth-of-type(n+2) {
    opacity: 0.25;
}

.testimonial-section .slick-slide {
    transform: scale(1);
    transition: transform 0.3s;
}

.testimonial-section .slick-slide.slick-active.opacity-1 {
    transform: scale(1.05);
}


/*--------------------------------------------------------------
# Logo Slider Section
--------------------------------------------------------------*/

/* Glider Slider Styles */
.logo-slider-section .glider {
    overflow: hidden;
    position: relative;
    margin: 0;
    padding: 0 30px;
}

.logo-glider .slick-track {
    display: flex;
    align-items: center;
}

.logo-slider-section .row {
    position: relative;
    align-items: flex-end;
    margin-bottom: 3em;
}

.logo-slider-section .glider .slide {
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo-slider-section .glider .slide img {
    max-width: 100%;
    height: auto;
    display: block;
}

.logo-slider-section .glider-prev svg {
    transform: rotate(180deg);
}

.logo-slider-section .glider-prev svg,
.logo-slider-section .glider-next svg {
    fill: #1C1B1F;
    cursor: pointer;
}

.logo-slider-section .glider-prev {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
}

.logo-slider-section .glider-next {
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
}

/*--------------------------------------------------------------
# Timeline Section
--------------------------------------------------------------*/
.our-timeline {
    padding: 50px 0;
    background-color: var(--color-light-grey);
}

.timeline-section {
    overflow: hidden;
    position: relative;
}

/* Left Column: Heading */
.our-timeline h2 {
    font-weight: 300;
    color: var(--color-sunrise);
    max-width: 600px;
}

/* Right Column: Timeline */
.timeline-column {
    overflow: hidden;
    position: relative;
}

.timeline-wrapper {
    position: relative;
    padding: 8em 0;
}


.timeline-events {
    display: flex;
    flex-wrap: nowrap;
    width: max-content;
    position: relative;
}

.timeline-events:before {
    width: 200%;
    content: '';
    height: 2px;
    background: var(--color-sunrise);
    position: absolute;
    top: 10px;
}

.timeline-event {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    width: 450px;
    align-items: flex-start;
    margin-right: 120px;
    /* Spacing between events */
    position: relative;
}

.timeline-dot {
    width: 20px;
    height: 20px;
    background-color: var(--color-sunrise);
    border-radius: 50%;
    position: absolute;
    left: 0px;
    top: 8em;
}

.timeline-event h3 {
    color: var(--color-sapphire);
    margin-bottom: 0;
}

.timeline-event p {
    color: #666;
    /* Gray text color */
}

/*--------------------------------------------------------------
# Footer Follow CTA
--------------------------------------------------------------*/
.footer-follow-cta {
    height: 420px;
    align-items: center;
    background-size: cover;
    color: var(--color-white);
    display: flex;
    margin-bottom: unset;
    margin-top: 0;
    justify-content: center;
}

.footer-follow-cta .container-fluid {
    z-index: 2;
    position: relative;
}

.social-links {
    margin: unset;
    padding: unset;
    list-style: none;
    display: flex;
    gap: 1em;
}

.footer-follow-cta .social-links svg {
    height: 36px;
    width: 36px;
    fill: var(--color-white);
}

.footer-follow-cta .social-links svg:hover {
    fill: var(--color-white);
}


/*--------------------------------------------------------------
# Quote Section
--------------------------------------------------------------*/
.quote-image-section .col-md-6 {
    padding: 0;
}

.text-and-quote-section .quote-container {
    font-weight: 700;
}

.quote-section {
    background: var(--color-sunrise);
    color: var(--color-white);
}

.quote-container {
    padding: 4em;
    position: relative;
    height: 100%;
}

.quote-icon {
    position: absolute;
    top: 5%;
    left: 5%;
}

.text-right {
    text-align: right;
    font-size: var(--font-size-quinary-heading);
    font-weight: 500;
    width: 100%;
}

.quote-text {
    letter-spacing: 2.4px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.8em;
}

.quote-image-section .image-section {
    max-height: 420px;
    overflow: hidden;
}

.quote-image-section .image-section img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

/*--------------------------------------------------------------
# Hero Navigation Section
--------------------------------------------------------------*/
.page-id-305 .hero-section {
    margin-bottom: 0;
}

.hero-navigation {
    background: var(--color-sapphire);
}

.hero-navigation .menu {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: unset;
    padding: unset;
}

nav.hero-navigation {
    width: 100%;
    padding: 30px;
}

nav.hero-navigation a {
    color: var(--color-white);
    font-size: var(--font-size-quinary-heading);
    font-weight: 500;
    text-transform: uppercase;
}

nav.hero-navigation a:hover {
    color: var(--color-sunrise);
}

nav.hero-navigation .menu li {
    text-align: center;
    flex: 1;
}

nav.hero-navigation ul.menu>li:not(:last-child) {
    border-right: 2px solid var(--color-pure-blue);
}

/*--------------------------------------------------------------
# Books Section
--------------------------------------------------------------*/
.books {
    margin: 3em auto;
}

section.books h3 {
    font-size: var(--font-size-body);
    color: var(--color-sapphire);
    letter-spacing: 2.4px;
    font-weight: 700;
    text-transform: uppercase;
}

.books .row {
    row-gap: 3em;
}

.book {
    padding: 0 4em;
    cursor: pointer;
}

.book img {
    height: 370px;
    object-fit: contain;
    filter: drop-shadow(5px 4px 5px #0000004D);
}

#bookModal .col-xs-12.col-sm-7 {
    padding-top: 2em;
}

.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.7);
}

.modal-content {
    background-color: var(--color-white);
    margin: 10% auto;
    width: 95vw;
    max-width: 1100px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    border-radius: 0px 100px 0px 0px;
    position: relative;
}

.modal-content .col-xs-5 {
    padding: 0 2em;
}

#modalTitle {
    margin-top: 0;
    font-weight: 300;
    font-size: var(--font-size-quartary-heading);
}

#modalDescription {
    max-height: 470px;
    overflow-y: auto;
}

.modal-content .row,
.modal-footer {
    padding: 4em;
}

.modal-footer {
    background: var(--color-sunrise);
    color: var(--color-white);
    text-align: center;
}

.modal-footer .gform_button:hover {
    background: var(--color-sapphire);
    border-color: var(--color-sapphire);
    color: var(--color-white);
}

.disclaimer {
    display: block;
    max-width: 800px;
    margin: auto;
    font-style: italic;
}

.modal-content ul {}

.close-button {
    color: var(--color-pure-blue);
    float: right;
    font-size: 35px;
    font-weight: bold;
    cursor: pointer;
    position: absolute;
    right: 5%;
    top: 5%;
}

.close-button:hover,
.close-button:focus {
    color: var(--color-sapphire);
    text-decoration: none;
    cursor: pointer;
}

/* Spinner Overlay Styles */
.spinner-overlay {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 4em;
    z-index: 10;
    align-items: center;
    justify-content: center;
}

.spinner-overlay.active {
    display: flex;
}

.spinner {
    border: 5px solid #f3f3f3;
    /* light grey */
    border-top: 5px solid #3498db;
    /* blue */
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 1s linear infinite;
}

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

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

/*--------------------------------------------------------------
# Popup
--------------------------------------------------------------*/
.prayer-club-popup,
.speaker-popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 1000;
    display: flex;
    justify-content: center;
    align-items: center;
}

.popup-interior {
    background-color: var(--color-sapphire);
    padding: 3em;
    max-width: 666px;
    height: 385px;
    display: flex;
    color: var(--color-white);
    width: 100%;
    border-radius: 0 100px 0 0;
    align-items: center;
    justify-content: flex-start;
    align-content: center;
    position: relative;
}

.speaker-popup .popup-interior {
    height: auto;

}

.popup-interior .gform_wrapper {
    width: 100%;
    padding-right: 3em;
}

.popup-interior .gform_wrapper label {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2.4px
}

.popup-interior .gform_wrapper input {
    border-radius: 50px;
}

.popup-interior .gform_wrapper.gravity-theme .gfield_required {
    color: var(--color-white);
}

.popup-interior .gform_button,
.popup-interior .gform_next_button {
    color: var(--color-white);
    border: 4px solid var(--color-sunrise);
    background: transparent;
}

.popup-interior .gform_button:hover,
.popup-interior .gform_next_button:hover {
    background: var(--color-sunrise);
    border: 4px solid var(--color-sunrise);
}

.close-popup {
    position: absolute;
    right: 7.5%;
    top: 5%;
    color: var(--color-pure-blue);
    font-weight: 700;
    font-size: 20px;
    cursor: pointer;
}

/*--------------------------------------------------------------
# Text and Form Section
--------------------------------------------------------------*/
.text-and-form .form-area {
    background: var(--color-sapphire);
    color: var(--color-white);
    padding: 4em;
    filter: drop-shadow(5px 4px 12px rgba(0, 0, 0, 0.30));
    border-radius: 0 100px 0px 0;
}

.col-info-form{
    padding-left: 2rem;
    padding-right: 2rem;
}

.form-area .sub-heading {
    color: var(--color-sunrise);
}

.form-area .gravity-theme {
    margin-top: 1em;
}

.gform_page_footer {
    display: flex;
}

.form-area .gform_page_footer input[type="button"] {
    width: 100%;
    background: transparent;
    color: var(--color-white);
    padding: 20px 50px;
    border-radius: 100px;
    border: 4px solid var(--color-pure-blue);
}

.form-area .gform_page_footer input[type="button"]:hover {
    background: var(--color-pure-blue);
}

.form-area .gform_previous_button {
    background: var(--color-pure-blue);
}

.gform_heading {
    display: none;
}

.gfield_checkbox,
.gfield_radio {
    display: flex;
    flex-wrap: wrap;
}

.form-area .ginput_container input,
.form-area .ginput_container select {
    padding: 13px 15px !important;
    border-radius: 100px !important;
}

.form-area .gform-field-label--type-sub,
.form-area .gform_wrapper.gravity-theme .gfield_label {
    font-size: 16px;
    font-weight: 700;
    margin: 8px;
    letter-spacing: 2.4px;
    text-transform: uppercase;
}

.form-area .gform_wrapper.gravity-theme .gfield_required {
    color: var(--color-white);
}

.gform_wrapper.gravity-theme .gfield-choice-input+label {
    max-width: fit-content !important;
    background: var(--color-white);
    color: var(--color-sapphire);
    padding: 13px 70px;
    border-radius: 100px;
}

.gform_wrapper.gravity-theme .gfield-choice-input+label:hover {
    background: var(--color-pure-blue);
    border-color: var(--color-pure-blue);
    color: var(--color-white);
}

.gfield_checkbox input[type="checkbox"],
.gfield_radio input[type="radio"] {
    display: none !important;
}

.gfield_checkbox label,
.gfield_radio label {
    display: inline-block;
    padding: 10px 15px;
    margin: 5px;
    border: 1px solid #ddd;
    background-color: #f4f4f4;
    cursor: pointer;
    transition: background-color 0.25s;
    font-family: Lora;
    font-style: italic;
}

.gfield input::placeholder,
.gfield select {
    font-family: Lora;
    font-style: italic;
}

.gfield_checkbox input[type="checkbox"]:checked+label,
.gfield_radio input[type="radio"]:checked+label {
    background-color: var(--color-pure-blue);
    color: var(--color-white);
    border-color: var(--color-pure-blue);
}

.contact-list {
    padding: unset;
    margin: unset;
    list-style: none;
}

.contact-item {
    display: flex;
    gap: .5em;
    margin: .5em 0;
}

.contact-item a {
    color: var(--color-sapphire);
}

.contact-item a:hover {
    color: var(--color-sunrise);
}

.business {
    color: var(--color-sapphire);
    font-weight: 700;
}

.contact-item svg {
    width: 13px;
    height: 15px;
    margin-top: 5px;
}

.contact-item p {
    margin: unset;
}

/*--------------------------------------------------------------
# Accordion Section
--------------------------------------------------------------*/
.ui-accordion-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid var(--color-sapphire);
    padding: 1em 0;
    font-size: var(--font-size-quartary-heading);
    position: relative;
}
.ui-accordion-header:after {
    content: '';
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='23' height='13' viewBox='0 0 23 13' fill='none'%3e%3cpath d='M1 1L11.5 11.5L22 1' stroke='%23375172' stroke-width='2'/%3e%3c/svg%3e");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    color: var(--color-green);
    font-weight: bold;
    float: none;
    margin-left: 5px;
    width: 22px;
    height: 22px;
    position: absolute;
    right: 23px;
    top: 34%;
}
.ui-accordion-header.ui-state-active:after{
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='23' height='14' viewBox='0 0 23 14' fill='none'%3e%3cpath d='M22 12.5L11.5 2L1 12.5' stroke='%23D79133' stroke-width='2'/%3e%3c/svg%3e");
}
.accordion-icon {
    transition: transform 0.25s ease;
    height: 21px;
    display: flex;
}

.accordion-icon svg path {
    stroke: var(--color-sapphire);
}

.ui-state-active .accordion-icon {
    transform: rotate(180deg);
}

.ui-state-active .accordion-icon svg path {
    stroke: var(--color-sunrise);
}

.accordion {
    width: 100%;
}

.image-accordion-section .ui-accordion-content strong {
    text-transform: uppercase;
    color: var(--color-sapphire);
    font-size: 18px;
}

.image-accordion-section h2,
.image-accordion-section h3 {
    color: var(--color-sapphire);
}

.image-accordion-section .col-justify-center {
    padding: 2em 6em 2em 2em;
}

/*--------------------------------------------------------------
# Quote Gallery
--------------------------------------------------------------*/
.quote-gallery * {
    box-sizing: border-box;
}

.quote-gallery .row {
    position: relative;
}

.quote-gallery .row img {
    width: 100%;
}

.quote-gallery .quote-box {
    max-width: 800px;
    height: 100%;
}

.quote-gallery .left.quote-box {
    background: var(--color-sunrise);
    color: var(--color-white);
    margin-top: -4em;
    margin-left: auto;
    position: relative;
    padding: 4em 6em;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.quote-gallery .left .quote-source {
    font-size: var(--font-size-quartary-heading);
    text-align: right;
}

.quote-gallery .left.quote-box p {
    font-size: var(--font-size-tertiary-heading);
    font-weight: 400;
    text-transform: uppercase;
}

.quote-gallery .right.image-box img {
    max-height: 490px;
    object-fit: cover;
}

.quote-gallery .left.image-box {
    margin-top: -3.5em;
}
@media screen and (max-width: 1650px) {
    #site-header .menu li{
        margin: 0 5px;
    }
}
@media screen and (max-width: 1500px) {
    .quote-gallery .left.image-box {
        margin-top: -2.5em;
    }
    .button, body .gform_button, .menu .button a,
    #site-header .menu li a{
        font-size: 16px;
    }
    #site-header .menu .sub-menu{
        gap: 0.5em;
    }
    #logo{
        width: 120px;
        height: 120px;
    }
    #site-header ul.menu {      
        gap: 0.5em;
    }
}

@media screen and (max-width: 1400px) {
    .quote-gallery .left.image-box {
        margin-top: -3.0em;
    }
}

@media screen and (max-width: 1350px) {
    .quote-gallery .left.image-box {
        margin-top: -3.0em;
    }
    .button, body .gform_button, .menu .button a, #site-header .menu li a {
        font-size: 12px;
    }
}

@media screen and (max-width: 1200px) {
    .quote-gallery .left.image-box {
        margin-top: -2.5em;
    }
    #site-header .menu li {
        margin: 0 3px;
    }
    #logo {
        width: 100px;
        height: 100px;
    }
}

.quote-gallery .left.image-box img {
    object-fit: cover;
    max-height: 290px;
}

.quote-gallery .right.quote-box {
    background: var(--color-sapphire);
    color: var(--color-white);
    padding: 5em 4em;
}


@media only screen and (min-width: 75em) {
    .page-id-465 .donate-section .form-area{
        margin-top: -35em !important; 
    }
    .page-id-465 .donate-section .col-info-form{
        margin-top: -6em !important; 
    }
}


/*--------------------------------------------------------------
# Rest Section
--------------------------------------------------------------*/
.rest-section .left-icon {
    align-items: flex-start;
}

.rest-section .middle-icon img {
    height: 105px;
    width: 120px;
}

.rest-section .right-icon {
    align-items: flex-end;
    transform: rotate(180deg)
}



/*--------------------------------------------------------------
# About Quote Box
--------------------------------------------------------------*/
.about-quote-section .about-image {
    max-height: 750px
}

.about-quote-section .about-box {
    background: var(--color-sunrise);
    color: var(--color-white);
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    height: 450px;
    border-radius: 0px 100px 0px 0px;
    bottom: 20%;
    left: 0%;
}

.about-quote-section .quote-icon {
    top: 12%;
    left: 15%;
}

.about-quote-section .about-box .quote {
    font-size: 28px;
    font-weight: 500;
    text-transform: uppercase;
    max-width: 400px;
    margin: unset;
}



/*--------------------------------------------------------------
# Back and Forth Section
--------------------------------------------------------------*/
.back-and-forth-row h2 {
    color: var(--color-sapphire);
}

.back-and-forth-description p+ul {
    margin-top: -1em;
}

/*--------------------------------------------------------------
# Podcasts Section
--------------------------------------------------------------*/
.podcasts-section h2 {
    color: var(--color-sapphire);
}

.podcast-episode iframe {
    height: 300px;
}

/*--------------------------------------------------------------
# Shop Now Section
--------------------------------------------------------------*/
.shop-now {
    background: var(--color-light-grey);
    margin-bottom: 0;
}

.shop-now .sub-heading {
    color: var(--color-sunrise);
}

.shop-now-image {
    transform: rotate(15deg);
}

.shop-now-image img {
    max-height: 645px;
    object-fit: contain;
}

/*--------------------------------------------------------------
# Download The App Section  
--------------------------------------------------------------*/
.download-app-section .badges img {
    height: 53px;
}

/*--------------------------------------------------------------
# Form Download Section  
--------------------------------------------------------------*/
.form-download-section .row {
    text-align: left;
}

.form-download-section img.badge{
    max-width: 50%; 
}

/*--------------------------------------------------------------
# Donate Section  
--------------------------------------------------------------*/
.donate-section img {
    box-shadow: 4px 4px 18px 0px rgba(137, 139, 142, 0.30);
}

.donate-section .col-md-3 h2,
.donate-section .col-md-3 p {
    padding: 0 50px 0 30px;
}


.donate-section .description {
    color: var(--color-pure-blue);
    text-transform: uppercase;
    font-weight: 700;
}

.donate-section .form-area {
    background: var(--color-sapphire);
    color: var(--color-white);
    padding: 4em;
    filter: drop-shadow(5px 4px 12px rgba(0, 0, 0, 0.30));
    border-radius: 100px 0px 0px 0px;
    margin-top: -49vh;
    z-index: 1;
}

.donate-section .gform_button {
    color: var(--color-white);
    border: 4px solid var(--color-pure-blue);
}

.donate-section .gform_button:hover {
    background: var(--color-pure-blue);
}

/*--------------------------------------------------------------
# Team Members
--------------------------------------------------------------*/
.team-section {
    margin-bottom: 0em;
    margin-top: 0em;
}

.team-section .modal-content {
    padding: unset;
}

.team-section .row {
    row-gap: 1em;
}

.team-member-image {
    overflow: hidden;
    display: block;
    height: 550px;
    position: relative;
    cursor: pointer;
}

.team-member-image::after {
    content: "Read " attr(data-name) " Bio";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #375172B3;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    font-weight: 500;
    text-transform: uppercase;
    font-size: var(--font-size-quartary-heading);
    pointer-events: none;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: opacity 0.25s;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 2.4px;
}

.modal-image {
    object-fit: cover;
}

.bio-info {
    text-align: left;
}

.team-section .close {
    position: absolute;
    right: 10%;
    font-size: 3em;
    cursor: pointer;
}

.team-member-image:hover::after {
    opacity: 1;
}

.team-member img:hover {
    transform: scale(1.05);
}

.team-member img {
    object-fit: cover;
	height: 100%;
    width: 100%;
    object-position: top center;
    transition: all ease .25s;
}

.member-name {
    margin-top: 1em;
    font-size: var(--font-size-quartary-heading)
}

.member-job-title {
    color: var(--color-pure-blue);
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 8px;
    letter-spacing: 2.4px;
}

/*--------------------------------------------------------------
# Text and Quote
--------------------------------------------------------------*/
.text-and-quote-section .sub-heading {
    color: var(--color-sunrise);
}

.quote-section {
    text-transform: uppercase;
    letter-spacing: 2.4px;
    line-height: 29px;
    padding: 3em;
}

.source {
    text-transform: uppercase;
    text-align: right;
    letter-spacing: 2.4px;
    margin-left: auto;
    font-weight: 500;
}

/*--------------------------------------------------------------
# Image Gallery
--------------------------------------------------------------*/
.image-gallery-container {
    position: relative;
    display: flex;
    overflow: hidden;
    height: 800px;
    white-space: nowrap;
}

.image-set {
    justify-content: center;
    animation: scrolling 30s linear infinite;
    display: flex;
    align-items: flex-end;
}

@keyframes scrolling {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

.image-set.clone {
    z-index: 1;
}

.gallery-image {
    position: relative;
    display: inline-block;
    vertical-align: top;
    z-index: 1;
    margin: 0;
    width: fit-content;
}



/*--------------------------------------------------------------
# Blog Item 
--------------------------------------------------------------*/
.blog {
    margin: 3em auto;
}

.blog-item {
    filter: drop-shadow(4px 4px 18px rgba(137, 139, 142, 0.30));
    margin: 1em 0;
    display: flex;
    flex-direction: column;
}

.blog-item .featured-image {
    height: 350px;
}

.blog-item .featured-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.blog-item .blog-title {
    margin: unset;
}

.blog-item .blog-title,
.blog-item .blog-title a {
    font-size: var(--font-size-quartary-heading);
    margin: unset;
    color: var(--color-pure-blue);
    font-weight: 500;
    text-transform: uppercase;
    line-height: 1.1em;
}

.blog-item .blog-title a:hover {
    color: var(--color-sunrise);
}

.blog-item-content {
    background: var(--color-light-grey);
    padding: 2em;
    border-radius: 0 0 100px 0px;
    flex: 1;
}

/*--------------------------------------------------------------
# Get Involved
--------------------------------------------------------------*/

.page-id-543 .footer-follow-cta::before,
.page-id-504 .footer-follow-cta::before {
    background: var(--color-sunrise);
    opacity: .9
}

.page-id-543 .quote-gallery .left.image-box img {
    max-height: 430px;
}

.page-id-543 .about-box {
    bottom: -10%;
}

.page-id-543 .about-box ul {
    padding: 0;
    margin: 0 0 1.5em 2em;
}


/*--------------------------------------------------------------
# Media Page
--------------------------------------------------------------*/
.page-id-709 .rest-section {
    margin-bottom: 0em;
    padding-bottom: 0em;
}

.page-id-709 .right-icon,
.page-id-709 .left-icon {
    display: none;
}

/* General pagination styling */
.pagination>ul {
    text-align: center;
    margin: 30px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    list-style-type: none;
    padding: 0;
    gap: 10px;
}



.page-numbers a,
.page-numbers li .page-numbers a:visited {
    color: var(--color-sapphire);
    margin: 0 5px;
    padding: 2px 8px;
    border: 2px solid var(--color-sapphire);
    border-radius: 50px;
    transition: background-color 0.25s, color 0.25s;
}

.pagination .next,
.pagination .prev {
    margin: unset;
    padding: unset;
    border: unset;
    border-radius: unset;
    transition: unset;
}


.page-numbers.current {
    background-color: var(--color-sunrise);
    color: #ffffff;
    padding: 2px 8px;
    border: 2px solid var(--color-sunrise);
    border-radius: 50px;
}

a.page-numbers:hover {
    background-color: var(--color-sunrise);
    color: #ffffff;
}

.pagination .page-numbers:hover.next,
.pagination .page-numbers:hover.prev {
    fill: var(--color-sunrise);
    background: unset !important;
}

.page-numbers .prev,
.page-numbers .next {
    background-color: transparent;
}

.page-numbers .prev:hover,
.page-numbers .next:hover {
    background-color: transparent;
    color: #ffffff;
}

/*--------------------------------------------------------------
# Support Page
--------------------------------------------------------------*/
.page-id-465 h1 {
    text-align: right; 
}

.page-id-465 .hero-overlay {
    background: rgba(55, 81, 114, 0.4)
}
.d2header,
.d2header *{
    text-align: center !important;
}
/*--------------------------------------------------------------
# Download The App Page
--------------------------------------------------------------*/
.page-id-413 .newsletter-cta-section,
.page-id-465 .newsletter-cta-section,
.page-id-709 .newsletter-cta-section {
    background: var(--color-sapphire);
}

.page-id-413 .newsletter-cta-section form .gform_button,
.page-id-465 .newsletter-cta-section form .gform_button,
.page-id-709 .newsletter-cta-section form .gform_button {
    border-color: var(--color-sunrise);
}

.page-id-413 .newsletter-cta-section form .gform_button:hover,
.page-id-465 .newsletter-cta-section form .gform_button:hover,
.page-id-709 .newsletter-cta-section form .gform_button:hover {
    background: var(--color-sunrise);
    color: var(--color-white);
}

.page-id-413 .newsletter-sub-heading,
.page-id-465 .newsletter-sub-heading,
.page-id-709 .newsletter-sub-heading {
    color: var(--color-sunrise);
}
.page-id-413 .team-section{
	margin-bottom: 6em !important;
}
/*--------------------------------------------------------------
# 404
--------------------------------------------------------------*/
.error-404 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    text-align: center;
    background-color: var(--color-sapphire);
    color: var(--color-white);
    margin: unset;
    padding: unset;
}

/*--------------------------------------------------------------
# Contact Us
--------------------------------------------------------------*/
.page-id-504 .text-and-form h2 {
    margin: unset;
    font-weight: 400;
}

.text-and-form .col-sm-5 {
    padding-right: 10%;
}

.page-id-504 #gform_submit_button_1 {
    color: var(--color-white);
    border: 4px solid var(--color-pure-blue);
}

.page-id-504 #gform_submit_button_1:hover {
    background: var(--color-pure-blue);
}

/*--------------------------------------------------------------
# Contact Us
--------------------------------------------------------------*/
.learn-sub-heading {
    color: var(--color-sunrise);
    font-weight: 700;
}

.page-id-820 .learn-heading {
    max-width: unset;
}

/*--------------------------------------------------------------
# Home Page
--------------------------------------------------------------*/
.home .learn-section {
    margin-bottom: 0;
}

.home .hero-heading, .page-id-1596 .hero-heading {
    max-width: 800px;
    text-align: left;
}

/*--------------------------------------------------------------
# Get Equipped
--------------------------------------------------------------*/
.page-id-213 .icons {
    background: rgba(137, 139, 142, 0.07);
}

.icons h2 {
    margin-bottom: 2em;
}

/*--------------------------------------------------------------
# Single Post
--------------------------------------------------------------*/
.single-post .hero-section,
.page .hero-section {
    display: flex;
    align-items: center;
    text-align: center;
    color: var(--color-white);
    min-height: 70vh;
    margin-bottom: 0;
}

.entry-footer {
    width: 100%;
}

.single-post .hero-section .hero-heading {
    max-width: 700px;
    margin: auto;
}

.single-post .hero-section p {
    margin-bottom: .5em;
}

.single-post .hero-section a {
    color: var(--color-white);
}

.single-post .hero-section a:hover {
    color: var(--color-sunrise);
}

.post-interior {
    max-width: 900px;
    margin: auto;
}

.single-post .nav-next svg,
.single-post .nav-previous svg {
    width: auto;
}

.single-post .nav-previous a {
    align-items: flex-start;
}

.single-post .nav-next a {
    align-items: flex-end;
}

.nav-links {
    justify-content: space-between;
    align-items: center;
    font-style: italic;
    font-family: lora;
}

.single-post .nav-next,
.single-post .nav-previous {
    flex: 1;
}

.all-blogs a {
    display: flex;
    flex-direction: column;
}


.all-blogs a {
    color: var(--color-sapphire);
}

.all-blogs img {
    height: 44px;
    object-fit: contain;
}

.single-post .nav-next a,
.single-post .nav-previous a {
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-style: italic;
    color: var(--color-sapphire);
}

.amcharts-tooltip {
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}

.amcharts-MapImageSeries-tooltip .amcharts-Container {
    background-color: transparent !important;
}

/*--------------------------------------------------------------
# Animations
--------------------------------------------------------------*/
.animate__animated {
    opacity: 0;
}

/* Simple fade-in */
@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.animate__animated.fadeIn {
    animation-name: fadeIn;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

/* Fade-in from the top */
@keyframes fadeTop {
    0% {
        opacity: 0;
        transform: translateY(-20%);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate__animated.fadeTop {
    animation-name: fadeTop;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

/* Fade-in from the left */
@keyframes fadeLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.animate__animated.fadeLeft {
    animation-name: fadeLeft;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

/* Fade-in from the right */
@keyframes fadeRight {
    0% {
        opacity: 0;
        transform: translateX(50px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.animate__animated.fadeRight {
    animation-name: fadeRight;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

/* Fade-in from the bottom */
@keyframes fadeBottom {
    0% {
        opacity: 0;
        transform: translateY(20%);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate__animated.fadeBottom {
    animation-name: fadeBottom;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.site-footer .heart {
    color: var(--color-sunrise);
}

.site-footer {
    background: var(--color-off-black);
}

.site-footer a,
.site-footer p {
    color: var(--color-white);
}

.site-footer .footer-row {
    padding: 6em 0;
    row-gap: 1em;
}

.site-footer a:hover {
    color: var(--color-sunrise);
}

.footer-column {
    padding: 0 2em;
}

.footer-column h2 {
    font-size: var(--font-size-body);
    color: var(--color-sunrise);
    font-weight: 700;
}

.footer-column .menu {
    margin: unset;
    padding: unset;
    list-style: none;
}

.site-footer .copyright-row:before {
    content: '';
    width: 100%;
    margin: auto;
    height: 1px;
    background: var(--color-white);
}

.site-footer .social-networks,
.responsive-menu-interior .social-icons {
    display: flex;
    gap: 10px;
}

.responsive-menu-interior .social-icons {
    justify-content: center;
}

.site-footer .social-networks svg,
.responsive-menu-interior .social-icon svg {
    fill: var(--color-white);
    height: 20px;
    transition: all ease .3s;
}

.site-footer .social-networks svg:hover,
.responsive-menu-interior .social-icon svg:hover {
    fill: var(--color-sunrise);
}

.floating-social-icons svg {
    height: 27px;
    width: 27px;
}

.floating-social-icons {
    display: flex;
    flex-direction: column;
    gap: 5px;
    position: fixed;
    bottom: 5%;
    z-index: 100000;
    right: 1vw;
}

/*--------------------------------------------------------------
# Desktop Only
--------------------------------------------------------------*/
@media screen and (min-width: 2000px) {
.our-timeline h2{
max-width: fit-content;
}
}
@media screen and (min-width: 1600px) {
    .quote-gallery .left.quote-box {
        min-height: 485px;
    }
}


@media screen and (min-width: 1025px) {
	    #site-header .current_page_item:after {
        border-bottom: 2px solid var(--color-sunrise);
    }
	
    .page-id-465 .site-footer {
        margin-top: 3em;
    }

    .page-id-543 .footer-follow-cta {
        margin-top: 8em;
    }

    .testimonial-section .slick-list.draggable {
        padding-right: 25%;
    }

    .page-id-543 .about-image {
        height: 540px;
    }

    .logo-slider-section .description {
        padding-left: 1em;
    }

    .modal-content .col-xs-12.col-sm-7 {
        padding-left: 2em;
    }

    .gallery-image {
        margin-left: -5%;
    }

    .gallery-image img {
        max-height: 520px;
        object-fit: cover;
        min-width: 400px;
        min-height: 440px;
    }

    .our-timeline h2 {
        margin-top: 0;
    }

    .gallery-image:nth-child(6n+1) img {
        width: 558px;
        height: 471px;
        align-self: center;
    }

    .gallery-image:nth-child(6n+2) img {
        width: 539px;
        height: 444px;
    }

    .gallery-image:nth-child(6n+3) img {
        width: 439px;
        height: 522px;
    }

    .gallery-image:nth-child(6n+4) img {
        width: 439px;
        height: 546px;
    }

    .gallery-image:nth-child(6n+5) img {
        width: 546px;
        height: 444px;
    }

    .gallery-image:nth-child(6n+6) img {
        width: 585px;
        height: 444px;
    }

    .gallery-image:nth-child(6n+1) {
        z-index: 1;
        transform: translateY(-100px);
    }

    .gallery-image:nth-child(6n+2) {
        z-index: 10;
        transform: translateY(50px);
    }

    .gallery-image:nth-child(6n+3) {
        z-index: 20;
        transform: translateY(-150px);
    }

    .gallery-image:nth-child(6n+4) {
        z-index: 30;
    }

    .gallery-image:nth-child(6n+5) {
        z-index: 20;
        transform: translateY(-120px);
    }

    .gallery-image:nth-child(6n+6) {
        z-index: 30;
        transform: translateY(50px);
    }


}

/*--------------------------------------------------------------
# Table Responsive
--------------------------------------------------------------*/
@media screen and (max-width: 1024px) {
    #site-header .current_page_item:not(.current-menu-parent):after {
    content: '';
    width: 100%;
    border-bottom: 2px solid var(--color-sunrise) !important;
    position: relative;
    height: 2px;
    display: block;
    }

    .about-box p {
        margin-bottom: 1em;
    }

    #site-header {
        padding: 0.5em 0px;
    }

    .mobile-logo img {
        height: 60px;
        object-fit: contain;
    }

    #site-header .row.desktop,
    .floating-social-icons {
        display: none;
    }

    #site-header .row.mobile {
        display: flex;
        padding: 0 5vw;
    }

    .donate-section .form-area {
        margin-top: unset;
    }

    /*About Quote Section*/
    .about-quote-section {
        padding: 0;
    }

    .about-quote-section .about-box .quote {
        max-width: unset;
    }

    .about-box {
        bottom: unset;
        filter: unset;
        position: relative;
        right: unset;
    }

    .about-quote-section .about-box {
        border-radius: 0;
        position: relative;
        bottom: unset;
        left: unset;
        height: 360px;
        min-width: 100vw;
        margin: auto;
        left: unset;
        right: unset;
    }

    .about-quote-section .container-fluid {
        margin: 0;
        display: flex;
        flex-direction: column-reverse;
        width: 100vw;
        max-width: 100vw;
    }

    /*Quote Gallery*/

    .quote-gallery {
        margin-top: unset;
    }

    .quote-gallery .left.quote-box,
    .quote-gallery .right.quote-box {
        margin: unset;
        padding: 30px;
        max-width: unset;
        min-height: 200px;
    }

    .quote-gallery {
        padding-top: 0;
    }

    .quote-gallery .right.image-box {
        padding: 0;
    }

    .quote-gallery .right.image-box img {
        height: 100%;
    }

    .quote-gallery .quote-box-wrapper {
        padding: unset;
        max-width: unset;
    }

    .quote-gallery .left.image-box {
        display: none;
    }

    /*Icons*/
    .icon-col {
        padding-top: 2em;
    }

    .rest-section .left-icon,
    .rest-section .right-icon {
        display: none;
    }

    .about-box {
        max-width: unset;
    }

    .gallery-image {
        flex: 0 0 50%;
        position: relative;
    }

    .gallery-image img {
        height: 400px;
        object-fit: cover;
        width: 100%;
    }

    .form-area .gform_page_footer input[type="button"],
    #field_4_5 .gchoice label,
    .gform_wrapper.gravity-theme .gfield-choice-input+label {
        padding: 13px 30px;
    }

}

/*--------------------------------------------------------------
# Small Tablet
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
    .home .featured-video {
        padding-top: 24px;
    }

    #gform_submit_button_2 {
        padding: unset;
    }

    .download-app-section h2 {
        padding-top: 30px;
    }

    section,
    section.container-fluid {
        overflow: hidden;
        margin-top: 0;
        margin-bottom: 0;
        width: 100vw;
    }
 .row-description {
        margin-bottom: 0em;
        margin-top: 1em;
    }
	.page-id-413 .team-section{
	margin-bottom: 0 !important;
}
    /*Padding Rules For Columns*/
    .col-xs,
    .col-xs-1,
    .col-xs-2,
    .col-xs-3,
    .col-xs-4,
    .col-xs-5,
    .col-xs-6,
    .col-xs-7,
    .col-xs-8,
    .col-xs-9,
    .col-xs-10,
    .col-xs-11,
    .col-xs-12,
    .col-xs-offset-0,
    .col-xs-offset-1,
    .col-xs-offset-2,
    .col-xs-offset-3,
    .col-xs-offset-4,
    .col-xs-offset-5,
    .col-xs-offset-6,
    .col-xs-offset-7,
    .col-xs-offset-8,
    .col-xs-offset-9,
    .col-xs-offset-10,
    .col-xs-offset-11,
    .col-xs-offset-12,
    body .offset-padding,
    .donate-section .form-area,
    .image-accordion-section .col-justify-center {
        padding-left: 30px;
        padding-right: 30px;
    }

    .footer-column img {
        max-width: 300px;
    }

    /* Column Reverse */
    .map-section .row,
    .newsletter-cta-section .row,
    .download-app-section .row {
        flex-direction: column-reverse;
    }

    /*Newsletter CTA*/
    .newsletter-cta-section .image-col {
        padding: 0;
    }

    .newsletter-image {
        border-radius: 0;
    }

    .image-set {
        animation: scrolling 30s linear infinite;
    }

    .page-id-543 .back-and-forth-row img {
        max-height: 300px !important;
    }

    .download-app-section {
        padding-bottom: unset;
    }

    .left.quote-box {
        height: fit-content;
    }

    .quote-image-section {
        padding-top: 0px;
    }

    .nav-previous,
    .nav-next {
        width: 33%;
        overflow: hidden;
    }

    .testimonial-section .slick-slide.slick-active.opacity-1 {
        transform: unset;
    }

    .home .about-image {
        display: none;
    }

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

/*--------------------------------------------------------------
# Mobile Phone Responsive
--------------------------------------------------------------*/
@media screen and (max-width: 600px) {

    #field_4_5 .gfield_checkbox {
        align-items: flex-start;
    }

    .footer-follow-cta {
        height: 300px;
    }

    .gallery-image {
        flex: 0 0 100%;
        position: relative;
    }

    .gallery-image img {
        height: 400px;
        object-fit: cover;
        width: 100%;
    }

    .icon-col {
        padding-top: 2em;
    }

    .icon-col:nth-child(1) {
        padding-top: 0;
    }

    .site-footer .copyright-row:before {
        margin-left: 30px;
        margin-right: 30px;
    }

    .site-footer .social-networks {
        justify-content: center;
    }

    /*Support Page*/
    .page-id-465 h1,
    .footer-column {
        text-align: center;
    }

    .donate-section img {
        display: none;
    }

    .donate-section .form-area {
        border-radius: 0;
    }

    .about-box {
        position: relative;
        bottom: unset;
        right: unset;
        border-radius: 0;
    }

    .quote-box {
        position: relative !important;
    }
    .page-id-465 .donate-section{
        padding-top: 0 !important;
    }
    .col-info-form {
        padding-left: 1rem;
        padding-right: 1rem;
        padding-bottom: 3em;
    }
    /*Forms*/
    .newsletter-cta-section form,
    .modal-footer form {
        flex-direction: column;
    }

    .newsletter-cta-section form .gform_button,
    .modal-footer .gform_button {
        margin: 0 !important;
        width: 100%;
    }

    .form-area {
        border-radius: 0 !important;
    }

    .page-id-413 .newsletter-cta-section form .gform_button,
    .page-id-465 .newsletter-cta-section form .gform_button,
    .page-id-709 .newsletter-cta-section form .gform_button {
        background: transparent;
        color: var(--color-white);
        min-height: unset !important;
        line-height: inherit !important;
        margin-top: 10px !important;
    }

    /*Hero*/
    .page .hero-section {
        min-height: 50vh;
    }

    .hero-section .hero-heading {
        max-width: unset;
        font-weight: 300;
        margin: auto;
    }

    /*Map*/
    #chartdiv {
        height: 200px !important;
        width: 100% !important;
    }

    /*Text and form section*/
    .text-and-form {
        padding-bottom: unset;
    }

    .page-id-504 .text-and-form .form-area {
        margin-top: 30px;
        width: 100%; 
        height: 100%; 
    }

    .text-and-form .col-sm-5,
    .text-and-form .form-area,
    .quote-container {
        padding: 30px;
    }

    /*Back and Forth*/
    .back-and-forth-row {
        padding: 0;
    }

    .back-and-forth-row .image-column {
        padding: 0;
    }

    .back-and-forth-row .text-column {
        padding: 30px;
    }

    .back-and-forth-image img {
        height: 300px;
        object-fit: cover;
        object-position: 56% 20%;
        /*This is a hack.. These images are not cropped correctly*/
    }

    /*Download Section*/
    .download-app-section .app-image {
        max-height: 350px;
        margin: auto;
    }

    /*Timeline Section*/
    .timeline-event {
        width: 90vw;
    }

    /*Image Accordion Section*/
    .image-accordion-section {
        padding: 0;
    }

    .image-accordion-section .image {
        padding: unset;
    }

    .newsletter-image {
        border-radius: 0;
    }

    .newsletter-cta-section form .gform_button,
    .modal-footer .gform_button {
        background: transparent;
        min-height: unset !important;
        line-height: inherit !important;
        margin-top: 10px !important;
        color: var(--color-sapphire);
    }

    /*Podcast Episode*/
    .podcast-episode iframe {
        height: 160px;
    }

    /*Icons Section*/
    .icons {
        padding: 0 0 4rem 0;
    }

    /*About Section*/
    .about-section .container-fluid {
        width: 100vw;
    }

    .home .about-section {
        padding-top: 0;
    }

    .about-image {
        object-position: 25%;
    }

    .about-section .about-box {
        padding: 30px;
    }

    .testimonial-section .slide {
        min-height: 350px;
        padding: 0;
    }

    .testimonial-section .offset-padding {
        padding-left: 0;
    }

    /*Contact Page*/
    .page-id-504 h2 {
        text-align: center;
    }

    .hero-navigation .menu {
        flex-direction: column;
    }

    nav.hero-navigation ul.menu>li:not(:last-child) {
        border: unset;
    }

    .modal-content .row,
    .modal-footer {
        padding: 2em;
    }

    .modal-content {
        border-radius: 0;
    }

    #modalImage {
        display: none;
    }

    #modalDescription {
        max-height: 250px;
    }

    .modal-content .gform_button {
        height: fit-content;
    }

    .logo-slider-section .glider {
        margin: 0 5vw;
    }

    .logo-slider-section .glider-prev {
        left: 2.5vw;
    }

    .logo-slider-section .glider-next {
        right: 2.5vw;
    }

    .form-area {
        opacity: 1;
    }

    .form-download-section img {
        max-height: 175px;
    }

    .quote-image-section {
        padding-bottom: 0;
    }

    .quote-image-section .row {
        flex-direction: column-reverse;
    }

    .image-gallery-container {
        height: fit-content;
    }

    .image-gallery-container .image-set .gallery-image {
        margin: 0 10px;
    }

    .image-set.clone {
        display: none;
    }

    /*Popup*/
    .popup-interior {
        border-radius: 0;
    }

    .popup-interior .gform_wrapper {
        padding: 1em;
    }

    .page-id-465 .ui-accordion-content,
    .page-id-364 .ui-accordion-content {
        display: block;
    }

    .quote-image-section .image-section {
        display: flex;
    }

    .page-id-364 .about-section .container-fluid,
    .page-id-364 .image-accordion-section .row {
        display: flex;
        flex-direction: column-reverse;
    }

    .page-id-364 .about-section {
        padding-bottom: 0;
        padding-top: 0;
    }

    .page-id-364 .quote-image-section .row {
        flex-direction: column;
    }

    #field_4_5 .gfield_checkbox {
        align-items: flex-start !important;
    }

    .logo-slider-section .row {
        margin-bottom: 0;
    }

}