/*
Theme Name: Twenty Seventeen Child
Description: A child theme of the Twenty Fifteen default WordPress theme
Author: Web Dev @ GLI
Template: twentyseventeen
Version: 1.0.0
*/

/****
 ** Theme font defs
 *****/

/***** Serif *****/

@font-face {
    font-family: 'Acta-Light';
    src: url('assets/fonts/acta/acta-light.eot') format('embedded-opentype'), url('assets/fonts/acta/acta-light-webfont.woff') format('woff'), url('assets/fonts/acta/acta-light.ttf') format('truetype'), url('assets/fonts/acta/acta-light.svg#acta-light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Acta-Bold';
    src: url('assets/fonts/acta/Acta-Bold.eot') format('embedded-opentype'), url('assets/fonts/acta/Acta-Bold.woff') format('woff'), url('assets/fonts/acta/Acta-Bold.ttf') format('truetype'), url('assets/fonts/acta/Acta-Bold.svg#Acta-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Acta-Book';
    src: url('assets/fonts/acta/Acta-Book.eot') format('embedded-opentype'), /*src:  url('assets/fonts/acta/Acta-Book.otf') format('opentype'),*/
    url('assets/fonts/acta/Acta-Book.woff') format('woff'), url('assets/fonts/acta/Acta-Book.ttf') format('truetype'), url('assets/fonts/acta/Acta-Book.svg#Acta-Book') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Acta-BookItalic';
    src: url('assets/fonts/acta/Acta-BookItalic.eot') format('embedded-opentype'), /*src:  url('assets/fonts/acta/Acta-BookItalic.otf') format('opentype'),*/
    url('assets/fonts/acta/Acta-BookItalic.woff') format('woff'), url('assets/fonts/acta/Acta-BookItalic.ttf') format('truetype'), url('assets/fonts/acta/Acta-BookItalic.svg#Acta-BookItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

/***** Sans-Serif *****/

@font-face {
    font-family: 'Gotham-Thin';
    src: url('assets/fonts/gotham/Gotham-Thin.eot') format('embedded-opentype'), url('assets/fonts/gotham/Gotham-Thin.woff') format('woff'), url('assets/fonts/gotham/Gotham-Thin.ttf') format('truetype'), url('assets/fonts/gotham/Gotham-Thin.svg#Gotham-Thin') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham-Book';
    src: url('assets/fonts/gotham/Gotham-Book.eot') format('embedded-opentype'), url('assets/fonts/gotham/Gotham-Book.woff') format('woff'), url('assets/fonts/gotham/Gotham-Book.ttf') format('truetype'), url('assets/fonts/gotham/Gotham-Book.svg#Gotham-Book') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham-Med';
    src: url('assets/fonts/gotham/Gotham-Medium.eot') format('embedded-opentype'), url('assets/fonts/gotham/Gotham-Medium.woff') format('woff'), url('assets/fonts/gotham/Gotham-Medium.ttf') format('truetype'), url('assets/fonts/gotham/Gotham-Medium.svg#Gotham-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham-Bold';
    src: url('assets/fonts/gotham/Gotham-Bold.eot') format('embedded-opentype'), url('assets/fonts/gotham/Gotham-Bold.woff') format('woff'), url('assets/fonts/gotham/Gotham-Bold.ttf') format('truetype'), url('assets/fonts/gotham/Gotham-Bold.svg#Gotham-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

.fixed-top {
    top: 0px;
}

body.admin-bar .fixed-top {
    top: 28px !important;
}

body {
    font-family: 'Gotham-Book', sans-serif;
}

strong {
    font-family: 'Gotham-Bold', sans-serif;
    font-weight: normal;
}

.page-title b,
.entry-title {
    font-family: 'Gotham-Bold';
}

.serif {
    font-family: 'Acta-Book';
}

.page-title .serif {
    color: #909090;
    font-family: 'Acta-Light';
    font-weight: 300;
}

em .serif,
i .serif,
.serif em,
.serif i,
i.serif,
em.serif {
    font-family: 'Acta-BookItalic';
    font-style: normal;
}

strong .serif,
b .serif,
.serif strong,
.serif b,
b.serif,
strong.serif {
    font-family: 'Acta-Bold';
    font-weight: normal;
}

.weight-med {
    font-family: 'Gotham-Med';
}

.weight-thin {
    font-family: 'Gotham-Thin';
}

.text-huge {
    font-size: 5em;
}

.text-big {
    font-size: 2.25em;
}

.text-medium {
    font-size: 2.1em;
}

.widget-area small {
    font-size: .75rem;
}

.screen-reader-text {
    display: none !important;
}

.grid-item .entry-meta {
    font-size: 0.9rem;
}

.grid-item .entry-meta time,
.grid-item .entry-meta .edit-link {
    font-size: 0.8rem;
}

a {
    color: #f57f2a;
}

a:hover,
a:focus,
a:active {
    color: #003963;
}

/*** Top Navbar ***/

.navbar-brand {
    box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.1);
    background-color: #f4f4f4;
    padding: .4em;
    margin-left: 1rem;
}

.navbar-brand.sm-only {
    position: absolute;
    left: 1rem;
    z-index: 9999;
}

.navbar-brand img {
    max-height: 150px;
}

.navbar-light .navbar-toggler {
    border: none;
}

.site-nav {
    background: #f4f4f4;
    background-size: contain;
    min-height: 70px;
}

.navbar-collapse {
    padding-top: 3.5em;
}

.navbar-toggleable-md .navbar-nav .nav-link {
    padding: 10px 10px;
    font-size: 0.9rem;
    letter-spacing: 0.05em;
}

.brand-hr {
    background: url("assets/imgs/nav-border.png") no-repeat left bottom;
    background-size: 100% 8px;
    height: 5px;
    border: none;
    margin: 0;
    position: absolute;
    z-index: 1;
    display: flex;
    bottom: -1px;
    left: 0;
    right: 0;
    top: auto;
    opacity: 1;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

/*** Grid (home, archive layout) ***/

.grid,
.grid-3,
.grid-g {
    position: relative;
}

.grid-item {
    float: left;
    padding: 0;
    margin: 0 0 15px;
    background-color: #000000;
    background-size: cover;
    background-repeat: no-repeat;
    height: 340px;
    cursor: hand !important;
}

.services .grid-item {
    background-color: #ffffff;
    margin-bottom: 2px;
    background-size: contain;
    background-size: cover;
    height: 275px;
}

.grid .grid-item.posts-pagi,
.grid-3 .grid-item.posts-pagi,
.grid-g .grid-item.posts-pagi {
    height: 200px
}

.home .grid-item.hero,
.home .grid-item.sticky {
    height: 75vh;
}

.grid-item .summary {
    font-size: 0.92em;
    position: relative;
}

.grid-item.align-items-end .summary {
    top: auto;
    bottom: 5px;
}

.team .grid-item .summary {
    bottom: 7px;
}

.grid-g .grid-item {
    margin-bottom: 10px;
}

.entry-title a,
.entry-summary a {
    color: #292b2c;
}

.entry-meta a {
    display: inline-block;
}

.grid-item h2 {
    font-size: 1.5rem;
    margin-bottom: 0;
}

.related-posts .grid-3 .grid-item h2 {
    font-size: 1.3rem;
}

/* fluid 1 column */

.grid-sizer,
.grid-sizer-2,
.grid-sizer-3,
.grid-sizer-g,
.grid-item {
    width: 100%;
}

.grid-item.hero {
    width: 100% !important;
}

/** Colors **/

.bg-white {
    background-color: #ffffff;
    color: #292b2c;
}

.bg-none {
    background-color: transparent;
}

.bg-light {
    background-color: rgba(255, 255, 255, 0.75);
}

.team .bg-light {
    background-color: rgba(255, 255, 255, 1);
}

.bg-dark {
    background-color: rgba(0, 0, 0, 0.75);
    color: #ffffff;
}

.grid-item .bg-light,
.grid-item .bg-dark {
    padding: 1rem 1.5rem;
}

.grid-item .bg-none {
    padding: .5rem;
}

.bg-brand-green {
    background-color: #5b792f;
}

.bg-brand-green-fade {
    background-color: rgba(91, 121, 47, 0.75);
}

.bg-brand-light-green {
    background-color: #b7bf10;
}

.bg-brand-light-green-fade {
    background-color: rgba(183, 191, 16, 0.75);
}

.bg-brand-primary {
    background-color: #f57f29;
}

.bg-brand-primary-fade {
    background-color: rgba(245, 127, 41, 0.75);
}

.bg-brand-secondary {
    background-color: #003963;
}

.bg-brand-secondary-fade {
    background-color: rgba(0, 57, 99, 0.75);
}

.bg-brand-light-blue {
    background-color: #83b6cc;
}

.bg-brand-light-blue-fade {
    background-color: rgba(131, 182, 204, 0.75);
}

.bg-brand-gray,
.bg-gray {
    background-color: #676767;
    color: #ffffff !important;
}

.bg-faded {
    background-color: #f4f4f4;
}

.bg-dark a,
.bg-dark .entry-meta a,
.bg-dark .entry-title a,
.text-light,
.text-light a,
.text-light .entry-meta a,
.text-light .entry-title a {
    color: #ffffff !important;
}

.bg-light a,
.bg-light .entry-meta a,
.bg-light .entry-summary a,
.text-dark,
.text-dark a,
.text-dark .entry-meta a,
.text-dark .entry-title a {
    color: #292b2c !important;
}

/** Footer **/

.site-footer nav .title {
    font-family: 'Gotham-Bold';
}

.site-footer a {
    color: #292b2c;
}

.site-footer a:hover {
    text-decoration: underline;
}

.site-footer address {
    margin-bottom: 0;
}

.social-navigation {
    margin-left: 0;
}

.social-navigation a {
    display: inline-block;
    margin-right: 10px;
}

.social-navigation a svg {
    max-height: 30px;
    max-width: 30px;
}

.widget-area .widget-column .widget-content {
    line-height: 1.1;
}

/**** CTA ****/

.btn-hover:hover,
.btn-hover:focus {
    background-color: #f57f29;
    color: #fff !important;
}

.btn-hover {
    color: #f57f29;
    transition: all 0.3s;
    position: relative;
    border-color: #ffffff;
    background-color: #fff;
}

.btn-hover span {
    transition: all 0.5s;
}

.btn-hover:hover span {
    letter-spacing: 2px;
}

.btn-hover:hover::before {
    opacity: 1;
    transform: scale(1, 1);
}

.btn-hover:hover::after {
    opacity: 0;
    transform: scale(0.1, 1);
}

.cta h1 {
    font-size: 45px;
}

.welcome,
.wrap,
.site-main,
.site-main.container,
.site-main.container-fluid {
    padding-top: 120px;
}

/*** Form styles ***/

div.gform_wrapper {
    border-color: transparent !important;
}

/* SVG Icons base styles */

.icon {
    display: inline-block;
    fill: currentColor;
    height: 1.3em;
    position: relative;
    /* Align more nicely with capital letters */
    top: -0.0625em;
    vertical-align: middle;
    width: 1.3em;
}

/* Single Posts */

.post-nav a {
    color: #000000;
}

.post img.alignnone,
.post img.size-full {
    max-width: 100% !important;
    height: auto;
    margin-bottom: 30px;
}

/* Posts footer */

.entry-footer {
    border-bottom: 1px solid #eee;
    border-top: 1px solid #eee;
    margin-top: 2em;
    padding: 2em 0;
}

.custom-pagination,
.post-nav-label,
.entry-footer .cat-links,
.entry-footer .tags-links {
    display: block;
    font-size: 11px;
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.1818em;
    padding-left: 2.5em;
    position: relative;
    text-transform: uppercase;
}

.custom-pagination,
.post-nav-label {
    padding-left: 0;
    color: #909090;
    font-size: 0.7rem;
}

.custom-pagination {
    font-size: 0.8rem;
    letter-spacing: 0.07em;
}

.grid .custom-pagination a,
.grid-g .custom-pagination a,
.grid-3 .custom-pagination a {
    color: #c0c0c0;
}

.entry-footer .cat-links+.tags-links {
    margin-top: 1em;
}

.entry-footer .cat-links a,
.entry-footer .tags-links a {
    color: #333;
}

.entry-footer .cat-links .icon,
.entry-footer .tags-links .icon {
    color: #767676;
    left: 0;
    margin-right: 0.5em;
    position: absolute;
    top: 2px;
}

.entry-footer .edit-link {
    display: inline-block;
}

.entry-footer .edit-link a.post-edit-link {
    background-color: #222;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 800;
    margin-top: 2em;
    padding: 0.7em 2em;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    white-space: nowrap;
}

.entry-footer .edit-link a.post-edit-link:hover,
.entry-footer .edit-link a.post-edit-link:focus {
    background-color: #767676;
}

.display-2 {
    font-size: 4rem;
}

.display-3,
.display-4 {
    font-size: 2.5rem;
}

/*** Glossary ***/

.glossary-cat {
    margin-bottom: 5px;
    line-height: 1.3;
}

.glossary-cats {
    color: #cfcfcf;
    margin-top: 15px;
    font-size: 18px;
}

.glossary-cats a {
    color: #cfcfcf;
}

.entry-content .glossary-cats .meta-heading {
    display: none !important;
}

.glossary-entry.grid-item {
    color: #ffffff !important;
    height: auto !important;
    border-radius: 0;
    border: none;
}

.glossary-entry.grid-item a {
    color: #ffffff;
    text-decoration: underline;
}

.glossary-entry.grid-item hr {
    border-top: rgba(255, 255, 255, 0.1);
}

/*
 * admin bar
 *****************************/

.admin-bar #siteNav {
    top: 46px;
}

@media screen and (min-width: 783px) {
    .admin-bar #siteNav {
        top: 0;
    }
}

/*
 * to top
 *****************************/

#toTop {
    border-radius: 0;
    bottom: 0;
    display: none;
    height: auto;
    min-height: 30px;
    position: fixed;
    right: 30px;
    text-align: center;
    text-transform: uppercase;
    width: 58px;
    padding-top: 8px;
    padding-bottom: 8px;
    opacity: 0.9;
    z-index: 10000;
    transition: all 0.2s ease-in-out 0s;
    text-align: center;
    outline: none;
}

#toTop:hover {
    color: #f57f29;
    bottom: 10px;
}

#toTopHover {
    display: block;
    overflow: hidden;
    float: left;
    opacity: 0;
    -moz-opacity: 0;
    filter: alpha(opacity=0);
}

#toTop:active,
#toTop:focus {
    outline: none;
}

#toTop>i {
    display: block;
    margin: 0 auto 1px;
}

