/*
Theme Name: DFL
Author: Blueprint Interactive
Author URI: http://blueprintinteractive.com
Description: Blueprint Interactive Custom Theme.
Version: 1.0
License: GNU General Public License

-------------------------------------------------------------- */
* {
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
    margin: 0;
    padding: 0;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}


.voter-local-card .constbtn a {
    display: block;
    background-color: #FF7B27;
    color: #ffffff;
    padding: 10px 50px;
    border-radius: 40px;
    text-align: center;
    cursor: pointer;
}


.homepage-wrapper .prev, .homepage-wrapper .next {
    position: absolute;
    bottom: 10%;
}

.bluebox {
    background-color: #C3CDFF;
    background-size: cover;
    background-repeat: repeat;
    margin: 0 auto 20px -20px;
    padding: 0px;
    position: relative;
    width: 100%;
}

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

::selection {
    background-color: #FF7B27;
    color: #F0F2FF;
}

::-moz-selection {
    background-color: #FF7B27;
    color: #F0F2FF;
}

.desktop-hide {
    display: none !important;
}

.donateheader a:nth-child(2) {
    background: rgb(255, 123, 39);
    padding: 5px 10px;
    line-height: 100% !important;
    border-radius: 5px;
    height: 30px;
}

.donateheader a:nth-child(2):hover:after {
    transform: scaleX(0);
    transform-origin: 0% 0%;
}

/* WAYPOINTS */
.fade-in-from-left {
    opacity: 0;
    animation-timing-function: ease-out;
    -webkit-transform: translateX(-15px);
    -moz-transform: translateX(-15px);
    -o-transform: translateX(-15px);
    -ms-transform: translateX(-15px);
    transform: translateX(-15px);
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.fade-in-from-left.animated {
    animation-name: fade-from-left;
    animation-duration: 0.5s;
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

#eventleft ul {
    margin-left: 0;
}

@keyframes fade-from-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-15px);
        -moz-transform: translateX(-15px);
        -o-transform: translateX(-15px);
        -ms-transform: translateX(-15px);
        transform: translateX(-15px);
    }

    45% {
        opacity: 0.5;
    }

    90% {
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

.fade-in-from-bottom {
    opacity: 0;
    animation-timing-function: ease-out;
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -o-transform: translateY(15px);
    -ms-transform: translateY(15px);
    transform: translateY(15px);
}

.fade-in-from-bottom.animated {
    animation-name: fade-from-bottom;
    animation-duration: 1s;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

@keyframes fade-from-bottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(15px);
        -moz-transform: translateY(15px);
        -o-transform: translateY(15px);
        -ms-transform: translateY(15px);
        transform: translateY(15px);
    }
    90% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}

.fade-in-from-right {
    opacity: 0;
    animation-timing-function: ease-out;
    -webkit-transform: translateX(40px);
    -moz-transform: translateX(40px);
    -o-transform: translateX(40px);
    -ms-transform: translateX(40px);
    transform: translateX(40px);
}

.fade-in-from-right.animated {
    animation-name: fade-from-right;
    animation-duration: 0.5s;
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

@keyframes fade-from-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(40px);
        -moz-transform: translateX(40px);
        -o-transform: translateX(40px);
        -ms-transform: translateX(40px);
        transform: translateX(40px);
    }

    90% {
        opacity: 1;
    }

    100% {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}

/* HEADER ------------------------------------------------------------------- */
.site-header {
    background-color: #000F58;
    border-bottom-right-radius: 100px;
    display: inline-block;
    padding: 10px 5% 10px 40px;
    position: absolute;
    z-index: 1000;
    position: fixed;
    box-shadow: 1px 2px 6px;
    color: #4A4A4A;
}

.header-logo-a {
    display: inline-block;
    margin-right: 40px;
}

.header-logo-a svg {
    vertical-align: middle;
    width: 125px;
}

.header-logo-a svg path,
path.header-logo-stroke {
    transition: fill .4s ease;
}

.header-logo-a:hover svg .header-logo-fill {
    fill: #FF7B27;
}

.header-logo-a:hover svg .header-logo-stroke {
    stroke: #FF7B27;
}

.site-header .header-nav {
    display: inline-block;
}

.site-header .header-nav li {
    display: inline-block;
    margin-left: 15px;
}

.site-header .header-nav li a {
    border-bottom: 2px solid transparent;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    line-height: 26px;
    text-decoration: none;
}

.site-header .header-nav li a:after {
    display: block;
    content: '';
    border-bottom: solid 2px #FF7B27;
    transform: scaleX(0);
    transform-origin: 100% 50%;
    transition: transform .5s ease-in-out;
}

.site-header .header-nav li a:hover:after {
    transform: scaleX(1);
    transform-origin: 0% 50%;
}

.site-header .header-nav li .sub-menu {
    background-color: #000F58;
    display: none;
    padding: 20px;
    position: absolute;
    transition: all ease-in-out 0.2s;
    width: 304px;
    text-align: left;
    z-index: 2;
}

.site-header .header-nav li.menu-item-has-children {
    position: relative;
}

.site-header .header-nav li.menu-item-has-children:hover .sub-menu {
    display: block;
}

.site-header .header-nav li.menu-item-has-children:hover svg {
    transform: rotate(180deg);
}

.site-header .header-nav li .sub-menu li {
    display: block;
    margin: 5px 0;
}

.header-nav svg {
    margin-right: 5px;
    vertical-align: middle;
}

.header-right-article {
    display: inline-block;
}

.header-hr {
    border-left: .5px solid #fff;
    display: inline-block;
    height: 47px;
    position: absolute;
    top: 13px;
    width: 1px;
}

.header-search {
    display: inline-block;
    margin: auto 15px;
    vertical-align: middle;
}

.header-social-div {
    border-left: 1px solid #fff;
    display: inline-block;
}

.header-social-div a {
    display: inline-block;
    margin-left: 10px;
}

.header-social-div svg {
    vertical-align: middle;
}

.header-social-div a svg #Shape,
.header-search svg #Rectangle-1,
.header-search svg .hover-stroke {
    transition: all ease-in-out 0.4s;
}

.header-social-div a:hover svg #Shape {
    fill: #FF7B27;
}

.header-search:hover svg #Rectangle-1 {
    fill: #F0F2FF;
}

.header-search:hover svg .hover-stroke {
    stroke: #000F58;
}

/* SEARCH -------- */
.search-wrapper {
    background-color: #FF7B27;
    border-bottom-right-radius: 30px;
    display: none;
    font-size: 0;
    left: 25%;
    padding: 20px;
    position: fixed;
    top: 50px;
    width: 50%;
    z-index: 1001;
}

.search-wrapper form {
    display: inline-block;
    width: calc(100% - 40px);
}

.search-wrapper form input {
    background-color: transparent;
    color: #fff;
    border: 2px solid #fff;
    padding: 9px 15px;
    font-size: 18px;
    font-weight: 400;
    width: 65%;
}

.search-wrapper form input[type=submit] {
    width: 34%;
    margin-left: 1%;
    font-weight: 500;
    background-color: #fff;
    color: #FF7B27;
    border-color: transparent;
    -moz-appearance: none;
    -webkit-appearance: none;
    transition: all 0.8s ease-in-out;
    cursor: pointer;
}

.search-wrapper a {
    display: inline-block;
    margin-left: 10px;
    position: relative;
    top: 8px;
}

.search-wrapper a:hover svg {
    transition: all 0.8s ease-in-out;
    transform: rotate(90deg);
}

.mobile-header-nav {
    display: inline-block;
}

.inlineblock {
    display: inline-block !important;
}

/* MOBILE NAV */
.container {
    cursor: pointer;
    float: right;
    right: 5%;
    position: absolute;
    top: 13px;
    z-index: 10;
    display: block;
    display: none;
}

.bar1, .bar2, .bar3 {
    background-color: #fff;
    height: 5px;
    margin: 6px 0;
    transition: all 0.4s;
    width: 35px;
    border-radius: 7px;
}

.change .bar1 {
    -webkit-transform: rotate(45deg) translate(8px, 8px);
    transform: rotate(45deg) translate(8px, 8px);
    background-color: #FF7300;
}

.change .bar2 {
    opacity: 0;
}

.change .bar3 {
    -webkit-transform: rotate(-45deg) translate(8px, -7px);
    transform: rotate(-45deg) translate(8px, -7px);
    background-color: #FF7300;
}

/* FOOTER ------------------------------------------------------------------- */
.site-footer {
    background-color: #000F58;
    border-top: 20px solid #F0F2FF;
    border-top-right-radius: 100px;
    padding: 40px 5%;
    width: 100%;
    z-index: 2;
    position: relative;
}

.site-footer a,
.site-footer svg {
    transition: all ease-in-out 0.4s;
}

.footer-logo-a {
    display: inline-block;
}

.footer-logo-a svg {
    transition: all ease-in-out 0.4s;
    width: 150px;
}

.footer-logo-a svg path {
    fill: #fff;
    transition: fill .4s ease;
}

.footer-logo-a:hover svg path {
    fill: #FF7B27;
}

.footer-social-div {
    margin: 20px 0 20px 5px;
}

.footer-social-a {
    display: inline-block;
    margin-right: 10px;
    transition: all ease-in-out 0.4s;
    text-decoration: none;
}

.footer-social-a svg {
    transition: all ease-in-out 0.4s;
    vertical-align: middle;
}

.footer-social-a svg #Shape {
    transition: all ease-in-out 0.4s;
}

.footer-social-a:hover svg #Shape {
    fill: #FF7B27;
}

.site-footer ul {
    color: #fff;
    list-style: none;
}

.site-footer ul li {
    display: inline-block;
}

.site-footer ul li a {
    border-bottom: 2px solid transparent;
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 300;
    line-height: 26px;
    text-decoration: none;
}

.site-footer ul li a:after {
    display: block;
    content: '';
    border-bottom: solid 2px #F0F2FF;
    transform: scaleX(0);
    transform-origin: 100% 50%;
    transition: transform .5s ease-in-out;
}

.site-footer ul li a:hover:after {
    transform: scaleX(1);
    transform-origin: 0% 50%;
}

.site-footer ul li.menu-item-has-children {
    display: inline-block;
    padding-right: 35px;
    vertical-align: top;
}

.site-footer ul li.menu-item-has-children .sub-menu li {
    display: block;
}

.site-footer ul li.menu-margin-left .sub-menu {
    margin-left: 30px;
}

.site-footer ul li.menu-item-has-children:last-of-type {
    padding-right: 0;
}

.footer-legal {
    float: right;
    margin-top: -35px;
    text-align: right;
}

.footer-legal p {
    color: #fff;
    font-weight: 300;
    margin: 10px 0;
}

.privacy-a {
    margin-bottom: 0;
    text-transform: uppercase;
}

.privacy-a span {
    display: inline-block;
    margin-left: 30px;
}

.privacy-a span a {
    color: #fff;
}

.privacy-a span a:hover {
    color: #FF7B27;
}

/* BASIC PAGE --------------------------------------------------------------- */
.basic-wrapper {
    width: 100%;
}

.hero-section {
    position: relative;
    width: 100%;
}

.hero-line-wrapper {
    /* background-image: url('./images/light-purple-lines.png'); */
    background-color: #C3CDFF;
    background-size: cover;
    border-bottom-left-radius: 109px;
    margin: 0 0 50px auto;
    padding: 0 0 27px 0px;
    width: 75%;
}

.video-hero {
    border-bottom-left-radius: 100px;
    height: 450px;
    overflow: hidden;
    /* margin-left: auto; */
    width: 100%;
}

#video {
    display: block;
    height: auto;
    left: 0;
    max-width: 100%;
    min-height: 100%;
    min-width: 100%;
    object-fit: cover;
    position: relative;
    top: 0;
    width: auto;
}

.image-hero {
    background-position: center;
    background-size: cover;
    border-bottom-left-radius: 100px;
    height: 450px;
}

.hero-video-image-title-wrapper {
    left: 0%;
    position: absolute;
    top: 150px;
    width: 35%;

}

.hero-video-image-title-inner {
    background-color: #fff;
    border-bottom-right-radius: 100px;
    border-top-right-radius: 100px;
    padding: 20px 20px 20px 20%;


}

.hero-no-image-image-title-wrapper {
    padding: 130px 5% 20px;
}

.hero-h1 {
    color: #000F58;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 35px;
    margin: 0 0 10px;
    border-bottom: 5px solid #000f58;
}

.hero-2 {
    color: #000;
    font-weight: 400;
    font-size: 20px;
    margin: 0 0 10px;
}

.hero-link-a {
    border-radius: 30px;
    background-color: #FF7B27;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    margin-top: 10px;
    min-width: 140px;
    padding: 13px 20px;
    transition: all ease-in-out 0.4s;
    text-decoration: none;
    text-align: center;
}

.hero-link-a:hover {
    background-color: #000F58;
}

.basic-page-main-content-wrapper {
    margin: 0 auto 45px;
    width: 60%;
}

.ngp-form.at {
    padding-right: 0 !important;
}
.at-inner {
    background-color: transparent !important;
}

header.at-title, .HeaderHtml, .FooterHtml, .MeterHtml, .at-legend {
    display: none !important;
}

