/*variables*/
:root {
    /*colors*/
	--napaBlue: #001489;
    --napaNavy: #050C57;
    --napaYellow: #ffc836;
    --napaLightGray: #F7F7F5;
    --napaGray: #DADAD9;
    /*tab width and height*/
    --tabHeight: 20px;
    --tabWidth: 40px;
} 
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'napa-sans-condensed';
}
footer.site-footer {
    margin-top: 90px;
}
.site-footer .nav > li {
    margin-right: 0px;
}
.grecaptcha-badge {
    display: none;
    visibility: hidden;
}
p.captchaDisclaimer {
    font-size: 11px;
    font-family: 'napa-sans-condensed';
}
.spamDisclaimer {
    font-family: 'napa-sans-condensed';
    color: #b40000;
    font-size: 14px;
}
main#page-not-found h2 {
    text-align: center;
}
.header-container {
    padding: 0 15px;
}
#menu-main-menu-2 li.menu-item {
    list-style: none;
    margin: 0 3px;
	text-align: right;
}
.logo {
    justify-content: center;
    align-content: center;
    display: flex;
    height: 100px;
}
.footer-logo {
    text-align: center;
}
#menu-main-menu-2 li a {
    font-size: 15px;
    margin-right: 10px;
}
#menu-footer-menu {
    margin: 0;
    text-align: right;
}
#footer-container .footer-nav li a {
	text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    letter-spacing: 1px;
    transition: color .3s;
    margin: 0;
    padding: 0;
    color: #fff;
    font-family: 'napa-sans-condensed';
}
#footer-container .footer-nav li a:hover {
	color: #ffc836;
}
.bold {
    font-weight: bold;
}
.italic {
    font-style: italic;
}
.underline {
    text-decoration: underline;
}
.caps {
    text-transform: uppercase;
}
.left {
    text-align: left;
}
.center {
    text-align: center;
}
.right {
    text-align: right;
}
.justify {
    text-align: justify;
}
.white {
    color: #ffffff;
}
.black {
    color: #000000;
}
.hidden {
    overflow: hidden;
}
.noMargin {
    margin: 0;
}
.noPadding {
    padding: 0;
}
.null {
    
}
#post-1372 .tribe-events-event-image {
    display: none;
}
#post-1372 .flyerContainer img {
    max-width: 200px;
    margin-bottom: 20px;
}
#promo-container .promoContainer img {
  border: 1px solid #000000;
  margin-bottom: 20px;
}
.black900 {
    font-weight: 900;
}
h1 {
    font-size: 60px;
    font-weight: 900;
    font-family: 'napa-sans-condensed';
    text-transform: uppercase;
    color: var(--napaNavy);
    line-height: 1;
}
h2 {
    font-size: 38px;
    font-weight: 900;
    font-family: 'napa-sans-condensed';
    color: var(--napaNavy);
    text-transform: uppercase;
}
h3 {
    font-size: 35px;
    font-weight: 400;
    font-family: 'napa-sans-condensed';
    color: var(--napaNavy);
    text-transform: uppercase;
}
h4 {
    font-size: 18px;
    font-weight: 800;
    font-family: 'napa-sans-condensed';
    color: var(--napaNavy);
    text-transform: uppercase;
}
p, ul, ol {
    font-size: 16px;
}
#menu.nav-menu a {
    font-family: 'napa-sans-condensed';
}
.yellowDashedHr, .navyDashedHr {
    display: inline-block;
    align-self: center;
}
.yellowDashedHr::after, .navyDashedHr::after {
    content: "";
    display: block;
    margin: 0 auto;
    width: 70%;
    border-bottom: 3px solid transparent;
    margin-top: 3%;
    margin-bottom: 3%;
}
.yellowDashedHr::after {
    border-image: url('/wp-content/uploads/2022/07/yellow-dashed-line.png') 6 round;
}
.navyDashedHr::after {
    border-image: url('/wp-content/uploads/2022/07/navy-dashed-line.png') 6 round;
}
#home-banner h4 {
    color: #ffffff;
}
#home-banner h4 a {
    color: var(--napaNavy);
	display: inline-block;
}
.home #home-banner {
    margin-top: 50px;
}
.site-btn {
    padding: 10px 34px;
    background-color: #ffffff;
    border: 2px solid var(--napaBlue);
    color: var(--napaNavy);
    font-size: 18px;
    font-weight: 800;
	display: inline-block;
}
.site-btn:hover,
.site-btn:focus {
    text-decoration: none;
    cursor: pointer;
    background-color: var(--napaYellow);
    color: var(--napaNavy);
}
.site-btn:focus {
    color: var(--napaNavy);
    outline: 3px solid var(--napaBlue);
    border: none;
}
.site-btn:visited {
    color: var(--napaNavy);
}
.ctaContainer {
    margin-bottom: 25px;
}
.section-content {
    padding-bottom: 10px;
}
#about-timeline .section-content {
    padding-bottom: 100px;
}
section.blogHeader::before {
    content: '';
    background-color: var(--napaYellow);
    height: var(--tabHeight);
    width: var(--tabWidth);
    position: absolute;
    z-index: 2;
    transform: translate(0px, 30px);
}
#blog-banner::before, 
#about-banner::before, 
#contact-banner::before,
#careers-banner::before,
#shop-banner::before,
#thank-you-banner::before,
#register-banner::before,
#rebates-banner::before {
    content: ' ';
    position: absolute;
    z-index: 1;
    height: var(--tabHeight);
    width: var(--tabWidth);
    top: 100px;
    left: 0;
    background-color: #ffffff;
}
#contact-banner .section-content.row,
#blog-banner .section-content.row,
#about-banner .section-content.row,
#careers-banner .section-content.row,
#promo-banner .section-content.row,
#shop-banner .section-content.row,
#thank-you-banner .section-content.row,
#register-banner .section-content.row,
#rebates-banner .section-content.row {
    padding-bottom: 40px;
    padding-top: 40px;
    margin-top: 50px;
}
#promo-banner .section-content.row {
    padding-bottom: 0px;
}
#blog-share .section-content.row {
    padding-top: 0px;
}
a.no-border {
    font-family: 'napa-sans-condensed';
    font-size: 16px;
    font-weight: 800;
}
.navyBox {
    text-align: center;
    background-color: var(--napaNavy);
}
.grayBoxContainer {
    position: relative;
    padding-bottom: 30px;
}
.grayBoxContents p {
    font-family: 'open-sans';
    color: var(--napaNavy);
    margin-bottom: 45px;
}
.grayBox {
    background-color: var(--napaLightGray);
    position: absolute;
    top: -35px;
    width: 100%;
    height: 120%;
    z-index: -1;
}
}
.grayBoxContents {
    padding: 24px 15px 35px;
}
.navyBox h2 {
    margin-top: 0px;
    margin-bottom: 0px;
    color: #ffffff;
}
#home-banner span {
    display: block;
    line-height: .75;
    color:var(--napaNavy);
}
#home-banner h4 {
    font-weight: 400;
    font-size: 12px;
    position: relative;
}
#home-banner h4 span {
    font-size: 16px;
}
#home-banner h4.caps.bold.right {
    padding-right: 35px;
}
#home-banner h4.caps.bold.left {
    padding-left: 35px;
}
#home-banner h1 {
    font-size: 52px;
    text-align: center;
    color: #ffffff;
    line-height: .9;
}
#home-banner h1 span {
    font-size: 67px;
}
#home-banner h4 span {
    font-weight: 700;
}
#home-banner h4.caps.bold.right::after {
    content: '';
    background-color: #ffffff;
    width: 25px;
    height: 16px;
    position: absolute;
    right: 0;
    top: 0;
}
#home-banner h4.caps.bold.left::before {
    content: '';
    background-color: #ffffff;
    width: 25px;
    height: 16px;
    position: absolute;
    left: 0;
}
#home-banner .section-content {
    padding: 70px 0 20px 0;
}
.ctaLink {
    color: var(--napaNavy);
    text-decoration: none;
}
.ctaLink:hover,
.ctaLink:focus {
    text-decoration: none;
    color: var(--napaBlue);
}
.ctaLink:focus {
    color: var(--napaBlue);
}
.ctaContainer {
    box-shadow: rgb(112 112 112 / 35%) 5px 5px 11px 0px, rgb(0 0 0 / 11%) 2px 2px 4px 1px;
    height: 185px;
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
}
.ctaContainer:hover,
.ctaContainer:focus {
    background-color: var(--napaLightGray);
}
.ctaContainer:active {
    box-shadow: rgb(112 112 112 / 35%) 0px 0px 3px 0px, rgb(0 0 0 / 14%) 2px 2px 4px 1px;
}
.grayRow {
    background-color: var(--napaLightGray);
    padding: 10;
    padding: 50px 25px;
    box-shadow: #ddd 0px 3px 6px;
}
#creditModal .modal-dialog {
    max-width: 800px;
}
.reachOutParagraphs p {
    text-align: center;
    margin-bottom: 0;
    color: var(--napaBlue);
    font-weight: 400;
    line-height: 1;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    font-family: 'napa-sans-condensed';
}
.reachOutParagraphs {
    margin-bottom: 50px;
}
#home-banner .yellowDashedHr {
    padding: 20px;
}
.grayRow input.wpcf7-text,
.grayRow textarea.wpcf7-textarea,
.grayRow select,
.grayRow input[type="text"],
.grayRow input[type="date"] {
    border: solid var(--napaYellow) 2px;
    background-color: #ffffff;
    padding: 10px;
    margin: 10px 0;
    width: 100%;
	font-size: 14px !important;
    color: var(--napaBlue) !important;
    font-family: 'napa-sans-condensed' !important;
    font-weight: 400 !important;
}
::-webkit-input-placeholder {
	font-size: 14px !important;
    color: var(--napaBlue) !important;
    font-family: 'napa-sans-condensed' !important;
    font-weight: 400 !important;
    opacity: 1;
}
:-moz-placeholder {
    font-size: 14px !important;
    color: var(--napaBlue) !important;
    font-family: 'napa-sans-condensed' !important;
    font-weight: 400 !important;
    opacity: 1;
}
::-moz-placeholder {
    font-size: 14px !important;
    color: var(--napaBlue) !important;
    font-family: 'napa-sans-condensed' !important;
    font-weight: 400 !important;
    opacity: 1;
}
:-ms-input-placeholder {
    font-size: 14px !important;
    color: var(--napaBlue) !important;
    font-family: 'napa-sans-condensed' !important;
    font-weight: 400 !important;
    opacity: 1;
}
.formSpacer {
    height: 30px;
}
.grayRow input.wpcf7-text,
.grayRow select,
.grayRow input[type="text"],
.grayRow input[type="date"] {
    height: 50px;
}
.grayRow input.wpcf7-submit, #creditModal a, .credit-upload-container .wpcf7-form .wpcf7-submit {
    border: solid var(--napaBlue) 2px;
    background-color: #ffffff;
    font-family: 'napa-sans-condensed';
    letter-spacing: 0;
    color: var(--napaBlue);
    font-weight: 800;
    font-size: 18px;
    padding: 11px 50px;
    text-transform: none;
	display: inline-block;
}
.grayRow input.wpcf7-submit:hover,
.grayRow input.wpcf7-submit:focus,
#creditModal a:hover,
#creditModal a:focus,
.credit-upload-container .wpcf7-form .wpcf7-submit:hover,
.credit-upload-container .wpcf7-form .wpcf7-submit:focus {
    background-color: var(--napaYellow);
}
.credit-upload-container {
    margin-top: 20px;
}
.credit-upload-container p {
    margin: 0;
}
.credit-upload-container input {
    margin-bottom: 20px;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    border: none;
    text-align: center;
    color: #dc3232;
}
.row.grayRow {
    padding: 25px 0 25px;
}
#about-banner h4,
#blog-banner h4,
#contact-banner h4,
#shop-banner h4,
#thank-you-banner h4,
#register-banner h4,
#rebates-banner h4 {
    font-weight: 400;
    font-size: 16px;
    margin-top: 15px;
}
.storyContainer {
    box-shadow: rgba(0,0,0,.12) 3px 3px 10px 2px;
    background-color:#ffffff;
}
.storyContents {
    margin: 31px 30px 60px 30px;
}
.yearContainer {
    background-color: var(--napaLightGray);
}
.storyRow .col-12.col-sm-12.col-md-4.col-lg-4 {
    display: flex;
    margin-bottom: 20px;
}
.storyContainer p {
    margin-bottom: 50px;
    font-family: 'open-sans';
}
.storyContainer div > * {
    color: var(--napaBlue);
}
.yearContainer h2 {
    margin: 0;
    text-align: center;
}
.ourStory h2 {
    text-align: center;
}
.storyContainer::before {
    content: ' ';
    height: 100px;
    width: 100%;
    background-color: var(--napaYellow);
    position: absolute;
    left: 0px;
    top: 30%;
    z-index: -1;
}
.ourStory h2.caps {
    padding: 35px;
}
.regCopy {
    margin-bottom: 30px;
}
.regCopy h4 {
    text-align: center;
}
.regCopy h4:last-child {
    color: var(--napaYellow);
}
.regForm .wpcf7-form .wpcf7-select,
.regForm .wpcf7-form input.wpcf7-text,
.regForm .wpcf7-form input.wpcf7-number,
.regForm .wpcf7-form input.wpcf7-date,
.regForm .wpcf7-form input.wpcf7-quiz,
.regForm .wpcf7-form .wpcf7-textarea {
    background-color: #ffffff;
    font-size: 14px;
    border: 1px solid var(--napaBlue);
    color: var(--napaBlue);
    letter-spacing: normal;
}
.wpcf7-form .wpcf7-submit {
    border: 1px solid var(--napaBlue);
    background-color: #ffffff;
    font-family: 'napa-sans-condensed';
    letter-spacing: 0;
    color: var(--napaBlue);
    font-weight: 400;
    font-size: 14px;
    padding: 11px 50px;
    text-transform: none;
    transition: .5s;
}
.wpcf7-form .wpcf7-submit:hover,
.wpcf7-form .wpcf7-submit:focus {
    background: var(--napaYellow);
}
#about-timeline .section-content.row {
    z-index: 1;
}
#about-to-our-customers h2 {
    font-weight: 400;
    text-align: center;
}
#about-to-our-customers p {
    font-family: 'open-sans';
    text-align: center;
    color: var(--napaNavy);
}
#about-to-our-customers h4 {
    font-weight: 400;
    font-size: 24px;
    text-align: center;
}
#about-to-our-customers img {
    margin-bottom: 30px;
}
#ourCustomers1 {
    width: 0;
}
#careers-banner h1 {
    font-size: 70px;
    text-align: center;
    padding-top: 50px;
}
#careers-banner h1 span {
    font-weight: 400;
}
#careers-banner p, #careers-banner ul {
    font-family: 'open-sans';
}
#careersImg1, #careersImg3 {
    width: 0px;
}
.mailerContainer h4 {
    text-align: left;
    color: var(--napaBlue);
    margin-top: 10px;
    margin-bottom: 20px;
}
.mailerContainer .wpcf7-form input.wpcf7-text.wpcf7-email {
    border: 2px solid var(--napaYellow);
    height: 38px;
    margin: 0;
    color: var(--napaBlue);
    font-weight: 800;
    background-color: #ffffff;
    padding-left: 10px;
}
.mailerContainer input.wpcf7-form-control.wpcf7-submit {
    border: 2px solid var(--napaBlue);
    font-family: 'napa-sans-condensed';
    letter-spacing: 0;
    color: var(--napaNavy);
    font-size: 15px;
    padding: 5px 20px;
    text-transform: none;
    margin-top: 0;
    margin-left: 10px;
    background-color: #ffffff;
}
.mailerContainer input.wpcf7-form-control.wpcf7-submit:hover,
.mailerContainer input.wpcf7-form-control.wpcf7-submit:focus {
    background-color: var(--napaYellow);
}
.mailerContainer {
    background-color: #ffffff;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 0px;
    box-shadow: rgb(0 0 0 / 16%) 0px 3px 6px;
}
.mailForm {
    display: flex;
    align-items: center;
    justify-content: center;
}
.mailForm span.wpcf7-spinner {
    margin: 5px;
}
#blog-main .wpcf7-form-control-wrap {
    position: relative;
    flex: 1;
}
#blog-main .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    border: none;
}
.wpcf7 .ajax-loader {
    width: 0px;
    height: 0px;
    display: none;
}
input.wpcf7-form-control[type="file"] {
    border: solid var(--napaYellow) 2px;
    background-color: #ffffff;
    padding: 15px;
}
/*wpsp*/
a.wpsp-li-button:hover,
a.wpsp-li-button:focus {
    text-decoration: none;
}
.wpsp-love-icon:hover::before,
.wpsp-love-icon:focus::before{
    content: "\f004";
}
span.wpsp-li-wrapper {
    display: flex;
    align-self: flex-end;
}
.wpsp-social.wpsp-social-right {
    display: flex;
    align-self: flex-end;
    flex: 1;
}
#menu-main-menu-2 {
    text-align: center;
    margin: 20px 0px 5px;
}
.socialIcons i {
    color: #ffffff;
    font-size: 20px;
}
.socialIcons i:hover, .socialIcons i:focus {
    color: var(--napaYellow);
}
.socialIcons {
    text-align: right;
    margin-bottom: 20px;
    margin-right: 4px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
}
.socialIcons img {
    width: 17px;
    margin-top: 2px;
}
.socialIcons a:not(:last-child) {
    margin-right: 10px;
}
#menu-main-menu-2 a {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 800;
    transition: color .3s;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email::placeholder {
    font-size: 14px;
    font-weight: 400;
}
/*blog*/
.blogTitle, .postedDate {
    margin: 30px 0px 30px 50px;
}
.blogTitle > * {
    line-height: 1;
}
.blogTitle h3, .postedDate {
    color: var(--napaYellow);
    font-size: 40px;
}
.blogContent {
    font-family: 'open-sans';
    color: var(--napaNavy);
    font-size: 18px;
}
.blogContent strong {
    color: var(--napaBlue);
    font-family: 'napa-sans-condensed';
    font-weight: 800;
    font-size: 20px;
    line-height: 1;
}
.blogContent ul {
    color: var(--napaBlue);
}
.blogContent a {
    font-weight: bold;
    color: var(--napaYellow);
}
ul.icons li {
    list-style: none;
    display: inline-block;
    margin: 0px 10px;
}
.icons li a {
    color: var(--napaBlue);
}
.blogContentContainer hr {
    border: solid var(--napaBlue);
    border-width: 1px;
}
a.blogButton {
    text-decoration: none;
    color: white;
    background-color: var(--napaNavy);
    padding: 10px 10px;
    transition: background-color .3s;
}
a.blogButton:hover,
a.blogButton:focus {
    background-color: var(--napaYellow);
}
.blogContentContainer {
    margin-bottom: 50px;
}
.blogHeader {
    margin-top: 50px;
}
.locationHeading > * {
    color: var(--napaBlue);
    text-align: center;
}
.locationHeading p {
    font-family: 'open-sans';
}
.grayTeam {
    background-color: var(--napaLightGray);
    padding: 10px 10px 0px;
}
.grayTeam::before {
    content: ' ';
    height: 0px;
    width: 100%;
    position: absolute;
    background-color: #ffffff;
    left: 0;
    bottom: 0;
}
.grayTeam h2 {
    color: var(--napaBlue);
    text-align: center;
    font-weight: 400;
}
.grayTeam p {
    font-family: 'open-sans';
    color: var(--napaNavy);
    text-align: center;
}
/*Store Locator*/
div#wpsl-wrap {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
}
.searchAndResults {
    display: flex;
    position: relative;
    z-index: 1;
    flex-direction: column;
    height: 450px;
    background-color: #ffffff;
}
.searchAndResults, #wpsl-result-list, #wpsl-direction-details{
        width: 100%;
    	padding-left: 10px;
}
#wpsl-stores li * {
    font-size: 14px;
}
#wpsl-stores.customStoreList, #wpsl-direction-details.customDirectionDetails {
    max-height: 350px !important;
    height: auto !important;
}
div#wpsl-gmap {
    width: 100%;
    height: 330px !important;
    margin-bottom: 0;
}
.wpsl-search-btn-wrap {
    display: none;
}
#wpsl-search-wrap .wpsl-input, #wpsl-search-wrap .wpsl-select-wrap {
    display: flex;
    width: 100%;
}
.wpsl-input {
    height:60px;
    border: none;
    box-shadow: none;
}
#wpsl-search-wrap .wpsl-input input {
    display: flex;
    flex-grow: 1;
}
#wpsl-search-btn, #wpsl-search-wrap input {
    border: none;
    box-shadow: none;
    width: calc(100% - 42px);
   	height: 60px;
}
#wpsl-search-btn, #wpsl-search-wrap div {
    margin: 0px;
}
#wpsl-result-list, #wpsl-direction-details {
    background-color: #ffffff;
    color: var(--napaBlue);
}
.wpsl-search.wpsl-clearfix.wpsl-no-filters {
    margin-bottom: 0px;
    background: #ffffff;
}
#wpsl-search-input:focus {
   	background-color: #ffffff;
    border: solid rgb(0 84 166 / 27%) 2px;
}
input#wpsl-search-input {
    color: var(--napaBlue);
    font-weight: 500;
    font-family: 'napa-sans-condensed';
}
span.wpsl-street {
    line-height: .75;
    margin-top: 10px;
}
#wpsl-search-wrap div label {
    width:0px;
}
.wpsl-input label {
    visibility: hidden;
}
#contact-store-locator i.fas.fa-map-marker-alt {
    padding: 20px 8px;
}
#wpsl-stores a.wpsl-directions {
    background-color: var(--napaBlue);
    padding: .5% 10%;
    color: #ffffff;
    font-family: 'napa-sans-condensed';
    font-weight: 500;
    transition: .3s;
    text-decoration: none;
}
#wpsl-stores a.wpsl-directions:hover
#wpsl-stores a.wpsl-directions:focus {
    background-color: var(--napaYellow);
    color: #ffffff;
}
.wpsl-input, .wpsl-no-filters #wpsl-search-wrap .wpsl-input {
    min-width: 100% !important;
}
.gmnoprint.gm-bundled-control {
    left: calc(100vw - 60px) !important;
    top: calc(0vh + 50px) !important;
}
div#wpsl-direction-details {
	width: 100%;
}
input#wpsl-search-input {
    font-family: 'napa-sans-condensed';
    color: var(--napaBlue);
}
.grayTeam .img2, .grayTeam .img3 {
    width: 0;
}
.promoRow {
    text-align: center;
}
.promoContainer {
	padding: 10px;
	background-color: white;
	box-shadow: #ddd 0px 3px 6px;
	margin: 25px;
	position: relative;
	z-index: 99;
	display: inline-block;
}
.promoContainer:active {
    box-shadow: #ccc 0px 0px 3px;
}
.promosHeading h2 {
    color: var(--napaBlue);
}
.promosHeading p {
    font-family: 'open-sans';
    color: var(--napaNavy);
}
#promo-container .section-content.row {
    z-index: 1;
}
.promoVidContainer video {
	width: 100%;
}
.promoVidContainer {
	text-align: center;
	margin-bottom: 30px;
}
.promoVidContainer sup {
	top: 1px;
	font-size: 65%;
}
#milwaukee-promo-container .promosHeading h2 sup {
	font-size: 40%;
	top: -6px;
}
#milwaukee-promo-container .promosHeading p sup {
	font-size: 65%;
	top: 2px;
}
.site-footer {
    font-size: 12px;
    font-weight: normal;
    color: #ffffff;
    padding: 30px 0;
    background-color: #424242;
}
.footerContent {
    align-items: center;
}
.site-header.mobile .mainmenu {
    width: 100%;
}
.aePlug {
    text-align: right;
}
.aePlug a:before {
    border: none;
}
.aePlug p {
    text-transform: uppercase;
    margin-bottom: 5px;
    font-size: 8px;
    font-weight: bold;
    color: #ffffff;
}
.aePlug img {
    max-width: 60px;
    margin: auto;
}
.aeCol {
    text-align: center;
}
.copyrightCol {
    margin-bottom: 20px;
}
.productContainer {
    box-shadow: rgb(0 0 0 / 16%) 0 3px 6px;
    padding: 5px 20px;
    position: relative;
    height: 280px;
    background-color: #ffffff;
}
.productContainer::before {
    content: ' ';
    background-color: var(--napaYellow);
    height: 100px;
    width: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    margin: auto;
    left: -60px;
}
.row.productsRow div {
    padding-bottom: 100px;
}
.productContainer::after {
    content: ' ';
    background-color: var(--napaYellow);
    height: 100px;
    width: 100%;
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 60px;
}
.productContainer p {
    color: var(--napaNavy);
    font-family: 'open-sans';
    font-size: 14px;
}
.productLink:hover,
.productLink:focus {
    text-decoration: none;
}
.productLink h3 {
    font-weight: 900;
    color: var(--napaBlue);
    line-height: .9;
    display: inline-block;
    font-size: 40px;
    max-width: 80%;
    padding-right: 18px;
}
.productContainer img {
    position: absolute;
    bottom: -75px;
    right: 0px;
	max-width: 170px;
	width: 100%;
}
.productContainer:hover,
.productContainer:focus {
    background-color: var(--napaLightGray);
}
.productContainer:hover h3,
.productContainer:focus h3{
    color: var(--napaYellow);
}
.productContainer:hover p,
.productContainer:focus p{
    color: var(--napaYellow);
}
i.fa-arrow-right-long {
    font-size: 40px;
    color: var(--napaYellow);
}
.productContainer:active {
    box-shadow: rgb(0 0 0 / 20%) 0 0 3px;
}
#shop-products .grayBoxContents p {
    margin-bottom: 0;
}
.productContainer a * {
    transition: .3s;
}
#about-full-story .grayBox {
    height: 100%;
}
.wpsp-no-results {
    width: 100%;
}
.wpsp-no-results p {
    text-align: center;
    font-family: 'open-sans';
    color: var(--napaNavy);
    font-size: 18px;
}
/*
.resumeContainer p:not(.resumeLabel) {
	display: none;
}
*/
.resumeLabel {
	font-size: 10px;
	margin-bottom: 0;
}
[data-name="acknowledgement"] .wpcf7-list-item {
    margin-left: 0;
	margin-bottom: 30px;
}
#filter-sale .section-content.row {
    padding-bottom: 100px;
}
.filterSale h3 {
    line-height: 1;
    font-weight: 500;
    font-size: 30px;
}
.filterSale {
    text-align: center;
    background-color: var(--napaLightGray);
    padding-bottom: 20px;
}
.filterSale h4 {
    color: var(--napaYellow);
}
.filterSale h2 {
    background: var(--napaNavy);
    color: white;
}
body.page span.wpcf7-spinner {
    display: block;
    margin: 10px auto;
}
.col-12.col-sm-6.col-md-6.col-lg-6.copyrightCol p {
    color: #fff;
    font-family: 'napa-sans-condensed';
}
.thankYouBox {
    background-color: #ffffff;
    padding: 50px;
    margin-top: 25px;
}
.thankYouBox p {
    color: var(--napaNavy);
}
.thankYouBox h3 {
    font-weight: bold;
}
.aePlug {
    text-align: center;
}
.productArrow {
    padding-bottom: 0px !important;
    width: 30px;
    display: inline-block;
}
.productArrow svg {
    fill: var(--napaYellow);
}
h1.locationsHeader {
    font-size: 40px;
}
.newsletter-container {
    text-align: center;
    position: relative;
}
.white-spacer {
    width: 100vw;
    height: 50px;
    background-color: #fff;
    position: absolute;
    left: 0;
}
.subscription-box {
    display: inline-block;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
    background-color: #fff;
    margin-top: 1px;
}
.subscription-box h2 {
    color: #fff;
    background-color: var(--napaNavy);
    padding: 5px 0px;
}
.subscription-box .inner-form .wpcf7-form-control-wrap input {
    display: flex;
    width: 100%;
}
.subscription-box .inner-form .wpcf7-form-control-wrap {
    display: flex;
    margin-left: 24px;
}
.subscription-box .inner-form {
    padding: 15px;
}
.subscription-box .inner-form input.wpcf7-form-control.has-spinner.wpcf7-submit {
    padding: 5px 11px;
    margin-left: 4px;
    border: solid 2px var(--napaNavy);
    font-weight: 500;
}
.subscription-box .inner-form span.wpcf7-not-valid-tip {
    display: none;
}
#news-and-events-subscription-form .section-content {
    background-color: #f7f7f7;
}
.subscription-box .mailForm input[type=email] {
    border: solid 2px var(--napaYellow);
    padding: 2px 5px;
}
.newsletter-paragraph {
    margin: 35px 0px 0px 0px;
}
.newsletter-paragraph a {
    background-color: #fff;
    padding: 10px 20px;
    border: solid 2px var(--napaNavy);
    color: var(--napaNavy);
    font-weight: 500;
    margin-top: 30px;
    display: inline-block;
    transition: background-color .3s;
}
.newsletter-paragraph a:hover,
.newsletter-paragraph a:focus {
    background-color: var(--napaYellow);
    border: var(--napaYellow) solid 2px;
}
section.the-post-content {
    margin-top: 100px;
}
h1 {
    font-size: 60px;
}
.featuredPosts {
    margin-bottom: 19%;
}
.featuredPosts #wpsp-407 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 3%;
}
.events-container .type-tribe_events .tribe-mini-calendar-event {
    padding: 5px 15px !important;
    display: flex !important;
    border-bottom: 1px solid var(--napaYellow) !important;
}
.events-container .list-date {
    padding: 0px !important;
    background-color: var(--napaYellow) !important;
    width: auto !important;
    flex-shrink: 0 !important;
}
.events-container .tribe-mini-calendar-event .list-dayname {
    background-color: var(--napaNavy) !important;
    color: #fff !important;
    padding: 8px !important;
}
.events-container p.tribe-events-widget-link a {
    font-size: 15px;
    font-family: 'napa-sans-condensed';
    color: var(--napaNavy);
    margin: 0 15px;
    text-decoration: underline;
}
.events-container .tribe-mini-calendar-event .list-daynumber {
    color: var(--napaNavy) !important;
    font-size: 30px !important;
    padding: 0 15px !important;
}
.events-container .tribe-mini-calendar-event .list-info {
    width: auto !important;
}
.events-container p.tribe-events-widget-link {
    margin: 0 !important;
}
.events-container h2.tribe-events-title a {
    color: var(--napaNavy);
}
.events-container .tribe-events-duration {
    color: var(--napaNavy);
}
.events-container a.tribe-events-widget-events-list__event-title-link.tribe-common-anchor-thin {
    color: var(--napaBlue);
    font-size: 18px;
    font-family: 'napa-sans-condensed';
    font-weight: 600;
}