@media (min-width: 450px) {
    .team .grid-item {
        height: 500px;
    }
    .grid .grid-item.posts-pagi,
    .grid-3 .grid-item.posts-pagi,
    .grid-g .grid-item.posts-pagi {
        height: 200px
    }
}

@media (min-width: 768px) {
    /*** grids **/
    .grid .grid-item,
    .grid-3 .grid-item,
    .grid-g .grid-item {
        height: 320px;
    }
    .team .grid-item {
        height: 400px;
    }
    .related-posts .grid .grid-item,
    .related-posts .grid-3 .grid-item {
        height: 290px;
    }
    .grid .grid-item.posts-pagi,
    .grid-3 .grid-item.posts-pagi,
    .grid-g .grid-item.posts-pagi {
        height: 200px
    }
    /* fluid 2 columns */
    .grid .grid-item--width2,
    .grid .grid-sizer,
    .grid .grid-item,
    .grid-sizer-g,
    .grid-g .grid-item,
    .grid-g .grid-item--width2 {
        width: 49.25%;
        margin-bottom: 18px;
    }
    .grid-3.services .grid-item,
    .grid-3.services .grid-sizer-3,
    .grid-sizer-3,
    .grid-3 .grid-item {
        width: 50%;
    }
    .grid-item--width3 {
        width: 100%;
    }
    .grid .gutter-sizer-2,
    .grid-g .gutter-sizer-3 {
        width: 1.5%;
    }
    .services .grid-item {
        background-position: left top !important;
        margin-bottom: 0;
    }
    .bg-light {
        background-color: rgba(255, 255, 255, 0.75);
    }
    .bg-dark {
        background-color: rgba(0, 0, 0, 0.75);
        color: #ffffff !important;
    }
}