.at-row, .at-fields, .at-form, .at-form form {
    width: 100% !important;
}

.at-form-submit {
    width: 85% !important;
    /* margin: 0 auto; */
    display: block !important;
    padding: 0 !important;
    margin-left: 5% !important;
}

.at .at-fieldset {
    padding: 0 !important;
}

.basic-page-main-content-wrapper p {
    color: #323232;
    font-weight: 400;
    line-height: 1.4;
    font-size: 20px;
    margin: 20px 0;
}

.basic-page-main-content-wrapper h2,
.basic-page-main-content-wrapper h3,
.basic-page-main-content-wrapper h4,
.basic-page-main-content-wrapper h5,
.basic-page-main-content-wrapper h6 {
    color: #000F58;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 42px;
    margin: 20px 0;
}

.basic-page-main-content-wrapper h3 {
    font-size: 37px;
    line-height: 39px;
}

.basic-page-main-content-wrapper h4 {
    font-size: 34px;
    line-height: 36px;
}

.basic-page-main-content-wrapper h5 {
    font-size: 30px;
    line-height: 32px;
}

.basic-page-main-content-wrapper h6 {
    font-size: 27px;
    line-height: 29px;
}

.basic-page-main-content-wrapper a {
    color: #FF7B27;
    font-weight: 700;
    transition: all ease-in-out 0.4s;
}

.basic-page-main-content-wrapper a:hover {
    color: #000F58;
}

.basic-page-main-content-wrapper ul {
    background-color: #F0F2FF;
    border-top-right-radius: 45px;
    clear: both;
    list-style: none;
    max-width: 400px;
    margin: 15px auto;
    padding: 30px 30px 30px 50px;
    width: 100%;
}

.basic-page-main-content-wrapper ol {
    background-color: #F0F2FF;
    border-top-right-radius: 45px;
    clear: both;
    max-width: 400px;
    margin: 15px auto;
    padding: 30px 30px 30px 50px;
    width: 100%;
}

.basic-page-main-content-wrapper ul li,
.basic-page-main-content-wrapper ol li {
    color: #000F58;
    font-weight: 400;
    font-size: 23px;
    line-height: 27px;
    margin: 10px 0;
    padding-left: 10px;
}

.basic-page-main-content-wrapper ul li::before {
    content: "•";
    color: #000F58;
    display: inline-block;
    width: 1em;
    margin-left: -1em
}

.basic-page-main-content-wrapper blockquote {
    margin: 10px auto;
    width: 95%;
}

.basic-page-main-content-wrapper blockquote p {
    color: #000F58;
    font-style: italic;
    font-weight: 300;
    font-size: 24px;
    line-height: 29px;
}

.basic-page-main-content-wrapper img {
    max-width: 100%;
    height: auto;
}

.basic-page-main-content-wrapper iframe {
    max-width: 100%;
}

.basic-page-main-content-wrapper .aligncenter {
    text-align: center;
}

.page-share {
    border: 3px solid #000F58;
    margin: 10px auto 80px;
    padding: 20px 20px 10px;
    width: 300px;
}

.page-numbers {
    cursor: pointer;
    /* top: 50%; */
    bottom: 10%;
    width: auto;
    display: inline-block;
    /* margin-top: -22px; */
    margin-top: 70px;
    padding: 16px 5px;
    color: #000F58;
    font-weight: bold;
    font-size: 30px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}

.twitter-tweet.twitter-tweet-rendered {
    /* background-image: url('./images/stripes.svg'); */
    background-color: #C3CDFF;
    background-size: cover;
    background-repeat: repeat;
    padding: 0;
    position: relative;
    margin: 40px auto !important;
}

.EmbeddedTweet {
    background-color: #fff !important;
    border: 8px solid #000F58 !important;
    right: -17px;
    padding: 30px;
    position: relative;
    top: -17px;
    width: 100%;
}

.leftfloated {
    float: left;
    width: 50%;
}

.rightfloated {
    float: right;
    width: 50%;
}

.leftfloated img {
    height: auto;
    margin: 10px 20px 20px 0;
    width: 90%;
}

.rightfloated img {
    height: 100%;
    margin: 10px 0 20px 20px;
    width: 90%;
}

/* TODO --------------------------------------------------------------------- */
.single-todo-wrapper {
    padding: 130px 5% 75px;
}

.single-todo-inner-wrapper {
    /* background-image: url('./images/stripes.svg'); */
    background-color: #C3CDFF;
    background-repeat: repeat;
    background-size: cover;
    margin: 50px auto 20px;
    padding: 0;
    position: relative;
    width: 70%;
}

.single-todo-inner {
    background-color: #fff;
    border: 8px solid #000F58;
    right: -17px;
    padding: 30px;
    position: relative;
    top: -17px;
    width: 100%;
}

.todo-deadline {
    color: #000F58;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 25px;
    line-height: 1.2;
    margin: 0 0 20px;
}

.single-todo-inner p {
    color: #323232;
    font-weight: 400;
    line-height: 24px;
    font-size: 20px;
    margin: 20px 0;
}

p.todo-issue-tags {
    color: #FF7B27;
    font-style: italic;
    font-weight: 300;
}

.single-todo-inner ul,
.single-todo-inner ol,
.main-content ul,
.main-content ol {
    margin-left: 20px;
    width: 80%;
}

.single-todo-inner ul li,
.single-todo-inner ol li,
.main-content ul li,
.main-content ol li {
    margin: 15px 0;
    color: #323232;
    font-weight: 400;
    line-height: 21px;
    font-size: 17px;
}

.single-todo-inner img {
    width: 100%;
    height: auto;
}

/* SINGLE PRESS RELEASE ----------------------------------------------------- */
.press-release-wrapper {
    padding: 130px 5% 75px;
}

.press-release-share-wrapper {
    text-align: right;
}

.share-p {
    color: #000F58;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 23px;
    margin: 0 0 10px;
}

.share-p a {
    display: inline-block;
    text-decoration: none;
}

.share-p a svg {
    margin: 0 4px;
    vertical-align: middle;
}

.share-p a svg #Shape {
    transition: fill ease-in-out 0.4s;
}

.share-p a:first-of-type {
    margin-left: 12px;
}

.share-p a:hover svg #Shape {
    fill: #FF7B27;
}

.press-release-inner-content-wrapper {
    /* background-image: url('./images/stripes.svg'); */
    background-color: #C3CDFF;
    background-size: cover;
    background-repeat: repeat;
    margin: 50px auto 20px;
    padding: 0;
    position: relative;
    width: 90%;
}

.press-release-inner-content {
    background-color: #fff;
    border: 8px solid #000F58;
    right: -17px;
    padding: 45px;
    position: relative;
    top: -17px;
    width: 100%;
}

.press-release-inner-content h2 {
    color: #000F58;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 32px;
    margin: 0 0 10px;
    text-decoration: underline;
}

.press-release-inner-content h3 {
    color: #9B9B9B;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 16px;
    margin-bottom: 40px;
}

.press-release-inner-content p {
    color: #323232;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 1.5;
    margin: 0 0 20px;
}

.press-release-inner-content iframe {
    display: inherit;
    margin: 0 auto;
    max-width: 100%;
}

.bottom-press-release-p {
    margin: 75px auto 30px;
    text-align: center;
}

.bottom-press-release-p a {
    color: #FF7B27;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 20px;
    transition: all ease-in-out 0.4s;
}

.bottom-press-release-p a:hover {
    color: #000F58;
}

/* SINGLE STAFF MEMBER */
.single-staff-wrapper {
    padding: 140px 10% 100px;
}

.single-staff-wrapper h1 {
    color: #000F58;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 30px;
    margin-top: 20px;
}

.single-staff-left {
    display: inline-block;
    padding: 0 35px;
    width: 34%;
}

.single-staff-right {
    /* background-image: url('./images/stripes.svg'); */
    background-color: #C3CDFF;
    background-size: cover;
    background-repeat: repeat;
    display: inline-block;
    margin: 15px auto 20px 5%;
    padding: 0;
    position: relative;
    width: 60%;
    vertical-align: top;
}

.single-staff-wrapper .single-staff-left p,
.single-leadership-left p {
    color: #000F58;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 20px;
    margin: 10px 0;
}

.single-staff-wrapper .single-staff-left p a,
.single-leadership-left p a {
    color: #000F58;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 20px;
    text-decoration: none;
    transition: all ease-in-out 0.4s;
}

.single-staff-wrapper .single-staff-left p a:hover,
.single-leadership-left p a:hover {
    color: #FF7B27;
}

.single-staff-wrapper .single-staff-left p.staff-inline-block,
.single-leadership-left p.staff-inline-block {
    display: inline-block;
    margin: 0 20px 10px 0;
}

.single-staff-wrapper .single-staff-left p.staff-inline-block a #Shape,
.single-leadership-left p.staff-inline-block a #Shape {
    transition: all ease-in-out 0.4s;
}

.single-staff-wrapper .single-staff-left p.staff-inline-block a:hover #Shape,
.single-leadership-left p.staff-inline-block a:hover #Shape {
    fill: #FF7B27;
}

.single-staff-wrapper .single-staff-left img,
.single-leadership-left img {
    height: auto;
    width: 100%;
}

.single-staff-right-inner {
    background-color: #fff;
    border: 5px solid #000F58;
    right: -17px;
    padding: 30px;
    position: relative;
    top: -17px;
    width: 100%;
}

.single-staff-right-inner p,
.single-leadership-right-inner p {
    color: #000F58;
    font-weight: 300;
    font-size: 24px;
    line-height: 29px;
    margin-bottom: 20px;
}

.single-staff-right-inner a,
.single-leadership-right-inner a {
    color: #FF7B27;
    transition: all ease-in-out 0.4s;
}

.single-staff-right-inner a:hover,
.single-leadership-right-inner a:hover {
    color: #000F58;
}

.single-staff-right-inner ul,
.single-staff-right-inner ol,
.single-leadership-right-inner ul,
.single-leadership-right-inner ol {
    margin: 10px 0 10px 40px;
}

.single-staff-right-inner ul li,
.single-staff-right-inner ol li,
.single-leadership-right-inner ul li,
.single-leadership-right-inner ol li {
    color: #323232;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 10px;
    padding-left: 10px;
}

/* SINGLE LEADERSHIP -------------------------------------------------------- */
.single-leadership-outer-wrapper {
    padding: 140px 10% 100px;
}

.single-leadership-outer-wrapper h1 {
    color: #000F58;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 30px;
    margin-top: 20px;
}

.single-leadership-left {
    display: inline-block;
    padding: 0 35px;
    width: 34%;
}

.single-leadership-right-wrapper {
    /* background-image: url('./images/stripes.svg'); */
    background-color: #C3CDFF;
    background-size: cover;
    display: inline-block;
    margin: 15px auto 20px 5%;
    padding: 0;
    position: relative;
    width: 60%;
    vertical-align: top;
}

.single-leadership-right-inner {
    background-color: #fff;
    border: 5px solid #000F58;
    right: -17px;
    padding: 30px;
    position: relative;
    top: -17px;
    width: 100%;
}

.single-leadership-download-img-a {
    position: relative;
}

.single-leadership-download-img-a img.single-leadership-download-img {
    bottom: 10px;
    height: auto;
    right: 10px;
    position: absolute;
    transition: all ease-in-out 0.4s;
    width: 30px;
}

.single-leadership-download-img-a img.single-leadership-download-img:hover,
.single-leadership-download-img-a:hover {
    opacity: .8;
}

/* SINGLE RESOURCE ---------------------------------------------------------- */
.single-resource-wrapper {
    padding: 150px 7% 100px;
}

.single-resource-wrapper h1 {
    color: #000F58;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 30px;
    margin-top: 20px;
}

.single-resource-content-wrapper {
    /* background-image: url('./images/stripes.svg'); */
    background-color: #C3CDFF;
    background-size: cover;
    margin: 50px auto 20px;
    padding: 0;
    position: relative;
    width: 85%;
}

.single-resource-content {
    background-color: #fff;
    border: 8px solid #000F58;
    right: -17px;
    padding: 30px;
    position: relative;
    top: -17px;
    width: 100%;
}

.single-resource-content h1,
.single-resource-content h2,
.single-resource-content h3,
.single-resource-content h4,
.single-resource-content h5,
.single-resource-content h6 {
    color: #000F58;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 25px;
    line-height: 29px;
    margin: 20px 0;
}

.single-resource-content h3 {
    font-size: 23px;
    line-height: 26px;
}

.single-resource-content h4 {
    font-size: 21px;
    line-height: 23px;
}

.single-resource-content h5 {
    font-size: 18px;
    line-height: 20px;
}

.single-resource-content h6 {
    font-size: 15px;
    line-height: 18px;
}

.single-resource-wrapper p {
    color: #323232;
    font-weight: 400;
    line-height: 24px;
    font-size: 20px;
    margin: 20px 0;
}

.single-resource-wrapper p a {
    color: #FF7B27;
    font-weight: 700;
    transition: all ease-in-out 0.4s;
}

.single-resource-wrapper p a:hover {
    color: #000F58;
}

