/* Root variables */

:root{
    --primary-color: #000000;
    --secondary-color: #ffffff;
    --tertiary-color: #1d4dc7;
    --highlight-color: #1d4dc7;
    --accent-color: #ffffff;
    --black-color: black;
    --white-color: white;
}

/* Body font styles */

body,
.body-font{
    font-family: ff-tisa-web-pro, serif;
    font-weight: 400;
}

p{
    font-weight: 400;
}

.pc-text{
    color: #000000;
}

.sc-text{
    color: #ffffff;
}

.tert-text{
    color: #1d4dc7;
}

.highlight-text{
    color: #1d4dc7;
}

.acc-text{
    color: #ffffff;
}

/* Background styles */

.pc-bg{
    background-color: #000000;
}

.sc-bg{
    background-color: #ffffff;
}

.tert-bg{
    background-color: #1d4dc7;
}

.highlight-bg{
    background-color: #1d4dc7;
}

.acc-bg{
    background-color: #ffffff;
}

.tint-bg{
    background-color: rgba(255, 255, 255, 0.18);
}

/* Heading styles */

h1,
h2,
h3,
h4,
h5,
h6,
.hed-font{
    font-family: prohibition, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6{
    font-weight: 400;
    text-transform: uppercase;
}

/* 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: ;
}

@media (min-width: 1024px){
    .mainhed--light .nav__link{
        color: #000000;
    }

    .mainhed--light .btn .nav__link:hover{
        background-color: #000000;
    }
}

/* Menu styles */

.mainhed,
.nav__list,
.nav__item,
.nav-ftr-primary__link,
.nav-ftr-subnav__link,
.hero__hed,
.pagination{
    font-family: prohibition, sans-serif;
    font-weight: 400;
    text-transform: none;
}

.mainhed__bar{
    font-family: prohibition, 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: #ffffff;
}

/* 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: #1d4dc7;
}

.page-template-front-page.photo .btn .nav__link:hover,
.page-template-front-page.video .btn .nav__link:hover{
    background-color: #000000;
    color: #ffffff;
}

.blog .nav__list .nav__item:hover.menu-item-has-children:after,
.single .nav__list .nav__item:hover.menu-item-has-children:after{
    color: #000000;
}

.blog .nav__list .nav__item.btn:hover .nav__link{
    background-color: #ffffff;
    color: #000000;
}

.single .nav__list .nav__item.btn:hover .nav__link{
    background-color: #ffffff;
    color: #000000;
}

/* Menu styles */

.nav__list .nav__item.btn .nav__link{
    color: #ffffff;
}

.nav__list .nav__item.btn .nav__link:hover{
    color: #000000;
}

.nav__list .nav__item.btn .nav__link{
    background-color: #1d4dc7;
}

.nav__list .nav__item.btn .nav__link:hover{
    background-color: #ffffff;
}

.nav__list .nav__item:not(.btn) .nav__link:hover::after{
    background-color: #1d4dc7;
}

.nav__item.menu-item-has-children .sub-menu{
    background-color: #1d4dc7;
}

.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: #ffffff!important;
}

/* Tertiary menu styles */

.pc-bg .tert-nav__link{
    color: #ffffff;
}

.sc-bg .tert-nav__link{
    color: #000000;
}

.pc-bg .social-nav__link svg{
    fill: #ffffff;
}

.sc-bg .social-nav__link svg {
    fill: #000000;
}

.pc-bg .tert-nav__link:hover,
.sc-bg .tert-nav__link:hover{
    color: #1d4dc7;
}

.pc-bg .tert-nav__link:hover::after,
.sc-bg .tert-nav__link:hover::after{
    background-color: #1d4dc7;
    color: #1d4dc7;
}

.news .svg-icon,
.entry__sidebar .svg-icon{
    fill: #000000;
}

.tert-nav__link:hover::after{
    background-color: #ffffff;
}

/* Footer menu styles */

.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: #1d4dc7;
}

.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: #1d4dc7;
}

.nav-ftr-social .svg-icon:hover{
    fill: #1d4dc7; 
}

/* Input styles */

input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
textarea{
    font-family: prohibition, sans-serif;
    border-color: #1d4dc7;
}