@media (min-width: 992px) {
    body {
        padding-top: 65px;
    }
    .display-2 {
        font-size: 5.5rem;
    }
    .display-3 {
        font-size: 4.5rem;
    }
    .display-4 {
        font-size: 3.5rem;
    }
    /*** Navbar **/
    .site-nav {
        padding: 0;
        background: none;
    }
    .site-nav .navbar-brand {
        -webkit-transition: 0.5s ease-in-out;
        -moz-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
        position: relative;
        z-index: 99;
    }
    .site-nav.minimize .navbar-brand {
        transform: translateY(-97px);
        box-shadow: none;
        padding-bottom: 0;
    }
    .navbar-brand img {
        max-height: 140px;
    }
    .brand-hr {
        height: 9px;
        background-size: contain;
    }
    .site-nav .collapse {
        height: 65px;
        /*background: #f4f4f4 url("assets/imgs/nav-border.png") repeat-x left bottom;*/
        background: #f4f4f4;
    }
    .site-nav,
    .site-nav .collapse {
        min-height: 0;
    }
    .navbar-collapse {
        padding-top: 0;
        -webkit-transition: 0.5s ease-in-out;
        -moz-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
    }
    .site-nav .navbar-nav {
        padding-top: 12px;
        padding-bottom: 12px;
        -webkit-transition: 0.5s ease-in-out;
        -moz-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
    }
    .site-nav .navbar-nav .nav-link {
        padding: 6px 35px;
        -webkit-transition: 0.5s ease-in-out;
        -moz-transition: 0.5s ease-in-out;
        -o-transition: 0.5s ease-in-out;
        transition: 0.5s ease-in-out;
    }
    .site-nav.minimize .navbar-nav .nav-link {
        transform: scale(0.9, 0.9);
        padding-top: 10px;
    }
    .site-nav.minimize .navbar-collapse {
        transform: translateY(-10px);
        z-index: 0;
    }
    .site-nav.minimize .brand-hr {
        transform: translateY(-10px);
        z-index: 1;
    }
    .brand-hr.shrinking,
    .site-nav.minimize .brand-hr.shrinking,
    .brand-hr.growing {
        z-index: 0;
        opacity: 0;
    }
    .site-nav.minimize .brand-hr.growing {
        z-index: 1;
        opacity: 1;
    }
    /*** grids **/
    .grid .grid-item,
    .grid-3 .grid-item,
    .grid-g .grid-item {
        height: 400px;
    }
    .grid .grid-item.posts-pagi,
    .grid-3 .grid-item.posts-pagi,
    .grid-g .grid-item.posts-pagi {
        height: 200px
    }
    .grid-g .grid-item {
        margin-bottom: 22px;
    }
    .home .grid-item.hero {
        height: 75vh;
    }
    .grid-3.services .grid-item,
    .grid-3.services .grid-sizer-3,
    .grid-sizer-3,
    .grid-3 .grid-item {
        width: 33.333333334%;
    }
    .grid-sizer-g,
    .grid-g .grid-item {
        width: 32.01%;
    }
    .grid-3.services .grid-item.grid-item--width2,
    .grid-3 .grid-item.grid-item--width2 {
        width: 66.6666666667%;
    }
    .grid-g .grid-item--width2 {
        width: 64.02%;
    }
    .grid-g .gutter-sizer-3 {
        width: 2%;
    }
    /* 3 columns */
    .grid-item--width3 {
        width: 100% !important;
    }
    .author .hero,
    .author .grid-item--width3 {
        width: 66.6666666667% !important;
    }
    /** Footer **/
    .widget-area .widget-column .widget-content {
        border-right: 1px solid rgba(255, 255, 255, 0.75);
        width: 100%;
    }
    .widget-area .widget-column:last-child .widget-content {
        border-right: none;
    }
}