.single-resource-tag-a {
    color: #FF7B27;
    display: inline-block;
    font-style: italic;
    font-weight: 300;
    margin-right: 15px;
    text-decoration: none;
}

.single-resource-tag-a:hover {
    color: #000F58;
}

.single-resource-a {
    color: #FF7B27;
    font-weight: 700;
}

.single-resource-a:hover {
    color: #000F58;
}

/* SINGLE EVENT ------------------------------------------------------------- */
.single-event-wrapper {
    padding: 150px 5% 100px;
}

.eventrow strong {
    margin-left: -5px;
}

.single-event-wrapper h1 {
    color: #000F58;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 30px;
    margin-top: 20px;
}

.single-event-inner-wrapper {
    font-size: 0;
    margin: 10px auto;
    width: 95%;
}

.single-event-inner-left {
    display: inline-block;
    margin-right: 4%;
    width: 48%;
}

.single-event-inner-right {
    display: inline-block;
    vertical-align: top;
    width: 48%;
}

.single-event-venue-wrapper {
    background-color: #F0F2FF;
    border-top-right-radius: 75px;
    padding: 30px;
}

.single-event-venue-wrapper h2 {
    color: #000F58;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 24px;
    margin: 0 0 10px 0;
}

.single-event-venue-wrapper p {
    color: #000;
    font-weight: 400;
    font-size: 17px;
    line-height: 20px;
}

.single-event-venue-wrapper p a {
    color: #000;
    display: block;
    text-decoration: none;
    transition: all ease-in-out 0.4s;
}

.single-event-venue-wrapper p a:hover {
    color: #FF7B27;
}

.single-event-venue-wrapper-left {
    border-left: 7px solid #C3CDFF;
    display: inline-block;
    padding-left: 13px;
    width: 50%;
    vertical-align: top;
}

.single-event-venue-wrapper-right{
    border-left: 7px solid #C3CDFF;
    display: inline-block;
    padding-left: 13px;
    width: 50%;
    vertical-align: top;
}

.single-event-inner-right-date {
    font-weight: 500;
    font-size: 20px;
    color: #000F58;
}

.single-event-inner-right-div p {
    color: #323232;
    font-weight: 400;
    line-height: 22px;
    font-size: 18px;
    margin: 20px 0;
}

.single-event-rsvp {
    background-color: #FF7B27;
    border-radius: 30px;
    color: #fff;
    display: block;
    font-size: 20px;
    margin: 20px 0;
    padding: 10px 15px;
    transition: all ease-in-out 0.4s;
    text-decoration: none;
    text-align: center;
    width: 350px;
}

.single-event-rsvp:hover {
    background-color: #000F58;
}

/* LEADERSHIP CORNER -------------------------------------------------------- */
.leadership-corner-wrapper {
    margin: 20px auto 50px;
    width: 85%;
}

.leadership-corner-inner-top-wrapper {
    font-size: 0;
}

.leadership-corner-inner-top-wrapper h2 {
    color: #000F58;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 40px;
    line-height: 42px;
    margin: 0 0 15px;
}

.leadership-corner-inner-top-left-wrapper {
    display: inline-block;
    margin-right: 5%;
    width: 55%;
}

.leadership-corner-inner-top-right-wrapper {
    display: inline-block;
    width: 40%;
    vertical-align: top;
}

.featured-todo {
    /* background-image: url('./images/stripes.svg'); */
    background-color: #C3CDFF;
    background-size: cover;
    margin: 50px auto 20px;
    padding: 0;
    position: relative;
    width: 100%;
}

.inner-featured-todo {
    background-color: #fff;
    border: 8px solid #000F58;
    right: -17px;
    padding: 30px;
    position: relative;
    top: -17px;
    width: 100%;
}

.leadership-corner-todo-card {
    background-color: #E4E8FF;
    padding: 20px 30px;
}

.leadership-corner-todo-card:nth-of-type(even) {
    background-color: #F0F2FF;
}

.leadership-corner-todo-card:nth-of-type(odd) {
    background-color: #E4E8FF;
}

.leadership-corner-todo-card h3 {
    color: #000F58;
    font-weight: 300;
    font-style: italic;
    font-size: 28px;
    line-height: 29px;
}

/* .leadership-corner-todo-card div {
    margin: 10px 0;
} */

.leadership-corner-todo-card h3 a {
    color: #000F58;
    text-decoration: none;
    transition: all ease-in-out 0.4s;
}

.leadership-corner-todo-card h3 a:hover {
    color: #FF7B27;
}

.leadership-corner-todo-card p {
    color: #000000;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin: 10px 0;
}

.leadership-corner-todo-card .card-todo-a {
    color: #FF7B27;
    font-weight: 700;
    font-size: 16px;
    transition: all ease-in-out 0.4s;
}

.leadership-corner-todo-card a:hover {
    color: #000F58;
}

.featured-todo {
    /* background-image: url('./images/stripes.svg'); */
    background-color: #C3CDFF;
    background-size: cover;
    margin: 50px auto 20px;
    padding: 0 !important;
    position: relative;
    width: 100%;
    background-color: transparent !important;
}

.inner-featured-todo {
    background-color: #fff;
    border: 8px solid #000F58;
    right: -17px;
    padding: 30px;
    position: relative;
    top: -17px;
    width: calc(100% - 17px);
}

.leadership-corner-inner-top-right-inner {
    background-color: #000F58;
    border: 3px solid #000F58;
    border-bottom-left-radius: 45px;
    border-bottom-right-radius: 45px;
    margin-top: 30px;
}

.leadership-corner-inner-top-right-inner-inner {
    background-color: #fff;
    padding: 20px 30px;
}

.leadership-corner-resource-card {
    margin-bottom: 30px;
}

.leadership-corner-resource-card h3 a {
    color: #000F58;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 25px;
    text-decoration: none;
    transition: all ease-in-out 0.4s;
}

.leadership-corner-resource-card h3 a:hover {
    color: #FF7B27;
}

.leadership-corner-resource-card p {
    color: #000000;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
}

.card-resource-a {
    border-radius: 30px;
    background-color: #FF7B27;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    margin-top: 10px;
    min-width: 140px;
    padding: 13px 20px;
    transition: all ease-in-out 0.4s;
    text-decoration: none;
    text-align: center;
}

.card-resource-a:hover {
    background-color: #000F58;
}

.leadership-corner-inner-top-right-inner-search {
    /* background-color: #000F58; */
    padding: 50px 30px 40px;
}

.leadership-corner-inner-top-right-inner-search p {
    color: #fff;
    font-weight: 400;
    font-size: 17px;
    line-height: 20px;
}

.leadership-corner-inner-top-right-inner-search form {
    margin: 10px auto;
    width: 95%;
}

.leadership-corner-inner-top-right-inner-search input[type='text'] {
    border: none;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    color: #4A4A4A;
    font-size: 16px;
    padding: 10px 12px;
    text-indent: 20px;
    width: 85%;
}

.leadership-corner-inner-top-right-inner-search input[type=submit] {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border: none;
    background-color: #FF7B27;
    cursor: pointer;
    font-size: 16px;
    padding: 10px 12px;
    vertical-align: top;
    transition: all ease-in-out 0.4s;
    width: 15%;
    -webkit-appearance: none;
    appearance: none;
    background-image: url('./images/mag-glass.svg');
    background-repeat: no-repeat;
    /* background-position: right 13px center; */
    background-position: center;
}

.leadership-corner-inner-top-right-inner-search input[type=submit]:hover {
    background-color: #C3CDFF;
}

.leadership-corner-bottom-top-wrapper {
    font-size: 0;
    display: flex;
    margin-top: 100px;
}

.leadership-corner-bottom-top-card-wrapper {
    /* background-image: url('./images/stripes.svg'); */
    background-color: #C3CDFF;
    background-size: cover;
    display: inline-flex;
    margin: 50px 2% 20px;
    padding: 0;
    position: relative;
    width: 47%;
    vertical-align: top;
    flex: 1;
    /* height: 100%; */
}

/* .leadership-corner-bottom-top-card-wrapper:nth-of-type(odd) {
    margin-right: 3%;
}

.leadership-corner-bottom-top-card-wrapper:nth-of-type(even) {
    margin-left: 3%;
} */

.leadership-corner-bottom-top-card-inner {
    background-color: #fff;
    border: 8px solid #000F58;
    right: -17px;
    padding: 30px;
    position: relative;
    top: -17px;
    width: calc(100% - 17px);
    flex: 1;
    height: 100%;
}

.promotion-card-a {
    background-size: cover;
    background-position: center;
    display: block;
    height: 350px;
    transition: all ease-in-out 0.4s;
    width: 100%;
}

.promotion-card-a:hover {
    transform: scale(0.95);
}

.leadership-corner-bottom-top-card-inner h2 a {
    color: #000F58;
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 35px;
    line-height: 37px;
    margin: 0 0 15px;
    min-height: 74px;
    text-decoration: none;
}

.leadership-corner-bottom-top-card-inner h2 a:hover {
    color: #FF7B27;
}

.leadership-corner-bottom-top-card-inner p {
    color: #323232;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    margin: 20px auto;
}

.leadership-corner-bottom-top-card-inner-a {
    border-radius: 30px;
    background-color: #FF7B27;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    margin-top: 10px;
    min-width: 140px;
    padding: 13px 20px;
    transition: all ease-in-out 0.4s;
    text-decoration: none;
    text-align: center;
    width: 100%;
}

.leadership-corner-bottom-top-card-inner-a:hover {
    background-color: #000F58;
}

/* PRESS RELEASE PAGE ------------------------------------------------------- */
.press-section-wrapper {
    font-size: 0;
    padding: 150px 5% 100px;
}

.press-section-inner-left {
    display: inline-block;
    margin-right: 10%;
    width: 55%;
}

.press-section-inner-right {
    display: inline-block;
    width: 35%;
    vertical-align: top;
}

.press-section-hero h2 {
    color: #000;
    font-weight: 400;
    font-size: 24px;
    line-height: 27px;
    margin-bottom: 30px;
}

.press-section-video-wrapper {
    height: auto;
    max-width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    width: 100%;
}

iframe {
    width: 100%;
}

.press-section-video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.press-section-press-card {
    border-bottom: 5px solid #C3CDFF;
    margin: 30px 0 0;
    padding-bottom: 30px;
}

.press-section-press-card:last-of-type {
    border-bottom: none;
}

.press-section-press-card h3 a {
    color: #000F58;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 30px;
    text-decoration: none;
    transition: all ease-in-out 0.4s;
}

.press-section-press-card h3 a:hover {
    color: #FF7B27;
}

.press-section-press-card .press-section-press-card-date {
    color: #9B9B9B;
    font-weight: 400;
    font-size: 16px;
    margin: 10px 0 20px;
}

.press-section-press-card div {
    margin-bottom: 10px;
}

.press-section-press-card div p {
    color: #4A4A4A;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
}

.press-section-press-card .press-section-press-card-read-more {
    border-radius: 30px;
    background-color: #FF7B27;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    margin-top: 10px;
    min-width: 140px;
    padding: 13px 20px;
    transition: all ease-in-out 0.4s;
    text-decoration: none;
    text-align: center;
}

.press-section-press-card .press-section-press-card-read-more:hover {
    background-color: #000F58;
}

.press-section-inner-media-contact-form {
    background-color: #000F58;
    padding: 35px 30px;
}

.press-section-inner-media-contact-form h2 {
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 30px;
    margin-bottom: 10px;
}

.press-section-inner-media-contact-form form {
    width: 100%;
}

.press-section-inner-media-contact-form form input {
    border: none !important;
    border-radius: 5px !important;
    font-weight: 400 !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 16px;
    color: #4A4A4A;
    width: 100% !important;
    max-width: 100% !important;
}

div.wpforms-container-full .wpforms-form .wpforms-field {
    padding: 5px 0 !important;
}

.press-section-inner-media-contact-form form textarea {
    border: none !important;
    border-radius: 5px !important;
    font-weight: 400 !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 16px;
    color: #4A4A4A;
    width: 100% !important;
    max-width: 100% !important;
    resize: none;
}

div.wpforms-container-full .wpforms-form button[type=submit] {
    border-radius: 30px;
    border: none !important;
    background-color: #FF7B27 !important;
    color: #fff !important;
    display: inline-block;
    font-size: 15px !important;
    font-weight: 500;
    margin-top: 10px;
    min-width: 140px;
    padding: 13px 20px;
    transition: all ease-in-out 0.4s;
    text-decoration: none;
    text-align: center;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    width: 100% !important;
}

div.wpforms-container-full .wpforms-form button[type=submit]:hover {
    background-color: #C3CDFF !important;
    color: #000F58;
}

.press-section-leadership-wrapper {
    /* background-image: url('./images/stripes.svg'); */
    background-color: #C3CDFF;
    background-size: cover;
    left: -17px;
    margin: 50px auto 20px;
    padding: 0;
    position: relative;
    width: 100%;
}

.press-section-leadership-inner {
    background-color: #fff;
    border: 8px solid #000F58;
    right: -17px;
    padding: 30px;
    position: relative;
    top: -17px;
    width: 100%;
}