/* 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,
.actions__btn,
.actions__archive,
.issue-ft__archive,
.takeover__cta-btn,
.takeover__don-btn,
.crm__nav .crm__btn,
.crm__form--btn{
    font-family: prohibition, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
}

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"],
.actions__btn{
    background-color: #1d4dc7;
    color: #ffffff;
}

#action_welcome_message,
#action_welcome_message a{
    background-color: #ffffff;
}

/* 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,
.actions__item:hover .actions__btn,
.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,
.actions__btn:hover{
    background-color: #000000;
    color: #ffffff;
}

/* Hero styles */

.hero__photo,
.hero__video{
    background-color: #ffffff;
}

.hero__photo h2,
.hero__video h2,
.hero__photo h3,
.hero__video h3{
    color: #000000;
}

.hero__background-video--btn{
    color: #ffffff;
}

.hero__background-video--btn:hover,
.hero__hed span{
    color: #1d4dc7;
}

.hero__signup--btn{
    background-color: #1d4dc7;
    color: #ffffff;
}

.hero__signup--btn:hover{
    background-color: #ffffff;
    color: #000000;
}

/* 404 styles */

.hero__404 {
    background: #000000!important;
}

/* Split styles */

.split__btn::after{
    background-color: #1d4dc7;
}

.split__btn:hover{
    color: #1d4dc7;
}

.split__video--play:before{
    color: #1d4dc7;
}

/* Issues styles */

.issues__link,
.issue-ft__link{
    background-color: #ffffff;
    color: #000000;
}

.issues__link:hover,
.issue-ft__link:hover{
    background-color: #1d4dc7;
    color: #ffffff;
}

.issue-ft__link,
.issues__link{
    font-weight: 400;
}

.entry__body .issues__link .fa-angle-right{
    color: #1d4dc7;
}

.entry__body .issues__link:hover .fa-angle-right{
    color: #ffffff;
}

.issue-ft__archive:after{
    background-color: #1d4dc7;
}

.issue-ft__archive:hover{
    color: #1d4dc7;
}

/* Actions styles */

.actions__item,
.actions__grid--item{
    background-color: #ffffff;
}

.actions__item:hover{
    background-color: #1d4dc7;
    color: #ffffff;
}

.actions__item-hed{
    color: #000000;
}

.actions__item:hover .actions__item-hed{
    color: #ffffff;
}

.actions__grid--btn{
    background-color: #1d4dc7;
}

.actions__archive:after{
    background-color: #1d4dc7;
}

.actions__archive:hover{
    color: #1d4dc7;
}

/* News styles */

.ff-loadmore-wrapper .ff-btn:after{
    background-color: #1d4dc7;
}

/* Donate styles */

.donate__btn,
.donate__btn:hover{
    color: #ffffff;
}

.donate__btn{
    background-color: #1d4dc7;
}

.donate__btn:hover{
    background-color: #000000;
}

.donate::before{
    background-color: #000000;
}

/* News */

.social-nav__link:hover svg{
    fill: #1d4dc7;
}

.share-links__link:hover,
.ff-loadmore-wrapper .ff-btn:hover{
    color: #1d4dc7;
}


/* Signup */

.signup__btn{
    background-color: #1d4dc7;
    color: #ffffff;
}

.signup__btn:hover{
    background-color: #ffffff;
    color: #000000;
}

/* Archive */

.hcard__link:hover .hcard__hed,
.card__link:hover .card__hed,
.mcard__link:hover .mcard__hed{
    text-decoration-color: #1d4dc7;
}

.mcard__brow{
    color: #1d4dc7;
}

.page-numbers{
    color: #000000;
}

.page-numbers.current{
    color: #1d4dc7;
}

.page-numbers.current::after,
a.page-numbers:hover::after,
.page-numbers.next:hover::after,
.page-numbers.prev:hover::after{
    background-color: #1d4dc7;
}

/* Entry styles */

.entry__body h1,
.entry__body h2,
.entry__body h3,
.entry__body h4,
.entry__body h5,
.entry__body h6{
    color: #000000;
}

.entry__body--archive:hover{
    color: #000000;
}

.entry__body blockquote p{
    font-family: prohibition, sans-serif;
    font-weight: 400;
}

