/* Root variables */
:root{
    --primary-color: #011844;
    --secondary-color: #33ccff;
    --tertiary-color: #f62f49;
    --highlight-color: #fff845;
    --accent-color: #ffffff;
    --black-color: #000000;
    --white-color: #ffffff;

    --heading-font: proxima-nova, sans-serif;
    --heading-font-weight: 900;
    --heading-text-transform: none;

    --body-font: rubik, sans-serif;
    --body-font-weight: 400;

    --menu-font: proxima-nova, sans-serif;
    --menu-font-weight: 900;
    --menu-text-transform: none;

    --button-font: proxima-nova, sans-serif;
    --button-font-weight: 800;
    --button-text-transform: none;
}

/* Body font styles */
body,
.body-font{
    font-family: rubik, sans-serif;
    font-weight: 400;
}

p{
    font-weight: 400;
}

.pc-text{
    color: #011844;
}

.sc-text{
    color: #33ccff;
}

.tert-text{
    color: #f62f49;
}

.highlight-text{
    color: #fff845;
}

.acc-text{
    color: #ffffff;
}

/* Background styles */

.pc-bg{
    background-color: #011844;
}

.sc-bg{
    background-color: #33ccff;
}

.tert-bg{
    background-color: #f62f49;
}

.highlight-bg{
    background-color: #fff845;
}

.acc-bg{
    background-color: #ffffff;
}

.tint-bg{
    background-color: rgba(51, 204, 255, 0.18);
}

/* Heading styles */