@media (min-width: 1200px) {
    /*.site-footer .cta-tag {*/
    /*margin-right: -52px;*/
    /*}*/
    /*** grids **/
    .grid-item {
        height: 375px;
    }
    .grid .grid-item.posts-pagi,
    .grid-3 .grid-item.posts-pagi,
    .grid-g .grid-item.posts-pagi {
        height: 200px
    }
}

@media (min-width: 1500px) {
    .team .grid-item {
        height: 500px;
    }
}

.grid-3 a,
.grid-g a,
.grid a {
    color: #292b2c;
}

.related-posts .grid-item,
.related-posts .grid-item a,
.author-posts .grid-item a,
.author-posts .grid-item {
    color: #ffffff;
}

.author-posts .grid-item .bg-light,
.author-posts .grid-item .bg-light a,
.related-posts .grid-item .bg-light,
.related-posts .grid-item .bg-light a {
    color: #4f4f4f;
}

.author-avatar {
    position: relative;
}

/*** color overrides **/

.btn {
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    padding: 10px 12px;
    border-radius: 3px;
}

.btn-sm {
    padding: 6px 12px;
}

.btn-brand {
    background-color: #f57f29;
    border-color: #f57f29;
    color: #ffffff !important;
}

.btn-brand:hover,
.btn-brand:focus,
.btn-brand:active {
    background-color: #003963;
    border-color: #003963;
}

.btn-brand-outline {
    background-color: transparent;
    border-color: #f57f29;
    border-width: 2px;
    color: #f57f29 !important;
}

.btn-brand-outline:hover,
.btn-brand-outline:focus,
.btn-brand-outline:active {
    background-color: #f57f29;
    color: #ffffff !important;
}

.btn-brand-secondary {
    background-color: #003963;
    border-color: #003963;
    color: #83b6cc;
}

.btn-brand-secondary:hover,
.btn-brand-secondary:focus,
.btn-brand-secondary:active {
    background-color: #83b6cc;
    border-color: #83b6cc;
    color: #003963;
}

.btn-brand-secondary-outline {
    background-color: transparent;
    border-color: #003963;
    border-width: 2px;
    color: #003963;
}

.btn-brand-secondary-outline:hover,
.btn-brand-secondary-outline:focus,
.btn-brand-secondary-outline:active {
    background-color: #003963;
    color: #ffffff !important;
}

.btn-brand-l-green {
    background-color: #b7bf10;
    border-color: #b7bf10;
    color: #ffffff;
}

.btn-brand-l-green:hover,
.btn-brand-l-green:focus,
.btn-brand-l-green:active {
    background-color: #5b792f;
    border-color: #5b792f;
}

.btn-brand-green {
    background-color: #5b792f;
    border-color: #5b792f;
    color: #ffffff;
}

.btn-brand-green:hover,
.btn-brand-green:focus,
.btn-brand-green:active {
    background-color: #40692f;
    border-color: #40692f;
}

.btn-brand-green-outline {
    background-color: transparent;
    border-color: #5b792f;
    border-width: 2px;
    color: #5b792f;
}

.btn-brand-green-outline:hover,
.btn-brand-green-outline:focus,
.btn-brand-green-outline:active {
    background-color: #5b792f;
    border-color: #5b792f;
    color: #ffffff;
}

.btn-brand-l-green-outline {
    background-color: transparent;
    border-color: #b7bf10;
    border-width: 2px;
    font-family: 'Gotham-Med';
    color: #b7bf10;
}

.btn-brand-l-green-outline:hover,
.btn-brand-l-green-outline:focus,
.btn-brand-l-green-outline:active {
    background-color: #b7bf10;
    border-color: #b7bf10;
    color: #ffffff;
}

.text-brand {
    color: #f57f29 !important;
}

.text-brand-secondary {
    color: #003963;
}

.text-brand-l-green {
    color: #b7bf10;
}

.text-brand-green {
    color: #5b792f;
}

.text-brand-l-blue {
    color: #83b6cc;
}

.text-brand-gray {
    color: #676767;
}

.brand-orange a {
    color: #f57f29 !important;
}

.brand-navy-blue a {
    color: #003963 !important;
}

.brand-pea-green a {
    color: #b7bf10 !important;
}

.brand-dark-green a {
    color: #5b792f !important;
}

.brand-light-blue a {
    color: #83b6cc !important;
}

.brand-light-gray a {
    color: #C5CCD0 !important;
}

.brand-ash-gray a {
    color: #848C8B !important;
}

.brand-smoke-gray a {
    color: #5F6369 !important;
}

.author-avatar .color-block,
.grid-item .color-block {
    display: block;
    position: absolute;
}

.color-block.border-left {
    width: 6px;
    height: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    float: left;
}

.color-block.border-right {
    width: 6px;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    float: right;
}

.color-block.border-top {
    height: 6px;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    float: left;
}

.color-block.border-bottom {
    height: 6px;
    width: 100%;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    float: left;
    padding-bottom: 6px;
}

.color-block.border-blue {
    background-color: #003963;
}

.color-block.border-light-blue {
    background-color: #83b6cc;
}

.color-block.border-green {
    background-color: #5b792f;
}

.color-block.border-light-green {
    background-color: #b7bf10;
}

.color-block.border-brand {
    background-color: #f57f29;
}

.bg-home-gray {
    background-color: #292b2c!important;
}