.wp-block-table table {
    font-family: prohibition, sans-serif;
    font-weight: 400;
}

.wp-block-table table thead tr th{
    background-color: #000000;
    color: #ffffff;
}

.wp-block-table table tbody tr td{
    background-color: #ffffff;
}

.wp-block-separator.is-style-default,
.wp-block-separator.is-style-wide{
    border-color: #1d4dc7;
}

.entry__body figcaption,
.entry__body cite {
    font-family: prohibition, sans-serif;
}

.wp-block-quote {
    border-left-color: #1d4dc7;
}

.wp-block-quote,
.wp-block-pullquote,
.wp-block-table table tbody tr td{
    color: #000000;
}

.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="%231d4dc7"/></svg>');
}

/* CRM */

.crm__nav .crm__btn{
    background-color: #1d4dc7;
    color: #ffffff;
}

.crm__nav .crm__btn:hover{
    background-color: #000000;
    color: #ffffff;
}

.crm__form--btn{
    background-color: #1d4dc7;
    color: #ffffff;
}

.crm__form--btn:hover{
    background-color: #000000;
    color: #ffffff;
}

.core_field label{
    font-family: prohibition, sans-serif;
}

#mobile_opt_in_default{
    font-family: ff-tisa-web-pro, serif;
}

/* Forms */

.required,
.ak-required{
    color: #1d4dc7;
}

.signup #ak-fieldbox-mobile_disclaimer a,
.hero__content #ak-fieldbox-mobile_disclaimer a{
    color: #ffffff;
}

.signup #ak-fieldbox-mobile_disclaimer a:hover,
.hero__content #ak-fieldbox-mobile_disclaimer a:hover{
    color: #1d4dc7;
}

.at,
.ngp-form label>kbd{
    font-family: prohibition, sans-serif!important;
}

.ngp-form label>kbd{
    color: #000000;
}

.hero__background-video--btn:after,
#action_welcome_message {
    font-family: prohibition, sans-serif;
    font-weight: 400;
    text-transform: uppercase;
}

/* 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(0, 0, 0, 0.30);
}

.mcard:last-child .mcard__link{
    border-bottom-color: rgba(0, 0, 0, 0.30);
}

/* Gradients */

.home .mainhed::after{
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0.00) 100%);
}

.hero__background-image--right,
.hero__background-video--right{
    background: linear-gradient(270deg, #000000 0%, rgba(0, 0, 0, 0.40) 100%);
}

@media (min-width: 1024px) {
    .hero__background-image--right,
    .hero__background-video--right{
        background: linear-gradient(270deg, #000000 0%, rgba(0, 0, 0, 0.20) 100%);
    }
}

.hero__background-image--left,
.hero__background-video--left{
    background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0.40) 100%);
}

@media (min-width: 1024px) {
    .hero__background-image--left,
    .hero__background-video--left{
        background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0.20) 100%);
    }
}

.hero__background-image--center,
.hero__background-video--center{
    background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0.40) 100%);
}

.hero__background-video--left,
.hero__background-video--right,
.hero__background-video--center{
    background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0.40) 60%);
}

.split__video--link:before{
    background-color: rgba(0, 0, 0, 0.50);
}

.actions__item:hover::before{
    background-color: rgba(255, 255, 255, 0.18);
}

.entry__body .endorsement__overlay{
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 100%);
}

.lity{
    background: rgba(0, 0, 0, 0.90);
}

/* Takeover styles */

.takeover{
    background-color: var(--tertiary-color);
    color: var(--white-color);
}

.takeover__close{
    color: var(--white-color);
}

.takeover__close:hover{
    color: var(--primary-color);
}

.takeover__hed{
    color: var(--white-color);    
}

.takeover__cta-btn{
    background-color: var(--white-color);
    color: var(--black-color);
}

.takeover__cta-btn:hover{
    background-color: var(--black-color);
    color: var(--white-color);
}

.takeover__don-btn{
    background-color: var(--white-color);
    color: var(--black-color);
}

.takeover__don-btn:hover{
    background-color: var(--black-color);
    color: var(--white-color);
}

.takeover .at,
.takeover .updateMyProfileSection .text{
    color: var(--white-color)!important;
}