h1,
h2,
h3,
h4,
h5,
h6,
.hed-font{
    font-family: proxima-nova, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6{
    font-weight: 900;
    text-transform: none;
}

/* Mobile menu styles */
.mainhed--light .mainhed__toggle-label,
.page-template-front-page.photo .mainhed__toggle-label,
.page-template-front-page.video .mainhed__toggle-label{
    color: #011844;
}

@media (min-width: 1024px){
    .mainhed--light .nav__link{
        color: #011844;
    }

    .mainhed--light .btn .nav__link:hover{
        background-color: #011844;
    }
}

/* Menu styles */
.mainhed,
.nav__list,
.ftr,
.pagination{
    font-family: proxima-nova, sans-serif;
    font-weight: 900;
    text-transform: none;
}

.mainhed__bar{
    font-family: proxima-nova, sans-serif;
}

.page-template-front-page.background-video .nav__list .nav__item:not(.btn) .nav__link,
.page-template-front-page.background-image .nav__list .nav__item:not(.btn) .nav__link,
.page-template-front-page.background-video .nav__list .nav__item.menu-item-has-children:after,
.page-template-front-page.background-image .nav__list .nav__item.menu-item-has-children:after,
.page-template-front-page.background-video .nav__list .nav__item.menu-item-has-children .sub-menu .nav__link:hover,
.page-template-front-page.background-image .nav__list .nav__item.menu-item-has-children .sub-menu .nav__link:hover{
    color: #ffffff;
}

.page-template-front-page.video .nav__list .nav__item .nav__link,
.page-template-front-page.photo .nav__list .nav__item .nav__link,
.page-template-front-page.photo .nav__list .nav__item.menu-item-has-children:after,
.page-template-front-page.video .nav__list .nav__item.menu-item-has-children:after,
.single .nav__list .nav__item.menu-item-has-children:after,
.blog .nav__list .btn .nav__link,
.blog .nav__list .nav__item.menu-item-has-children:after,
.nav__list .nav__item.menu-item-has-children .sub-menu .nav__link,
.nav__list .nav__item.menu-item-has-children .sub-menu .nav__link:hover{
    color: #011844;
}

/* Current page */
.nav__list .nav__item.current_page_item:not(.btn) .nav__link::after{
    background: #fff845;
}

/* Menu hover styles */
.page:not(.page-template-front-page) .nav__list .nav__item:not(.btn) .nav__link:hover,
.page-template-front-page.background-video .nav__list .nav__item:not(.btn) .nav__link:hover,
.page-template-front-page.background-image .nav__list .nav__item:not(.btn) .nav__link:hover,
.page-template-front-page.video .nav__list .nav__item:not(.btn) .nav__link:hover,
.page-template-front-page.photo .nav__list .nav__item:not(.btn) .nav__link:hover,
.blog:not(.page-template-front-page) .nav__list .nav__item:not(.btn) .nav__link:hover,
.single:not(.page-template-front-page) .nav__list .nav__item:not(.btn) .nav__link:hover,
.page-template-front-page.background-video .nav__list .nav__item:not(.btn):hover.menu-item-has-children:after,
.page-template-front-page.background-image .nav__list .nav__item:not(.btn):hover.menu-item-has-children:after,
.page-template-default .nav__list .nav__item:not(.btn):hover.menu-item-has-children:after{
    color: #fff845;
}

.page-template-front-page.photo .btn .nav__link:hover,
.page-template-front-page.video .btn .nav__link:hover{
    background-color: #011844;
    color: #33ccff;
}

.blog .nav__list .nav__item:hover.menu-item-has-children:after,
.single .nav__list .nav__item:hover.menu-item-has-children:after{
    color: #011844;
}

.blog .nav__list .nav__item.btn:hover .nav__link{
    background-color: #33ccff;
    color: #011844;
}

.single .nav__list .nav__item.btn:hover .nav__link{
    background-color: #011844;
    color: #33ccff;
}

/* Menu styles */
.nav__list .nav__item.btn .nav__link{
    color: #011844;
}

.nav__list .nav__item.btn .nav__link{
    background-color: #fff845;
}

.nav__list .nav__item.btn .nav__link:hover{
    background-color: #f62f49;
    color: #ffffff;
}

.nav__list .nav__item:not(.btn) .nav__link:hover::after{
    background-color: #fff845;
}

.nav__item.menu-item-has-children .sub-menu{
    background-color: #fff845;
}

.nav__item.menu-item-has-children .sub-menu .nav__item .nav__link,
.nav__item.menu-item-has-children .sub-menu .nav__item .nav__link:hover{
    color: #011844!important;
}

/* Tertiary menu styles */
.pc-bg .tert-nav__link{
    color: #33ccff;
}

.sc-bg .tert-nav__link{
    color: #011844;
}

.pc-bg .social-nav__link svg{
    fill: #33ccff;
}

.sc-bg .social-nav__link svg {
    fill: #011844;
}

.pc-bg .tert-nav__link:hover,
.sc-bg .tert-nav__link:hover{
    color: #fff845;
}

.pc-bg .tert-nav__link:hover::after,
.sc-bg .tert-nav__link:hover::after{
    background-color: #fff845;
    color: #fff845;
}

.news .svg-icon,
.entry__sidebar .svg-icon{
    fill: #011844;
}

.tert-nav__link:hover::after{
    background-color: #33ccff;
}

/* Footer menu styles */
.ftr__contact a{
    color: #ffffff;
}

.ftr__contact a:hover{
    color: #fff845;
}

.nav-ftr-primary__list .nav-ftr-primary__item .nav-ftr-primary__link:hover,
.nav-ftr-primary__list .nav-ftr-primary__item.menu-item-has-children:hover:after,
.nav-ftr-subnav__link:hover,
.ftr__made-link:hover{
    color: #fff845;
}

.nav-ftr-primary__list .nav-ftr-primary__item.btn .nav-ftr-primary__link::after,
.nav-ftr-primary__list .nav-ftr-primary__item .nav-ftr-primary__link:hover::after,
.nav-ftr-subnav__list .nav-ftr-subnav__item .nav-ftr-subnav__link:hover::after,
.ftr__made-link::after{
    background-color: #fff845;
}

.nav-ftr-social .svg-icon:hover{
    fill: #fff845; 
}

/* Input styles */
input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
textarea{
    font-family: proxima-nova, sans-serif;
    border-color: #33ccff;
}

/* Button styles */
.btn,
button,
input[type="submit"],
input.wpcf7-submit[type="submit"],
.ngp-form.at .btn-at-primary,
.can_button,
#donate_auto_modal input[type="submit"],
#donate_auto_modal .button,
#donate_make_recurring_modal input[type="submit"],
#donate_make_recurring_modal .button,
#can_embed_form input[type="submit"],
#can_embed_form .button,
#action_welcome_message,
#action_welcome_message a,
.takeover__cta-btn,
.takeover__don-btn,
.crm__nav .crm__btn,
.crm__form--btn{
    font-family: proxima-nova, sans-serif;
    font-weight: 800;
    text-transform: none;
}

input.wpcf7-submit[type="submit"],
.ngp-form.at .btn-at-primary,
.can_button,
#can_embed_form .button,
#donate_auto_modal input[type="submit"],
#donate_auto_modal .button,
#donate_make_recurring_modal input[type="submit"],
#donate_make_recurring_modal .button,
#can_embed_form input[type="submit"]{
    background-color: #fff845;
    color: #011844;
}

#action_welcome_message,
#action_welcome_message a{
    background-color: #33ccff;
}