.featuredPosts #wpsp-407 article {
    margin: 0;
}
.featuredPosts header.wp-show-posts-entry-header {
    grid-row-start: 3;
    display: flex;
    background: rgb(5,12,87);
    background: linear-gradient(0deg, rgba(5,12,87,1) 0%, rgba(5,12,87,0) 78%);
    margin: 0;
}
#wpsp-407 h2.wp-show-posts-entry-title {
    display: flex;
    align-items: flex-end;
}
#wpsp-407.wp-show-posts .wp-show-posts-entry-title {
    margin: 0 30px 30px 30px;
}
.tribe-events-header__events-bar.tribe-events-c-events-bar.tribe-events-c-events-bar--border {
    margin-top: 30px;
}
.newsletter-paragraph p {
    color: var(--napaBlue);
    font-family: 'open-sans';
}
.subscription-box .inner-form p {
    font-family: 'napa-sans-condensed';
    color: var(--napaNavy);
    font-weight: 500;
}
section#featured-posts-and-events .section-content {
    padding-top: 70px !important;
}
.events-container {
    background-color: #fff;
    width: 100%;
    height: 100%;
    display: flex;
    box-shadow: inset 0px -2px 10px rgb(0 0 0 / 10%);
    flex-direction: column;
}
.events-container .tribe-events-widget-events-list__event-wrapper.tribe-common-g-col {
    flex: 10;
    padding-top: 10px;
}
.events-container .tribe-common-g-row.tribe-events-widget-events-list__event-row {
    border-bottom: 1px solid var(--napaYellow);
}
.events-container time.tribe-events-widget-events-list__event-datetime {
    color: var(--napaBlue);
    font-size: 14px;
}
div#tribe-events-content {
    margin-top: 25px;
}
.tribe-events-back a, .tribe-events-back a:visited {
    color: var(--napaBlue);
}
.events-container .tribe-events-widget-events-list__event-date-tag.tribe-common-g-col {
    flex: 1 0 auto;
    padding: 10px;
}
.events-header {
    background-color: var(--napaNavy);
}
.events-container .type-tribe_events {
    display: flex;
}
.events-header h3, .events-header h4 a {
    color: #fff;
    font-weight: 700;
}
.events-container span.tribe-events-widget-events-list__event-date-tag-month {
    background-color: var(--napaBlue);
    color: #fff;
    font-weight: 600;
    padding: 5px;
    font-size: 12px;
}
.events-container span.tribe-events-widget-events-list__event-date-tag-daynum {
    background-color: var(--napaYellow);
    color: var(--napaBlue);
    font-size: 33px;
}
.events-container .tribe-events-widget-events-list__view-more.tribe-common-b1.tribe-common-b2--min-medium {
    text-align: center;
}
.events-header {
    display: flex;
    padding-top: 30px;
}
.events-container a.tribe-events-widget-events-list__view-more-link.tribe-common-anchor-thin {
    display: inline-block;
    background-color: var(--napaBlue);
    color: #fff;
    padding: 4px 10px;
    font-family: 'napa-sans-condensed';
    font-weight: 600;
}
.events-header h4 {
    margin: 20px;
    font-size: 11px;
    display: flex;
    align-self: end;
    flex-grow: 1;
    justify-content: end;
}
.events-header h3 {
    font-size: 24px;
    margin: 20px;
}
.tribe-events-event-image {
    max-height: 500px;
    overflow: hidden;
}
.blog-posts h2.wp-show-posts-entry-title,
#wpsp-340 h2.wp-show-posts-entry-title {
    font-size: 20px;
}
.blog-posts h2.wp-show-posts-entry-title a,
#wpsp-340 h2.wp-show-posts-entry-title a {
    color: var(--napaBlue);
}
.blog-posts .wp-show-posts-inner,
#wpsp-340 .wp-show-posts-inner {
    box-shadow: 0px 0px 5px rgb(0 0 0 / 10%), 0px 4px 2px rgb(0 0 0 / 3%);
    padding: 30px 30px 0px 30px;
    position: relative;
}
.blog-posts span.wp-show-posts-byline.wp-show-posts-meta,
#wpsp-340 span.wp-show-posts-byline.wp-show-posts-meta {
    position: absolute;
    top: 40px;
    left: 90px;
}
.blog-posts span.wp-show-posts-posted-on.wp-show-posts-meta,
#wpsp-340 span.wp-show-posts-posted-on.wp-show-posts-meta {
    position: absolute;
    top: 60px;
    left: 90px;
}
.blog-posts span.author-name,
#wpsp-340 span.author-name {
    color: var(--napaBlue);
    font-weight: 600;
    font-size: 15px;
}
.blog-posts time.wp-show-posts-entry-date.published,
#wpsp-340 time.wp-show-posts-entry-date.published {
    font-size: 15px;
    color: var(--napaBlue);
    font-weight: 600;
}
.blog-posts .wp-show-posts-image.wpsp-image-center img,
#wpsp-340 .wp-show-posts-image.wpsp-image-center img {
    border-radius: 50%;
}
.blog-posts .wp-show-posts-entry-summary p,
#wpsp-340 .wp-show-posts-entry-summary p {
    color: var(--napaBlue);
    font-family: 'open-sans';
    line-height: 1.2;
    font-size: 16px;
}
.blog-posts .wp-show-posts-image.wpsp-image-center,
#wpsp-340 .wp-show-posts-image.wpsp-image-center {
    text-align: left;
}
.blog-posts span.wpsp-love-icon,
#wpsp-340 span.wpsp-love-icon {
    position: absolute;
    bottom: 30px;
}
.blog-posts .wp-show-posts-inner,
#wpsp-340 .wp-show-posts-inner {
    background: #fff;
}
#wpsp-340 .wp-show-posts-posted-on {
    position: static !important;
    margin-top: 5px;
    display: block;
}
#wpsp-340 .wp-show-posts-inner {
    padding-bottom: 30px;
}
h1.post-title {
    font-size: 40px;
}
.post-content {
    color: var(--napaBlue);
    font-family: 'open-sans';
}
.post-details-top h5, .post-details-top p, .post-details-top i {
    color: var(--napaBlue);
    transition: color .3s;
}
.social-media-buttons a:hover i,
.social-media-buttons a:focus i{
    color: var(--napaYellow);
}
p.form-submit input[type=submit] {
    background-color: #fff;
    border: 2px solid var(--napaNavy);
    border-radius: 0;
    color: var(--napaNavy);
    font-family: 'napa-sans-condensed';
    font-weight: 600;
    transition: background-color .3s;
}
p.form-submit input[type=submit]:hover,
p.form-submit input[type=submit]:focus {
    background-color: var(--napaYellow);
    color: var(--napaNavy);
}
h1.tribe-events-single-event-title {
    font-family: 'napa-sans-condensed';
    color: var(--napaNavy);
    font-size: 45px;
}
.tribe-events-schedule.tribe-clearfix span,
.tribe-events-schedule.tribe-clearfix h2 {
    color: var(--napaBlue);
    font-family: 'open-sans';
}
.tribe-events-single-event-description.tribe-events-content {
    font-family: 'open-sans';
    line-height: 1.7;
    color: var(--napaBlue);
}
.tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button {
    border-color: var(--napaNavy);
    color: var(--napaNavy);
    border-width: 2px;
}
.tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button:hover,
.tribe-common-c-btn-border.tribe-events-c-subscribe-dropdown__button:focus {
    background-color: var(--napaYellow)!important;
    color: var(--napaBlue)!important;
}
.tribe-events-single-section.tribe-events-event-meta.primary.tribe-clearfix h2 {
    color: var(--napaNavy);
    font-size: 16px;
    font-family: 'napa-sans-condensed';
}
.tribe-events-meta-group dt, .tribe-events-meta-group dd {
    color: var(--napaBlue);
}
.tribe-events-event-image {
    position: relative;
}
.tribe-events-event-image::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgb(5,12,87);
    background: linear-gradient(0deg, rgba(5,12,87,.8) 0%, rgba(5,12,87,0) 35%);
}
button.tribe-common-c-btn.tribe-events-c-search__button {
    background-color: var(--napaBlue);
    font-family: 'napa-sans-condensed';
}
button.tribe-common-c-btn.tribe-events-c-search__button:hover,
button.tribe-common-c-btn.tribe-events-c-search__button:focus {
    background-color: var(--napaYellow);
    color: var(--napaBlue);
}
.tribe-events-c-top-bar__datepicker * {
    color: var(--napaNavy);
    font-family: 'napa-sans-condensed';
}
.tribe-events-calendar-list * {
    color: var(--napaBlue);
}
span.tribe-events-calendar-list__event-date-tag-daynum.tribe-common-h5.tribe-common-h4--min-medium {
    color: var(--napaBlue);
}
.tribe-events-widget-events-list__event-datetime-wrapper.tribe-common-b2.tribe-common-b3--min-medium em svg path {
    fill: var(--napaBlue)!important;
}
.tribe-events-widget .tribe-events-widget-events-list__event-row--featured .tribe-events-widget-events-list__event-date-tag-datetime:after {
    background-color: var(--napaBlue) !important;
}
.tribe-events .tribe-events-calendar-list__event-title-link:visited {
    color: var(--napaBlue);
}
.tribe-events-c-messages__message.tribe-events-c-messages__message--notice svg {
    margin-left: 10px;
}
li.tribe-events-c-messages__message-list-item {
    color: var(--napaBlue);
    font-family: 'open-sans';
}
.tribe-events-c-messages__message.tribe-events-c-messages__message--notice {
    margin: 30px 0;
}
.gm-bundled-control .gmnoprint {
    left: -47px !important;
}
.promoContainer .buttonContainer {
    margin-top: 20px;
    text-align: center;
}
.promoContainer .buttonContainer a {
    margin-right: 10px;
    margin-bottom: 10px;
}
.footer-content {
    text-align: center;
    color: #ffffff;
    font-size: 12px;
    margin-top: 20px;
}
#footer-container {
    padding: 30px 0;
}
.footer-content a {
    color: #ffffff;
    transition: .3s;
}
.footer-content a:hover,
.footer-content a:focus {
    color: #ffc836;
}


