@charset "UTF-8";

/* ------ FONTS ------*/
@font-face {
    font-family: 'NexusSansWebPro';
    src: '../fonts/NexusSansWebPro.woff';
    font-weight: normal;
}
@font-face {
    font-family: 'NexusSansWebPro';
    src: '../fonts/NexusSansWebPro-Bold.woff';
    font-weight: bold;
}
@font-face {
    font-family: 'NexusSansWebPro';
    src: '../fonts/NexusSansWebPro-Italic.woff';
    font-style: italic;
}
@font-face {
    font-family: 'NexusSansWebPro';
    src: '../fonts/NexusSansWebPro-BoldItalic.woff';
    font-weight: bold;
    font-style: italic;
}
/* ------ MAIN ------*/
html body {font-family: NexusSansWebPro;font-size: 1.1rem;background-color: #eeeeee;}
a {
    color: #007398;
    text-decoration: underline;
}
h3 {margin: 0;}
/* ------ HEADER ------*/
.content__head {max-width: 680px;}
.sherpath-header {
    background: #e2e2e2; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ffffff,#e2e2e2); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffffff,#e2e2e2); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffffff,#e2e2e2); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffffff,#e2e2e2); /* Standard syntax (must be last) */
    height: 270px;
    border-bottom: 4px solid #ffffff;
}
.heading-logo {
    height: 56px;
    margin-top: 40px;
}
.bg-img {
    background-image: url("../images/header_bg.png");
    background-position-x: -525px;
    background-position-y: bottom;
    background-repeat: repeat-x;
    height: 245px;
}

/* ------ SPEECH BUBBLE ------*/
.eols-speech-bubble {
    margin-top: -130px;
    width: 100%;
}
.eols-speech-bubble.eols-speech-bubble__wedge--bottom-left {
    margin-bottom: 0;
}
.eols-speech-bubble.eols-speech-bubble__wedge--bottom-left::after {
    left: calc(20% + 2px);
}
.icon__feedback-excited {
    fill: #ff8200;
    width: 145px;
    min-width: 145px;
    max-width: 145px;
}
/* ------ CONTENT ------*/
.content__body {max-width: 570px;}

/* ------ FOOTER ------*/
.sherpath-footer {
    background-image: url("../images/footer.svg");
    width: 100%;
    height: 0;
    padding-bottom: 22.5%;
    background-size: cover;
}

.sherpath-video {min-width: 280px;height: 380px;width: 100%;}  

/* ------ UTILITY STUFF ------*/
.p-s-0 {
    padding-left: 0;
    padding-right: 0;
}
.space--minus-m10 {
    margin-top: -10px;
}
.space--p40 {
    padding-top: 40px;
}
.header__utility {
    color: #505050;
    font-weight: bold;
}

/*----------- MEDIA QUERIES-----------*/
@media (min-width: 450px) and (max-width: 520px) {
        .speech__bubble__icon {
            margin-left: -5%;
        }
        .speech__bubble__text {
            margin-left: 5%;
        }
        .eols-speech-bubble {
            width: 100%;
        }

}
@media (max-width: 449px) {
        .eols-speech-bubble {
            text-align: center;
        }
        .speech__bubble__icon, .speech__bubble__text {
            width: 100%;
        }
}