/* Button hover styles */
input.wpcf7-submit[type="submit"]:hover,
.page-template-front-page.photo .btn .nav__link:hover,
.page-template-front-page.video .btn .nav__link:hover,
.hero::after,
.hero__signup--btn:hover,
.ngp-form.at .btn-at-primary:hover,
.can_button:hover,
#donate_auto_modal input[type="submit"]:hover,
#donate_auto_modal .button:hover,
#donate_make_recurring_modal input[type="submit"]:hover,
#donate_make_recurring_modal .button:hover,
#can_embed_form input[type="submit"]:hover,
#can_embed_form .button:hover{
    background-color: #f62f49;
    color: #ffffff;
}

.actions__item:hover .actions__btn{
    background-color: #011844;
    color: #ffffff;
}

/* Hero styles */
.hero::before{
    background-color: #011844;
}

.hero__photo,
.hero__video{
    background-color: #33ccff;
}

.hero__photo h2,
.hero__video h2,
.hero__photo h3,
.hero__video h3{
    color: #011844;
}

.hero__background-video--btn{
    color: #33ccff;
}

.hero__background-video--btn:hover,
.hero__hed span{
    color: #fff845;
}

/* 404 styles */
.hero__404 {
    background: #011844!important;
}

/* Split styles */

.split__btn{
    color: #ffffff;
}

.split__btn::after{
    background-color: #fff845;
}

.split__btn:hover{
    color: #fff845;
}

.split__video--play:before{
    color: #011844;
}

.split__video--play:after{
    color: #fff845;
}

/* Issues styles */
.issues__link:hover,
.issue-ft__link:hover{
    background-color: #fff845;
    color: #011844;
}

.issue-ft__archive{
    color: #ffffff;
}

.issue-ft__archive:after{
    background-color: #fff845;
}

.issue-ft__archive:hover{
    color: #fff845;
}

/* Actions styles */
.actions__grid--item{
    background-color: #33ccff;
}

.actions__grid--btn{
    background-color: #fff845;
}

.actions__item:hover{
    background-color: #fff845;
}

.actions__archive:after{
    background-color: #fff845;
}

.actions__archive:hover{
    color: #fff845;
}

/* News styles */
.ff-loadmore-wrapper .ff-btn:after{
    background-color: #fff845;
}

/* Donate styles */
.donate__inner{
    background-color: #fff845;
}

.donate__btn,
.donate__btn:hover{
    color: #ffffff;
}

.donate__btn{
    background-color: #011844;
}

.donate__btn:hover{
    background-color: #f62f49;
}

.donate::before{
    background-color: #011844;
}

/* News */
.social-nav__link:hover svg{
    fill: #fff845;
}

.share-links__link:hover,
.ff-loadmore-wrapper .ff-btn:hover{
    color: #fff845;
}


/* Signup */
.signup__btn{
    background-color: #fff845;
    color: #011844;
}

.signup__btn:hover{
    background-color: #011844;
    color: #33ccff;
}

/* Archive */
.hcard__link:hover .hcard__hed,
.card__link:hover .card__hed,
.mcard__link:hover .mcard__hed{
    text-decoration-color: #fff845;
}

.page-numbers{
    color: #011844;
}

.page-numbers.current{
    color: #fff845;
}

.page-numbers.current::after,
a.page-numbers:hover::after,
.page-numbers.next:hover::after,
.page-numbers.prev:hover::after{
    background-color: #fff845;
}

/* Entry styles */

.entry__body h1,
.entry__body h2,
.entry__body h3,
.entry__body h4,
.entry__body h5,
.entry__body h6{
    color: #011844;
}

.entry__body--archive:hover{
    color: #011844;
}

.entry__body blockquote p{
    font-family: proxima-nova, sans-serif;
    font-weight: 900;
}

.wp-block-table table {
    font-family: proxima-nova, sans-serif;
    font-weight: 900;
}

.wp-block-table table thead tr th{
    background-color: #011844;
    color: #ffffff;
}

.wp-block-table table tbody tr td{
    background-color: #33ccff;
}

.wp-block-separator.is-style-default,
.wp-block-separator.is-style-wide{
    border-color: #f62f49;
}

.wp-block-button__link{
    background-color: #fff845;
    color: #011844;
}

.wp-block-button__link:hover{
    background-color: #f62f49;
    color: #ffffff;
}

.entry__body figcaption,
.entry__body cite {
    font-family: proxima-nova, sans-serif;
}

.wp-block-quote {
    border-left-color: #fff845;
}

.wp-block-quote,
.wp-block-pullquote,
.wp-block-table table tbody tr td{
    color: #011844;
}