.press-section-leadership-inner h2 {
    color: #000F58;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 30px;
    margin-bottom: 10px;
}

.press-section-leadership-image {
    background-position: center;
    background-size: cover;
    height: 300px;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 100%;
}

.press-section-leadership-inner a {
    border-radius: 30px;
    background-color: #FF7B27;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    margin-top: 10px;
    min-width: 140px;
    padding: 13px 20px;
    transition: all ease-in-out 0.4s;
    text-decoration: none;
    text-align: center;
    width: 100%;
}

.press-section-leadership-inner a:hover {
    background-color: #000F58;
}

.press-section-twitter-wrapper {

}

.press-section-twitter-wrapper h2 {
    color: #000F58;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 30px;
    margin-top: 50px;
    padding-left: 17px;
}

.press-section-twitter-card-wrapper {
    display: block;
    margin: 50px 0;
    text-decoration: none;
}

.press-section-twitter-card-wrapper:hover .press-section-twitter-card {
    background-color: #E4E8FF;
}

.twdiv {
    display: flex;
    margin-bottom: 130px;
}

.press-section-twitter-card {
    border-top-right-radius: 55px;
    background-color: #C3CDFF;
    margin: 20px auto 20px 17px;
    position: relative;
    height: 100%;
    width: calc(100% - 17px);
}

.press-section-twitter-inner {
    border-top-right-radius: 55px;
    background-color: #000F58;
    height: 100%;
    padding: 40px 33px;
    position: relative;
    left: -17px;
    width: 100%;
    bottom: -17px;
    background-image: url('./images/tw-logo.png');
    background-position: left 20px top 20px;
    background-repeat: no-repeat;
    background-size: 150px;
}

.press-section-twitter-inner-tweet {
    font-weight: 300;
    font-style: italic;
    /* font-size: 22px; */
    font-size: 19px;
    color: #FFFFFF;
    /* line-height: 28px; */
    line-height: 26px;
    text-decoration: none;
    word-break: break-word;
}

.press-section-twitter-inner-date {
    font-weight: bold;
    font-size: 20px;
    color: #FFFFFF;
    line-height: 24px;
    margin-top: 30px;
    text-decoration: none;
}

.press-section-title-card {
    margin-top: 40px;
    /* text-align: right; */
}

.press-section-title-card h2 {
    color: #000F58;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 30px;
    margin-top: 50px;
}

.press-section-title-card a {
    border-radius: 30px;
    background-color: #FF7B27;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    margin-top: 10px;
    min-width: 140px;
    padding: 13px 20px;
    transition: all ease-in-out 0.4s;
    text-decoration: none;
    text-align: center;
}

.press-section-title-card a:hover {
    background-color: #000F58;
}

.press-section-title-card {
    font-size: 20px;
    line-height: 1.5;
    color: #000F58;
}

/* TIMELINE PAGE -------------------------------------------------------- */
.timeline-page-wrapper {
    background-repeat: no-repeat;
    padding: 150px 5% 100px;
    position: relative;
}

.background-image-timeline:first-of-type {
    position: absolute;
    top: 0;
    right: 0;
    max-width: 100%;
}

.background-image-timeline:nth-of-type(2) {
    position: absolute;
    left: 0;
    top: 30%;
    max-width: 100%;
}

.background-image-timeline:nth-of-type(3) {
    position: absolute;
    right: 0;
    width: 50%;
    top: 50%;
    max-width: 100%;
}

.background-image-timeline:nth-of-type(4) {
    position: absolute;
    bottom: -271px;
    left: 0;
    width: 50%;
    z-index: 0;
    max-width: 100%;
}

.timeline-page-inner {
    position: relative;
    margin-top: 60px;
}

.timeline-page-inner::after {
    content: '';
    position: absolute;
    width: 6px;
    background-color: #000F58;
    top: 17px;
    bottom: 270px;
    left: 50%;
    margin-left: -3px;
}

.timeline-card-wrapper {
    /* background-image: url('./images/stripes.svg'); */
    background-color: #C3CDFF;
    background-size: cover;
    /* margin: 50px auto 20px; */
    padding: 0;
    position: relative;
    width: 48%;
}

.timeline-card-wrapper::after {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    right: -11%;
    background-color: #000F58;
    border: 4px solid #000F58;
    top: 15px;
    border-radius: 50%;
    z-index: 1;
}

.timeline-card-wrapper:nth-of-type(odd) {
    left: -2%;
}

.timeline-card-wrapper:nth-of-type(odd)::before {
    content: " ";
    height: 6px;
    position: absolute;
    top: 28px;
    width: 0;
    z-index: 1;
    right: -8%;
    width: 6%;
    background-color: #000F58;
}

.timeline-card-wrapper:nth-of-type(even) {
    right: -52%;
}

.timeline-card-wrapper:nth-of-type(even)::before {
    content: " ";
    height: 6px;
    position: absolute;
    top: 28px;
    width: 0;
    z-index: 1;
    left: -4%;
    width: 7%;
    background-color: #000F58;
}

.timeline-card-wrapper:nth-of-type(even)::after {
    left: -7%;
}

.timeline-card-inner {
    background-color: #fff;
    border: 8px solid #000F58;
    font-size: 0;
    right: -17px;
    padding: 30px;
    position: relative;
    top: -17px;
    width: 100%;
}

.timeline-card-inner img {
    height: 170px;
    object-fit: cover;
    object-position: center;
    padding-right: 20px;
    width: 37%;
}

.timeline-page-inner img.mobile {
    display: none;
}

.top-inner-timeline-div {
    display: inline-block;
    /* padding: 0 0 0 20px; */
    vertical-align: top;
    width: 63%;
}

.top-inner-timeline-div.full {
    width: 100%;
}

.top-inner-timeline-div h3 {
    color: #9B9B9B;
    font-weight: 900;
    font-size: 46px;
}

.top-inner-timeline-div h2 {
    color: #000F58;
    font-family: 'Montserrat', sans-serif;
    font-weight: 800;
    font-size: 24px;
    line-height: 1.3;
}

.bottom-inner-timeline-div {
    margin: 20px 0;
}

.bottom-inner-timeline-div p {
    color: #323232;
    line-height: 24px;
    font-size: 20px;
    font-weight: 400;
}

.timeline-card-inner .hero-link-a {
    font-size: 14px;
    font-weight: 500;
}

/* LEADERSHIP LISTING PAGE -------------------------------------------------- */
.leadership-listing-page-wrapper {
    padding: 150px 5% 50px;
}

.leadership-listing-h2 {
    font-weight: 400;
    font-size: 24px;
    color: #000000;
    line-height: 27px;
    width: 50%;
}

.leadership-listing-wrapper {
    border-bottom: 5px solid #C3CDFF;
    margin: 45px auto;
    padding-bottom: 50px;
    width: 85%;
}

.leadership-listing-wrapper h2 {
    color: #000F58;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 27px;
    margin: 10px 0 15px;
}

.single-leadership-card {
    /* background-image: url('./images/stripes.svg'); */
    /* background-size: cover;
    display: inline-block;
    margin: 50px 30px 20px;
    padding: 0;
    position: relative;
    vertical-align: top;
    width: 300px; */
    background-size: cover;
    display: inline-block;
    margin: 50px 1% 20px;
    padding: 0;
    position: relative;
    vertical-align: top;
    width: 31%;
}

.single-leadership-card:hover {
    /* background-image: url('./images/stripes.svg'); */
    background-color: #C3CDFF;
}

.single-leadership-card-inner {
    background-color: #fff;
    border: 8px solid #000F58;
    right: -17px;
    padding: 30px;
    position: relative;
    text-align: left;
    top: -17px;
    width: calc(100% - 17px);
}

.leadership-row-one {
    text-align: center;
    font-size: 0;
}

.leadership-row-two {
    text-align: center;
    font-size: 0;
}

.single-leadership-card-inner img {
    height: auto;
    object-fit: cover;
    width: 100%;
}

.single-leadership-card-inner h2 {
    color: #000F58;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 27px;
    margin: 10px 0;
}

.single-leadership-card-inner h2 a {
    color: #000F58;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 27px;
    margin: 10px 0;
    text-decoration: none;
}

.single-leadership-card-inner h2 a:hover {
    color: #fc6100;
}

.single-leadership-card-inner p,
.single-leadership-card-inner p a,
.leadership-listing-summary {
    font-weight: 400;
    font-size: 18px;
    color: #000F58;
    line-height: 24px;
    text-decoration: none;
    transition: all ease-in-out 0.4s;
}

.single-leadership-card-inner p a:hover {
    color: #FF7B27;
}

.leadership-social-div {
    margin: 10px 0;
}

.single-leadership-card-inner .single-leadership-card-social-a {
    display: inline-block;
    margin: 0 5px 0 0;
    text-decoration: none;
}

.single-leadership-card-inner .single-leadership-card-social-a svg #Shape {
    transition: all ease-in-out 0.4s;
}

.single-leadership-card-inner .single-leadership-card-social-a:hover svg #Shape {
    fill: #FF7B27;
}

.leadership-listing-summary p {
    color: #000;
    font-weight: 400;
    font-size: 17px;
    line-height: 20px;
}

.leadership-read-more {
    color: #FF7300;
    display: block;
    font-weight: 700;
    font-size: 20px;
    margin-top: 20px;
    transition: all ease-in-out 0.4s;
}

.leadership-read-more:hover {
    color: #000F58;
}

.leadership-listing-page-inner-bottom {
    font-size: 0;
    margin: 30px auto;
    width: 85%;
}

.leadership-listing-page-inner-bottom-left {
    display: inline-block;
    width: 50%;
}

.leadership-listing-page-inner-bottom-right {
    display: inline-block;
    width: 50%;
    vertical-align: top;
}

.leadership-listing-page-inner-bottom h1,
.leadership-listing-page-inner-bottom h2,
.leadership-listing-page-inner-bottom h3,
.leadership-listing-page-inner-bottom h4,
.leadership-listing-page-inner-bottom h5,
.leadership-listing-page-inner-bottom h6 {
    color: #000F58;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 27px;
}

.leadership-listing-page-inner-bottom h3 {
    font-size: 21px;
    line-height: 24px;
}

.leadership-listing-page-inner-bottom h4,
.leadership-listing-page-inner-bottom h5,
.leadership-listing-page-inner-bottom h6 {
    font-size: 18px;
    line-height: 22px;
}

.leadership-listing-page-inner-bottom p {
    color: #323232;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
}

.leadership-listing-page-inner-bottom p a {
    color: #000F58;
    transition: ease-in-out all 0.4s;
}

.leadership-listing-page-inner-bottom p a:hover {
    color: #FF7300;
}

/* STAFF LISTING PAGE ------------------------------------------------------- */
.staff-page-listing-wrapper {
    padding: 150px 5% 100px;
}