/* 2019 Navigation Styles */
@media screen and (min-width:1px) {
	
	button:focus {
		outline: 1px dotted;
		outline-offset: 3px;
	}

	a:focus, :focus {
		outline: 1px dotted;
		outline-offset: 3px;
	}

	.spotlight-link-home {
		color:#000000;
	}

	.btn.focus, 
	.btn:focus {
		box-shadow: 0 0 0 0.2rem rgba(131, 182, 203, 0.85);
	}

	.navbar-light .navbar-toggler {
		margin-bottom:-8px;
	}

	.hamburger {
		padding: 15px 15px;
		display: inline-block;
		cursor: pointer;
		transition-property: opacity, filter;
		transition-duration: 0.2s;
		transition-timing-function: linear;
		font: inherit;
		color: inherit;
		text-transform: none;
		background-color: transparent;
		border: 0;
		margin: 0;
		overflow: visible; 
	}

	.hamburger.is-active .hamburger-inner,
	.hamburger.is-active .hamburger-inner::before,
	.hamburger.is-active .hamburger-inner::after {
		background-color: #053865; 
	}

	.hamburger-box {
		width: 40px;
		height: 24px;
		display: inline-block;
		position: relative;
		margin-top: 5px;
	}

	.hamburger-inner {
		display: block;
		top: 50%;
		margin-top: -2px; 
	}

	.hamburger-inner, 
	.hamburger-inner::before, 
	.hamburger-inner::after {
		width: 40px;
		height: 4px;
		background-color: #053865;
		border-radius: 0;
		position: absolute;
		transition-property: transform;
		transition-duration: 0.2s;
		transition-timing-function: ease;
	}

	.hamburger-inner::before, 
	.hamburger-inner::after {
		content: "";
		display: block; 
	}

	.hamburger-inner::before {
		top: -10px; 
	}

	.hamburger-inner::after {
		bottom: -10px; 
	}

	.hamburger--3dx .hamburger-box {
		perspective: 80px; 
	}

	.hamburger--3dx .hamburger-inner {
		transition: transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); 
	}

	.hamburger--3dx .hamburger-inner::before, 
	.hamburger--3dx .hamburger-inner::after {
		transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
	}

	.hamburger--3dx.is-active .hamburger-inner {
		background-color: transparent !important;
		transform: rotateY(180deg); 
	}

	.hamburger--3dx.is-active .hamburger-inner::before {
		transform: translate3d(0, 10px, 0) rotate(45deg); 
	}

	.hamburger--3dx.is-active .hamburger-inner::after {
		transform: translate3d(0, -10px, 0) rotate(-45deg); 
	}

	/* New Globals */
	::selection {
		background-color:#cce0eb;
	}

	.gothic-medium {
		font-family: 'Gotham-Medium', sans-serif;
	}

	.z-index-1 {
		z-index:1;
	}

	.homepage .btn {
		transition: all linear 0.2s;
	}

	.homepage .btn:hover {
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
	}

	.btn-white {
		background-color: white;
		border-radius: 0;
		border:none;
		border-color: white;
		color: #003963;
		font-family: 'Gotham-Medium', sans-serif;
		padding: 11px 24px;
		box-shadow: 2px 2px 10px rgba(0, 57, 99, 0.25);
		transition: all linear .3s;
		overflow:hidden;
		position:relative;
		z-index: 0;
	}

	.btn.btn-white:hover {
		box-shadow: 2px 2px 10px rgba(0, 57, 99, 0.5);
	}

	/* 2019 Homepage Styles */
	body {
		padding-top:0;
	}

	.navbar-brand {
		box-shadow: none;
		background-color: white;
		padding: 0;
		margin-left: 0;
	}

	.navbar {
		padding:15px 15px;
	}

	.navbar-brand img {
		width:140px;
	}

	.navbar-light .navbar-nav .nav-link {
		color: rgb(3, 56, 96);
	}

	.nav-link {
		font-family: 'Gotham-bold', sans-serif;
		text-transform: uppercase;
		font-size: .9rem;
		padding-top: 1rem;
		padding-bottom: 1rem;
		background-image:none;
		background-repeat:no-repeat;
		background-position: 18px bottom;
		background-size: 12px;
		transition: background linear 0.1s;
	}

	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: 1.2rem;
		padding-left: 1.2rem;
	}

	.btn-brand-new,
	.btn-products {
		background-color:#003963;
        border-color:#003963;
        color: #ffffff;
		border-radius:0;
		padding: 10px 24px;
    }
    
    .btn-brand-new:hover {
        color: #ffffff;
	}

	.btn-brand-new:hover,
	.btn-products:hover {
		background-color:#f57f29;
        border-color:#f57f29;
        color: #ffffff;
	}

	.btn-white {
		background-color: white;
		border-color: white;
		color:#003963;
		border-radius:0;
		padding: 10px 12px;
	}

	body.homepage {
		background-color:#f9f9f9;
	}

	.homepage-hero-angle {
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		overflow: hidden !important;
		width: 0;
		height: 0;
		margin-right: auto;
		margin-right: auto;
		margin-left: auto;
		border-right: 100vw solid transparent;
		border-bottom: 100px solid #f9f9f9;
	}

	.homepage-hero .container {
		position:relative;
	}

	.homepage-hero .btn-more {
		position:absolute;
		bottom:-110px;
		right:55px;
		width: 75px;
		height: 75px;
		border-radius:0;
		background-color: #f9f9f9;
		color: #003963;
	}

	.homepage-hero .btn-more:hover {
		background-color: #ffffff;
		color: #003963;
		box-shadow: 16px 16px 16px rgba(0, 0, 0, 0.12);
	}

	.homepage-hero h1 {
		font-family: 'Gotham-Bold', sans-serif;
		color: #003963;
		font-size: 2rem;
		line-height:1;
		margin-bottom:4rem;
	}

	.homepage-hero h1 span {
		border-bottom: 4px solid #F57F29;
		padding-bottom: 6px;
	}

	.homepage-hero h2 {
		color: #003963;
		font-family: 'Gotham-Medium', sans-serif;
		margin-bottom: 0;
		font-size: 1.25rem;
	}

	.value-statement {
		padding: 0 0 2rem;
	}

	.value-statement p {
		font-size: 1rem;
		color: #292b2c;
	}

	.micro-hdr {
		display: block;
		font-size: .8rem;
		font-family: 'Gotham-Medium', sans-serif;
		text-transform: uppercase;
		padding-bottom: 0.5rem;
		border-bottom: 1px solid #eaeaea;
		margin-bottom: 1rem;
	}

	.homepage-products {
		padding-left:0;
		padding-right:0;
	}

	.homepage .card {
		border: none;
		border-radius: 0;
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
		transition: all linear 0.2s;
		flex:1;
	}

	.homepage .card:hover {
		text-decoration:none;
		box-shadow: 16px 16px 16px rgba(0, 0, 0, 0.12);
	}

	.homepage .card-body {
		position:relative;
		overflow:hidden;
		padding:2rem 1rem 1rem 1rem;
	}

	.top-rule-bblue-sm {
		width: 100%;
		height: .75rem;
		background-color: #7eb6cc;
		margin-left: -1rem;
		margin-top: -2rem;
		position: absolute;
	}

	.top-rule-orange-sm {
		width: 100%;
		height: .75rem;
		background-color: #f57f29;
		margin-left: -1rem;
		margin-top: -2rem;
		position: absolute;
	}

	.mw-50 {
		max-width:50ch;
	}

	.mw-31 {
		max-width:31ch;
	}

	.card-product-content--copy {
		background-color: white;
	}

	.card-product-content--copy h3 {
		font-family: 'Gotham-Medium', sans-serif;
		color:#003963;
		text-decoration:none;
		font-size: 1.2rem;
	}

	.card-product-content--copy p {
		color: #292b2c;
		text-decoration:none;
	}

	.homepage-marketing-promo-wrapper {
		background-image: url(/wp-content/themes/twentyseventeen-child/assets/imgs/dream-within-a-dream-bg-2.jpg);
		background-position: right;
		background-repeat: no-repeat;
		padding-top:0;
		padding-bottom:2rem;
	}

	.homepage-marketing-promo {
		background-image: url(/wp-content/themes/twentyseventeen-child/assets/imgs/dream-within-a-dream-bg.jpg);
		background-position: top right;
		background-repeat: no-repeat;
		transition: all linear 0.2s;
		box-shadow: 16px 16px 16px rgba(0, 0, 0, 0.12);
		padding: 1.5rem 1.5rem 0 0;
		background-color: #e1e1e1;
		transform: skewY(2.2deg);
	}

	.btn-marketing-promo {
		margin-left: 0;
		z-index: 1;
	}

	.homepage-spotlight-wrapper {
		padding-top:0;
		padding-bottom:0;
		background-color:#ffffff;
		background-position: center;
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 623 343' style='enable-background:new 0 0 623 343;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23F4F4F4;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M33.2,126.2l21.6-25.8c14,11,29.2,16.8,45.4,16.8c10.6,0,16.2-3.6,16.2-9.6v-0.4c0-6-4.6-9-23.8-13.6 c-29.8-6.8-52.8-15.2-52.8-43.8v-0.4c0-26,20.6-44.8,54.2-44.8c23.8,0,42.4,6.4,57.6,18.6l-19.4,27.4 c-12.8-9.2-26.8-13.8-39.2-13.8c-9.4,0-14,3.8-14,9v0.4c0,6.4,4.8,9.2,24.4,13.6c32,7,52,17.4,52,43.6v0.4 c0,28.6-22.6,45.6-56.6,45.6C74,149.4,50.6,141.6,33.2,126.2z'/%3E%3Cpath class='st0' d='M174.2,7h60.2c35.2,0,58,18.2,58,49v0.4c0,33.2-25.4,50.6-60,50.6H213v40h-38.8V7z M231.6,76.6 c13.6,0,22.2-7.4,22.2-18.4v-0.4c0-12-8.6-18.2-22.4-18.2H213v37H231.6z'/%3E%3Cpath class='st0' d='M304.2,77.4V77c0-40.2,32.4-72.8,75.6-72.8C423,4.2,455,36.4,455,76.6V77c0,40.2-32.4,72.8-75.6,72.8 C336.2,149.8,304.2,117.6,304.2,77.4z M415.2,77.4V77c0-20.4-14.4-37.8-35.8-37.8c-21.4,0-35.6,17.2-35.6,37.4V77 c0,20.2,14.6,37.8,36,37.8C401,114.8,415.2,97.6,415.2,77.4z'/%3E%3Cpath class='st0' d='M503.2,41h-41.8V7H584v34h-42v106h-38.8V41z'/%3E%3Cpath class='st0' d='M9,200h38.8v106h67.8v34H9V200z'/%3E%3Cpath class='st0' d='M133.4,200h38.8v140h-38.8V200z'/%3E%3Cpath class='st0' d='M193.2,270.4V270c0-40.8,32-72.8,75.2-72.8c24.6,0,42,7.4,56.8,20.2L302.4,245c-10-8.4-19.8-13.2-33.8-13.2 c-20.2,0-35.8,16.8-35.8,38.2v0.4c0,22.8,15.8,39,38,39c9.6,0,16.8-2,22.4-5.8v-17h-27.4v-28.4H330V321 c-14.8,12.4-35.2,21.8-60.8,21.8C225.6,342.8,193.2,312.8,193.2,270.4z'/%3E%3Cpath class='st0' d='M351.6,200h38.8v52.4h49.8V200H479v140h-38.8v-53.2h-49.8V340h-38.8V200z'/%3E%3Cpath class='st0' d='M538,234h-41.8v-34h122.6v34h-42v106H538V234z'/%3E%3C/g%3E%3C/svg%3E%0A");
		background-size: 300px;
		background-repeat:no-repeat;
	}

	.spotlight {
		color: #292b2c;
		font-size: 1.3rem;
		font-family: 'Gotham-Book', sans-serif;
		padding-top:4rem;
		padding-bottom:4rem;
		margin: 0 auto;
		max-width:35ch;
	}

	.spotlight-title {
		font-size: 1.3rem;
		padding-bottom: 1rem;
		color: #292b2c;
	}

	.spotlight-title:after {
		content: ' ';
		border-bottom: 3px solid #f57f29;
		width: 100px;
		display: block;
		margin: 0 auto;
		padding-top: 1rem;
	}

	.spotlight-link {
		font-family: 'Gotham-book', sans-serif;
		font-size: 1rem;
		text-decoration: none;
		border-bottom: 2px solid #f57f29;
		padding-bottom: 5px;
		color: #003963;
		transition: all linear 0.2s;
	}

	.spotlight-link:hover {
		text-decoration: none;
		border-bottom: 2px solid #003963;
	}

	.accolades-wrapper {
		background-color:#003963;
		padding-top:2rem;
		padding-left: 2rem;
		padding-right: 2rem;
	}

	.accolade-txt {
		color: white;
		font-family: 'Gotham-bold', sans-serif;
		font-size: 2.5rem;
		line-height: 1.2;
		max-width: 13ch;
		padding-bottom:2rem;
		padding-top:2rem;
	}

	.accolades-txt-small {
		font-size:.8rem;
		display:block;
	}

	.accolade-separator {
		width: 3px;
		height: 200px;
		background-color: #ffffff;
		position: absolute;
		right: 0;
	}

	.accolade-bg {
		background-repeat: no-repeat;
		background-size: 90%;
		background-position: center 101%;
		background-color: #003963;
		padding-bottom: 7rem;
	}

	.accolade-bg-1 {
		background-image:url(/wp-content/themes/twentyseventeen-child/assets/imgs/accolades-graphics-01.svg);
	}

	.accolade-bg-2 {
		background-image:url(/wp-content/themes/twentyseventeen-child/assets/imgs/accolades-graphics-02.svg);
	}

	.accolade-bg-3 {
		background-image:url(/wp-content/themes/twentyseventeen-child/assets/imgs/accolades-graphics-03.svg);
	}

	.award-link-text {
		color: #ffffff;
		text-decoration: none;
	}

	.award-link-text:hover {
		color: #ffffff;
		text-decoration: underline;
	}
}

