/* color changes for full width template Energy Institute pages */

:root {
    --globalPink: #FA9A3A !important;
}

/* ctas */
div.generalFullWidth-content a.CTA-blueButtonWithArrow {
    border-color:#FA9A3A !important;
    background-color: #FA9A3A !important;
    color: var(--globalBlue) !important;
}
div.generalFullWidth-content a.CTA-blueButtonWithArrow:hover,
div.generalFullWidth-content a.CTA-blueButtonWithArrow:active,
div.generalFullWidth-content a.CTA-blueButtonWithArrow:focus {
    background-color: transparent !important;
}
div.generalFullWidth-content a.CTA-blueButtonWithArrow:after {
    border: solid var(--globalBlue) !important;
    border-width: 0 2px 2px 0 !important;
}

div.generalFullWidth-content a.CTA-ButtonWhiteForBlueBGWithArrow {
    background-color: #FA9A3A !important;
    border: 2px solid #FA9A3A !important;
}

div.generalFullWidth-content a.CTA-ButtonWhiteForBlueBGWithArrow:hover,
div.generalFullWidth-content a.CTA-ButtonWhiteForBlueBGWithArrow:active,
div.generalFullWidth-content a.CTA-ButtonWhiteForBlueBGWithArrow:focus {
    background-color: transparent !important;
}

div.generalFullWidth-content a.CTA-pinkButtonWithArrow {
    border-color:#FA9A3A !important;
    background-color: #FA9A3A !important;
    color: var(--globalBlue) !important;
}
div.generalFullWidth-content a.CTA-pinkButtonWithArrow:hover,
div.generalFullWidth-content a.CTA-pinkButtonWithArrow:active,
div.generalFullWidth-content a.CTA-pinkButtonWithArrow:focus {
    background-color: transparent !important;
}
div.generalFullWidth-content a.CTA-pinkButtonWithArrow:after {
    border: solid var(--globalBlue) !important;
    border-width: 0 2px 2px 0 !important;
}

.generalFullWidth-content a.bgArrowRight:hover,
.generalFullWidth-content a.bgArrowRight:active,
.generalFullWidth-content .bgArrowRightLarge:hover,
.generalFullWidth-content .bgArrowRightLarge:active{
    color: var(--globalBlue) !important;
    background-color: #FA9A3A !important;
    border: 2px solid #FA9A3A !important;
}

.generalFullWidth-content .bgArrowRightLarge:hover,
.generalFullWidth-content .bgArrowRightLarge:active {
    background-image: url("/SiteElements/Images/Base/Internal/CTA-icons/Colour/bg-icon-black-right-arrow.png") !important;
}

.generalFullWidth-content .bgArrowRightLarge-pink {
    color: var(--globalBlue) !important;
    background-image: url("/SiteElements/Images/Base/Internal/CTA-icons/Colour/bg-icon-black-right-arrow.png") !important;
   
}

.generalFullWidth-content a.bgArrowRightLarge-pink:hover,
.generalFullWidth-content a.bgArrowRightLarge-pink:active {
    color: white !important;
    background-image: url("/siteelements/images/base/internal/cta-icons/white/bg-icon-white-right-arrow.png") !important;
}

/* webinars */
.vertical-card.featured .tags .tag {
    color: var(--globalBlue) !important;
}

/* card component */
.no-underlined .card p {
    text-align: center;
}

/* pink box */
div.generalFullWidth-content div.solid-pink-background-box {
    color: var(--globalBlue) !important;
}

/* mini banner */
.sys_mini-banner * {
    color: var(--globalBlue) !important;
}

hr {
    color: #FA9A3A !important;
    height: 3px !important;
    opacity: 1 !important;
}