.staff-listing-page-inner-wrapper {
    font-size: 0;
    margin-top: 30px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.single-staff-card {
    /* background-image: url('./images/stripes.svg'); */
    background-size: cover;
    display: inline-block;
    margin: 50px 2% 20px;
    padding: 0;
    position: relative;
    vertical-align: top;
    width: 21%;
    transition: all ease-in-out 0.4s;
}

.single-staff-card:hover {
    /* background-image: url('./images/stripes.svg'); */
    background-color: #C3CDFF;
}

.single-staff-card-inner {
    background-color: #fff;
    border: 8px solid #000F58;
    right: -17px;
    padding: 20px;
    position: relative;
    text-align: left;
    top: -17px;
    width: 100%;
    display: inline-block;
    text-decoration: none;
    min-height: 100%;
}

.single-staff-card-inner img {
    height: auto;
    object-fit: cover;
    width: 100%;
    min-height: 300px;
    max-height: 300px;
}

.single-staff-card-inner h2 {
    color: #000F58;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 27px;
    text-decoration: none;
    margin-top: 10px;
}

.single-staff-card-inner:hover h2 {
    color: #FF7300;
}

.single-staff-card-inner p,
.single-staff-card-inner p a {
    color: #000000;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    transition: all ease-in-out 0.4s;
}

.single-staff-card-inner p:first-of-type {
    font-weight: 600;
    margin: 5px 0;
}

.single-staff-card-inner p a:hover {
    color: #FF7300;
}

/* ELECTED OFFICIALS PAGE --------------------------------------------------- */
.elected-officials-wrapper {
    font-size: 0;
    margin: 10px auto;
    width: 90%;
}

.single-todo-inner p a {
    word-break: break-all;
}

.elected-tab {
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    background-color: #F0F2FF;
    color: #000F58;
    display: inline-block;
    font-weight: 500;
    font-size: 17px;
    padding: 20px 0;
    text-decoration: none;
    text-align: center;
    width: 20%;
}

.elected-tab:hover,
.selected-tab {
    background-color: #E4E8FF;
    text-decoration: underline;
}

/* RESOURCE LISTING PAGE ---------------------------------------------------- */
.resource-listing-page {
    padding: 150px 5% 100px;
}

.resource-listing-page form {
    font-size: 0;
    margin: 20px auto 20px 7%;
    width: 70%;
}

.resource-listing-page form input {
    border: 1px solid #000F58;
    border-radius: 30px;
    color: #000F58;
    padding: 10px 15px;
    font-weight: 400;
    font-size: 16px;
    color: #4A4A4A;
}

.resource-listing-page form input:first-of-type {
    width: 36%;
}

.resource-listing-page form input:nth-of-type(2) {
    width: 26%;
    margin: 0 2%;
}

.resource-listing-page form input[type='submit'] {
    background-color: #FF7300;
    border-color: #FF7300;
    color: #fff;
    font-weight: 700;
    appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    transition: all ease-in-out 0.4s;
    width: 32%;
}

.resource-listing-page form input[type='submit']:hover {
    background-color: #000F58;
    border-color: #000F58;
}

.resource-listing-card-wrapper {
    margin: 50px auto;
    width: 65%;
}

.resource-card {
    border-bottom: 2px solid #C3CDFF;
    padding-bottom: 30px;
    margin-top: 20px;
}

.resource-card h2 a {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 24px;
    color: #000F58;
    line-height: 25px;
    margin-bottom: 10px;
    text-decoration: none;
    transition: ease-in-out all 0.4s;
    margin-bottom: 20px;
    display: inline-block;
}

.resource-card h2 a:hover {
    color: #FF7300;
}

.resource-card div {
    margin-bottom: 20px;
}

.resource-card-tags a {
    color: #FF7300;
    font-weight: 300;
    font-style: italic;
    font-size: 16px;
    text-decoration: none;
    margin-right: 7px;
    transition: all ease-in-out 0.4s;
}

.resource-card-tags a:hover {
    color: #000F58;
}

.resource-download-a {
    color: #FF7300;
    font-weight: 700;
    float: right;
    transition: all ease-in-out 0.4s;
}

.resource-download-a:hover {
    color: #000F58;
}

.clear-btn-resource-wrapper {
    text-align: right;
}

.clear-btn-resource-wrapper a {
    font-size: 20px;
    color: #000F58;
}

.clear-btn-resource-wrapper a:hover {
    color: #fc6100;
}

/* HOMEPAGE ----------------------------------------------------------------- */
.homepage-wrapper {
    padding: 0;
}

.homepage-hero-wrapper {
    /* min-height: 700px;
    background-image: url('./images/light-purple-lines.png');
    background-size: cover;
    border-bottom-left-radius: 52%;
    margin: 0 auto 10px auto;
    padding: 0 0 27px 0px;
    width: 95%;
    border-bottom-right-radius: 48%; */
    position: relative;
}

.homepage-main-content-wrapper {
    padding: 20px 0;
    width: 100%;
}

/* HOMEPAGE CALL TO ACTION */
.homepage-call-to-action-wrapper {
    /* background-image: url('./images/stripes.svg'); */
    background-color: #C3CDFF;
    background-size: cover;
    display: block;
    margin: 50px auto;
    padding: 0;
    position: relative;
    width: 80%;
}

.homepage-call-to-action img {
    max-width: 100%;
    height: auto;
}

.civicengine-embed-loaded {
    height: 500px !important;
    width: 500px;
    max-width: 100%;
    margin: 0 auto;
    display: block;
    min-width: 500px !important;
}

.civicengine-embed-loaded .AddressForm__formGroup {
    display: none !important;
}

.homepage-call-to-action {
    color: #fff;
    border: 8px solid #000F58;
    right: -17px;
    padding: 30px;
    position: relative;
    text-align: center;
    top: -17px;
    width: 100%;
    background: #000f58;
}

.homepage-call-to-action h2, .homepage-call-to-action h3, .homepage-call-to-action a {
    color: #fff !important;
}

.homepage-main-content-wrapper h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 30px;
    color: #000F58;
}

.homepage-call-to-action h3 {
    color: #000F58;
    font-style: italic;
    font-size: 24px;
    font-weight: 300;
    line-height: 29px;
    margin: 10px 0;
}

.homepage-call-to-action-p-wrapper p {
    color: #171717;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
}

.homepage-call-to-action .homepage-call-to-action-p-wrapper p,
.homepage-call-to-action .homepage-call-to-action h3,
.homepage-call-to-action .homepage-main-content-wrapper h2 {
    color: #fff;
}

.homepage-call-to-action-button {
    border-radius: 30px;
    background-color: #FF7B27;
    color: #fff;
    display: block;
    font-weight: 400;
    margin-top: 10px;
    min-width: 140px;
    padding: 13px 20px;
    transition: all ease-in-out 0.4s;
    text-decoration: none;
    text-align: center;
    max-width: 300px;
    width: 25%;
    margin: 20px auto;
}

.homepage-call-to-action-button:hover {
    background-color: #fff;
    color: #FF7B27 !important;
}

/* Homepage Twitter */
.homepage-dfl-twitter-block {
    font-size: 0;
    margin: 40px auto;
    width: 85%;
}

/* .homepage-dfl-twitter-block ..press-section-twitter-card {
    vertical-align: top;
} */

#custom-twitterfeed {
    display: none;
}

.homepage-dfl-twitter-block .press-section-twitter-card-wrapper {
    display: inline-block;
    margin: 0 1%;
    width: 31%;
    flex: 1;
    vertical-align: top;
    transition: all ease-in-out 0.4s;
}

.homepage-dfl-twitter-block .press-section-twitter-card-wrapper:hover .press-section-twitter-card {
    background-color: #E4E8FF;
}

/* HOMEPAGE DONATE BLOCK */
.homepage-donate-block {
    background-size: cover;
    background-position: center;
    /* border-bottom: 45px solid #E4E8FF; */
    border-top-left-radius: 250px;
    border-bottom-left-radius: 250px;
    font-size: 0;
    margin: 45px 0 45px auto;
    padding: 30px 7% 50px;
    position: relative;
    width: 90%;
}

.homepage-donate-block-layer {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0.5;

    border-top-left-radius: 250px;
    border-bottom-left-radius: 250px;
    mix-blend-mode: multiply;
}

.homepage-donate-block h2 {
    color: #C3CDFF !important;
}

.homepage-goal-total {
    background-color: #C3CDFF;
    border-radius: 45px;
    margin-top: 65px;
    margin-bottom: 25px;
    position: relative;
    width: 90%;
    text-align: left;
}

.homepage-goal-bar-inner {
    background-image: url('./images/donkey.png');
    background-repeat: repeat-x;
    background-position: left center;
    display: inline-block;
    height: 70px;
    position: relative;
}

.homepage-goal-bar-h4-raised {
    color: #fff;
    display: inline-block;
    font-weight: 400;
    font-size: 30px;
    padding: 5px;
    position: absolute;
    right: -37px;
    top: -58px;
    transform: scale(.8);
}

.homepage-goal-bar-h4-raised:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 12px;
    margin-left: -8px;
}

.homepage-goal-bar-h4-total {
    background-color: #fff;
    color: #000F58;
    display: inline-block;
    font-weight: 700;
    font-size: 30px;
    padding: 10px;
    position: absolute;
    right: -37px;
    top: -65px;
}

.homepage-goal-bar-h4-total:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 12px;
    margin-left: -13px;
}

.homepage-donate-inner-left {
    display: inline-block;
    width: 50%;
    position: relative;
}

.donate-sub-title {
    color: #FFFFFF;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    margin: 15px 0;
}

.homepage-donate-inner-right {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    position: relative;
}

.donate-legal {
    font-weight: 300;
    font-style: italic;
    font-size: 15px;
    color: #FFFFFF;
    line-height: 18px;
    padding-left: 10px;
}

.homepage-donate-btn {
    display: inline-block;
    background: #FFFFFF;
    border-radius: 36px;
    border: 3px solid transparent;
    color: #000F58;
    font-weight: 800;
    font-size: 30px;
    margin: 10px 1%;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
    width: 31.3%;
    transition: all ease-in-out 0.4s;
    vertical-align: top;
}

.homepage-donate-btn.small-text {
    font-size: 22px;
    line-height: 18px;
}

.homepage-donate-btn:hover {
    border-color: #FF7300;
}

/* HOMEPAGE EVENT */
.homepage-event-wrapper {
    background-color: #F0F2FF;
    font-size: 0;
    padding: 40px 5%;
    width: 100%;
}

.homepage-event-wrapper-inner-left {
    display: inline-block;
    padding: 20px 5%;
    width: 45%;
    vertical-align: top;
}

.homepage-event-wrapper-inner-right {
    background-position: center;
    background-size: cover;
    display: inline-block;
    min-height: 275px;
    /* padding: 20px; */
    width: 55%;
}

.homepage-event-wrapper-inner-right img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.homepage-event-inner-div {
    margin-top: 15px;
}

.homepage-event-inner-div p {
    color: #323232;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
}

.homepage-event-wrapper-inner-left form {
    margin-top: 30px;
    width: 100%;
}

.homepage-event-wrapper-inner-left form input[type='tel'] {
    border: none;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    color: #4A4A4A;
    font-size: 16px;
    padding: 10px 12px;
    text-indent: 20px;
    width: 85%;
}

.homepage-event-wrapper-inner-left form input[type='submit'] {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border: none;
    background-color: #FF7B27;
    cursor: pointer;
    font-size: 16px;
    padding: 10px 12px;
    vertical-align: top;
    transition: all ease-in-out 0.4s;
    width: 15%;
    -webkit-appearance: none;
    appearance: none;
    background-image: url('./images/mag-glass.svg');
    background-repeat: no-repeat;
    background-position:center;
    text-indent: -9999px;
}

.homepage-event-wrapper-inner-left form input[type='submit']:hover {
    background-color: #000F58;
}

/* HOMEPAGE VOTER BLOCK */
.homepage-voter-block {
    font-size: 0;
    margin: 50px auto;
    width: 80%;
}

.homepage-voter-block-svg {
    display: inline-block;
}

.homepage-voter-block-inner {
    background-image: url('./images/map-pin.svg');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    /* background-size: 65px; */
    display: inline-block;
    padding: 0 0 0 70px;
    width: 65%;
    vertical-align: middle;
}

.homepage-voter-block-inner h3 {
    color: #000000;
    font-weight: 400;
    font-size: 21px;
    letter-spacing: 0;
    line-height: 24px;
    margin-top: 12px;
}

.homepage-voter-block form {
    display: inline-block;
    font-size: 0;
    padding: 0 20px;
    width: 35%;
    /* vertical-align: top; */
}

.homepage-voter-block form input[type='text'] {
    border: 2px solid #000F58;
    border-radius: 25px;
    color: #4A4A4A;
    font-size: 16px;
    margin-bottom: 10px;
    padding: 10px 12px;
    text-indent: 20px;
    width: 85%;
    border-radius: 25px 0 0 25px;
    border-right: none;
}

.homepage-voter-block form input[type='tel'] {
    border: 2px solid #000F58;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    border-right: none;
    color: #4A4A4A;
    font-size: 16px;
    padding: 10px 12px;
    text-indent: 20px;
    width: 85%;
}

.homepage-voter-block form input[type='submit'] {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border: 2px solid transparent;
    background-color: #FF7300;
    cursor: pointer;
    font-size: 16px;
    padding: 10px 12px;
    vertical-align: top;
    transition: all ease-in-out 0.4s;
    width: 15%;
    -webkit-appearance: none;
    appearance: none;
    background-image: url('./images/mag-glass.svg');
    background-repeat: no-repeat;
    /* background-position: right 13px center; */
    background-position: center;
    text-indent: -9999px;
}

.homepage-voter-block form input[type='submit']:hover {
    background-color: #000F58;
}

/* VOLUNTEER AND SIGN UP BLOCK */
.homepage-sign-up-volunteer-block-wrapper {
    width: 100%;
    position: relative;
    margin-bottom: 30px;
}

.homepage-sign-up-volunteer-wrapper {
    position: relative;
}

.homepage-volunteer-sign-up-wrapper {
    position: absolute;
    bottom: 0;
    text-align: right;
    right: 0;
}

.homepage-sign-up-volunteer-inner-wrap {
    /* background-image: url('./images/stripes.svg'); */
    background-color: #C3CDFF;
    background-size: cover;
    display: block;
    margin: 50px 0 0;
    padding: 0;
    position: relative;
    width: 80%;
    border-top-right-radius: 250px;
    border-bottom-right-radius: 250px;
}

.homepage-sign-up-volunteer-inner-inner {
    left: -17px;
    padding: 30px;
    position: relative;
    font-size: 0;
    width: 100%;
    padding: 40px 7% 40px 18%;
    background-color: #000F58;
    border-top-right-radius: 250px;
    border-bottom-right-radius: 250px;
    z-index: 2;
}

.homepage-sign-up-volunteer-inner-inner div {
    display: inline-block;
    vertical-align: top;
    padding-right: 20px;
    width: 50%;
}

.homepage-sign-up-volunteer-inner-inner form {
    display: inline-block;
    width: 50%;
}

.homepage-sign-up-volunteer-inner-inner h2 {
    color: #fff;
}

.homepage-sign-up-volunteer-inner-inner p {
    font-weight: 400;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 22px;
    margin-top: 20px;
}

.homepage-sign-up-volunteer-inner-inner form input {
    width: 100%;
    border: 2px solid transparent;
    border-radius: 25px;
    color: #4A4A4A;
    font-size: 16px;
    margin-bottom: 10px;
    padding: 10px 12px;
}