#wpcf7-f1120-p350-o1 .wpcf7-form input.wpcf7-text,
#wpcf7-f1120-p350-o1 .wpcf7-form input.wpcf7-number,
#wpcf7-f1120-p350-o1 .wpcf7-form input.wpcf7-date,
#wpcf7-f1120-p350-o1 .wpcf7-form input.wpcf7-quiz,
#wpcf7-f1120-p350-o1 .wpcf7-form .wpcf7-select,
#wpcf7-f1120-p350-o1 .wpcf7-form .wpcf7-textarea {
    width: 100%;
    border: none;
    padding: 20px;
    background-color: #f2f2f2;
    color: var(--napaNavy);
    font-family: 'napa-sans-condensed', Roboto, Arial, Verdana, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
	-webkit-appearance: none;
}
.rebateBlock {
	background-color: var(--napaNavy);
	margin-bottom: 30px;
}
.rebateHeader {
    background-color: var(--napaYellow);
    text-align: center;
    padding: 30px;
}
.rebateHeader h3,
.rebateHeader h4 {
    margin: 0;
}
.rebateCopy {
    padding: 30px;
    text-align: center;
}
.rebateCopy h4 {
    color: #ffffff;
    font-size: 30px;
}
.rebateCopy p {
    color: #ffffff;
	margin-bottom: 0;
}
.rebateCopy a {
    color: var(--napaYellow);
    transition: .5s;
}
.rebateCopy a:hover {
    color: #ffffff;
}
sup {
    top: 2px;
    font-size: 70%;
}