@media screen and (max-width:767px) {
	.mw-100-sm {
		max-width:100%!important;
	}

	.navbar-collapse {
		top: 88px!important;
	}
}

@media screen and (min-width:768px) {
	.navbar-brand img {
		width:175px;
		height: auto;
	}

	.nav-link {
		font-family: 'Gotham-bold', sans-serif;
		text-transform: uppercase;
		font-size: .9rem;
		padding-top: 1rem;
		padding-bottom: 1rem;
		background-image:none;
		background-repeat:no-repeat;
		background-position: 18px bottom;
		background-size: 12px;
		transition: background linear 0.1s;
	}

	.navbar-expand-lg .navbar-nav .nav-link {
		padding-right: 1.2rem;
		padding-left: 1.2rem;
	}

	.navbar {
		padding:1rem 15px;
	}

	body.homepage {
		background-color:#f9f9f9;
	}

	.homepage-hero-angle {
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		overflow: hidden !important;
		width: 0;
		height: 0;
		margin-right: auto;
		margin-right: auto;
		margin-left: auto;
		border-right: 100vw solid transparent;
		border-bottom: 100px solid #f9f9f9;
	}

	.homepage-hero .container {
		position:relative;
	}

	.homepage-hero .btn-more {
		position:absolute;
		bottom:-125px;
		right:55px;
		width:100px;
		height:100px;
		border-radius:0;
		background-color: #f9f9f9;
		color: #003963;
	}

	.homepage-hero .btn-more:hover {
		background-color: #ffffff;
		color: #003963;
		box-shadow: 16px 16px 16px rgba(0, 0, 0, 0.12);
	}

	.homepage-hero h1 {
		font-family: 'Gotham-Bold', sans-serif;
		color: #003963;
		font-size: 3rem;
		line-height:1;
		margin-bottom:4rem;
	}

	.homepage-hero h1 span {
		border-bottom: 8px solid #F57F29;
		padding-bottom: 6px;
	}

	.homepage-hero h2 {
		color: #003963;
		font-family: 'Gotham-Medium', sans-serif;
		margin-bottom: 0;
		font-size: 1.75rem;
	}

	.value-statement {
		padding: 2rem 0 6rem;
	}

	.value-statement p {
		font-size: 1.4rem;
		color: #292b2c;
	}

	.micro-hdr {
		display: block;
		font-size: .8rem;
		font-family: 'Gotham-Medium', sans-serif;
		text-transform: uppercase;
		padding-bottom: 0.5rem;
		border-bottom: 1px solid #eaeaea;
		margin-bottom: 1rem;
	}

	.homepage-products {
		padding-left:2rem;
		padding-right:2rem;
	}

	.homepage .card {
		border: none;
		border-radius: 0;
		box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
		transition: all linear 0.2s;
		flex:1;
	}

	.homepage .card:hover {
		text-decoration:none;
		box-shadow: 16px 16px 16px rgba(0, 0, 0, 0.12);
	}

	.homepage .card-body {
		position:relative;
		overflow:hidden;
		padding:2rem;
		padding-bottom:1.5rem;
		padding-right:0;
	}

	.left-rule-orange {
		width: .75rem;
		height: 10000px;
		background-color: #f57f29;
		margin-left: -2rem;
		margin-top: -2rem;
		position: absolute;
	}

	.top-rule-bblue {
		width: 100%;
		height: .75rem;
		background-color: #7eb6cc;
		margin-left: -2rem;
		margin-top: -2rem;
		position: absolute;
	}

	.mw-50 {
		max-width:50ch;
	}

	.mw-31 {
		max-width:31ch;
	}

	.card-product-content--copy {
		background-color: white;
	}

	.card-product-content--copy h3 {
		font-family: 'Gotham-Medium', sans-serif;
		color:#003963;
		text-decoration:none;
	}

	.card-product-content--copy p {
		color: #292b2c;
		text-decoration:none;
	}

	.btn-marketing-promo {
		margin-left: -7rem;
		z-index: 1;
	}

	.homepage-spotlight-wrapper {
		padding-top:4rem;
		padding-bottom:4rem;
		background-color:#ffffff;
		background-position: center;
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 623 343' style='enable-background:new 0 0 623 343;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23F4F4F4;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M33.2,126.2l21.6-25.8c14,11,29.2,16.8,45.4,16.8c10.6,0,16.2-3.6,16.2-9.6v-0.4c0-6-4.6-9-23.8-13.6 c-29.8-6.8-52.8-15.2-52.8-43.8v-0.4c0-26,20.6-44.8,54.2-44.8c23.8,0,42.4,6.4,57.6,18.6l-19.4,27.4 c-12.8-9.2-26.8-13.8-39.2-13.8c-9.4,0-14,3.8-14,9v0.4c0,6.4,4.8,9.2,24.4,13.6c32,7,52,17.4,52,43.6v0.4 c0,28.6-22.6,45.6-56.6,45.6C74,149.4,50.6,141.6,33.2,126.2z'/%3E%3Cpath class='st0' d='M174.2,7h60.2c35.2,0,58,18.2,58,49v0.4c0,33.2-25.4,50.6-60,50.6H213v40h-38.8V7z M231.6,76.6 c13.6,0,22.2-7.4,22.2-18.4v-0.4c0-12-8.6-18.2-22.4-18.2H213v37H231.6z'/%3E%3Cpath class='st0' d='M304.2,77.4V77c0-40.2,32.4-72.8,75.6-72.8C423,4.2,455,36.4,455,76.6V77c0,40.2-32.4,72.8-75.6,72.8 C336.2,149.8,304.2,117.6,304.2,77.4z M415.2,77.4V77c0-20.4-14.4-37.8-35.8-37.8c-21.4,0-35.6,17.2-35.6,37.4V77 c0,20.2,14.6,37.8,36,37.8C401,114.8,415.2,97.6,415.2,77.4z'/%3E%3Cpath class='st0' d='M503.2,41h-41.8V7H584v34h-42v106h-38.8V41z'/%3E%3Cpath class='st0' d='M9,200h38.8v106h67.8v34H9V200z'/%3E%3Cpath class='st0' d='M133.4,200h38.8v140h-38.8V200z'/%3E%3Cpath class='st0' d='M193.2,270.4V270c0-40.8,32-72.8,75.2-72.8c24.6,0,42,7.4,56.8,20.2L302.4,245c-10-8.4-19.8-13.2-33.8-13.2 c-20.2,0-35.8,16.8-35.8,38.2v0.4c0,22.8,15.8,39,38,39c9.6,0,16.8-2,22.4-5.8v-17h-27.4v-28.4H330V321 c-14.8,12.4-35.2,21.8-60.8,21.8C225.6,342.8,193.2,312.8,193.2,270.4z'/%3E%3Cpath class='st0' d='M351.6,200h38.8v52.4h49.8V200H479v140h-38.8v-53.2h-49.8V340h-38.8V200z'/%3E%3Cpath class='st0' d='M538,234h-41.8v-34h122.6v34h-42v106H538V234z'/%3E%3C/g%3E%3C/svg%3E%0A");
		background-size: 700px;
		background-repeat:no-repeat;
	}

	.spotlight {
		color: #292b2c;
		font-size: 1.3rem;
		font-family: 'Gotham-Book', sans-serif;
		padding-top:6rem;
		padding-bottom:6rem;
		margin: 0 auto;
		max-width:35ch;
	}

	.spotlight-title {
		font-size: 1.3rem;
		padding-bottom: 1rem;
		color: #292b2c;
	}

	.spotlight-title:after {
		content: ' ';
		border-bottom: 3px solid #f57f29;
		width: 100px;
		display: block;
		margin: 0 auto;
		padding-top: 1rem;
	}

	.spotlight-link {
		font-family: 'Gotham-book', sans-serif;
		font-size: 1rem;
		text-decoration: none;
		border-bottom: 2px solid #f57f29;
		padding-bottom: 5px;
		color: #003963;
		transition: all linear 0.2s;
	}

	.spotlight-link:hover {
		text-decoration: none;
		border-bottom: 2px solid #003963;
	}

	.accolades-wrapper {
		background-color:#003963;
		padding-top:5rem;
		padding-left: 2rem;
		padding-right: 2rem;
	}

	.accolade-txt {
		color: white;
		font-family: 'Gotham-bold', sans-serif;
		font-size: 2.5rem;
		line-height: 1.2;
		max-width: 13ch;
		padding-bottom:2rem;
		padding-top:2rem;
	}

	.accolades-txt-small {
		font-size:.8rem;
		display:block;
	}

	.accolade-separator {
		width: 3px;
		height: 200px;
		background-color: #ffffff;
		position: absolute;
		right: 0;
	}

	.accolade-bg {
		background-repeat: no-repeat;
		background-size: 90%;
		background-position: center 101%;
		background-color: #003963;
		padding-bottom: 7rem;
	}

	.accolade-bg-1 {
		background-image:url(/wp-content/themes/twentyseventeen-child/assets/imgs/accolades-graphics-01.svg);
	}

	.accolade-bg-2 {
		background-image:url(/wp-content/themes/twentyseventeen-child/assets/imgs/accolades-graphics-02.svg);
	}

	.accolade-bg-3 {
		background-image:url(/wp-content/themes/twentyseventeen-child/assets/imgs/accolades-graphics-03.svg);
	}

}