.homepage-sign-up-volunteer-inner-inner form input[type='submit'] {
    background-color: #FF7300;
    border-color: transparent;
    color: #fff;
    font-weight: 700;
    transition: all ease-in-out 0.4s;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.homepage-sign-up-volunteer-inner-inner form input[type='submit']:hover {
    background-color: #C3CDFF;
}

.homepage-sign-up-volunteer-image-wrapper {
    position: relative;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    border: 10px solid #000F58;
    top: -100px;
    left: -93px;
    background-position: bottom;
    background-size: cover;
}

.homepage-sign-up-volunteer-image-inner {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0.5;
    border-radius: 50%;
    mix-blend-mode: multiply;
    background-color: #000F58;
}

.homepage-volunteer-sign-up-image-wrapper {
    position: absolute;
    width: 400px;
    height: 385px;
    border-radius: 50%;
    border: 10px solid #000F58;
    background-position: bottom;
    background-size: cover;
    right: 0;
    top: -166px;
    z-index: 1;
}

.homepage-volunteer-sign-up-image-inner {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0.5;
    mix-blend-mode: multiply;
    border-radius: 50%;
    background-color: #000F58;
}

/* .homepage-volunteer-sign-up-wrap {
    background-color: #000F58;
} */

.homepage-volunteer-sign-up-inner-outer-wrap {
    display: inline-block;
    /* background-image: url('./images/stripes.svg'); */
    background-color: #C3CDFF;
    background-size: cover;
    display: inline-block;
    padding: 0;
    position: relative;
    width: 47%;
    border-radius: 50%;
    bottom: -17px;
    left: -17px;
}

.homepage-volunteer-sign-up-inner {
    width: 305px;
    border-radius: 50%;
    background-color: #000F58;
    height: 300px;
    padding: 57px;
    display: inline-block;
    text-align: left;
    z-index: 3;
    position: relative;
    right: -5px;
    top: -15px;
}

.homepage-volunteer-sign-up-inner h2 {
    color: #fff;
}

.homepage-volunteer-sign-up-inner p {
    font-weight: 400;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 22px;
    margin-top: 20px;
}

.homepage-volunteer-sign-up-wrap form {
    width: 500px;
    background-color: #000F58;
    padding: 10px 20px;
    display: inline-block;
    margin-left: -180px;
    vertical-align: bottom;
    /* border-top-left-radius: 5%; */
    /* border-left: 95px; */
    padding-left: 179px;
    z-index: 2;
    position: relative;
}

.homepage-volunteer-sign-up-wrap form input {
    width: 100%;
    border: 2px solid transparent;
    border-radius: 25px;
    color: #4A4A4A;
    font-size: 16px;
    margin-bottom: 10px;
    padding: 10px 12px;
}

.homepage-volunteer-sign-up-wrap form input[type=submit] {
    background-color: #FF7300;
    border-color: transparent;
    color: #fff;
    font-weight: 700;
    transition: all ease-in-out 0.4s;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.homepage-volunteer-sign-up-wrap form input[type='submit']:hover {
    background-color: #C3CDFF;
}

/* SINGLE SIGN UP */
.single-homepage-sign-up-block-wrapper {
    position: relative;
    width: 100%;
}

.single-homepage-sign-up-block-image-wrapper {
    width: 400px;
    height: 400px;
    border: 10px solid #000F58;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    bottom: -50px;
    z-index: 11;
}

.single-homepage-sign-up-block-image-inner {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0.5;
    border-radius: 50%;
    mix-blend-mode: multiply;
    background-color: #000F58;
}

.single-homepage-sign-up-block-inner-wrapper {
    /* background-image: url('./images/stripes.svg'); */
    background-color: #C3CDFF;
    background-size: cover;
    display: block;
    margin: 150px 0 75px;
    padding: 0;
    position: relative;
    width: 95%;
    border-top-right-radius: 250px;
    border-bottom-right-radius: 250px;
}

.single-homepage-sign-up-block-inner-inner {
    left: -17px;
    padding: 30px;
    position: relative;
    font-size: 0;
    width: 100%;
    padding: 40px 5% 40px 450px;
    background-color: #000F58;
    border-top-right-radius: 250px;
    border-bottom-right-radius: 250px;
    z-index: 2;
}

.single-homepage-sign-up-block-inner-inner div {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    padding-right: 20px;
}

.single-homepage-sign-up-block-inner-inner form {
    display: inline-block;
    width: 50%;
}

.single-homepage-sign-up-block-inner-inner form input {
    width: 100%;
    border: 2px solid transparent;
    border-radius: 25px;
    color: #4A4A4A;
    font-size: 16px;
    margin-bottom: 10px;
    padding: 10px 12px;
}

.single-homepage-sign-up-block-inner-inner form input[type='submit'] {
    background-color: #FF7300;
    border-color: transparent;
    color: #fff;
    font-weight: 700;
    transition: all ease-in-out 0.4s;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.single-homepage-sign-up-block-inner-inner form input[type='submit']:hover {
    background-color: #C3CDFF;
}


.single-homepage-sign-up-block-inner-inner h2 {
    color: #fff;
}

.single-homepage-sign-up-block-inner-inner p {
    font-weight: 400;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 22px;
    margin-top: 20px;
}

/* SINGLE VOLUNTEER BLOCK */
.single-homepage-volunteer-block-wrapper {
    position: relative;
    width: 100%;
}

.single-homepage-volunteer-block-image-wrapper {
    width: 400px;
    height: 400px;
    border: 10px solid #000F58;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    bottom: -50px;
    z-index: 11;
    right: 0;
}

.single-homepage-volunteer-block-image-inner {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0.5;
    border-radius: 50%;
    mix-blend-mode: multiply;
    background-color: #000F58;
}

.single-homepage-volunteer-block-inner-wrapper {
    /* background-image: url('./images/stripes.svg'); */
    background-color: #C3CDFF;
    background-size: cover;
    display: block;
    margin: 150px 0 75px auto;
    padding: 0;
    position: relative;
    width: 95%;
    border-top-left-radius: 250px;
    border-bottom-left-radius: 250px;
}

.single-homepage-volunteer-block-inner-inner {
    right: 0;
    padding: 30px;
    position: relative;
    font-size: 0;
    width: 98%;
    padding: 40px 410px 40px 5%;
    background-color: #000F58;
    border-top-left-radius: 250px;
    border-bottom-left-radius: 250px;
    z-index: 2;
    /* left: 17px; */
    margin-left: auto;
}

.single-homepage-volunteer-block-inner-inner div {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    padding-right: 20px;
}

.single-homepage-volunteer-block-inner-inner form {
    display: inline-block;
    width: 50%;
    margin-top: 20px;
}

.single-homepage-volunteer-block-inner-inner form input {
    width: 100%;
    border: 2px solid transparent;
    border-radius: 25px;
    color: #4A4A4A;
    font-size: 16px;
    margin-bottom: 10px;
    padding: 10px 12px;
}

.single-homepage-volunteer-block-inner-inner form input[type='submit'] {
    background-color: #FF7300;
    border-color: transparent;
    color: #fff;
    font-weight: 700;
    transition: all ease-in-out 0.4s;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.single-homepage-volunteer-block-inner-inner form input[type='submit']:hover {
    background-color: #C3CDFF;
}

.single-homepage-volunteer-block-inner-inner h2 {
    color: #fff;
}

.single-homepage-volunteer-block-inner-inner p {
    font-weight: 400;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 22px;
    margin-top: 20px;
}

/* HOMEPAGE HERO SECTION ---------------------------------------------------- */
.call-to-action-slide-wrapper {
    min-height: 700px !important;
    /* background-image: url('./images/light-purple-lines.png'); */

    background-color: #C3CDFF;
    background-size: cover;
    margin: 0 0 10px auto;
    padding: 0 0 27px 0px;
    width: 95%;
    border-bottom-left-radius: 500px;
    border-bottom-right-radius: 500px;
    min-height: 400px;
    position: relative;
    /* display: none; */
}

.call-to-action-slide-inner {
    background-position: center;
    background-size: cover;
    height: 700px;
    border-bottom-left-radius: 500px;
    border-bottom-right-radius: 500px;
}

.prev,
.next {
    cursor: pointer;
    /* position: absolute; */
    /* top: 50%; */
    bottom: 10%;
    width: auto;
    /* margin-top: -22px; */
    margin-top: 70px;
    padding: 16px;
    color: #000F58;
    font-weight: bold;
    font-size: 30px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}

.next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

.prev:hover, .next:hover {
    color: #FF7300
}

.dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

.active, .dot:hover {
    background-color: #717171;
}

.fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1.5s;
    animation-name: fade;
    animation-duration: 1.5s;
}

@-webkit-keyframes fade {
    from {opacity: .4}
    to {opacity: 1}
}

@keyframes fade {
    from {opacity: .4}
    to {opacity: 1}
}

.call-to-action-slide-title {
    /* left: 5%; */
    border: 5px solid #000F58;
    left: 0;
    position: absolute;
    bottom: 140px;
    width: 36%;
    background-color: #fff;
    border-bottom-right-radius: 100px;
    border-top-right-radius: 100px;
    /* padding: 20px 20px 20px 0; */
    padding: 20px 20px 20px 30px;
}

.hero-video-image-title-inner {
    border-top: 5px solid #000F58;
    border-bottom: 5px solid #000F58;
    border-right: 5px solid #000F58;
}

.call-to-action-slide-title h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 40px;
    color: #000F58;
    letter-spacing: 0;
    line-height: 42px;
}

.dot-wrapper ul {
    width: 100%;
    margin: 0;
}

.slick-dots li button:before {
    font-size: 15px;
}

.call-to-action-slide-title h3 {
    font-weight: 400;
    font-size: 24px;
    color: #000000;
    line-height: 27px;
    margin: 15px 0;
}

/* Hero Video Slide */
.hero-video-block-wrapper {
    height: 600px;
    width: 100%;
    overflow: hidden;
}

.hero-video-block-iframe {
    min-height: 100%;
    min-width: 100%;
    width: auto;
    height: auto;
    max-width: 100%;
    position: relative;
    top: 0;
    left: 0;
    object-fit: cover;
    display: block;
}

.hero-video-block-mobile-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Voting */
.hero-find-block-wrapper,
.hero-donate-block-wrapper {
    min-height: 700px;
    /* background-image: url('./images/light-purple-lines.png'); */
    background-color: #C3CDFF;
    background-size: cover;
    margin: 0 0 10px auto;
    padding: 0 0 27px 0px;
    width: 95%;
    border-bottom-left-radius: 500px;
    border-bottom-right-radius: 500px;
    min-height: 400px;
}

.hero-find-block,
.hero-donate-block {
    background-position: center;
    background-size: cover;
    height: 700px;
    border-bottom-left-radius: 500px;
    border-bottom-right-radius: 500px;
    position: relative;
}

.hero-find-block h1,
.hero-donate-block h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 38px;
    color: #000F58;
    text-align: center;
    line-height: 41px;
}

.hero-find-block h2,
.hero-donate-block h2 {
    font-weight: 500;
    font-size: 24px;
    color: #1A1A1A;
    text-align: center;
    line-height: 27px;
    margin: 15px 0 30px;
}

.hero-find-block form {
    max-width: 400px;
    margin: 0 auto;
}

.hero-find-block form input {
    width: 100%;
    border: 2px solid transparent;
    border-radius: 25px;
    color: #4A4A4A;
    font-size: 16px;
    margin-bottom: 10px;
    padding: 10px 12px;
}

.hero-find-block form input[type='submit'] {
    background-color: #FF7300;
    border-color: transparent;
    color: #fff;
    font-weight: 700;
    transition: all ease-in-out 0.4s;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.hero-find-block form input[type='submit']:hover {
    background-color: #000F58;
}

.hero-find-block-inner {
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0.5;
    border-bottom-left-radius: 500px;
    border-bottom-right-radius: 500px;
    /* mix-blend-mode: multiply; */
    background-color: #fff;
}

.hero-find-block-inner-content,
.hero-donate-block-inner-content {
    position: relative;
    z-index: 2;
    bottom: -240px;
    width: 50%;
    margin: 0 auto;
    text-align: center;
}

.hero-donate-block-inner-content {
    bottom: auto;
    padding-top: 115px;
}

.hero-donate-block-inner-content .homepage-goal-total {
    margin-top: 75px;
    width: 100%;
}

.hero-donate-button-div {
    font-size: 0;
    max-width: 460px;
    margin: 10px auto;
}

.hero-donate-block-inner-content {
    width: 75%;
}

.hero-donate-block h2 {
    max-width: 80%;
    margin: 15px auto;
    font-size: 20px;
    line-height: 24px;
}

.hero-donate-block .homepage-donate-btn {
    background-color: #000F58;
    border-color: #fff;
    color: #fff;
}

.hero-donate-block .homepage-donate-btn:hover {
    background-color: #fff;
    border-color: #FF7300;
    color: #000F58;
}

.hero-donate-block .donate-legal {
    max-width: 46%;
    margin: 15px auto;
    color: #000;
    font-style: normal;
    font-weight: 400;
}

.hero-donate-block .homepage-goal-bar-inner {
    height: 50px;
    background-size: 55px;
}

.hero-donate-block .homepage-goal-bar-h4-total {
    font-size: 25px;
    top: -61px;
}

/* FOUR O FOUR -------------------------------------------------------------- */

.four-o-four {
    padding: 150px 5% 100px;
    min-height: 50vh;
    text-align: center;
}

.four-o-four a:hover {
    color: #C3CDFF;
}

/* ELECTED OFFICIAL PAGE ---------------------------------------------------- */
.elected-page-inner-wrap {
    font-size: 0;
    width: 85%;
    margin: 10px auto;
    min-height: 460px;
}

.elected-card-wrapper {
    /* background-image: url('./images/stripes.svg'); */
    background-color: #C3CDFF;
    background-size: cover;
    margin: 50px 2.5%;
    padding: 0;
    position: relative;
    width: 28%;
    display: inline-block;
    vertical-align: top;
}

.elected-card-inner {
    background-color: #fff;
    border: 8px solid #000F58;
    font-size: 0;
    min-height: 430px;
    right: -10px;
    padding: 20px 20px 30px;
    position: relative;
    top: -10px;
    width: 100%;
}

.elected-card-inner h4 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 17px;
    color: #000F66;
    margin-bottom: 10px;
}


.elected-card-inner img {
    width: 100%;
    height: auto;
    object-fit: cover;

    /* width: auto;
    height: 20vw;
    object-fit: cover; */
}

.elected-card-inner h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 22px;
    color: #000F66;
    height: 70px;
    line-height: 27px;
    margin: 15px 0;
}

