/*
Theme Name: Constellation Lead Gen
Author: Robert Kirkner | Weber Shandwick
Author URI:  
Version: 1
Description: Theme for Constellation Energy Lead Generation
License: Copyrighted
License URI: https://www.copyright.gov/help/faq/
Text Domain: ceg_lead_gen
Tags: one-column, two-columns
Theme URI:
*/

.header {
    z-index: 99;

    width: 100%;

    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.header .container-fluid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    height: 95px;
    padding: 10px 30px;

    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.top-link {
    visibility: hidden;
    float: right;

    margin-left: auto;

    -webkit-transition: -webkit-transform 0.5s ease, opacity 0.5s ease, visibility 0.3s ease;
    transition: transform 0.5s ease, opacity 0.5s ease, visibility 0.3s ease;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);

    opacity: 0;
}

.logo {
    float: left;

    max-width: 208px;
    margin-right: 24px;
    padding-right: 24px;

    -webkit-transition: border-color 0.5s ease;
    transition: border-color 0.5s ease;

    border-right: 1px solid #7e8083;
}

.logo img {
    width: 100%;

    vertical-align: top;
}

.top-brands {
    position: relative;

    padding-top: 6px;
}

.top-brands img {
    width: 100%;
}

.primary-brand {
    max-width: 220px;
    padding-top: 16px;

    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}

.secondary-brand {
    width: 65px;

    opacity: 0;
}

.fixed-position .top-link {
    visibility: visible;

    -webkit-transform: translate(0);
    -ms-transform: translate(0);
    transform: translate(0);

    opacity: 1;
}

.fixed-position .logo {
    border-color: #7e8083;
}

.fixed-position:not(.standard) .primary-brand {
    opacity: 0 !important;
}

.fixed-position .secondary-brand {
    left: 9px;

    opacity: 1;
}

.standard .secondary-brand {
    display: none !important;
}

.standard .primary-brand {
    opacity: 1 !important;
}

.standard .logo {
    border-color: transparent !important;
}

.rt-icon {
    color: #666666;
    padding-right: 4px;
    display: inline-block;
}

.rt-icon svg {
    display: inline-block;
    width: 15px;
    height: 15px;
    position: relative;
    top: 1px;
}

.rt-reading-time {
    color: #666666;
    display: inline-block !important;
    line-height: 1;
}

.rt-icon,
.rt-reading-time {
}

.ceg-reading-time-lg {
    display: inline-block;
    margin: 0;
}

.ceg-reading-time-lg .rt-reading-time,
.ceg-reading-time-lg .rt-icon {
    color: #666666;
}

.ceg-reading-time-lg .rt-reading-time {
    font-size: 16px;
}

.ceg-reading-time-sm {
    position: absolute;
    left: 0;
    right: 0;
    top: 5px;
    z-index: 3;
}

.ceg-reading-time-sm .rt-icon {
    display: none;
}

.ceg-reading-time-sm .rt-reading-time {
    display: block !important;
    width: calc(100% - 40px);
    font-size: 12px;
    margin: 0;
    line-height: 1;
    margin: 0 auto;
}

.ceg-reading-time-sm .rt-label,
.ceg-reading-time-sm .rt-time {
    font-size: 12px;
}

.resource-section .hubs-embedded .tile.single.resource_grid__item > a.view:before {
    margin-left: 0px !important;
    padding-right: 0px !important;
}

@media (max-width: 768px) {
    .top-brands .secondary-brand {
        opacity: 1 !important;
    }
}
.top-brands img.secondary-brand {
    width: auto;
}
@media (max-width: 460px) {
    .top-brands img.secondary-brand {
        height: 30px !important;
    }
}
@media (min-width: 460px) {
    .top-brands img.secondary-brand {
        height: 45px !important;
    }
}
@media (min-width: 700px) {
    .top-brands img.secondary-brand {
        max-height: 65px !important;
    }
    .top-brands {
        padding-top: 1px;
    }
}

@media (max-width: 667px) {
    .header .container-fluid {
        height: 70px;
    }
    .header .container-fluid .logo {
        max-width: 190px;
    }
}