/*
Theme Name: Sustainable Energy Fund - Energy Path
Author: Weidenhammer Creative
Template: sustainableenergy2019
Author URI: http://weidenhammercreative.com
Version:      1.0.0
*/

/*
Blue: 023a71;
Bluelight: 005c96;
Bluelightlight: 2aa9e0;
Bluedark: 071435;
Orange: f49123;
 */

/* - - - - - - - - - OVERRIDES - - - - - - -  */

.svglines,
.hero-wrap:before,
.footer-cta:before {
    display:none;
}

.logo {
    width:176px;
    height:79px;
}

/* .logo a:before,
.logo a:after {
    width:100%;
    height:100%;
    content:'';
    opacity:1;
    display:block;
    position:absolute;
    background:url(images/logo-ep.png);
    transition:opacity 350ms ease-in-out;
} */

/* .logo a:after {
    background:url(images/logo-ep-hover.png);
    opacity:0;
} */

.logo a .before-logo, .logo a .after-logo {
  width:100%;
  height:100%;
  content:'';
  opacity:0;
  display:block;
  position:absolute;
  transition:opacity 350ms ease-in-out;
}

.logo a .before-logo {
  opacity: 1;
}

.logo a .after-logo {
  opacity: 0;
}

.logo a:hover .after-logo {
  opacity: 1;
}

.logo a:hover .before-logo {
  opacity: 0;
}


/* .logo a:hover:after {
    opacity:1;
} */

/* .logo a:hover:before {
    opacity:0;
} */

.logo svg {
    display:none;
}

body.sticky .logo a:after {
    opacity:1;
}

body.sticky .logo a:before {
    opacity:0;
}

/* - - - - - - - - - BACKGROUND - - - - - - -  */

/* BLUE */

.resources-news .resources .resource:hover .btn,
.resources-news .rtitle,
.resources-news .rtitle.inner span,
footer,
section.block.cta-13-23.background,
section.block.cta-13-23 .title,
section.block.cta-13-23.background .cta-left span,
.schema-faq-section .schema-faq-question.secondary {
    background:#023a71;
}

/* LIGHT LIGHT BLUE */

.social-nav a:hover,
.secondary-nav > li.apply a:hover {
    background:#2aa9e0;
}

.footer-cta {
    background:#d4eef9;
}

/* LIGHT LIGHT LIGHT BLUE */

section.providers,
.salesforce-wrapper .tabs-nav:before,
section.block.cta-fullwide .inner {
    background:rgba(212,238,249,0.95);
}

/* ORANGE */

.social-nav a,
.secondary-nav > li.apply a,
.our-programs .close-programs,
.section ul li::before {
    background:#f49123;
}


.module.cta-widget::before {
    background:rgba(42,169,224,0.8);
}


/* - - - - - - - - - COLOR - - - - - - - - -  */

/* BLUE */

.resources-news .rtitle,
.resources-news .news .post .readmore:hover,
section .section-title,
section.block.cta-13-23 .title,
.footer-cta .title,
section.providers .provider .name,
.section h1,
.section h2,
.section h3,
.section h4,
.section h5,
.section h6,
.schema-faq-section .schema-faq-question:hover::before,
.schema-faq-section .schema-faq-question:focus::before,
section.block.cta-fullwide .inner .name {
    color:#005c96;
}

/* LIGHT LIGHT BLUE */

.resources-news .news .post .title a,
.main-nav > li.search-toggle a,
body.sticky .main-nav > li.search-toggle a:hover,
section.block.cta-13-23 .cta-left span,
section.block.cta-3wide .cta .title,
.secondary-nav > li a:hover,
.salesforce-wrapper .tabs-nav .form-step .num {
    color:#2aa9e0;
}

/* ORANGE */

.resources-news .news .post .readmore,
.secondary-nav > li.programs-toggle a::before,
.salesforce-wrapper .tabs-nav .form-step.active .num.num,
.schema-faq-section.open .schema-faq-question::before {
    color:#f49123;
}


/* - - - - - - - - - MISC - - - - - - - - -  */

.salesforce-wrapper .form-footer button.prev {
    background:#dfe9ee;
    color:#2aa9e0;
    border-color:#2aa9e0;
}

footer .footer-copyright {
    border-top-color:#014b84;
}

.secondary-nav > li + li {
    border-left-color:#f49123;
}

.btn.ghost {
    border-color:#f49123;
}

.section a.btn.ghost {
    color:#f49123;
}

section.providers .section-title {
    background:#d4eef9;
    line-height:1.1;
    margin-bottom:0.25em;
}

.section a.btn.ghost:hover {
    color:white;
    border-color:#f49123;
}

.search-wrap.search-wrap .search-form .search-submit {
    background:#023a71;
}

.search-wrap.search-wrap .search-form .search-field {
    border-bottom-color:#f49123;
}

.search-wrap.search-wrap .close {
    border-color:#023a71;
}

.search-wrap.search-wrap .close:hover {
    background:#023a71;
}

.btn, .gform_wrapper .gform_footer .gform_next_button, .gform_wrapper .gform_footer .gform_previous_button, .gform_wrapper .gform_page_footer .gform_next_button, .gform_wrapper .gform_page_footer .gform_previous_button, .gform_wrapper .gform_footer button, .salesforce-wrapper input[type="submit"] {
    background:#f49123;
    border-color:#f49123;
}

.btn:hover,
.gform_wrapper .gform_footer .gform_next_button:hover,
.gform_wrapper .gform_footer .gform_previous_button:hover,
.gform_wrapper .gform_page_footer .gform_next_button:hover,
.gform_wrapper .gform_page_footer .gform_previous_button:hover,
.gform_wrapper .gform_footer button:hover,
.salesforce-wrapper input[type="submit"]:hover {
    background:#023a71;
}

section.block.cta-2wide .wrap .title {
    font-size:1.875em;
    color:#2aa9e0;
}


/* - - - - - - - - - RESPONSIVE - - - - - - - - -  */

@media only screen and (max-width: 859px) {
    header {
        background:#023a71;
    }

    .mobile-search .search-submit {
        color:#2aa9e0;
    }
}

@media only screen and (min-width: 860px) {
    .resources-news .news .section-title {
        padding-left:0;
    }

    .main-nav > li > a::after {
        background:#f49123;
    }

    body.home section.block.cta-3wide .cta:nth-of-type(2) {
        margin-top:0;
    }
}

@media only screen and (min-width: 980px) {
    .hero-wrap .container h1,
    .hero-wrap .container p {
        text-align:center;
        float:none;
        clear:both;
    }

    .hero-wrap .container h1 {
        margin:0 auto;
        font-size:6.25em;
    }

    .hero-wrap .container p {
        margin:3.5em auto 1.5em auto;
    }

    .hero-wrap .container .btn {
        float:none;
    }
}



.section .has-primary-color {
    color:#023a71 !important;
}

.section .has-secondary-color {
    color:#f49123 !important;
}

.section .has-primary-background-color {
    background-color:#023a71 !important;
}

.section .has-secondary-background-color {
    background-color:#f49123 !important;
}

.section .wp-block-button__link {
    border:2px solid #f49123;
    background-color:#f49123;
    color:white;

    &:hover {
        color:white;
    }
}

.section .wp-block-button__link:hover {
    background:#023a71 !important;
}

.section a {
    color:#023a71;
}

.section a:hover {
    color:#f49123;
}

.section a.btn:hover {
    color:white;
}

.top-bar {
    background-color: #f49123;
}