.elected-card-inner p {
    font-weight: 400;
    font-size: 17px;
    color: #000000;
    line-height: 20px;
    margin: 10px 0 ;
}

.elected-card-inner .social-a {
    display: block;
    font-weight: 700;
    font-size: 20px;
    color: #FF7B27;
    line-height: 28px;
    transition: all ease-in-out 0.4s;
    display: inline-block;
    margin-right: 20px;
    text-decoration: none;
}

.socialcard {
    height: 25px;
}

.elected-card-inner h2 a {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 22px;
    color: #000F66;
    line-height: 27px;
    text-decoration: none;
}

.elected-card-inner h2 a:hover {
    color: #FF7300;
}

.elected-card-inner h3 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 22px;
    color: #000F66;
    height: 70px;
    line-height: 27px;
    margin-bottom: 10px;
}

/* .elected-card-inner a:last-of-type {
    display: block;
    margin-right: 0;
    text-decoration: underline;
} */

.elected-card-inner a:hover svg #Shape {
    fill: #FF7300;
}

.elected-card-inner a:hover {
    color: #000F58;
}

#eventdetails ul li::before {
    content:"";
}

.basic-page-main-content-wrapper #eventdetails ul {
    padding-left:10px;
    background:#ffffff;
    border:solid 4px #000F58;
    border-top-left-radius:45px;
    padding-top:10px;
}

.basic-page-main-content-wrapper #eventdetails ul li {
    margin-top:0;
    margin-bottom:10px;
    font-size:23px;
    line-height:29px;
}

/* Media Resources ---------------------------------------------------------- */
.media-resource-page {
    padding: 150px 5% 100px;
}

.media-resource-page h1 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 38px;
    color: #000F58;
    line-height: 41px;
}

.media-card-wrapper {
    font-size: 0;
    margin: 40px 0;
}

.media-resource-card {
    width: 47%;
    display: inline-block;
    vertical-align: top;
    margin: 30px 0;
    position: relative;
}

.media-resource-card:nth-of-type(odd) {
    margin-right: 6%;
}

.media-resource-card h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 24px;
    color: #000F58;
    line-height: 25px;
    margin: 10px 0;
}

.media-resource-card p {
    font-weight: 400;
    font-size: 17px;
    color: #000000;
    line-height: 20px;
    margin: 10px 0;
}

.media-resource-card a {
    font-weight: 500;
    font-size: 20px;
    color: #FF7B27;
    transition: all ease-in-out 0.4s;
    margin: 10px 0;
}

.media-resource-card a:hover {
    color: #000F58;
}

.media-resource-card video {
    width: 100%;
    height: 300px;
}

.media-resource-card img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

img.media-play-button {
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 2;
    top: 35%;
    transform: translateY(-50%);
    left: 45%;
    cursor: pointer;
}

img.media-poster-wrapper {
    position: absolute;
    z-index: 1;
}

/* JOB LISTING PAGE --------------------------------------------------------- */
.job-listing-page-wrapper {
    width: 50%;
    min-width: 280px;
    max-width: 600px;
    margin: 0 auto 100px;
}

.single-job-card {
    display: block;
    text-decoration: none;
    transition: all ease-in-out 0.4s;
    padding: 20px;
    border-bottom: 1px solid #000F58;
}

.single-job-card:hover {
    background-color: #E4E8FF;
}

.single-job-card h2 {
    color: #FF7300;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

.single-job-card p {
    color: #323232;
    font-weight: 400;
    line-height: 24px;
    font-size: 20px;
    margin: 10px 0;
}

/* SINGLE LOCAL UNIT -------------------------------------------------------- */
.single-local-unit-wrapper {
    width: 80%;
    margin: 20px auto 50px;
}

.single-local-unit-sub-paragraph {
    font-weight: 300;
    font-style: italic;
    font-size: 24px;
    color: #000F58;
    line-height: 29px;
    width: 80%;
    margin: 0 auto 45px;
    /* margin-bottom: 45px; */
}

.single-lu-contact-wrap {
    font-size: 0;
    background-color: #000F58;
    border-top-right-radius: 50px;
    padding: 30px;
}

.single-lu-contact-left {
    width: 45%;
    display: inline-block;
    border-left: 3px solid #E4E8FF;
    padding: 0 20px 10px;
}

.single-lu-contact-right {
    width: 55%;
    display: inline-block;
    vertical-align: top;
    border-left: 3px solid #E4E8FF;
    padding: 0 20px;
}

.single-lu-contact-wrap h3 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 30px;
    color: #FFFFFF;
    margin-bottom: 5px;
}

.single-lu-contact-left h3 {
    margin-bottom: 20px;
}

.single-lu-contact-wrap p {
    font-weight: 300;
    font-size: 17px;
    color: #FFFFFF;
    line-height: 20px;
    display: inline-block;
    vertical-align: top;
}

.single-lu-contact-wrap p a {
    text-decoration: none;
    color: #FFFFFF;
}

.single-lu-a {
    font-weight: 700;
    font-size: 20px;
    color: #FF7B27;
    line-height: 28px;
    display: inline-block;
    text-decoration: none;
    margin-right: 20px;
}

.single-lu-a svg {
    vertical-align: middle;
}

.single-lu-a svg #Shape {
    transition: all ease-in-out 0.4s;
}

.single-lu-a:hover svg #Shape {
    fill: #FF7B27;
}

.single-lu-contact-wrap p:first-of-type {
    margin-right: 20px;
}

.single-lu-a.underline {
    text-decoration: underline;
    margin-right: 0;
    transition: all ease-in-out 0.4s;
}

.single-lu-a.underline:hover {
    color: #C3CDFF;
}

.single-lu-event-wrapper {
    margin: 40px 0;
}

.single-lu-event-wrapper h3 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 30px;
    color: #000F58;
}

.single-lu-event-card-wrap {
    font-size: 0;
    margin: 30px 0;
}

.single-lu-event-card {
    width: 33%;
    display: inline-block;
    vertical-align: top;
    border-left: 4px solid #C3CDFF;
    padding: 0 20px;
    text-decoration: none;
}

.single-lu-event-card:hover h4 {
    color: #FF7300;
}

.single-lu-event-card h4 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 28px;
    color: #000F58;
}

.single-lu-event-date {
    font-weight: 500;
    font-style: italic;
    font-size: 16px;
    color: #4A4A4A;
    margin: 15px 0;
}

.single-lu-event-address {
    font-weight: 400;
    font-size: 17px;
    color: #000000;
    line-height: 20px;
}

.single-lu-link {
    font-weight: 700;
    font-size: 20px;
    color: #FF7B27;
    display: block;
    width: 170px;
    margin: 50px auto 40px;
    transition: all ease-in-out 0.4s;
}

.single-lu-link:hover {
    color: #000F58;
}

.single-lu-resources-wrapper {
    /* background-image: url('./images/stripes.svg'); */
    background-color: #C3CDFF;
    background-size: cover;
    margin: 50px auto 20px;
    padding: 0;
    position: relative;
    width: 100%;
}

.single-lu-resources-inner {
    background-color: #fff;
    border: 8px solid #000F58;
    right: -17px;
    padding: 30px;
    position: relative;
    top: -17px;
    width: 100%;
}

.single-lu-resources-inner h3 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 30px;
    color: #000F58;
    margin-bottom: 15px;
}

.single-lu-resource-card-wrap {
    font-size: 0;
}

.single-lu-resource-card {
    display: inline-block;
    width: 25%;
    vertical-align: top;
    padding: 20px 20px 20px 0;
}

.single-lu-resource-card h4 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 24px;
    color: #000F58;
    line-height: 25px;
    margin-bottom: 20px;
}

.single-lu-resource-card p {
    font-weight: 400;
    font-size: 17px;
    color: #000000;
    line-height: 20px;
    margin: 20px 0;
}

.single-lu-resource-card .hero-link-a {
    font-size: 15px;
}

/* VOLUNTEER PAGE ----------------------------------------------------------- */
.volunteer-page-wrapper {
    padding: 50px 0 100px;
}

.volunteer-page-top-content {
    padding: 0 5% 20px;
}

.volunteer-page-wrapper h2 {
    font-weight: 400;
    font-size: 24px;
    color: #000000;
    line-height: 27px;
    width: 80%;
}

.volunteer-get-in-touch-wrapper {
    /* background-image: url('./images/stripes.svg'); */
    background-color: #C3CDFF;
    background-size: cover;
    margin: 50px 2% 20px;
    padding: 0;
    position: relative;
    width: 45%;
    display: inline-block;
    vertical-align: top;
}

.volunteer-get-in-touch-inner {
    background-color: #fff;
    border: 8px solid #000F58;
    right: -17px;
    padding: 30px;
    position: relative;
    top: -17px;
    width: 100%;
}

.volunteer-get-in-touch-inner h3 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 30px;
    color: #01095C;
}

.volunteer-get-in-touch-inner p {
    font-weight: 400;
    font-size: 20px;
    color: #323232;
    line-height: 24px;
    margin: 25px 0;
}

.volunteer-get-in-touch-inner input {
    font-weight: 400;
    font-size: 16px;
    color: #4A4A4A;
    text-align: left;
    border: 2px solid #000F58 !important;
    border-radius: 22px !important;
    max-width: 100% !important;
}

.volunteer-get-in-touch-inner img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    margin-top: 20px;
}

.volunteer-get-in-touch-inner a {
    border-radius: 30px;
    background-color: #FF7B27;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    margin-top: 10px;
    min-width: 140px;
    padding: 13px 20px;
    transition: all ease-in-out 0.4s;
    text-decoration: none;
    text-align: center;
}

.volunteer-get-in-touch-inner a:hover {
    background-color: #000F58;
}

.volunteer-find-your {
    background-color: #E4E8FF;
    padding: 40px 5%;
}

h2.volunteer-find-your-h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 30px;
    color: #000F58;
    display: inline-block;
    width: 50%;
}

.volunteer-find-your form {
    width: 49%;
    display: inline-block;
    font-size: 0;
    text-align: center;
}

.volunteer-find-your form input[type='text'] {
    border: none;
    border-radius: 25px;
    color: #4A4A4A;
    font-size: 16px;
    padding: 10px 12px;
    text-indent: 0px;
    width: 70%;
    margin-right:0;
    border-top-right-radius:0px;
    border-bottom-right-radius:0px;
}

.volunteer-find-your form input[type='tel'] {
    border: none;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
    color: #4A4A4A;
    font-size: 16px;
    padding: 10px 12px;
    text-indent: 20px;
    width: 105px;
}

.volunteer-find-your form input[type=submit] {
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border: none;
    background-color: #FF7B27;
    cursor: pointer;
    font-size: 16px;
    padding: 10px 12px;
    vertical-align: top;
    transition: all ease-in-out 0.4s;
    width: 50px;
    -webkit-appearance: none;
    appearance: none;
    background-image: url('./images/mag-glass.svg');
    background-repeat: no-repeat;
    /* background-position: right 13px center; */
    background-position: center;
}

.volunteer-find-your-inner {
    margin: 30px 0;
}

.volunteer-find-your img {
    width: 45%;
    display: inline-block;
    height: 300px;
    object-fit: cover;
}

.volunteer-find-your-right {
    width: 50%;
    display: inline-block;
    margin-left: 4%;
    vertical-align: top;
}

.volunteer-find-your-right p {
    font-weight: 300;
    font-style: italic;
    font-size: 24px;
    color: #000F58;
    line-height: 29px;
}

.volunteer-donate-h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 40px;
    color: #C3CDFF;
    line-height: 42px;
}

