/*
------------------------------------------------------------------
SITE BANNER
------------------------------------------------------------------
*/

.site-banner {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    padding: 10px 0;
    align-items: center;
    background-color: #74b32f;
    /*background-color: #6e4b75;*/
    /*background: linear-gradient(135deg, #C7D92B 0%, #61ADB2 48.67%, #4066B0 100%);*/
    color: white;
    min-height: 60px;
}

.site-banner .row {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: stretch;
}

/*
------------------------------------------------------------------
Added important to below CSS because more specific CSS in the
Drupal section was overwriting (EX: body.path-integrators a:link, body.path-integrators p)
------------------------------------------------------------------
*/

.site-banner p {
    margin: 0;
    color: white !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 21px !important;
    display: inline-block;
}

.site-banner a {
    color: white !important;
    font-size: 15px !important;
    font-weight: normal !important;
    border-bottom: 1px solid white;
}

.site-banner a:hover {
    text-decoration: none !important;
}

.site-banner .truck-icon {
    width: 55px;
    position: relative;
    top: -9px;
    left: -19px;
}

.site-banner .close-icon {
    width: 20px;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: -35px;
}

@media screen and (max-width: 800px) {
    .site-banner p br {
        display: none;
    }
    .site-banner .close-icon {
        right: -20px;
    }
}

.site-banner .more-information {
    white-space: nowrap;
}

.site-banner .more-information span {
    color: white;
}

@media screen and (max-width: 641px) {
    .site-banner {
        padding: 20px 0;
    }
    .site-banner .more-information span {
        display: none;
    }
}

@media only screen and (min-width: 120.063em) {
    .site-banner {
        padding: 15px 0;
    }
    .site-banner .row {
        max-width: 1400px;
        margin: 0 auto;
    }
}

@media screen and (max-width: 810px) {
    .site-banner .truck-icon {
        display: none;
    }
}

.boot-strap {
    display: block;
}

.boot-strap .truck-icon {
    top: 2px;
}

.boot-strap a {
    text-decoration: none;
}

/**
 * Content Banner - For banners that display in the content body
 * @todo height should be dynamic
 */

.content-banner {
    display: flex;
    min-height: 60px;
    background: #8DC63E;
    text-align: center;
    vertical-align: center;
    align-items: center;
    align-content: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    padding-top: 13px;
    padding-bottom: 13px;
    text-decoration: none;
    color: #fff;
}

.content-banner span {
    text-decoration: underline;
}

.content-banner,
.content-banner span,
.content-banner a {
    color: #fff;
}