/* Media Queries */
@media only screen and (min-width: 350px) {
    h1.locationsHeader {
        font-size: 50px;
    }
}
@media only screen and (min-width: 480px) {
    #contact-locations::before,
    #home-cta::before,
    #home-cta-2::before{
        content: '';
        background-color: var(--napaYellow);
        height: var(--tabHeight);
        width: var(--tabWidth);
        position: absolute;
        z-index: 99;
        top: 115px;
    }   
    .filterSale h3 {
        font-size: 35px;
    }
    h1.locationsHeader {
        font-size: 60px;
    }
}
@media only screen and (min-width: 576px) {
    #menu-main-menu-2 a {
        padding: 10px;
    }
    #home-banner h1 span {
        font-size: 100px;
    }
    #home-banner h1 {
        font-size: 78px;
    }
    #home-banner h4 {
        font-size: 16px;
    }
    #home-banner h4 span {
        font-size: 20px;
    }
    #careersImg1, #careersImg3 {
        width: 100%;
    }
	#menu-main-menu-2 li.menu-item {
		display: inline;
	}
	.rebateBlock {
		margin-bottom: 0;
		height: 100%;
	}
	.socialIcons {
		margin-right: 8px;
	}
    .mailerContainer {
        width: 80%;
        padding: 10px 20px;
    }
    .grayRow input.wpcf7-text::placeholder, .grayRow textarea.wpcf7-textarea::placeholder {
        font-size: 14px !important;
    }
    .grayTeam .img2, .grayTeam .img3 {
        width: 100%;
    }
    .grayTeam::before {
        height: 50px;
    }
    .grayTeam {
        padding: 40px 40px 0px;
    }
    #menu-main-menu-2 li a {
        font-size: 18px;
        margin-right: 5px;
    }
    #promo-container::before {
        content: ' ';
        height: 15%;
        width: 100%;
        background-color: var(--napaYellow);
        position: absolute;
        left: 0;
        top: 50%;
        z-index: -1;
    }
    .promoContainer {
        margin: 0;
    }
    section#promo-container::after {
        content: ' ';
        width: 100%;
        height: 100px;
        background-color: #ffffff;
        position: absolute;
        bottom: 0;
    }
    .row.grayRow {
        margin: 50px 0 100px;
        padding: 50px 25px;
    }
    .reachOutParagraphs p {
        width: 450px;
    }
    .aeCol {
        text-align: center;
        border-left: 1px solid var(--napaYellow);
    }
    .filterSale h3 {
        font-size: 45px;
    }
    .footer-logo {
        text-align: left;
    }
    .col-12.col-sm-6.col-md-6.col-lg-6.copyrightCol p {
        text-align: left;
    }
    .aePlug, .aePlug p {
        text-align: right;
    }
    .featuredPosts {
        margin-bottom: 0%;
    }
    .featuredPosts #wpsp-407 {
        gap: 0;
    }
	#menu-main-menu-2 {
		text-align: right;
	}
}
@media only screen and (min-width: 768px) {
    :root {
        --tabHeight: 25px;
        --tabWidth: 70px;
    }
    h1 {
        font-size: 92px;
    }
    h2 {
        font-size: 65px;
    }
    h3 {
        font-size: 45px;
    }
    p, ul, ol {
        font-size: 18px;
    }
    #home-banner h1 span {
        font-size: 135px;
    }
    #home-banner h1 {
        font-size: 104px;
    }
    #home-banner h4 {
        font-size: 18px;
    }
    #home-banner h4 span {
        font-size: 22px;
    }
    #about-banner h4,
    #blog-banner h4,
    #contact-banner h4,
    #shop-banner h4,
	#thank-you-banner h4,
    #register-banner h4,
	#rebates-banner h4 {
        font-size: 20px;
    }
    .ourStory h2 {
        text-align: left;
    }
    section#about-to-our-customers::after {
        content: '';
        background-color: #ffffff;
        width: 100vw;
        height: 70px;
        position: absolute;
        z-index: 1;
        bottom: 0;
    }
    #about-to-our-customers .section-content.row {
        z-index: 2;
        padding-bottom: 0;
    }
    #ourCustomers1 {
        width: 100%;
    }
    section#careers-banner::after {
        content: ' ';
        background-color: white;
        position: absolute;
        z-index: -1;
        height: 100px;
        width: 100vw;
        bottom: 0;
    }
    #careers-banner .section-content.row {
        z-index: 2;
        padding-bottom: 0;
    }
    div#wpsl-wrap {
        flex-direction: row;
    }
    div#wpsl-gmap {
        width: 100%;
        height: 500px !important;
    }
    div#wpsl-wrap {
        display: flex;
    }
    .searchAndResults {
        position: absolute;
        height: 500px;
    }
    .searchAndResults, #wpsl-result-list, #wpsl-direction-details {
        width: 420px;
        padding-left: 0;
    }
    #wpsl-stores.customStoreList, #wpsl-direction-details.customDirectionDetails {
        max-height: 417px !important;
        height: auto !important;
    }
    .blogTitle, .postedDate {
        margin: 30px 0px 30px 90px;
    }
    .mailerContainer .wpcf7-form input.wpcf7-text.wpcf7-email {
        height: 50px;
    }
    .mailerContainer input.wpcf7-form-control.wpcf7-submit {
        font-size: 18px;
        padding: 11px 55px;
        margin-left: 20px;
    }
    .logo {
        justify-content: left;
    }
    #menu-main-menu-2 li a:hover,
    #menu-main-menu-2 li a:focus {
        color: var(--napaYellow);
        text-decoration: none;
    }
    .storyContainer::before {
        content: ' ';
        height: 100px;
        width: 660px;
        background-color: var(--napaYellow);
        position: absolute;
        left: -165px;
        top: 160px;
        z-index: -1;
    }
    #menu-main-menu-2 li.menu-item {
        margin-bottom: 0px;
    }
    #menu-main-menu-2 li.menu-item {
        margin: 0 7px;
    }
    .subscription-box h2 {
        padding: 5px 80px;
        font-size: 50px;
    }
    .subscription-box .inner-form input.wpcf7-form-control.has-spinner.wpcf7-submit {
        padding: 7px 20px;
    }
    .subscription-box .mailForm input[type=email] {
        padding: 5px 5px;
    }
    .featuredPosts #wpsp-407 article:first-of-type {
        grid-column: span 2;
        grid-row: span 2;
    }
    .featuredPosts #wpsp-407 {
        grid-template-columns: repeat(3, 1fr);
        height: 500px;
    }
    .featuredPosts #wpsp-407 article:first-of-type h2 {
        font-size: 2rem;
    }
	.blog-posts article.wp-show-posts-single:nth-of-type(3n+1)::before,
	#wpsp-340 article.wp-show-posts-single:nth-of-type(3n+1)::before {
		content: '';
		display: block;
		position: absolute;
		background: var(--napaYellow);
		height: 110px;
		width: 1120px;
		left: calc((100vw - 1120px)/2);
		margin-top: 150px;
	}
}
@media only screen and (min-width: 992px) {
	.home #home-banner {
		margin-top: 0;
		min-height: 100vh;
	}
    .searchAndResults {
        display: flex;
        position: absolute;
        z-index: 1;
        flex-direction: column;
    }
    #menu-main-menu-2 a {
        padding: 20px;
	}
	#footer-container .footer-nav li a {
		font-size: 16px;
	}
    section#about-banner,
    section#careers-banner,
    section#contact-banner,
    section#blog-banner,
    section#promo-banner,
    section#shop-banner,
	section#thank-you-banner,
    section#register-banner,
	section#rebates-banner,
    section#news-and-events-banner,
    section#featured-posts-and-events
    {
        margin-top: 100px;
    }
    section#featured-posts-and-events .section-content {
        padding-top: 30px !important;
    }
	div#tribe-events-content {
		margin-top: 80px;
	}
}
@media only screen and (min-width: 1024px) {
    :root {
        --tabHeight: 28px;
        --tabWidth: 90px;
    }
    #featured-posts-and-events::before {
        content: ' ';
        position: absolute;
        z-index: 0;
        height: var(--tabHeight);
        width: var(--tabWidth);
        left: 0;
        background-color: #ffffff;
        top: 62px;
    }
    #blog-banner::before,
    #about-banner::before,
    #contact-banner::before,
    #careers-banner::before,
    #shop-banner::before,
	#thank-you-banner::before,
    #register-banner::before,
	#rebates-banner::before {
        top: 62px;
    }
    h1 {
        font-size: 140px;
    }
    h1.caps.black900.promosH1 {
        font-size: 100px;
    }
    h2 {
        font-size: 70px;
    }
    h3 {
        font-size: 50px;
    }
    h4 {
        font-size: 20px;
    }
    #about-banner h4,
    #blog-banner h4,
    #contact-banner h4,
    #shop-banner h4,
	#thank-you-banner h4,
    #register-banner h4,
	#rebates-banner h4 {
        font-size: 24px;
    }
    .grayBoxContents {
        padding: 40px 120px 50px;
    }
    #contact-banner .section-content.row,
    #blog-banner .section-content.row,
    #about-banner .section-content.row,
    #careers-banner .section-content.row,
    #promo-banner, .section-content.row,
    #shop-banner, .section-content.row,
	#thank-you-banner, .section-content.row,
    #register-banner, .section-content.row,
	#rebates-banner, .section-content.row {
        margin-top: 0px;
    }
    #home-banner h1 {
        font-size: 158px;
    }
    #home-banner h1 span {
        font-size: 200px;
    }
    #home-banner h4 {
        font-size: 24px;
    }
    #home-banner h4 span {
        font-size: 30px;
    }
    #home-banner h4.caps.bold.left::before {
        width: 90px;
        height: 28px;
    }
    #home-banner h4.caps.bold.right::after {
        width: 90px;
        height: 28px;
        left: calc(100% - 90px);
    }
    #home-banner h4.caps.bold.right {
        padding-right: 110px;
    }
    #home-banner h4.caps.bold.left {
        padding-left: 110px;
    }
    .navyDashedHr::after {
        border-image: url('/wp-content/uploads/2022/07/navy-dashed-line.png') 3 round;
    }
    .yellowDashedHr::after {
        border-image: url('/wp-content/uploads/2022/07/yellow-dashed-line.png') 3 round;
    }
    .searchAndResults, #wpsl-result-list {
        width: 500px;
        height: auto;
    }
    #wpsl-stores.customStoreList, #wpsl-direction-details.customDirectionDetails {
        height: 360px !important;
    }
    .searchAndResults {
        left: 3vw;
    }
    #promo-container::before {
        width: 1050px;
        left: calc(50% - 525px);
    }
    .ourStory h2.caps {
        padding: 0px;
    }
    #home-banner .section-content {
        padding: 160px 0 60px 0;
    }
    section.the-post-content {
        margin-top: 130px;
    }
}
@media only screen and (min-width: 1190px) {
    .blogTitle, .postedDate {
        margin: 30px 0px 30px 0px;
    }
}
@media only screen and (min-width: 1280px) {
    .ourStory {
        height: 0px;
    }
    .ourStory h2 {
        transform: rotate(-90deg) translate(-150px, -270px);
        display: inline-block;
    }
    #about-to-our-customers h4 {
        display: inline-block;
        transform: translate(-285px, 0px) rotate(-90deg);
    }
}
/*Fonts*/
@font-face {
    font-family: 'napa-sans-condensed';
    src: url('/wp-content/themes/arthurelliott/assets/fonts/napasans-blkcn-webfont.woff2') format('woff2'),
         url('/wp-content/themes/arthurelliott/assets/fonts/napasans-blkcn-webfont.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'napa-sans-condensed';
    src: url('/wp-content/themes/arthurelliott/assets/fonts/napasans-ltcn-webfont.woff2') format('woff2'),
         url('/wp-content/themes/arthurelliott/assets/fonts/napasans-ltcn-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'napa-sans-condensed';
    src: url('/wp-content/themes/arthurelliott/assets/fonts/napasans-cn-webfont.woff2') format('woff2'),
         url('/wp-content/themes/arthurelliott/assets/fonts/napasans-cn-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'napa-sans-condensed';
    src: url('/wp-content/themes/arthurelliott/assets/fonts/napasans-dbcn-webfont.woff2') format('woff2'),
         url('/wp-content/themes/arthurelliott/assets/fonts/napasans-dbcn-webfont.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'napa-sans-condensed';
    src: url('/wp-content/themes/arthurelliott/assets/fonts/napasans-hvcn-webfont.woff2') format('woff2'),
         url('/wp-content/themes/arthurelliott/assets/fonts/napasans-hvcn-webfont.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'napa-sans-condensed';
    src: url('/wp-content/themes/arthurelliott/assets/fonts/napasans-bdcn-webfont.woff2') format('woff2'),
         url('/wp-content/themes/arthurelliott/assets/fonts/napasans-bdcn-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'open-sans';
    src: url('/wp-content/themes/arthurelliott/assets/fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('/wp-content/themes/arthurelliott/assets/fonts/opensans-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'open-sans';
    src: url('/wp-content/themes/arthurelliott/assets/fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('/wp-content/themes/arthurelliott/assets/fonts/opensans-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
/* Fix for Bootstrap 4 Safari issue */
.row:before, .row:after {
    display: none !important;
}