.homepage-donate-inner-left.volunteer {
    padding: 20px 30px;
}

.post-search-wrapper {
    width: 100%;
    margin: 30px auto;
}

.volunteer-sign-up-block-post-search {
    background-color: #E4E8FF;
    width: 100%;
    font-size: 0;
    padding: 30px 7%;
}

.volunteer-sign-up-block-post-search-inner {
    display: inline-block;
    width: 50%;
    vertical-align: top;
    padding: 20px;
}

.volunteer-sign-up-block-post-search h3 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 30px;
    color: #000F58;
}

.volunteer-sign-up-block-post-search p {
    font-weight: 400;
    font-size: 20px;
    color: #000000;
    line-height: 24px;
}

.volunteer-sign-up-block-post-search input {
    font-weight: 400;
    font-size: 16px;
    color: #4A4A4A;
    text-align: left;
    border: 2px solid #000F58 !important;
    border-radius: 22px !important;
    max-width: 100% !important;
}

.volunteer-cand-wrapper {
    text-align: center;
}

.volunteer-candidate-wrapper {
    /* background-image: url('./images/stripes.svg'); */
    background-color: #C3CDFF;
    background-size: cover;
    display: inline-block;
    margin: 50px 2% 20px;
    padding: 0;
    position: relative;
    vertical-align: top;
    width: 29%;
    transition: all ease-in-out 0.4s;
}

.volunteer-candidate-inner {
    background-color: #fff;
    border: 8px solid #000F58;
    right: -17px;
    padding: 20px;
    position: relative;
    text-align: left;
    top: -17px;
    width: 100%;
    display: inline-block;
    text-decoration: none;
}

.volunteer-candidate-inner-inner {
    padding: 10px;
}

.volunteer-candidate-inner img {
    width: 100%;
    height: auto;
    object-fit: cover;
    margin-bottom:15px;
}

.volunteer-candidate-inner h3 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 25px;
    color: #000F58;
}

.volunteer-candidate-inner h3 a {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 25px;
    color: #000F58;
    text-decoration: none;
}

.volunteer-candidate-inner h3 a:hover {
    color: #fc6100;
}

.volunteer-candidate-inner p {
    font-weight: 400;
    font-size: 15px;
    color: #000000;
    line-height: 20px;
    margin: 5px 0;
}

.volunteer-candidate-inner a {
    font-weight: 700;
    font-size: 20px;
    color: #FF7B27;
    display: inline-block;
    margin-right: 10px;
}

.volunteer-candidate-inner a:first-child {
    display: block;
}

.volunteer-candidate-inner a svg #Shape {
    transition: all ease-in-out 0.4s;
}

.volunteer-candidate-inner a:hover svg #Shape {
    fill: #FF7300;
}

.volunteer-candidate-inner a:hover {
    color: #000F58;
}

/* Voter Page --------------------------------------------------------------- */
.voter-page-wrapper {
    width: 100%
}

.voter-top-form-wrapper {

}

.voter-top-form-inner {
    background-color: #000F58;
    padding: 30px 10%;
    border-bottom-right-radius: 100px;
    margin-bottom: 30px;
}

.voter-top-form-inner-form {
    width: 70%;
    font-size: 0;
    margin: 0 auto;
}

.voter-top-form-inner-form input[type="text"] {
    width: calc(70% - 20px);
    border: 2px solid #000F58;
    border-radius: 25px;
    color: #4A4A4A;
    font-size: 16px;
    margin-bottom: 10px;
    padding: 10px 20px;
    margin-right: 20px;
}

.voter-top-form-inner-form input[type="submit"] {
    width: 30%;
    border: 2px solid transparent;
    border-radius: 25px;
    background-color: #FF7300;
    color: #fff;
    font-weight: 700;
    padding: 10px 12px;
    font-size: 16px;
    transition: all ease-in-out 0.4s;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.voter-top-form-inner-form input[type="submit"]:hover {
    background-color: #E4E8FF;
}

.voter-h2 {
    font-weight: 300;
    font-style: italic;
    font-size: 40px;
    color: #000F58;
    text-align: center;
    margin-bottom: 30px;
}

.voter-top-area {
    font-size: 0;
    width: 80%;
    margin: 0 auto;
}

.voter-top-area-left {
    width: 40%;
    display: inline-block;
    padding: 30px 30px 30px 0;
}

.voter-top-area-left .voter-district-div-inner {
    left: 15px;
    margin-top: 25px;
}

.voter-top-area-right {
    width: 60%;
    display: inline-block;
    vertical-align: top;
    padding: 30px 0 30px 30px;
}

.voter-polling-wrap {
    border: 5px solid #000F66;
    padding: 20px 30px;
}

.voter-top-area h3,
.voter-local-wrapper h3 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 30px;
    color: #000F58;
    margin: 10px 0;
}

.voter-top-area p {
    font-weight: 800;
    font-size: 20px;
    color: #323232;
    line-height: 24px;
}

.voter-make-plan {
    margin-top: 30px;
}

.voter-make-plan p {
    margin-bottom: 10px;
}

.voter-make-plan-form-wrap p {
    color: #fff;
}

.voter-make-plan-form-wrap {
    background-color: #000F66;
    border-top-right-radius: 100px;
    padding: 40px 50px;
}

.voter-make-plan-form-wrap fieldset label {
    display: block;
    color: #fff;
    font-size: 20px;
}

#frontendvoterform fieldset:nth-child(2) input[type=submit],
#frontendvoterform fieldset:nth-child(3) input[type=submit],
#frontendvoterform fieldset:nth-child(4) input[type=submit] {
    margin-top: 10px;
}

fieldset {
    border: 0;
}

#can-form-area-make-your-plan-to-vote-2,
#frontendvoterform fieldset:nth-child(2),
#frontendvoterform fieldset:nth-child(3),
#frontendvoterform fieldset:nth-child(4),
.thanksplan {
    display: none;
}

.thanksplan {
    font-size: 30px;
    color: #fff;
}

.voter-make-plan-form-wrap input[type="date"] {
    width:  100%;
    border: 2px solid #000F58;
    border-radius: 25px;
    color: #4A4A4A;
    font-size: 16px;
    margin-bottom: 10px;
    padding: 10px 12px;
    text-indent: 20px;
    margin-right: 20px;
}

.voter-make-plan-form-wrap input[type="text"] {
    width: 100%;
    border: 2px solid #000F58;
    border-radius: 25px;
    color: #4A4A4A;
    font-size: 16px;
    margin-bottom: 10px;
    padding: 10px 12px;
    text-indent: 20px;
    margin-right: 20px;
}

.voter-make-plan-form-wrap input[type="email"] {
    width: 100%;
    border: 2px solid #000F58;
    border-radius: 25px;
    color: #4A4A4A;
    font-size: 16px;
    margin-bottom: 10px;
    padding: 10px 12px;
    text-indent: 20px;
    margin-right: 20px;
}

.voter-make-plan-form-wrap input[type="submit"] {
    width: 100%;
    border: 2px solid transparent;
    border-radius: 25px;
    background-color: #FF7300;
    color: #fff;
    font-weight: 700;
    padding: 10px 12px;
    font-size: 16px;
    transition: all ease-in-out 0.4s;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.voter-top-area-right .share-p {
    text-align: right;
}

.voter-top-area-right img {
    width: 100%;
    height: auto;
}

.voter-district-div-wrapper {
    /* background-image: url('./images/stripes.svg'); */
    background-color: #C3CDFF;
    background-size: cover;
    background-repeat: repeat;
    margin: 60px auto 20px -17px;
    padding: 0;
    position: relative;
    width: 100%;
}

.voter-district-div-inner {
    background-color: #fff;
    border: 8px solid #000F58;
    right: -17px;
    padding: 30px;
    position: relative;
    top: -17px;
    width: 100%;
}

.voter-local-card-container {
    font-size: 0;
    text-align: center;
}

.voter-local-wrapper {
    width: 85%;
    margin: 0 auto;
}

.basic-page-main-content-wrapper hr {
    margin: 3em 0;
}

.voter-local-card {
    background-color: #E4E8FF;
    border-top-right-radius: 100px;
    width: 30%;
    margin: 20px 1%;
    padding: 40px 25px;
    display: inline-block;
    text-align: left;
    vertical-align:top;
    min-height:400px;
    position: relative;
}

.voter-local-card h4 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 24px;
    color: #000F58;
    margin-bottom: 20px;
}

.voter-local-card h4 a {
    color: #000F58;
    text-decoration:none;
}

.voter-local-card div {
    border-left: 6px solid #C3CDFF;
    padding: 20px 5px;
}

.voter-local-card p {
    font-size: 20px;
    font-weight: 500;
    color: #000;
    margin: 5px 0;
}

.voter-local-card p a {
    text-decoration: none;
    font-size: 20px;
    font-weight: 500;
    color: #000;
    word-break: break-all;
}

.voter-local-card p a:hover {
    color: #FF7300;
    background-color: #fff;
}

.voter-local-card bolder p {
    font-weight: 700;
    font-size: 20px;
    color: #000F58;
}

.voter-local-card div a {
    display: inline-block;
}

.voter-local-card div a svg {
    vertical-align: middle;
    margin-left: 10px;
}

.voter-local-card div a:hover svg #Shape,
.voter-local-card div a:hover svg #Fill-1 {
    fill: #FF7300;
}

.voter-candidate-wrapper {
    text-align: center;
    margin: 45px auto;
    width: 95%;
}

.voter-h3 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 30px;
    color: #001075;
}

.voter-pre-primary {
    font-size: 0;
}

.pre-primary {
    width: 20%;
    border: none;
    position: static;
    padding: 5px 10px;
    vertical-align: top;
}

.volunteer-candidate-inner.pre-primary img {
    height: 175px;
}

.pre-primary h3 {
    font-size: 20px;
}

.voter-pre-primary {
    /* background-image: url('./images/stripes.svg'); */
    background-color: #C3CDFF;
    background-size: cover;
    display: block;
    margin: 30px auto;
    padding: 0;
    position: relative;
    width: 95%;
}

.voter-pre-primary-inner {
    background-color: #fff;
    border: 8px solid #000F58;
    right: -17px;
    padding: 30px;
    position: relative;
    text-align: left;
    top: -17px;
    width: 100%;
    text-align: center;
}

.voter-district-div-inner {
    text-transform:capitalize;
}

.pre-primary-section {
    margin-top:20px;
}

.volunteer-post-search-form {
    padding:0 5% 20px;
}

.volunteer-post-search-form h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    font-size: 30px;
    color: #001075;
    margin-bottom:10px;
}

.volunteer-post-search-form input {
    border:solid 2px #001075;
    font-size:15px;
    padding:10px 10px;
    border-radius:40px;
    display:inline-block;
    vertical-align:middle;
    margin-right:10px;
    width:40%;
}

.volunteer-post-search-form input[type="submit"] {
    background-color:#FF7B27;
    border-color:#FF7B27;
    color:#ffffff;
    padding:10px 50px;
    width:auto;
    cursor:pointer;
}

.volunteer-post-search-form input[type="submit"]:hover {
    background-color:#fc6100;
}

.voter-local-wrapper.alternate .voter-local-card h2.unitheadline {
   font-size:18px;
   line-height:20px;
   margin-bottom:10px;
   font-weight:bold;
}

.voter-local-wrapper.alternate .voter-local-card .constbtn a {
    display:block;
    background-color:#FF7B27;
    color:#ffffff;
    padding:10px 50px;
    border-radius:40px;
    text-align:center;
    cursor:pointer;
}

.voter-top-form-wrapper .voter-local-card .constbtn a {
    display:block;
    background-color:#FF7B27;
    color:#ffffff;
    padding:10px 50px;
    border-radius:40px;
    text-align:center;
    cursor:pointer;
    margin-top: 20px;
}

.voter-top-form-wrapper .voter-local-card .constbtn a:hover {
    background-color:#fc6100;
}

.voter-local-wrapper.alternate .voter-local-card .constbtn a:hover {
    background-color:#fc6100;
}

.wpforms-confirmation-container-full, div[submit-success] > .wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background: transparent !important;
    border: none !important;
}

.wpforms-confirmation-container-full p:last-of-type, div[submit-success] > .wpforms-confirmation-container-full p:last-of-type {
    margin: 0;
    color: #fff !important;
    font-size: 20px;
}

.job-listing-wrapper {
    margin-top: 50px;
}

.job-listing-card {
    width: 90%;
    margin: 20px auto;
    border-top: 2px solid #1A1A1A;
}

.job-listing-card:last-of-type {
    border-bottom: 2px solid #1A1A1A;
}

.job-listing-card h2 a {
    text-decoration: none;
    color: #000F58;
}

.job-listing-card h2 a:hover {
    color: #fc6100;
}

.local-unit-wrapper {
    font-size: 0;
    width: 85%;
    align-items: stretch;
    margin: 20px auto 50px;
    display: flex;
    /* flex-direction: row; */
    /* flex: 1; */
    /* flex-grow: 3; */
    flex-flow: wrap;
}

.constbtn {
    position: absolute;
    bottom: 20px;
    width: 80%;
}

/* .local-unit-wrapper .voter-local-card {
    width: 47%;
} */