.wp-block-pullquote blockquote:before{
    background-image: url('data:image/svg+xml,<svg width="40px" height="33px" viewBox="0 0 40 33" fill="transparent" xmlns="http://www.w3.org/2000/svg"><path d="M0.832489 16.22V32.005H16.6175V16.22H7.59749C7.59749 11.2392 11.6366 7.2 16.6175 7.2V0.434998C7.89845 0.434998 0.832489 7.50228 0.832489 16.22ZM39.1675 7.2V0.434998C30.4502 0.434998 23.3825 7.50228 23.3825 16.22V32.005H39.1675V16.22H30.1475C30.1475 11.2392 34.1866 7.2 39.1675 7.2Z" fill="%23fff845"/></svg>');
}

/* CRM */
.crm{
    background-color: #33ccff;
}

.crm__nav .crm__btn{
    background-color: #011844;
    color: #ffffff;
}

.crm__nav .crm__btn:hover{
    background-color: #f62f49;
    color: #ffffff;
}

.crm__form--btn{
    background-color: #fff845;
    color: #011844;
}

.crm__form--btn:hover{
    background-color: #f62f49;
    color: #ffffff;
}

.core_field label{
    font-family: proxima-nova, sans-serif;
}

#mobile_opt_in_default{
    font-family: proxima-nova, sans-serif;
}

/* Forms */
.required,
.ak-required{
    color: #fff845;
}

.at,
.ngp-form label>kbd,
.at label{
    font-family: proxima-nova, sans-serif!important;
}

.ngp-form label>kbd,
.at label{
    color: #011844!important;
}

.hero__background-video--btn:after,
#action_welcome_message {
    font-family: proxima-nova, sans-serif;
    font-weight: 900;
    text-transform: none;
}

/* Borders */
.page-template-front-page.photo .mainhed__toggle,
.page-template-front-page.video .mainhed__toggle,
.mainhed--light .mainhed__toggle{
    border-color: ;
}

.mcard__link{
    border-top-color: rgba(1, 24, 68, 0.30);
}

.mcard:last-child .mcard__link{
    border-bottom-color: rgba(1, 24, 68, 0.30);
}

/* Gradients */
.hero__background-image--right,
.hero__background-video--right{
    background: linear-gradient(270deg, #011844 0%, rgba(1, 24, 68, 0.40) 100%);
}

@media (min-width: 1024px) {
    .hero__background-image--right,
    .hero__background-video--right{
        background: linear-gradient(270deg, #011844 0%, rgba(1, 24, 68, 0.20) 100%);
    }
}

.hero__background-image--left,
.hero__background-video--left{
    background: linear-gradient(90deg, #011844 0%, rgba(1, 24, 68, 0.40) 100%);
}

@media (min-width: 1024px) {
    .hero__background-image--left,
    .hero__background-video--left{
        background: linear-gradient(90deg, #011844 0%, rgba(1, 24, 68, 0) 50%);
    }
}

.hero__background-image--center,
.hero__background-video--center{
    background: linear-gradient(0deg, #011844 0%, rgba(1, 24, 68, 0.40) 100%);
}

.hero__background-video--left,
.hero__background-video--right,
.hero__background-video--center{
    background: linear-gradient(0deg, #011844 0%, rgba(1, 24, 68, 0.40) 60%);
}

.split__video--link:before{
    background-color: rgba(1, 24, 68, 0.50);
}

.actions__item:hover::before{
    background-color: rgba(51, 204, 255, 0.18);
}

.entry__body .endorsement__overlay{
    background: linear-gradient(0deg, rgba(1, 24, 68, 0.9) 0%, rgba(1, 24, 68, 0) 100%);
}

.lity{
    background: rgba(1, 24, 68, 0.90);
}

/* Takeover styles */
.takeover{
    background-color: var(--secondary-color);
    color: var(--primary-color);
}

.takeover__close{
    color: var(--primary-color);
}

.takeover__close:hover{
    color: #fff845;
}

.takeover__hed{
    color: var(--primary-color);
}

.takeover__cta-btn{
    background-color: var(--accent-color);
    color: var(--primary-color);
}

.takeover__cta-btn:hover{
    background-color: var(--highlight-color);
    color: var(---color);
}

.takeover__don-btn{
    background-color: var(--accent-color);
    color: var(--primary-color);
}

.takeover__don-btn:hover{
    background-color: var(--highlight-color);
    color: var(---color);
}

.takeover .at,
.takeover .updateMyProfileSection .text{
    color: var(--primary-color)!important;
}