@media screen and (min-width:768px) and (max-width:991px) {
	.mw-sm-31 {
		max-width:31ch;
	}

	.value-statement {
		padding: 0 0 3rem;
	}

	.homepage-marketing-promo-wrapper {
		padding-top: 3rem;
		padding-bottom: 6rem;
	}

	.homepage-marketing-promo {
		transform:none;
	}
	.btn-marketing-promo {
		margin-left: -11rem;
	}

}

@media screen and (max-width:991px) {
	.navbar-collapse {
		position: absolute;
		width: 100%;
		background-color: #83b6cb;
		z-index: 9999999;
		top: 103px;
		margin-left: -15px;
		padding-top: 0px;
		box-shadow: 16px 16px 16px rgba(0, 0, 0, 0.12);
	}

	.navbar-light .navbar-nav .nav-link:focus, 
	.navbar-light .navbar-nav .nav-link:hover {
		color: #053963;
		background-color: #8cbfd4;
	}

	.navbar-expand-lg .navbar-nav .nav-item {
		border-bottom: 1px solid #053963;
		margin-left: 1rem;
		margin-right: 1rem;
		color: #053963;
	}

	.navbar-expand-lg .navbar-nav .nav-item:last-child {
		border-bottom:0;
	}

}
@media screen and (min-width:992px) {
	.navbar {
		padding: 1.5rem 15px;
	}

	.nav-link:hover,
	.nav-link:focus  {
		background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 23.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 20 20' style='enable-background:new 0 0 20 20;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23003963;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='0,0 20,0 20,20 '/%3E%3C/svg%3E%0A");    	background-repeat:no-repeat;
		background-position: 22px bottom;
		background-size: 12px;
	}
}

@media screen and (max-width:1199px) {
	.nav-container {
		max-width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
}

@media screen and (min-width:1200px) {
	.navbar-brand {
		padding-right:3rem;
	}
}

@media screen and (min-width:1300px) {
	.homepage-products {
		padding-left:5rem;
		padding-right:5rem;
	}

	.accolades-wrapper {
		padding-left: 5rem;
		padding-right: 5rem;
	}
}

@media screen and (min-width:1650px) {
	.homepage .card-body {
		padding:6rem;
		padding-right: 0;
	}

	.left-rule-orange {
		margin-left: -6rem;
		margin-top: -6rem;
	}

	.top-rule-bblue {
		margin-left: -6rem;
		margin-top: -6rem;
	}

	.card-product-content--copy h3 {
		font-size:3rem;
		font-family: 'Gotham-bold', sans-serif;
	}

	.card-product-content img {
		width:275px;
	}

	.mw-40 {
		max-width:40ch;
	}

	.accolades-wrapper {
		padding-top:8rem;
	}

	.accolade-bg {
		padding-bottom:8rem;
		background-size:85%;
	}

	.accolade-txt {
		font-size: 3rem;
		line-height: 1.2;
	}

	.accolade-separator {
		height: 275px;
	}
}