/* Theme Name: Indy Card Stock Theme URI: http://www.steerpoint.com/ Author: SteerPoint Author URI: http://www.steerpoint.com/ Description: Custom Theme for the Indy Card Stock Website Version: 1.6 Text Domain: indycardstock */ /* Import custom fonts */ @font-face {font-family: dashicons;src: url('../../../wp-includes/fonts/dashicons.woff2?99ac726223c749443b642ce33df8b800') format('woff2'), url('../../../wp-includes/fonts/dashicons.eot?99ac726223c749443b642ce33df8b800') format('embedded-opentype'), url('../../../wp-includes/fonts/dashicons.ttf?99ac726223c749443b642ce33df8b800') format('truetype');font-weight: 400;font-style: normal;} /* Custom Properties */ :root { --spm-color-red: #b12704; --spm-color-orange: #f68e35; --spm-color-yellow: #f6d207; --spm-color-blue: #0053a0; --spm-color-dark-blue: #00295c; --spm-font-family-body: Arial, Helvetica, sans-serif; } /* Overall formatting */ body {min-width: 1190px;margin: 0;padding: 84px 0 0;color: #333;font: 16px/1.5 var(--spm-font-family-body);-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;} body > .layer_2 {position: relative;overflow: hidden;background-color: #fff;box-shadow: 0 0 7px rgba(0, 0, 0, 0.5);transition: transform 0.2s;-webkit-transition: -webkit-transform 0.2s;} body > .layer_2.menu_revealed {transform: translateX(250px);-webkit-transform: translateX(250px);} h1 {font-size: 1.5em;} h2 {font-size: 1.5em;} h3 {font-size: 1.17em;} h4 {font-size: 1em;} h5 {font-size: 1.3em;} h6 {font-size: 0.67em;} h1, h2, h3 {margin: 0 0 0.7em;} h4, h5, h6 {margin: 0 0 0.8em;} p {margin: 0 0 1em;} a img {border: none;} img {max-width: 100%;height: auto;} ul {margin: 0 0 10px;padding: 0 0 0 32px;list-style: square;} table {margin: 0 0 1em;} th, td {vertical-align: top;} th {vertical-align: middle;} hr {margin: 2em 0;height: 2px;background-color: #aaa;border: none;} label {font-weight: bold;} input[type='date'], input[type='datetime-local'], input[type='email'], input[type='month'], input[type='number'], input[type='password'], input[type='search'], input[type='tel'], input[type='text'], input[type='time'], input[type='url'], input[type='week'], textarea, select {width: 95%;padding: 0.6em;color: #666;font: 300 16px var(--spm-font-family-body);background-color: #f8fafa;border: 1px solid #00295c;box-sizing: border-box;appearance: none;-webkit-appearance: none;} select {margin: 0 5px 5px 0;vertical-align: middle;appearance: menulist;-webkit-appearance: menulist;} button {border: none;appearance: none;-webkit-appearance: none;} input[type='submit'] {cursor: pointer;padding: 0.6em 1.3em;color: var(--spm-color-dark-blue);font: bold 20px/1em Montserrat, sans-serif;border: 2px solid var(--spm-color-yellow);background-color: var(--spm-color-yellow);border-radius: 3px;transition: background-color 0.2s;appearance: none;-webkit-appearance: none;} input[type='submit']:hover {color: #fff;background-color: var(--spm-color-orange);} .clearfix:after {display: block;clear: both;content: '';} .columns {margin: 0 -2% 0 0;} .columns:after {display: block;clear: both;content: '';} .columns > .column {float: left;margin: 0 2% 2% 0;} .columns.two > .column {width: 48%;} .columns.two > .column.double {width: 98%;} .columns.three > .column {width: 31.333%;} .columns.three > .column.double {width: 64.667%;} .columns.four > .column {width: 23%;} .columns.five > .column {width: 18%;} .columns.six > .column {width: 14.667%;} .columns-flex {display: flex;flex-wrap: wrap;} .columns-flex > .column {float: none;flex-grow: 1;} .full_coverage_link {position: absolute;left: 0;right: 0;top: 0;bottom: 0;text-decoration: none;} /* this is named .spm_button because WooCommerce stomps all over the .button class */ .spm_button, .spm_button:visited {display: inline-block;padding: 0.6em 1.5em;color: var(--spm-color-dark-blue);text-align: center;text-transform: uppercase;text-decoration: none;font-weight: bold;font-size: 20px;line-height: 1em;background-color: var(--spm-color-yellow);border-radius: 2px;transition: background-color 0.2s;} /* Editor classes for alignment */ .alignleft {float: left;} .alignright {float: right;text-align: right;} .aligncenter {margin-left: auto;margin-right: auto;text-align: center;} .hidden {display: none;} .cleared {clear: both;} img.alignleft {display: inline;margin: 0 15px 8px 0;} img.aligncenter {display: block;margin: 0 auto;} img.alignright {display: inline;margin: 0 0 8px 25px;} /* Wrap */ .wrap {width: 1150px;margin: 0 auto;padding: 0 20px;} /* Responsive Menu */ #responsive_menu {position: fixed;top: 0;display: none;overflow: auto;width: 250px;height: 100%;padding: 0 20px 10px;color: #fff;font-size: 16px;line-height: 1.2em;background-color: #040405;-webkit-overflow-scrolling: touch;} body.admin-bar #responsive_menu {top: 46px;} #responsive_menu .menu a {display: block;text-decoration: none;} #responsive_menu .menu a:hover {background-color: #606060;} #responsive_menu .menu {margin: 0 -20px 1em;padding: 0;list-style: none;} #responsive_menu .menu > li {margin: 0;background-color: #040405;border-bottom: 1px solid #444;font-size: 20px;} #responsive_menu .menu > li > a {padding: 10px 20px;color: #fff;text-decoration: none;font-weight: 500;text-transform: uppercase;} #responsive_menu .sub-menu {margin: 0 0 10px;padding: 0;list-style: none;font-size: 16px;line-height: 1em;} #responsive_menu .sub-menu > li {padding: 0;border-bottom: none;} #responsive_menu .sub-menu > li > a {color: #ddd0d1;padding: 2px 20px;} #responsive_menu .sub-menu .sub-menu {margin: 0;} #responsive_menu .sub-menu .sub-menu > li > a {padding: 2px 20px 2px 35px;} #responsive_menu .sub-menu .sub-menu .sub-menu li > a {padding: 2px 20px 2px 50px;} #responsive_menu .search_form {position: relative;margin: 0 -20px 20px;} #responsive_menu .search_form input[type='search'] {padding: 0.6em 30px 0.6em 20px;color: #ddd0d1;font-size: 12px;background-color: #513385;border: none;} #responsive_menu .search_form input[type='submit'] {position: absolute;right: 0;top: 0;bottom: 0;width: 25px;background: url(images/responsive_menu-search_form-submit-bkg.png) no-repeat center/14px 14px;border: none;} #responsive_menu .locations {font-size: 11px;line-height: 1.2em;} #responsive_menu .social_media {overflow: hidden;padding: 0;list-style: none;} #responsive_menu .social_media li {float: left;margin: 0 8px 0 0;} #responsive_menu .social_media li a {color: #fff;} /* Cookie Notice */ #cookie_notice {position: fixed;z-index: 999;left: 0;right: 0;bottom: 0;color: #ddd;font-size: 15px;background-color: #30353a;box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);transition: transform 0.3s, left step-end, right step-end;} #cookie_notice.hidden {display: block;transform: translateY(105%);left: -999em;right: 999em;transition: transform 0.3s, left 0.3s step-end, right 0.3s step-end;} #cookie_notice .wrap {position: relative;max-width: 1000px;padding: 20px 180px 10px 20px;} #cookie_notice a {color: #fff;text-decoration: underline;} #cookie_notice .spm_button {padding: 10px 35px;text-decoration: none;} #cookie_notice .spm_button:hover {color: var(--spm-color-orange);background-color: #fff;} #cookie_notice .spm_button.dismiss {position: absolute;right: 20px;top: 20px;} /* Upper Header */ #upper {font-weight: 600;font-size: 20px;line-height: 1em;background-color: #0c1f3b;} #upper .wrap {padding: 5px 20px;} #upper a {color: #fff;text-decoration: none;} #upper #responsive_menu_button {position: absolute;display: none;left: 0;top: 0;padding-left: 45px;height: 32px;text-transform: uppercase;font-size: 20px;line-height: 32px;} #upper .menu {float: right;margin: 0;padding: 0;list-style: none;text-transform: uppercase;} #upper .menu li {float: left;padding: 0 0.4em;border-right: 2px solid var(--spm-color-dark-blue);} #upper .menu li.last {border-right: none;} /* Header */ #header {position: fixed;color: #fff;z-index: 999;left: 0;right: 0;top: 0;font-weight: 300;background-color: var(--spm-color-dark-blue);} #header .wrap {position: relative;height: 84px;} #header a {color: inherit;text-decoration: none;} #header .logo {position: absolute;z-index: 999;left: 20px;top: 10px;width: 129px;height: 112px;margin-left: 0;background: url(images/header-logo.png) 0 / 129px 112px;} #header .logo a {position: relative;display: block;overflow: hidden;height: 100%;text-indent: -999em;} #header #responsive_menu_button {position: absolute;display: none;left: 15px;top: 40px;color: #fff;text-transform: uppercase;text-decoration: none;font-size: 18px;z-index: 999;} #header #responsive_menu_button::before {font-family: dashicons;display: block;float: left;line-height: 1;font-weight: 400;font-style: normal;text-decoration: inherit;text-transform: none;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;width: 20px;height: 20px;font-size: 20px;text-align: center;transition: color 0.1s ease-in;content: "\f333";margin: 0 15px;position: relative;top: 2.5px;} #header .upper {position: absolute;top: 10px;right: 5px;font-weight: bold;} #header .upper .menu {margin: 0;padding: 0;list-style: none;text-transform: uppercase;font-size: 17px;} #header .upper .menu > li {float: left;margin: 0;} #header .upper .menu > li > a {display: block;padding: 0 15px;font-size: 1.2em;font-family: 'Montserrat';letter-spacing: 1.5px;} #header .upper .menu > li > a:hover {color: #66abff;} #header .upper .menu i {vertical-align: bottom;color: #000;font-size: 1.2em;} #header .upper .menu .cart i {margin-right: 0.7em;} #header .nav {position: relative;left: 0;top: 23px;bottom: 4px;color: #fff;text-transform: uppercase;text-align: center;} #header .nav a {text-decoration: none;letter-spacing: 0.025em;} #header .nav .menu {margin: 0;padding: 0;list-style: none;font-weight: 500;font-size: 0;line-height: 0;} #header .nav .menu > li {display: inline-block;margin: 0;font-size: 1.75rem;line-height: 40px;} #header .nav .menu > li > a {position: relative;z-index: 999;display: block;padding: 0 25px;transition: color 0.2s, background-color 0.2s;box-sizing: border-box;font-weight: 500;font-family: 'Barlow Condensed';} #header .nav .menu > li:hover > a {background-color: #fff;color: var(--spm-color-dark-blue);} #header .nav .sub-menu {position: absolute;z-index: 999;opacity: 0;width: 200px;left: -999em;margin: 0;padding: 6px 0 10px;list-style: none;text-align: left;text-transform: none;font-size: 14px;line-height: 1em;background-color: rgba(255, 255, 255, 0.75);box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);transform: translateY(20px);transition: transform 0.3s ease, opacity 0.4s ease, right 0.4s step-end;} #header .nav .menu > li:hover > .sub-menu {opacity: 1;left: auto;transform: translateY(0);transition: transform 0.3s ease, opacity 0.4s ease, right step-end;} #header .nav .sub-menu > li {position: relative;float: none;left: auto;margin: 0;padding: 5px;background: none;} #header .nav .sub-menu > li > a {display: block;padding: 6px 15px 7px;color: var(--spm-color-dark-blue);text-decoration: none;transition: none;font-family:'Barlow Condensed';font-size: 1.5em;font-weight: 400;} #header .nav .sub-menu > li.current-menu-item > a, #header .nav .sub-menu > li.current-menu-ancestor > a {color: #ddd;} #header .nav .sub-menu > li > a:hover {background-color: var(--spm-color-dark-blue);color: #FFF;} #header .nav .sub-menu .sub-menu {left: -999em;border-top: none;} #header .nav .sub-menu > li:hover > .sub-menu {left: 100%;} #header .promo {position: absolute;right: 90px;top: 45px;text-align: center;border-radius: 5px;} #header .promo a.button {color: #fff;background-color: #ba7c3a;padding: 10px 60px;} .admin-bar #header {top: 32px;} /* Banner */ #banner {position: relative;overflow: hidden;max-height: 75vh;color: #fff;text-align: center;background-position: center top;background-size: cover;} #banner > .layer_2 {position: absolute;left: 0;right: 0;top: 0;bottom: 0;background-color: rgba(22, 22, 22, 0.3);} #banner .wrap {position: absolute;left: 20px;right: 20px;top: 50%;max-width: 700px;margin: 0 auto;transform: translateY(-50%);font-family: 'Montserrat';} #banner video {display: block;width: 100%;} #banner h1 {font-size: 2.5rem;line-height: 1em;font-weight: 900;letter-spacing: 2px;text-shadow: 2px 2px #000;} #banner p {font-size: 28px;line-height: 1em;font-weight: 600;text-shadow: 1.5px 1.5px #000;} #banner .title {position: absolute;left: 0;right: 0;bottom: 30%;margin: 0;padding: 5px 20px 15px;font: 900 italic 80px/1.1em Roboto, sans-serif;background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 50%, rgba(0, 0, 0, 0) 100%);} #banner .overlay {position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: url(https://www.indycardstock.com/wp-content/uploads/2022/09/pimple-overlay.png) center top;} /* Banner (Inside Page) */ #banner_inside_page {position: relative;width: 100%;text-align: center;color: #fff;background: #e41d32;} #banner_inside_page .overlay {position: absolute;left: 0;right: 0;top: 0;bottom: 0;padding: 0;background-color: rgba(0, 0, 0, 0.3);} #banner_inside_page .wrap {position: relative;padding: 75px 20px 20px;} #banner_inside_page .page_title {font-size: 38px;line-height: 1.1em;text-shadow: 2px 3px 9px rgba(0, 0, 0, 0.4);padding-top: 30px;} /* Intro */ #intro {text-align: center;font-size: 18px;} #intro .wrap {position: relative;max-width: 1020px;padding: 120px 20px 115px;} #intro .icon_container {position: absolute;z-index: 998;left: 50%;top: 0;width: 114px;height: 114px;margin: -57px 0 0 -57px;color: var(--spm-color-orange);background-color: #fff;border-radius: 999em;} #intro .icon_container i {font-size: 72px;line-height: 114px;} #intro p {margin: 0 0 2em;} #intro .section_title {margin: 0 0 0.8em;color: var(--spm-color-orange);text-transform: uppercase;font-weight: 600;font-size: 27px;line-height: 1.2em;} #intro .spm_button {display: block;max-width: 380px;margin: 0 auto;font-size: 25px;} .gallery_intro {margin-bottom: 50px;} .gallery_intro ul {list-style: none;margin: 0;padding: 0;} .gallery_intro ul > li {display: inline-block;} /* Slider */ .slider_container {position: relative;overflow: hidden;text-align: left;font-family:'Montserrat', sans-serif;} #slider {position: relative;overflow: hidden;float: left;width: 62%;height: 575px;margin: 0 0 25px;} #slider .sizer {display: none;visibility: hidden;width: 100%;} #slider .slide {position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center top;background-size: auto 100%;overflow: hidden;} #slider .slide img {display: block;width: 100%;height: 100%;max-width: auto;object-fit: cover;} #slider .slide .overlay {position: absolute;left: 0;bottom: 0;width: 100%;color: #bbb;line-height: 1.1em;background: rgba(0, 0, 0, 0.67);} #slider .slide .overlay > .layer_2 {padding: 15px 20px 5px;} #slider .slide .overlay h3 {margin: 0 0 0.5em;color: #fff;font: normal 19px/1.1em 'Montserrat', serif;}#slider .slide .overlay h3 a {color: #fff;text-decoration: none;}#slider .slide .overlay h3 a:hover {color: var(--spm-color-red);} #slider-pager {float: right;width: 38%;margin: 0;padding: 0;list-style: none;font-size: 12px;line-height: 1.3em;} #slider-pager li {/* cursor: pointer; */height: 130px;margin: 0 0 1px;padding: 12px 15px 1px;color: #222222;/* text-shadow: 0 1px 0 #fff; */background-color: #fff;transition: background-color 0.2s;overflow: hidden;} #slider-pager li:hover {background-color: #e0e0e0;} #slider-pager li.active {text-shadow: none;background-color: var(--spm-color-dark-blue);color:#d1d3d4} #slider-pager li h3 {margin: 0 0 0.5em;color: #222;font: bold 18px/1.1em 'Montserrat', sans-serif;} #slider-pager li h3 a:hover {color: #000;} #slider-pager li.active h3 {color: #fff;}#slider-pager li h3 a {color: #222;text-decoration: none;}#slider-pager li.active h3 a {color: #fff;} #slider-pager li p {font-size: 1.1em;} .see_more_link p {margin-top: 4.5em;} .see_more_link p a {padding: 15px 25px;font-size: 2.25em;transition: all 0.15s;color: #e0e0e0;text-decoration: none;font-family: 'Barlow Condensed';} .see_more_link p a:hover {color: #fff;} /* - blog - */ .blog #content {font-family: 'Montserrat';} .blog #content .post {position: relative;margin: 0 0 30px;padding-left: 50%;} .blog .columns {margin-right: 0; padding-top: 50px; border-top: 3px solid #d6d6d6; } .blog #content .wp-post-image {position: absolute;width: 50%;left: 0;top: 0;max-height: 100%; object-fit: cover;} .blog #content .description {padding-left: 30px;} .blog #content .title {margin: 0 0 0.3em;font-size: 26px;} .blog #content .column:nth-child(2n+1) {clear: both;} .blog #content .column .wp-post-image {object-fit: contain;} .blog #content > article:first-of-type {min-height: 350px;margin-bottom: 50px;padding-bottom: 50px;font-size: 18px; } .blog #content > article:first-of-type .title { font-size: 32px; } .single-post #content .wp-post-image {width: 100%;} .single-post #content .title {margin: 0 0 0.5em;text-align: center;font-size: 56px;} #content .blog_pager {text-align: center;text-transform: uppercase;} #content .blog_pager .button_container {display: inline-block;} #content .blog_pager .button_container a {display: block;margin: 0 2px;padding: 5px 10px;color: #fff;text-decoration: none;font-weight: bold;font-size: 21px;background-color: #00477e;transition: background-color 0.2s;} #content .blog_pager .button_container a:hover {background-color: #678;} #content .blog_pager .button_container i {position: relative;top: 0.1em;} /* Misc */ li.item {justify-content: end;} body.search #content, body.page-template-page_-blogs #content {padding-bottom: 2em;} body.page-template-page_-blogs #content .navigation {margin: 50px 0 100px 0;} body.search .spm_more_info {font: 16px/1.5 var(--spm-font-family-body);-webkit-text-size-adjust: 100%;list-style: none outside;text-align: center;font-size: 100%;margin: 0;line-height: 1;cursor: pointer;position: relative;overflow: visible;padding: 0.618em 1em;font-weight: 700;border-radius: 3px;left: auto;border: 0;background-image: none;box-shadow: none;text-shadow: none;color: #fff;text-decoration: none;background-color: var(--spm-color-red);display: inline-block;margin-top: 1em;} body.search .spm_more_info:hover {background-color: #dfdcde;} /* Home Page */ #spm_ics_home_wrapper {position: relative;text-align: center;font-weight: 400;font-size: 14px;line-height: 1.2em;min-height: 37.83vh;} #spm_ics_home_wrapper .edge_section {padding-bottom: 5em;} #spm_ics_home_wrapper .edge_section:last-of-type {padding-bottom: 0;} #spm_ics_home_wrapper .mid_section {background-color: #e0e0e0;background-image: url('images/turf.jpg');background-size: cover;background-position: center;} @supports (background-image: url('images/turf.webp')) {#spm_ics_home_wrapper .mid_section {background-image: url('images/turf.webp');}} #spm_ics_home_wrapper .mid_section .section_title {color: #fff;} #spm_ics_home_wrapper .wrap {padding: 75px 35px;} #main .wrap {min-height: 66.4vh;font-family: 'Montserrat';} #spm_ics_home_wrapper .section_title {margin: 0 0 0.8em;font-weight: 900;font-size: 2.25rem;line-height: 1.2em;text-transform: uppercase;color: var(--spm-color-dark-blue);font-family: 'Montserrat';text-align: center;letter-spacing: 2px;} #spm_ics_home_wrapper .wrap .section_title:nth-of-type(2) {margin-bottom: 0.8em;} #spm_ics_home_wrapper .wrap .edge_section {background-color: #c0c0c0;} #spm_ics_home_wrapper .wrap .edge_section:first-child {padding-bottom: 15em;} #spm_ics_home_wrapper .columns > .column {position: relative;min-height: 250px;} #spm_ics_home_wrapper .columns > .column:hover {box-shadow: 0 0 2px #9295a8;} #spm_ics_home_wrapper .spm_button:visited {display: inline-block;padding: 0.6em 1.5em;color: #fff;text-align: center;text-transform: uppercase;text-decoration: none;font-weight: bold;font-size: 20px;line-height: 1em;background-color: var(--spm-color-dark-blue);border-radius: 2px;transition: background-color 0.2s;} #spm_ics_home_wrapper .spm_button:hover {background-color: #3c5573;border-radius: 2px;transition: background-color 0.2s;} #spm_ics_home_wrapper .spm_page_title {display: none;} /* Main */ div#main {position: relative;} div#main .wrap {padding: 50px 20px 40px;} body.tax-product_cat main#main nav.woocommerce-breadcrumb {float: left;} body.page-template-page_-product_category .layer_2, body.page-template-page_-home .layer_2 {padding-top: 0;} body.single-post #main .wrap {padding: 0;} body.single-post #main .wrap #sidebar {float: right;width: 33%;padding-top: 25px;} body.single-post div.layer_2 {padding-top: 0;} body.single-post #content article {padding: 40px;} body.single-post .layer_2 #main {min-height: calc(100vh - 518.5px);} body.single-post .layer_2 #main .wrap {display: flex;} /* Content */ #content {float: right;width: 71%;} #content.full_width {float: none;width: auto;} #content .page_title {font-size: 2.25rem;line-height: 1.2em;font-family: 'Montserrat';letter-spacing: 2px;font-weight: 900;text-transform: uppercase;} #content .page_title a {text-decoration: none;} #content .section_title {text-transform: uppercase;font-size: 20px;} #content .post {margin: 0 0 30px;padding-right: 10px;} #content .title {font-weight: bold;font-size: 27px;line-height: 1.1em;} #content .title a {color: var(--spm-color-dark-blue);text-decoration: none;} #content .date {font-size: 15px;font-style: italic;} #content article.spm_ics_blog_post h3.title a {font-weight: bold;font-style: normal;} #content article.spm_ics_blog_post h3.title a:hover {color: var(--spm-color-blue);} body.single-post #content {float: none;width: 100%;} body.single-post #content article {text-align: left;} body.single-post #content article p {margin-top: 15px;} body.single-post #content article img {max-width: 100%;max-height: 65vh;} .owl-stage-outer {overflow: hidden;} .owl-stage {display: flex;} .owl-item {display: inline-flex;align-content: end;} .owl-nav {position: absolute;width: 100%;} .owl-prev {position: absolute;top: 100px;left: -35px;font-size: 5em;cursor: pointer;} .owl-next {position: absolute;top: 100px;left: 100%;font-size: 5em;cursor: pointer;} /* Sidebar */ #sidebar {float: left;width: 28%;padding: 20px 20px 5px;font-size: 14px;box-sizing: border-box;clear: left;} #sidebar .widget {margin: 0 0 40px;} #sidebar ul {margin: 0 0 15px;padding: 0 0 0 5px;list-style: none;} #sidebar .button {color: var(--spm-color-dark-blue);background-color: var(--spm-color-yellow)!important;} #sidebar .widget .widgettitle {margin: 0 0 1em;color: #000;line-height: 1.1em;} #sidebar .widget .widgettitle a {color: #000;} #sidebar .widget_recent_entries ul li {margin-bottom: 10px;} /* Events Calendar */ .section_title {text-align: left;font-size: 2em;height: 1.67em;padding-top: 6px;padding-left: 12px;color: var(--spm-color-dark-blue);text-transform: none;line-height: 1.4em;font-family: 'Montserrat';} .tribe-compatibility-container {width: 66%;margin: 0 auto;} .tribe-events-single-event-title {font-size: 32px;font-family: 'Montserrat';} .tribe-events-event-meta {width: 100% !important;} .tribe-events-schedule span, .tribe-events-back a, button.tribe-events-c-subscribe-dropdown__button-text, .tribe-events .tribe-events-calendar-list__event-title, .tribe-events-c-top-bar a, .tribe-events-c-top-bar button, .tribe-events-single-section {font-family: 'Montserrat' !important;} .tribe-events-c-top-bar__datepicker-button {font-size: 20px !important;} .tribe-events-calendar-month__day-cell--selected, .tribe-events .tribe-events-calendar-month__mobile-events-icon--event {background-color: var(--spm-color-blue) !important;} .tribe-events-calendar-month__day-cell--selected h3 time {color: #FFF !important; } .tribe-common-c-svgicon, .tribe-events-calendar-month__mobile-events-icon--event {color: var(--spm-color-blue) !important;} .tribe-events-c-subscribe-dropdown__container, .tribe-events-c-subscribe-dropdown__button {width: 225px !important; border-color: var(--spm-color-blue) !important;color: var(--spm-color-blue) !important;} .tribe-events-c-subscribe-dropdown__button:hover {background-color: var(--spm-color-blue) !important;color: #FFF !important;} .spm_ics_view_all_events {display:none;float: right;font-size: 1.1rem !important;text-transform: none;color: var(--spm-color-dark-blue) !important;font-family: 'Montserrat';margin-top: -40px !important;text-decoration: underline !important;} .spm_ics_view_all_events:hover {color: #000 !important;} .tribe-events-widget-events-list__event-wrapper {text-align: left;} .tribe-events-widget-events-list__event-date-tag-daynum {line-height: 1.69;} .tribe-events-widget-events-list__event-datetime-wrapper {margin: 0 !important;} .tribe-events-widget-events-list__event-title a {font-size: 1rem;font-family: 'Montserrat';font-weight: bold;font-size: 1rem;position: relative;top: 3px;line-height: 1;} .tribe-events-widget-events-list__event-title a:hover {color: #0053a0;border-bottom-color: #0053a0;} .tribe-events-widget .tribe-events-widget-events-list__view-more {text-align: center;font-size: 15px !important;margin-top: 2em !important;} .tribe-events-widget .tribe-events-widget-events-list__view-more a {color: var(--spm-color-blue);font-family: 'Montserrat';} .tribe-events-widget .tribe-events-widget-events-list__view-more a:hover {border-bottom-color: var(--spm-color-blue);} .tribe-events-widget-events-list__event-row {padding: 5px 0;} .tribe-events-widget-events-list__event-row--featured .tribe-events-widget-events-list__event-date-tag-datetime:after {height: 0;} .tribe-events-widget-events-list__event-date-tag {width: 96px;} .tribe-events .tribe-events-l-container {padding-top: 30px !important;} .tribe-events-widget .tribe-events-widget-events-list__view-more-link:visited {color: var(--spm-color-dark-blue) !important;} .spm_page_title {text-align: center;text-transform: uppercase;font-size: 2.25rem;font-family: 'Montserrat';margin-bottom: 50px !important;font-weight: 900 !important;color: var(--spm-color-dark-blue);} #spm_ics_home_wrapper .edge_section:nth-child(3) .wrap {padding: 75px 5px 0 5px;} /* Footer */ #footer {line-height: 1.4em;text-align: left;background-color: var(--spm-color-dark-blue);color: #fff;font-size: 12px;} #footer .wrap {position: relative;padding: 30px 20px 10px;} #footer .logo {margin: 0 0 5px;} #footer .title {text-transform: uppercase;font-size: 19px;font-weight: bold;letter-spacing: 0.07em;} #footer .menu {padding: 0;margin: 0 0 40px;list-style: none;letter-spacing: 0.07em;} #footer .menu li {margin: 0;} #footer .menu li a{color:#fff;} #footer .menu.terms_and_conditions li {margin: 0 0 0.5em;} #footer .menu.terms_and_conditions li a {text-decoration: underline;} #footer .menu.phone_numbers {margin: 0 0 20px;font-size: 16px;} #footer .menu.phone_numbers li {position: relative;margin: 0 0 0.5em;} #footer .menu.phone_numbers li i {vertical-align: middle;} #footer p.social a {text-decoration: none;} #footer p.social a:hover {color: #fff;} #footer i {margin-right: 0.3em;font-size: 24px;color: #fff;} #footer .logo_container li {display: inline-block;margin: 0 15px 12px 0;line-height: 1.1em;width: 25%;} #footer .logo_container li.second_last {position: static;margin-left: 15%;} /* Sub-Footer */ #sub_footer {color: #fff;font-weight: normal;font-size: 12px;line-height: 1.4em;background-color: #333;} #sub_footer .wrap {padding: 20px;} #sub_footer .copyright {text-align: right;} #sub_footer a {color: #fff;text-decoration: none;} /* Footer (Mobile) */ #mobile_footer {display: none;position: fixed;z-index: 999;left: 0;right: 0;bottom: 0;min-width: 320px;color: #fff;text-align: center;text-transform: uppercase;font-weight: 600;} #mobile_footer a {color: #fff;text-decoration: none;} #mobile_footer ul {overflow: hidden;margin: 0;padding: 0;list-style: none;} #mobile_footer ul li {float: left;width: 50%;background-color: var(--spm-color-dark-blue);} #mobile_footer ul li.alternate {color: #fff;background-color: var(--spm-color-yellow);} #mobile_footer ul li a {display: block;padding: 8px 0;} #mobile_footer ul li i {margin: 0 0.2em 0 0;} /* Post and Comment Navigation */ .navigation {overflow: hidden;margin: 0 0 20px;font-weight: bold;display: flex;justify-content: space-evenly;padding: 50px;} .navigation.spm_nav_center {justify-content: center;} .comment-navigation {overflow: hidden;height: 1%;font-weight: bold;} .navigation ul, .comment-navigation ul {float: right;list-style: none;} .navigation li, .comment-navigation li {float: left;margin-left: 5px;} .navigation a, .navigation span, .comment-navigation a, .comment-navigation span {display: block;padding: 0 25px;color: var(--spm-color-red);line-height: 24px;background-color: var(--spm-color-red);color: #fff;font-size: 1.35em;padding: 15px 30px;text-decoration: none;} .navigation a:hover, .comment-navigation a:hover {filter: brightness(1.25);-webkit-box-shadow: 0 0 1em 0 rgba(0,0,0,0.4);-moz-box-shadow: 0 0 1em 0 rgba(0,0,0,0.4);box-shadow: 0 0 1em 0 rgba(0,0,0,0.4);} .navigation span, .comment-navigation span {color: #fff;} /* Comments */ #comments-section {margin-bottom: 120px;padding-top: 10px;background: #fff;} /*#comments {width: 600px;color: #888;}*/ #comments .commentlist {margin: 0 0 20px;padding: 0;list-style: none;} #comments .commentlist li {margin: 0 0 10px;padding: 10px 15px 0;background-color: #f8f8f8;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;} #comments .commentlist li.odd {background-color: #eee;} #comments textarea {width: 98%;} .vcard {font-weight: bold;} .vcard img {margin: 0 7px 0 0;vertical-align: middle;border: 2px solid #ccd0dd;} .comment-date {float: right;font-size: 8pt;font-weight: normal;} /* Contact Form 7 */ div.wpcf7 .required {color: #f00;} div.wpcf7-response-output {margin: 0 0 1em;padding: 10px 15px;} div.wpcf7-mail-sent-ok {color: #fff;background-color: #589f43;} div.wpcf7-mail-sent-ng, div.wpcf7-spam-blocked, div.wpcf7-validation-errors {color: #fff;background-color: #0e2056;} span.wpcf7-form-control-wrap {position: relative;} span.wpcf7-not-valid-tip {z-index: 99;position: absolute;left: 10%;top: 60%;width: 240px;padding: 2px 10px;color: #fff;font-size: 13px;background-color: #0e2056;box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);} span.wpcf7-not-valid-tip-no-ajax {display: block;color: #fff;} input.wpcf7-submit {margin: 0 10px 0 0;} /* Gravity Forms */ .gform_wrapper.has_shadow_wrapper {max-width: 640px;margin: 16px auto;padding: 20px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);} /* WOW.js */ .wow {visibility: hidden;} .animated {-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;} /* WooCommerce */ .woocommerce a, .woocommerce a:visited {color: #333;text-decoration: none;} .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {background-color: #0053a0;color: #fff;font-size: 1.2em;} .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {background-color: #0053a0;color: #fff;-webkit-font-smoothing: antialiased;} .woocommerce-product-search button {width: 95%;height: 40px;margin-top: 5px;background-color: var(--spm-color-dark-blue);color: #FFF;font-family: 'Barlow Condensed';font-size: 1.25rem;font-weight: 400;cursor: pointer;} /* - product loop - */ .woocommerce .products ul, .woocommerce .products {display: flex;flex-wrap: wrap;position: relative;} .woocommerce .products .product, .woocommerce-page .products .product {display: flex;flex-direction: column;text-align: center;} .woocommerce .products .product a img {height: 300px;object-fit: contain;} .woocommerce .products .product .woocommerce-loop-category__title, .woocommerce .products .product .woocommerce-loop-product__title, .woocommerce .products .product h3 {margin: 0 0 1em;padding: 0;font-weight: normal;line-height: 1.3em;font-size: 1rem;text-decoration: none;height: 6.5rem} .woocommerce .products .product .button, .woocommerce .products .product .yith-ywraq-add-to-quote {margin-top: auto;font-size: 1rem;} .woocommerce .products .product .spm_more_info {background-color: var(--spm-color-red);} .woocommerce .products .product .spm_more_info:hover {background-color: #dfdcde;} .product_meta .posted_in a {color: var(--spm-color-dark-blue);} .product_meta .posted_in a:hover {color: var(--spm-color-blue);text-decoration: underline;} /* Shop Sidebar (Categories Listing) */ .woocommerce .product-categories {list-style: none;margin-left: -2.2em;} .woocommerce .product-categories li {margin-bottom: 5px;} .woocommerce .product-categories a, .woocommerce .product-categories a:visited {text-decoration: none;color: #333;font-size: 14px;} .woocommerce .product-categories a:hover {color: #0053a0;text-decoration: underline;} .woocommerce .product-categories ul.children {list-style: none;padding-left: 5px;} .woocommerce .product-categories .current-cat > a {font-weight: bold;letter-spacing: 0.5px;color: var(--spm-color-blue);} .page-title {font-size: 2.25rem;font-weight: 900;font-family: 'Montserrat';letter-spacing: 2px;text-transform: uppercase;} .woocommerce .product-categories .count {margin-left: 2px;} .woocommerce .product-categories .current-cat > .count {display: none;} .woocommerce .products .product .price {color: var(--spm-color-red);display: block;font-weight: 600;margin-bottom: 0.5em;font-size: 18px !important;} .woocommerce ul.products li.product .price {color: var(--spm-color-red);display: block;font-weight: 600;margin-bottom: 0.5em;font-size: 18px;} .single_button {font: 16px/1.5 var(--spm-font-family-body);-webkit-text-size-adjust: 100%;list-style: none outside;text-align: center;margin: 1em 0 0 0;line-height: 1;cursor: pointer;position: relative;padding: 0.618em 1em;font-weight: 700;border-radius: 3px;border: 1px solid #0053a0;background-color: #0053a0;color: #fff !important;font-size: 1.2em;text-decoration: none;display: inline-block;width: 10em;transition: all 0.1s ease-in-out;} .single_button:hover {background-color: var(--spm-color-red);} /* - single product - */ .woocommerce div.product p.price, .woocommerce div.product span.price {color: var(--spm-color-red);font-size: 1.45em;font-weight: 600;} .woocommerce .product-type-simple .product_meta { margin: 3em 0; } .ebayLogoWrap {font-size: 0.75rem;margin-top: 25px;font-style: italic;color: #888;} .ebayLogoWrap img {width: 150px;clear: both;} /* Product Category */ .page-template-page_-product_category-php .woocommerce .products .product, .page-template-page_-product_category-php .woocommerce-page .products .product {display: flex;flex-direction: column;text-align: center;} .page-template-page_-product_category-php .woocommerce .products .product a img {height: 300px;object-fit: contain;} .page-template-page_-product_category-php .woocommerce .products .product .woocommerce-loop-category__title, .page-template-page_-product_category-php .woocommerce .products .product .woocommerce-loop-product__title, .page-template-page_-product_category-php .woocommerce .products .product h3 {min-height: 3.9em;margin: 0 0 1em;padding: 0;font-weight: normal;line-height: 1.3em;font-size: 1rem;} .page-template-page_-product_category-php .woocommerce .products .product .button, .page-template-page_-product_category-php .woocommerce .products .product .yith-ywraq-add-to-quote {margin-top: auto;font-size: 1em;} .page-template-page_-product_category-php .woocommerce .products .product .spm_more_info {background-color: var(--spm-color-red);} .page-template-page_-product_category-php .woocommerce .products .product .spm_more_info:hover {background-color: #dfdcde;} .page-template-page_-product_category-php .woocommerce .products .product .price {color: var(--spm-color-red);display: block;font-weight: 600;margin-bottom: 0.5em;font-size: 18px !important;} .page-template-page_-product_category-php .woocommerce .products .product .woocommerce-loop-category__title, .page-template-page_-product_category-php .woocommerce .products .product .woocommerce-loop-product__title, .page-template-page_-product_category-php .woocommerce .products .product h3 {min-height: 0;height: auto;} /* - auction - */ div.auction-nudge-items.theme-responsive div.an-item div.an-title {margin-bottom: 7px;font-weight: 600 !important;} /* Styles from animate.css */ @-webkit-keyframes fadeIn {from {opacity: 0;}} @keyframes fadeIn {from {opacity: 0;}} .fadeIn {-webkit-animation-name: fadeIn;animation-name: fadeIn;} @-webkit-keyframes fadeInUpSmall {from {opacity: 0;-webkit-transform: translateY(20px);}} @keyframes fadeInUpSmall {from {opacity: 0;transform: translateY(20px);}} .fadeInUpSmall {-webkit-animation-name: fadeInUpSmall;animation-name: fadeInUpSmall;} @-webkit-keyframes fadeInLeftSmall {from {opacity: 0;-webkit-transform: translateX(-20px);}} @keyframes fadeInLeftSmall {from {opacity: 0;transform: translateX(-20px);}} .fadeInLeftSmall {-webkit-animation-name: fadeInLeftSmall;animation-name: fadeInLeftSmall;} @-webkit-keyframes fadeInRightSmall {from {opacity: 0;-webkit-transform: translateX(20px);}} @keyframes fadeInRightSmall {from {opacity: 0;transform: translateX(20px);}} .fadeInRightSmall {-webkit-animation-name: fadeInRightSmall;animation-name: fadeInRightSmall;} @-webkit-keyframes fadeOutDownSmall {from {opacity: 1;} to {opacity: 0;-webkit-transform: translateY(20px);}} @keyframes fadeOutDownSmall {from {opacity: 1;} to {opacity: 0;transform: translateY(20px);}} .fadeOutDownSmall {-webkit-animation-name: fadeOutDownSmall;animation-name: fadeOutDownSmall;} @-webkit-keyframes zoomIn {from {opacity: 0;-webkit-transform: scale(0.3);}} @keyframes zoomIn {from {opacity: 0;transform: scale(0.3);}} .zoomIn {-webkit-animation-name: zoomIn;animation-name: zoomIn;} @-webkit-keyframes extendLeft {from {-webkit-transform: scaleX(0);}} @keyframes extendLeft {from {transform: scaleX(0);}} .extendLeft {-webkit-animation-name: extendLeft;animation-name: extendLeft;-webkit-transform-origin: 100%;transform-origin: 100%;} @-webkit-keyframes extendRight {from {-webkit-transform: scaleX(0);}} @keyframes extendRight {from {transform: scaleX(0);}} .extendRight {-webkit-animation-name: extendRight;animation-name: extendRight;-webkit-transform-origin: 0;transform-origin: 0;} /* Repsonsive Design */ @media only screen and (max-width: 1220px) { html {overflow-x: hidden;} body {overflow-x: hidden;min-width: 320px;} .wrap {width: auto;} } @media only screen and (max-width: 959px) { #header .nav .menu > li > a {padding: 0 5px;} .blog #content .columns.two {margin: 0;} .blog #content .columns.two > .column {float: none;width: auto;margin: 0 0 20px;} .blog #content .post {min-height: 250px;} .blog #content .post.primary {min-height: 250px;padding-bottom: 0;font-size: 18px;border-bottom: none;} .blog #content .post.primary .description {padding: 0 0 0 30px;} .blog #content .post.primary .title {font-size: 28px;} .blog #content .post.primary .button {font-size: 18px;} } @media only screen and (max-width: 847px) { body {padding-top: 0;} body > .layer_2 {padding-top: 0;} #header {position: relative;} .admin-bar #header {top: 0;} #header .wrap {height: auto !important;padding: 50px 20px 20px;} #header #responsive_menu_button {display: block;} #header .logo {position: static;margin: 0 auto !important;width: 254px;height: 207px;background-size: 254px 207px;} #header .nav {display: none;} #header .upper {display: none;} #header .promo {position: static;margin: 16px auto 0 !important;} .posted_in {display: block;margin-top: 50px;margin-bottom: 10px;} #slider {float: none;width: auto;} #slider .sizer {display: block;} #slider-pager {position: absolute;z-index: 99;right: 15px;top: 15px;width: auto;} #slider-pager li {float: left;width: 15px;height: 15px;margin: 0 0 0 7px;padding: 0;border-radius: 1px;box-shadow: 0 0 3px rgba(0,0,0,0.5);} #slider-pager li.active {background-color: #777;} #slider-pager h3, #slider-pager p {display: none;} } @media only screen and (max-width: 768px) { #banner {height: 332px;} #upper #responsive_menu_button {display: block;} body.page-template-page_-product_category .woocommerce a.button.add_to_cart_button {width: 80%;margin: 0 auto;} .page-template-page_-home #header {position: static;} #header .nav {display: none;} #spm_ics_home_wrapper .columns.four > .column {width: 48%;} #spm_ics_home_wrapper .columns.four > .column:nth-child(2n+1) {clear: both;} #content {float: none;width: auto;margin: 0 0 20px;} #sidebar {float: none;width: auto;max-width: 570px;margin: 0 auto;padding: 10px 20px;} .columns.two.contact > .column {width: 98%;float: none;} .woocommerce ul.products {justify-content: center;} .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {width: 42%;float: left;clear: both;margin: 0 0.5em 2.992em;} .woocommerce ul.products li.product .button, .woocommerce ul.products li.product .yith-ywraq-add-to-quote {margin-top: auto;font-size: 1.25em;} .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {padding: 0 0 5px;font-size: 18px;} .woocommerce ul.products li.product a img {min-height: auto;} .woocommerce ul.products li.product .price {font-size: 1.5em !important;} .woocommerce #content div.product div.summary {text-align: center;} .woocommerce-breadcrumb {display: none;} .layer_2 #main .wrap #content {width: 100%;} #banner_inside_page .wrap {position: relative;padding: 10px 20px 10px;} div#main .wrap {padding: 50px 20px 10px;} #mobile_footer {display: block;} .admin-bar #header {top: 0;} #content .page_title {text-align: center;} .tribe-events .tribe-events-calendar-list__event-wrapper {padding-left: 25px;} .tribe-events .tribe-events-calendar-list__event-date-tag-datetime {min-width: 75px;} .see_more_link { padding-bottom: 0; } .single_button {font-size: 1.25em;} body.single-post .layer_2 #main .wrap {flex-direction: column;} .blog #content > article:first-of-type .title { font-size: 28px; } .blog #content .title {font-size: 24px;} .description p:nth-child(2) {font-size: 0.95em;} } @media only screen and (max-width: 567px) { #banner {display: none;} #spm_ics_home_wrapper {font-size: 16px;} #content .service_section {padding: 30px 30px 15px;} #content .service_section .icon {position: static;margin: 0 auto 20px;} .see_more_link {padding: 6em 0;} .slider_tabs .slider-tab h3 a {-webkit-line-clamp: inherit;} .slider_tabs .slider-tab p span {-webkit-line-clamp: inherit;} .see_more_link {padding: 3em 0 0;} .tribe-compatibility-container { margin: 0;width: 100%;} .blog #content .post {min-height: auto;padding-left: 0;} .blog #content .wp-post-image {position: static;width: 100%;margin: 0 0 10px;} .blog #content .description {padding: 0;} .blog #content .post.primary .description {padding: 0;} #content .page_title {font-size: 28px;} .blog #content > article:first-of-type .title { font-size: 26px; } .blog #content .title {font-size: 22px;} .description p:nth-child(2) {font-size: 0.9em;} } @media only screen and (max-width: 479px) { #upper .menu li.phone, #upper .menu li.email {display: none;} #header #responsive_menu_button {display: block;} #header .nav {display: none;} .page-template-page_-product_category-php .woocommerce .products .product a img {height: auto;max-width: 75%;margin: 10px auto;} .page-template-page_-product_category-php .woocommerce .products .product .price {font-size: 1.2em !important;} .woocommerce ul.products[class*=columns-] li.product {width: 100%;margin-bottom: 5em;} .woocommerce .products .product .woocommerce-loop-category__title, .woocommerce .products .product .woocommerce-loop-product__title, .woocommerce .products .product h3 { height: auto; } .woocommerce div.product .product_title {font-size: 1.2em;} .woocommerce div.product p.price {font-size: 1.25em;} .woocommerce ul.products li.product .button {font-size: 1em !important;} .woocommerce ul.products li.product .price {font-size: 1.2em !important;} body.single-post .layer_2 #main .wrap {flex-direction: column;} .owl-nav {display:none;} .see_more_link {padding: 0;} .see_more_link p a {font-size: 1.25em;} .single_button {font-size: 1.25em;margin: 1em 0 0.25em 0;} #spm_ics_home_wrapper .columns.four > .column {width: 98%;} #spm_ics_home_wrapper .section_title {font-size: 28px; margin-bottom: 2em;} #spm_ics_home_wrapper .section_title { margin-bottom: 0;} #spm_ics_home_wrapper .section_title:last-of-type {margin-bottom: 1.75em;} #spm_ics_home_wrapper .woocommerce .products .product .woocommerce-loop-product__title { height: 5rem; } #spm_ics_home_wrapper .edge_section { padding-bottom: 0;} .slider_container {margin-top: 5em;} .tribe-events-widget .tribe-events-widget-events-list__view-more { margin-top: 4em !important; } .page-title {text-align: center;} #content .page_title {font-size: 26px;} .blog #content > article:first-of-type .title { font-size: 24px; } .blog #content .title {font-size: 20px;} } @media only screen and (max-width: 424px) { #header .upper .menu {font-size: 11px;} #header .upper .menu > li > a {padding: 0 6px;} #sub_footer .copyright span {display: block;} }