@charset "UTF-8";
/*!
Theme Name: Sylvan Sport
Theme URI: http://underscores.me/
Author: Locke Crawford
Author URI: http://underscores.me/
Description: Custom Theme for Sylvan Sport
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sylvan_sport
Tags:
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Sylvan Sport is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
## Links
## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
## Posts and pages
## Asides
## Comments
# Infinite scroll
# Media
## Captions
## Galleries
--------------------------------------------------------------*/
/* SECTIONS ============================================================================= */
.section {
clear: both;
padding: 0px;
margin: 0px;
}
/* GROUPING ============================================================================= */
.group:before, .group:after {
content: "";
display: table;
}
.group:after {
clear: both;
}
.group {
zoom: 1;
/* For IE 6/7 (trigger hasLayout) */
}
/* GRID COLUMN SETUP ==================================================================== */
.col {
display: block;
float: left;
margin: 1% 0 1% 1.6%;
position: relative;
height: 100%;
}
.col:first-child {
margin-left: 0;
}
/* all browsers except IE6 and lower */
/* REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */
@media only screen and (max-width: 600px) {
.col {
margin: 1% 0 1% 0%;
}
}
/* GRID OF TWO ============================================================================= */
.request-info-span_1_of_2, .home-hero-span_1_of_3 {
width: 100%;
}
@media only screen and (min-width: 600px) {
.request-info-span_1_of_2 {
width: 49.2%;
}
}
@media only screen and (min-width: 1000px) {
.home-hero-span_1_of_3 {
width: 32.26%;
}
}
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 850px) {
.footer_span_1_of_2 {
width: 100%;
}
.footer_span_2_of_2 {
width: 100%;
}
.span_1_of_2, .post-block-span_1_of_2 {
width: 100%;
}
.home_product_detail_span_1_of_2 {
width: 100%;
}
.home_product_detail_span_2_of_2 {
width: 100%;
height: 100%;
}
.archive-block-span_2_of_3 {
width: 100%;
}
.archive-block-span_1_of_3 {
width: 100%;
}
}
@media only screen and (min-width: 851px) {
.footer_span_1_of_2 {
width: 66.13%;
}
.footer_span_2_of_2 {
width: 32.26%;
}
.home_product_detail_span_1_of_2 {
width: 41.94%;
}
.home_product_detail_span_2_of_2 {
width: 56.45%;
height: 100%;
}
.span_1_of_2, .post-block-span_1_of_2 {
width: 49.2%;
}
.post-block-span_1_of_2:nth-child(2n+1) {
clear: both;
margin-left: 0;
}
.archive-block-span_2_of_3 {
width: 74.59%;
}
.archive-block-span_1_of_3 {
width: 23.81%;
}
}
@media only screen and (min-width: 1100px) {
.footer_span_1_of_2 {
width: 49.2%;
}
.footer_span_2_of_2 {
width: 49.2%;
}
.home_product_detail_span_1_of_2 {
width: 41.94%;
}
.home_product_detail_span_2_of_2 {
width: 56.45%;
height: 100%;
}
.span_1_of_2, .post-block-span_1_of_2 {
width: 49.2%;
}
}
/* GRID OF THREE ============================================================================= */
.footer_span_1_of_3 {
width: 32.26%;
margin: 1% 0 1% 0% !important;
}
.aboutPost-span_1_of_3, .team-span_1_of_3 {
width: 100%;
}
.dealer-results-span_1_of_3, .dealer-results-span_2_of_3, .post-block-span_1_of_3 {
width: 100%;
}
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 600px) {
.footer_span_1_of_3 {
width: 100%;
}
}
@media (min-width: 480px) and (max-width: 860px) {
.aboutPost-span_1_of_3, .team-span_1_of_3, .post-block-span_1_of_3 {
width: 49.2%;
}
.aboutPost-span_1_of_3:nth-child(2n+1), .team-span_1_of_3:nth-child(2n+1), .post-block-span_1_of_3:nth-child(2n+1) {
clear: both;
margin-left: 0;
}
}
@media only screen and (min-width: 860px) {
.aboutPost-span_1_of_3, .team-span_1_of_3, .post-block-span_1_of_3 {
width: 32.26%;
}
.aboutPost-span_1_of_3:nth-child(3n+1), .team-span_1_of_3:nth-child(3n+1), .post-block-span_1_of_3:nth-child(3n+1) {
clear: both;
margin-left: 0;
}
}
@media only screen and (min-width: 550px) {
.dealer-results-span_1_of_3 {
width: 45%;
margin: 0 5%;
min-height: 250px;
}
.dealer-results-span_2_of_3 {
width: 45%;
}
}
@media only screen and (min-width: 750px) {
.dealer-results-span_1_of_3, .dealer-results-span_2_of_3 {
width: 32.26%;
margin: 1% 0 1% 1.6%;
min-height: 0px;
}
}
/* GRID OF FOUR ============================================================================= */
.prompt-span_1_of_4 {
width: 100%;
margin: 0% !important;
}
.testimonials_span_1_of_4 {
width: 100%;
}
.home-hero-span_1_of_4, .home-hero-span_3_of_4 {
width: 100%;
}
@media only screen and (min-width: 600px) {
.home-hero-span_1_of_4 {
width: 23.8%;
}
.home-hero-span_3_of_4 {
width: 74.6%;
}
}
@media only screen and (min-width: 500px) {
.prompt-span_1_of_4 {
width: 50%;
margin: 0% !important;
}
.testimonials_span_1_of_4 {
width: 49.2%;
}
}
@media (min-width: 500px) and (max-width: 999px) {
.testimonials_span_1_of_4:nth-child(2n+1) {
clear: both;
margin-left: 0;
}
}
@media only screen and (min-width: 1000px) {
.prompt-span_1_of_4 {
width: 25%;
margin: 0% !important;
}
.testimonials_span_1_of_4 {
width: 23.8%;
}
.testimonials_span_1_of_4:nth-child(4n+1) {
clear: both;
margin-left: 0;
}
}
/* GRID OF FIVE ============================================================================= */
.col.span_1_of_5 {
width: 100%;
margin: 0 auto;
float: none;
}
@media only screen and (min-width: 480px) {
.col.span_1_of_5 {
width: 50%;
margin: 0 auto;
float: left;
}
}
@media screen and (min-width: 720px) {
.col.span_1_of_5 {
width: 33.33%;
margin: 0 auto;
float: left;
}
}
@media only screen and (min-width: 1000px) {
.span_1_of_5 {
width: 20%;
margin: 0% !important;
}
}
/* GRID OF Twelve ============================================================================= */
.span_7_of_12 {
width: 100%;
}
.span_3_of_12 {
width: 100%;
}
.span_2_of_12 {
width: 100%;
}
@media only screen and (min-width: 600px) {
.span_7_of_12 {
width: 100%;
}
.span_3_of_12 {
width: 50%;
}
.span_2_of_12 {
width: 50%;
}
}
@media only screen and (min-width: 800px) {
.span_7_of_12 {
width: 41.66%;
}
.span_3_of_12 {
width: 33.33%;
}
.span_2_of_12 {
width: 24.99%;
}
}
@media only screen and (min-width: 1250px) {
.span_7_of_12 {
width: 58.33%;
}
.span_3_of_12 {
width: 24.99%;
}
.span_2_of_12 {
width: 16.66%;
}
}
.home-hero-footer-1 .col, .home-hero-footer-mobile .col {
display: block;
float: left;
margin: 0;
position: relative;
height: 100%;
padding: 0 1%;
}
.span_3_of_12.col {
display: block;
float: left;
margin: 0;
position: relative;
height: 100%;
padding: 0;
}
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
width: 100%;
height: 100%;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
-moz-osx-font-smoothing: antialiased;
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden], template {
display: none;
}
a {
background-color: transparent;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace, monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body {
font-family: "Barlow Semi Condensed", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 23px;
}
body button, body input, body select, body textarea {
font-family: "Barlow Semi Condensed", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 23px;
}
h1, h2, h4, h5, h6 {
clear: both;
}
h1 {
font-family: "Barlow Semi Condensed", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 45px;
color: #64A70B;
margin: 0px;
padding: 0px;
line-height: 50px;
text-transform: uppercase;
}
h2 {
font-family: "Roboto Slab", serif;
font-style: normal;
font-weight: 300;
font-size: 18px;
display: inline-block;
color: #64A70B;
padding: 0px;
line-height: 25px;
text-transform: lowercase;
margin-top: 0px;
}
h3 {
font-family: "Barlow Semi Condensed", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 35px;
color: #000000;
margin: 0px;
padding: 0px;
line-height: 40px;
text-transform: uppercase;
}
h4 {
font-family: "Barlow Semi Condensed", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 20px;
margin: 0px;
padding: 0px;
line-height: 25px;
text-transform: uppercase;
}
h5 {
font-family: "Barlow Semi Condensed", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 45px;
color: #64A70B;
display: inline-block;
margin: 0px 12px 0px 0px;
padding: 0px;
line-height: 50px;
clear: none;
}
h6 {
font-family: "Roboto Slab", serif;
font-style: normal;
font-weight: 300;
font-size: 12px;
color: #64A70B;
padding: 0px;
line-height: 18px;
}
/* ORIGINAL FONT SIZES
.updated-fonts {
h1 {
@include roboto-Bold (65px);
color: $mainColor;
margin: 0px;
padding: 0px;
line-height: 68px;
}
h2 {
@include robotoSlab-Light (35px);
display: inline-block;
color: $mainColor;
margin: 0px 0px 30px 0px;
padding: 0px;
line-height: 36px;
}
h3 {
@include robotoCondensed-Bold (60px);
color: $textBlack;
margin: 0px;
padding: 0px;
line-height: 70px;
}
h4 {
@include robotoCondensed-Bold (36px);
color: $textBlack;
margin: 0px 0px 10px 0px;
padding: 0px;
line-height: 1;
}
h5 {
@include roboto-Bold (36px);
color: $mainColor;
display: inline-block;
margin: 0px 12px 0px 0px;
padding: 0px;
line-height: 36px;
clear: none;
}
h6 {
@include robotoSlab-Light (24px);
color: $mainColor;
margin: 0px;
padding: 0px;
line-height: 30px;
}
p {
@include roboto-Regular (18px);
color: $textBlack;
line-height: 25px;
}
.green-hero-text {
@include robotoSlab-Light (19px);
color: $mainColor;
margin: 0px;
padding: 0px;
line-height: 25px;
}
.extended-line-height {
p {
line-height: 35px;
}
}
.small-paragraph-text {
p {
@include roboto-Regular (12px);
line-height: 18px;
}
}
}
*/
p {
margin-bottom: 1.5em;
}
dfn, cite, em, i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code, kbd, tt, var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375rem;
}
abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark, ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
}
.hero p {
color: #000000;
margin: 40px 0 0 0;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
box-sizing: border-box;
}
*, *:before, *:after {
/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
box-sizing: inherit;
}
blockquote, q {
quotes: "" "";
}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul, ol {
margin: 0 0 1.5em 3em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul, li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
.packages ul {
margin: 10px 0px 50px 0px;
}
.packages ul li {
list-style-image: url("https://www.sylvansport.com/wp-content/uploads/2020/09/checkmark-1.svg");
padding: 0 0 0 10px;
margin: 10px 0px;
}
.packages ul li strong {
font-weight: 500;
}
img {
height: auto;
/* Make sure images are scaled correctly. */
max-width: 100%;
/* Adhere to container width. */
}
table {
margin: 0 0 1.5em;
width: 100%;
}
.social-grid-wrapper {
width: 100%;
max-width: 1200px;
margin: -120px auto 0 auto;
left: 0;
right: 0;
z-index: 5;
position: absolute;
}
.social-grid-wrapper a.social-grid-link {
display: flex;
text-decoration: none;
color: #ffffff;
max-width: 240px;
max-height: 240px;
}
.social-grid-wrapper a:hover.social-grid-link {
opacity: 0.9;
}
.social-grid-wrapper a:hover.social-grid-link img {
background: #000000;
}
.social-grid-wrapper a:nth-of-type(3n+1) {
background: url("../images/SylvanSport_SocialBackground.png") no-repeat #64A70B;
background-size: cover;
}
.social-grid-wrapper a:nth-of-type(3n+2) {
background: url("../images/SylvanSport_SocialBackground.png") no-repeat #FA7900;
background-size: cover;
}
.social-grid-wrapper a:nth-of-type(3n+3) {
background: url("../images/SylvanSport_SocialBackground.png") no-repeat #373A36;
background-size: cover;
}
.social-grid-post {
padding: 20px;
}
.social-grid-profile-image {
width: 40px;
height: 40px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
overflow: hidden;
margin-bottom: 10px;
}
.social-grid-username {
font-family: "Roboto Slab", serif;
font-style: normal;
font-weight: 700;
font-size: 16px;
}
.social-grid-comment {
font-family: "Barlow", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
letter-spacing: 0.5px;
line-height: 20px;
margin: 0 0 20px 0;
}
.social-grid-hashtag-content-wrapper {
margin: 20px 5% 0 5%;
left: 0;
right: 0;
}
.social-grid-hashtag-content {
font-family: "Barlow", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.5px;
color: #919388;
text-align: center;
max-width: 850px;
margin: 10px auto 10px auto;
}
.full-social-grid, .tablet-social-grid, .mobile-social-grid, .wide-social-grid {
overflow: hidden;
}
.full-social-grid, .tablet-social-grid, .wide-social-grid {
display: none;
}
@media screen and (min-width: 480px) {
.social-grid-wrapper {
width: 480px;
position: absolute;
}
.tablet-social-grid {
display: block;
}
.mobile-social-grid {
display: none;
}
}
@media screen and (min-width: 720px) {
.social-grid-wrapper {
width: 720px;
}
}
@media screen and (min-width: 960px) {
.social-grid-wrapper {
width: 960px;
}
.full-social-grid {
display: block;
}
.mobile-social-grid, .tablet-social-grid {
display: none;
}
}
@media screen and (min-width: 1200px) {
.social-grid-wrapper {
width: 100%;
max-width: 1200px;
margin: -120px auto 0 auto;
position: absolute;
left: 0;
right: 0;
z-index: 5;
}
.social-grid-wrapper a.social-grid-link {
display: flex;
text-decoration: none;
color: #ffffff;
max-width: 240px;
max-height: 240px;
}
.social-grid-wrapper a:hover.social-grid-link {
opacity: 0.9;
}
.social-grid-wrapper a:hover.social-grid-link img {
background: #000000;
}
.social-grid-wrapper a:nth-of-type(3n+1) {
background: url("../images/SylvanSport_SocialBackground.png") no-repeat #64A70B;
background-size: cover;
}
.social-grid-wrapper a:nth-of-type(3n+2) {
background: url("../images/SylvanSport_SocialBackground.png") no-repeat #FA7900;
background-size: cover;
}
.social-grid-wrapper a:nth-of-type(3n+3) {
background: url("../images/SylvanSport_SocialBackground.png") no-repeat #373A36;
background-size: cover;
}
.social-grid-post {
padding: 20px;
}
.social-grid-profile-image {
width: 40px;
height: 40px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
overflow: hidden;
margin-bottom: 10px;
}
.social-grid-username {
font-family: "Roboto Slab", serif;
font-style: normal;
font-weight: 700;
font-size: 16px;
}
.social-grid-comment {
font-family: "Barlow", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
letter-spacing: 0.5px;
line-height: 20px;
}
.social-grid-hashtag-content-wrapper {
margin: 20px auto 0 auto;
position: absolute;
top: 510px;
z-index: 1;
left: 0;
right: 0;
}
.social-grid-hashtag-content {
font-family: "Barlow", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.5px;
color: #919388;
text-align: center;
max-width: 850px;
margin: 10px auto 10px auto;
}
.mobile-social-grid, .tablet-social-grid, .full-social-grid {
display: none;
}
.wide-social-grid {
display: block;
}
}
.trailer-social-grid {
background: #352818 url("../images/SylvanSport_Dealer-Locator-Background.jpg") no-repeat top;
background-size: cover;
}
.trailer-social-grid .social-grid-wrapper {
padding: 50px 0;
margin: 0 auto 0 auto !important;
position: relative !important;
}
.trailer-social-grid .social-grid-hashtag-content-wrapper {
position: inherit;
color: #ffffff !important;
top: inherit;
}
.trailer-social-grid .social-grid-hashtag-content-wrapper h3.social-grid-hashtag {
color: #64A70B !important;
}
.trailer-social-grid .social-grid-hashtag-content-wrapper .social-grid-hashtag-content {
color: #ffffff !important;
}
.spec_grid table {
width: 100%;
}
.spec_grid th {
font-family: "Roboto Slab", serif;
font-style: normal;
font-weight: 700;
font-size: 16px;
color: #64A70B;
text-align: left;
background: #ffffff;
padding: 0 10px;
vertical-align: middle;
}
.spec_grid tr {
background: #dfdfdf;
height: 50px;
}
.spec_grid tr.alt {
background: #efefef;
}
.spec_grid td {
padding: 0 10px;
vertical-align: middle;
}
.spec_grid td.column-1 {
width: 50%;
}
.spec_grid td.column-2 {
width: 25%;
}
.spec_grid h3 {
margin: 0 0 20px 0;
}
.spec_grid h3 a {
font-family: "Roboto Slab", serif;
font-style: normal;
font-weight: 700;
font-size: 16px;
color: #64A70B;
text-decoration: none;
}
.spec_grid h3 a:hover {
color: #FA7900;
}
@media screen and (min-width: 600px) {
.spec_grid th {
font-family: "Roboto Slab", serif;
font-style: normal;
font-weight: 700;
font-size: 24px;
}
}
.prompt-bar-wrapper {
max-width: 1140px;
margin: 20px auto 60px auto;
display: flex;
padding: 0 10px;
flex-direction: row;
}
.prompt-bar-wrapper a.prompt-bar {
display: inline-block;
position: relative;
margin: 10px;
text-decoration: none;
flex-wrap: wrap;
}
.prompt-bar-wrapper a.prompt-bar img {
border: 2px solid #ffffff;
position: relative;
z-index: 1;
}
.prompt-bar-wrapper a.prompt-bar .prompt-details {
padding: 5px 30px 20px 0px;
}
.prompt-bar-wrapper a.prompt-bar .prompt-title {
color: #ffffff;
position: absolute;
z-index: 2;
top: 20px;
left: 20px;
font-family: "Barlow Semi Condensed", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 36px;
text-transform: uppercase;
padding: 0 50px 0 0;
line-height: 40px;
}
.prompt-bar-wrapper a:hover.prompt-bar img {
border: 2px solid #64A70B;
}
.featured-video {
margin: 80px 0 0 0;
}
@media screen and (max-width: 800px) {
.prompt-bar-wrapper {
flex-wrap: wrap;
justify-content: space-around;
margin: 50px 0px;
}
.prompt-bar-wrapper a.prompt-bar {
width: 45%;
}
}
.horizontal-bar {
background: url("../images/2019/Leaf-pattern_vector.png");
height: 60px;
background-size: 100%;
width: 100%;
display: block;
position: relative;
text-align: center;
clear: both;
}
.horizontal-bar h2 {
line-height: 60px;
font-size: 30px;
}
@media screen and (min-width: 600px) {
.horizontal-bar {
height: 136px;
}
.horizontal-bar h2 {
line-height: 136px;
font-size: 50px;
}
}
#go_trailer_sequence {
display: none;
}
@media screen and (min-width: 840px) {
#go_trailer_sequence {
display: block;
position: relative;
width: 100%;
height: 922px;
z-index: 10;
}
#go_trailer_sequence_loader {
display: block;
position: relative;
top: 200px;
width: 100px;
height: 72px;
margin: 0 auto;
background: url("../images/trailer-sequence/loading.png") no-repeat 0 0;
}
#go_trailer_sequence_wrapper {
display: none;
overflow: hidden;
position: relative;
width: 100%;
height: 100%;
text-align: center;
background-repeat: no-repeat;
background-position: bottom center;
}
#go_trailer_sequence_foreground {
display: none;
position: absolute;
width: 100%;
height: 513px;
bottom: 0px;
background-repeat: no-repeat;
background-position: top center;
}
#trailer_sequence {
display: block;
position: relative;
top: -25px;
left: 126px;
width: 580px;
height: 513px;
margin: 0 auto;
}
#trailer_sequence #trailer_sequence_1 {
display: none;
position: absolute;
top: 0px;
left: 0px;
width: 580px;
height: 513px;
}
#trailer_sequence #trailer_sequence_2 {
display: none;
position: absolute;
top: 0px;
left: 0px;
width: 580px;
height: 513px;
}
#trailer_sequence #trailer_sequence_3 {
display: none;
position: absolute;
top: 0px;
left: 0px;
width: 580px;
height: 513px;
}
#trailer_sequence #trailer_sequence_4 {
display: none;
position: absolute;
top: 0px;
left: 0px;
width: 580px;
height: 513px;
}
#trailer_sequence #trailer_sequence_5 {
display: none;
position: absolute;
top: 0px;
left: 0px;
width: 580px;
height: 513px;
}
}
.dealer-locator {
background: #f7f7f7;
background-size: contain;
padding: 50px 0px;
}
.store-locator {
background: #ffffff;
margin: 5px 0 5px 0;
padding: 10px 25px 25px 25px;
overflow: hidden;
}
.store-locator a, .store-locator a.storelocatorlink {
color: #64A70B !important;
text-decoration: none;
font-weight: bold;
}
.store-locator a:hover, .store-locator a:hover.storelocatorlink {
color: #423220 !important;
text-decoration: none;
}
.results_wrapper {
border-bottom: 3px solid #64A70B;
}
.results_wrapper:last-child {
border-bottom: none;
}
.dealer-locator-image {
text-align: center;
}
.location_name {
font-size: 18px;
}
.dealer-locator-wrapper, .dealer-locator-search {
max-width: 1160px;
margin: 0 auto;
}
.dealer-locator-wrapper a, .dealer-locator-wrapper a:visited {
color: #FA7900;
text-decoration: none;
}
.dealer-locator-wrapper a:hover {
color: #ffffff;
}
.dealer-locator-wrapper, .sl_div {
padding: 0 25px;
}
.dealer-locator-content {
color: #000000;
text-align: center;
}
.dealer-locator-search {
background: #64A70B;
padding: 25px 25px;
margin: 0 25px 50px 25px;
overflow: hidden;
position: relative;
}
#address_search label, #address_search input {
display: inline-block;
vertical-align: baseline;
height: 50px;
line-height: 50px;
}
#address_search #addy_in_address {
width: 100%;
}
#address_search #addy_in_address input[type="text"] {
width: 100%;
font-family: "Roboto Slab", serif;
font-style: normal;
font-weight: 700;
font-size: 16px;
padding: 0 10px;
}
#address_search #addy_in_address label {
display: none;
}
#address_search label {
font-family: "Roboto Slab", serif;
font-style: normal;
font-weight: 700;
font-size: 14px;
color: #ffffff;
margin: 0 5% 0 0;
}
#address_search #addy_in_radius {
width: 100%;
margin-top: 15px;
}
#address_search select#radiusSelect {
font-family: "Roboto Slab", serif;
font-style: normal;
font-weight: 700;
font-size: 16px;
padding: 3px;
width: 62%;
background: #ffffff;
}
#address_search #radius_in_submit {
width: 100%;
text-align: left;
margin-top: 15px;
}
#address_search input[type="submit"].slp_ui_button {
font-family: "Roboto Slab", serif;
font-style: normal;
font-weight: 700;
font-size: 20px;
background: #FA7900;
color: #ffffff;
text-decoration: none;
height: 50px;
line-height: 50px;
display: block;
margin: 0 auto;
width: 100%;
padding: 0 5px;
text-align: center;
border: none;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
}
#address_search input:hover[type="submit"].slp_ui_button {
background: #ffffff;
color: #64A70B;
border: none;
}
.dealer-locator-results {
background: #ffffff;
margin-bottom: -50px;
overflow: hidden;
}
.dealer-results-content {
padding: 20px 0;
}
.dealer-locator-map, .gm-style, #map.slp_map {
height: 300px !important;
}
@media screen and (min-width: 600px) {
#address_search #addy_in_address {
width: 100%;
float: left;
}
#address_search #addy_in_address input[type="text"] {
width: 100%;
}
#address_search label {
width: 20%;
font-family: "Roboto Slab", serif;
font-style: normal;
font-weight: 700;
font-size: 24px;
}
#address_search #addy_in_radius {
margin-top: 20px;
width: 50%;
float: left;
}
#address_search #addy_in_radius label {
width: 40%;
}
#address_search select#radiusSelect {
width: 55%;
}
#address_search #radius_in_submit {
margin-top: 20px;
width: 50%;
float: left;
text-align: right;
}
#address_search input[type="submit"].slp_ui_button {
position: absolute;
right: 50px;
width: 200px;
padding: 0 20px;
}
.dealer-locator-search {
padding: 25px 50px;
}
}
@media screen and (min-width: 750px) {
#address_search #addy_in_address input[type="text"] {
width: 100%;
}
#address_search #addy_in_radius label {
width: 29%;
}
#address_search label {
width: 12%;
}
#address_search select#radiusSelect {
width: 66%;
}
.dealer-locator-map, .gm-style, #map.slp_map {
height: 625px !important;
}
.dealer-locator-content {
padding: 0 50px;
}
}
@media screen and (min-width: 1160px) {
.dealer-locator {
padding: 40px 0 50px 0;
}
.sl_div, .dealer-locator-map, .dealer-locator-wrapper {
padding: 0px;
}
.dealer-locator-search {
margin: 0 auto 10px auto;
}
#address_search #addy_in_address {
width: 50%;
float: left;
}
#address_search #addy_in_address input[type="text"] {
width: 90%;
}
#address_search label {
width: 15%;
}
#address_search #addy_in_radius {
margin-top: 0px;
width: 25%;
}
#address_search #addy_in_radius label {
width: 35%;
}
#address_search #radius_in_submit {
margin-top: 0px;
width: 25%;
}
#address_search select#radiusSelect {
width: 60%;
}
}
span.dealer-details {
color: #FA7900;
text-transform: uppercase;
}
.dealer-key {
list-style-type: none;
text-align: center;
font-family: "Roboto Slab", serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
color: #373A36;
line-height: 30px;
display: flex;
flex-direction: row;
justify-content: center;
margin-bottom: 20px;
}
.dealer-key img {
height: 30px;
margin: 0 10px 0 0;
}
.dealer-key .dealer-pin-spacer {
margin: 0 40px 0 0;
}
@media screen and (min-width: 750px) {
.dealer-key {
font-family: "Roboto Slab", serif;
font-style: normal;
font-weight: 400;
font-size: 24px;
}
}
.slp_bubble_level_1 a:hover {
color: #000000 !important;
}
.request-info {
background: #352818 url("../images/SylvanSport_Request-Info-Background.jpg") no-repeat top;
background-size: cover;
padding: 25px 25px 75px 25px;
overflow: hidden;
}
.request-info-wrapper, .request-brochure {
width: 100%;
max-width: 1050px;
margin: 0 auto;
position: relative;
}
.request-info-wrapper input[type="text"], .request-info-wrapper input[type="email"], .request-info-wrapper input[type="tel"], .request-info-wrapper input[type="checkbox"], .request-info-wrapper textarea, .request-brochure input[type="text"], .request-brochure input[type="email"], .request-brochure input[type="tel"], .request-brochure input[type="checkbox"], .request-brochure textarea {
color: #64A70B;
padding: 10px 15px;
width: 100%;
margin: 0 0 10px 0 !important;
border-radius: 0px;
font-family: "Barlow", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 20px;
letter-spacing: 0.5px;
}
.request-info-wrapper textarea, .request-brochure textarea {
height: 230px;
}
.request-info-wrapper input[type="checkbox"], .request-brochure input[type="checkbox"] {
border-radius: 0px;
height: 16px;
width: 16px;
}
.request-info-wrapper .wpcf7-list-item, .request-brochure .wpcf7-list-item {
display: inline-block;
}
.request-info-wrapper ::-webkit-input-placeholder, .request-brochure ::-webkit-input-placeholder {
color: #64A70B;
}
.request-info-wrapper :-moz-placeholder, .request-brochure :-moz-placeholder {
/* Firefox 18- */
color: #64A70B;
}
.request-info-wrapper ::-moz-placeholder, .request-brochure ::-moz-placeholder {
/* Firefox 19+ */
color: #64A70B;
}
.request-info-wrapper :-ms-input-placeholder, .request-brochure :-ms-input-placeholder {
color: #64A70B;
}
.request-info-wrapper input[type="submit"], .request-brochure input[type="submit"] {
font-family: "Roboto Slab", serif;
font-style: normal;
font-weight: 700;
font-size: 20px;
background: #FA7900;
color: #ffffff;
border: 1px #FA7900 solid;
text-decoration: none;
height: 50px;
line-height: 50px;
display: block;
margin: 0px auto 0 auto;
width: 100%;
padding: 0 20px;
text-align: center;
border-radius: 0px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
}
.request-info-wrapper input:hover[type="submit"], .request-brochure input:hover[type="submit"] {
background: #64A70B;
color: #ffffff;
border: none;
border: 1px #ffffff solid;
}
.request-info-wrapper .wpcf7-response-output, .request-brochure .wpcf7-response-output {
color: #ffffff;
}
.request-info-wrapper span.wpcf7-not-valid-tip, .request-brochure span.wpcf7-not-valid-tip {
color: #FA7900;
}
.request-info-wrapper .opt-in, .request-brochure .opt-in {
margin: 0 0 10px 0;
}
.request-info-wrapper .wpcf7-list-item-label {
color: #ffffff;
font-family: "Barlow", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
letter-spacing: 0.5px;
}
.post-17137 h1 {
margin: 0px 0px 20px 0px;
}
.request-brochure {
padding: 0 20px;
}
.request-brochure .wpcf7-list-item-label {
color: #000000;
font-family: "Barlow", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
letter-spacing: 0.5px;
}
.request-brochure .green-background {
background: #64A70B;
padding: 20px 20px 0 20px;
}
.request-brochure .green-background .wpcf7-list-item-label {
color: #ffffff;
}
.request-brochure .green-background .wpcf7-list-item {
margin-bottom: 15px;
}
.brochure-details {
font-size: 14px;
text-align: center;
width: 100%;
height: 100%;
display: block;
}
.brochure-details h3 {
font-size: 22px;
line-height: 24px;
margin-bottom: 5px;
}
.brochure-details img {
margin: 10px 0px 0px 0px;
}
.brochure-details img.go-easy-request {
margin: 0px;
}
.brochure-details p {
margin: 0px;
}
.go-easy-request {
background-size: cover;
background-position: center center;
height: 382px;
min-width: 100%;
display: block;
}
@media screen and (min-width: 600px) {
.request-info-wrapper .First-Name, .request-brochure .First-Name {
width: 49%;
margin-right: 2%;
float: left;
}
.request-info-wrapper .Last-Name, .request-brochure .Last-Name {
width: 49%;
float: left;
}
.request-info-wrapper .wpcf7-response-output, .request-brochure .wpcf7-response-output {
margin: 50px 0 2em 0;
width: 49.2%;
float: right;
}
.request-info-wrapper .wpcf7-mail-sent-ok, .request-brochure .wpcf7-mail-sent-ok {
margin: 0px 0 2em 0;
}
}
@media screen and (min-width: 1160px) {
.request-info {
padding: 25px 0px 75px 0px;
}
}
/*! -------------------------------------------------------
- Product ACF Layout Build
--------------------------------------------------------- */
/*! -------------------------------------------------------
- Product Custom Global Styles
--------------------------------------------------------- */
body.single-product header.site-header section.navigation {
padding-top: 0px !important;
}
body.woocommerce section.product-info, body.woocommerce section.product_image_gallery, body.woocommerce section.product-video, body.woocommerce section.product-match, body.woocommerce section.upsells {
overflow: auto;
padding-top: 125px;
}
body.woocommerce section.product-video, body.woocommerce section.product-match {
padding-bottom: 125px;
}
section.grey_background {
background: #373a36;
color: #fff;
}
section.grey_background a, section.grey_background a:hover, section.grey_background a:visited {
color: #ffffff !important;
}
section.green_background {
background: #64a70b;
}
body.single-product .site-main section p, body.single-product .site-main section ul {
font-family: "Barlow Condensed", sans-serif;
font-style: normal;
font-weight: 300;
font-size: 17px;
line-height: 1.2em;
margin-bottom: 20px;
letter-spacing: 0.5px !important;
}
.content-width {
max-width: 1200px;
margin: 0 auto;
}
body.single-product h2 {
font-family: "Barlow Semi Condensed", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 24px;
color: #fff;
text-align: left;
line-height: 1.1em;
text-transform: uppercase;
}
body.woocommerce a.button, body.woocommerce button.button, body.woocommerce input.button, body.woocommerce div.product form.cart .button, body .added_to_cart, body.woocommerce a.button.alt, body a.single_add_to_cart_button, .woocommerce ul.products li.product a.button, body.woocommerce .learn-more a, .up-sells.upsells a.button, .actions button, .checkout-button, button#place_order, .woocommerce #review_form #respond .form-submit input {
background-color: #FA7900 !important;
color: #fff !important;
font-family: "Barlow Semi Condensed", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 14px;
border-radius: 35px !important;
padding: 5px 40px 5px 40px;
letter-spacing: 1px;
line-height: 20px;
text-transform: uppercase;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
letter-spacing: 1px;
text-decoration: none;
}
body.woocommerce .learn-more a:hover, .actions button:hover, .checkout-button:hover, button#place_order:hover, .woocommerce ul.products li.product a:hover.button, .woocommerce button:hover.button, a:hover.elementor-button {
background-color: #64a70b !important;
text-decoration: none;
}
.woocommerce #respond input#submit:hover {
background-color: #373A36 !important;
text-decoration: none;
}
body.single-product .contentPage.mobileSpace {
padding-bottom: 0px;
}
@media only screen and (min-width: 769px) {
body.single-product .contentPage.mobileSpace {
margin: 0 auto 40px auto !important;
}
body.single-product .contentPage.mobileSpace .woocommerce-product-gallery {
padding-top: 45px;
}
body.single-product .contentPage.mobileSpace .entry-summary {
margin-top: 45px;
}
}
/*! -------------------------------------------------------
- Product Image Slider
--------------------------------------------------------- */
body.woocommerce .woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
width: 60%;
}
body.woocommerce .flex-viewport {
float: right;
width: 80%;
}
body.woocommerce .summary.entry-summary {
width: 50% !important;
padding: 0px 40px;
}
body.woocommerce ol.flex-control-nav.flex-control-thumbs {
float: left;
width: 20%;
}
.woocommerce div.product div.images {
margin-bottom: 0px;
}
.woocommerce div.product div.images .flex-control-thumbs li {
width: 100%;
margin-bottom: 10px;
}
.woocommerce div.product div.images .flex-control-thumbs li img {
width: 40%;
margin: 0 auto;
}
/*! -------------------------------------------------------
- Product Main Image
--------------------------------------------------------- */
.woocommerce div.product div.images img {
border: 1px solid #707070;
}
/*! -------------------------------------------------------
- Product Info
--------------------------------------------------------- */
body.single-product .summary.entry-summary h2 {
font-family: "Roboto Slab", serif;
font-style: normal;
font-weight: 300;
font-size: 18px;
color: #64a70b;
line-height: 1.1em;
margin-bottom: 40px;
text-transform: lowercase;
}
.quick-overview h3 {
display: none;
}
.quick-overview ul {
display: flex;
justify-content: center;
padding: 0px;
margin: 0px;
align-items: center;
flex-direction: column;
}
body.woocommerce div.product a.woocommerce-review-link {
color: #000000;
}
body.woocommerce div.product a.woocommerce-review-link:hover {
background-color: transparent !important;
}
body.woocommerce div.product .woocommerce-product-rating {
margin-bottom: 50px;
}
body.woocommerce div.product form.cart {
margin-bottom: 10px;
}
.woocommerce div.product p.price {
margin-bottom: 0px;
}
.woocommerce div.product p.stock {
font-family: "Roboto Slab", serif;
font-style: normal;
font-weight: 300;
font-size: 13px;
margin-top: -15px;
margin-bottom: 5px;
}
.quantity input[type="number"] {
padding: 5px;
}
#bread-button {
font-family: "Roboto Slab", serif;
font-style: normal;
font-weight: 300;
font-size: 12px;
color: #000000;
vertical-align: unset;
text-align: center !important;
}
/*! -------------------------------------------------------
- GREY BACKGROUND SECIONS Styles
--------------------------------------------------------- */
.col-sm-4.text-content {
padding-right: 40px;
}
.text-content .learn-more {
margin-top: 35px;
}
.text-content h2 {
margin-bottom: 15px;
}
/*! -------------------------------------------------------
- Product Ratings
--------------------------------------------------------- */
.woocommerce div.product .woocommerce-product-rating {
width: 100%;
clear: both;
}
/*! -------------------------------------------------------
- Static Gallery
--------------------------------------------------------- */
body.woocommerce .gallery_img_wrapper.col-sm-3 {
margin-bottom: 10px;
padding-right: 5px;
padding-left: 5px;
}
/*! -------------------------------------------------------
- Product Specs
--------------------------------------------------------- */
body.single-product .product-specs-reviews h3 a {
color: white;
cursor: pointer;
font-family: "Barlow Semi Condensed", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 24px;
text-decoration: none;
}
body.single-product .product-specs-reviews h3 a:hover {
text-decoration: underline;
}
body.single-product .green_background.product-specs-reviews .col-sm-6:first-child h3 {
text-align: right;
padding-right: 15px;
}
body.single-product .green_background.product-specs-reviews {
padding: 10px 0 15px;
overflow: hidden;
}
body.single-product #product_spec_content p a {
color: #116c5b;
}
body.single-product #product_spec_content li:before {
color: #116c5b;
}
body.single-product .product-specs-reviews a:hover {
text-decoration: none;
}
body.single-product #product_spec_content, body.single-product #product_review_content {
margin-top: 18px;
color: #ffffff;
}
body.single-product ol.commentlist {
list-style: none;
}
body.single-product li.review img {
display: none;
}
body.single-product .text-content ul, body.single-product #product_spec_content ul {
list-style: disc;
margin-left: 20px;
}
body.single-product .text-content li, body.single-product #product_spec_content li {
margin-left: 18px;
font-family: "Barlow Condensed", sans-serif;
font-style: normal;
font-weight: 300;
font-size: 17px;
}
iframe#bread_checkout_button_19769-bread-iframe {
height: 53px !important;
}
/*! -------------------------------------------------------
- PRODUCT REVIEWS Styles
--------------------------------------------------------- */
#product_review_content .comment_container {
width: 100%;
}
.woocommerce #reviews #comments h2 {
margin: 10px 0px 40px 0px;
clear: both;
font-family: barlow condensed, sans-serif;
font-style: normal;
font-weight: 700;
font-size: 16px;
text-transform: capitalize;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
border: none;
margin: 0px;
padding: 0px;
}
.woocommerce #reviews #comments ol.commentlist li {
display: flex;
align-items: center;
margin-bottom: 40px;
padding-bottom: 40px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
strong.woocommerce-review__author, .comment-form-rating label, .comment-form-comment label, .comment-form-author label, .comment-form-email label {
font-family: barlow condensed, sans-serif;
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 1.2em;
margin-bottom: 20px;
letter-spacing: 0.5px !important;
color: #ffffff;
text-transform: capitalize;
}
.comment-form-rating label, .comment-form-comment label {
margin-bottom: 10px;
}
.comment-form-author label, .comment-form-email label {
margin: 0px 10px 0px 0px;
}
.woocommerce-review__verified, .comment-text .description p, p.comment-notes .email-notes, .woocommerce-review__published-date, .woocommerce-review__dash {
font-family: "Barlow Semi Condensed", sans-serif !important;
font-style: normal !important;
font-weight: 400 !important;
font-size: 17px !important;
line-height: 1.3em !important;
color: white !important;
}
.woocommerce-review__published-date, .woocommerce-review__dash, .woocommerce-review__verified {
font-size: 12px !important;
}
.comment-reply-title {
font-family: "Barlow Semi Condensed", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 24px;
text-transform: uppercase;
}
.woocommerce #review_form #respond textarea, .comment-form-author input, .comment-form-email input {
color: #000000 !important;
}
.woocommerce .star-rating, .comment-form-rating p.stars span a, .comment-form-rating p.stars span a:visited {
color: #373A36;
}
#reviews.woocommerce-Reviews {
margin: 30px 0px 50px 0px;
}
.average-rating {
margin: 20px 0 0 0;
display: flex;
flex-direction: row;
justify-content: space-between;
width: 230px;
align-items: center;
}
.average-rating h2 {
font-size: 20px !important;
line-height: 20px;
margin: 0px !important;
flex-grow: 1;
}
.average-rating .star-rating {
float: left;
color: #373A36;
}
/*! -------------------------------------------------------
- You May Like
--------------------------------------------------------- */
body.single-product section.up-sells h2 {
color: #000;
}
body.single-product section.upsells .col-sm-4 h2 {
font-size: 24px !important;
font-weight: 600;
}
body.woocommerce section.upsells a.button {
padding: 1em 1em;
justify-content: space-between;
align-items: center;
}
body.woocommerce section.upsells a:hover {
background-color: transparent !important;
text-decoration: none;
}
body.woocommerce section.upsells a.button:hover {
background-color: #64a70b !important;
text-decoration: none;
}
body.single-product section.upsells h2, .yith-wfbt-section.woocommerce h3 {
font-family: "Barlow Semi Condensed", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 18px;
font-size: 18px !important;
}
.yith-wfbt-section.woocommerce h3 {
text-align: center;
margin-top: 30px;
}
.yith-wfbt-submit-block .price_text {
margin-bottom: 10px;
}
body.single-product section.upsells div.star-rating, body.single-product section.upsells span.price {
display: none !important;
}
body.woocommerce section.upsells {
padding-bottom: 69px;
}
/*! -------------------------------------------------------
- Media Queries
--------------------------------------------------------- */
@media only screen and (max-width: 768px) {
body.woocommerce .summary.entry-summary {
padding-left: 0;
}
body.woocommerce .woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images {
width: 100% !important;
}
body.woocommerce .summary.entry-summary {
padding-top: 40px;
width: 100% !important;
clear: both !important;
}
.col-sm-4.text-content {
padding-right: 20px;
padding-top: 40px;
}
section.grey_background .content-width {
flex-direction: column-reverse;
display: flex;
}
section.product_image_gallery.grey_background {
padding-top: 55px;
}
section.grey_background.product-video, section.grey_background.product-match {
padding-bottom: 75px !important;
}
body.single-product .green_background.product-specs-reviews .col-sm-6:first-child h3 {
text-align: center;
}
body section.green_background.product-specs-reviews .col-sm-6 h3 {
text-align: center !important;
}
}
@media only screen and (max-width: 479px) {
section.up-sells.upsells ul li {
float: unset !important;
}
body .newsletter-signup {
height: 650px !important;
}
body .newsletter-signup h4.mobile-size {
font-size: 60px !important;
line-height: 60px !important;
}
body.single-product .contentPage.mobileSpace {
padding-bottom: 0px !important;
}
}
.target {
background: #0099cc;
width: 300px;
height: 300px;
height: 160px;
padding: 5px;
display: none;
}
.store-navigation-wrapper {
display: none;
}
.mobile-store-navigation-wrapper, .store-navigation-wrapper.shop-page {
background: url("../images/SylvanSport_Dealer-Locator-Background.jpg") no-repeat;
background-size: cover;
width: 100%;
padding: 25px 50px 40px 50px;
overflow: hidden;
display: block;
}
.store-navigation-wrapper.shop-page {
margin: 0px;
}
@media screen and (max-width: 600px) {
.mobile-message-space {
margin-top: 80px !important;
}
}
ul#store-menu {
list-style-type: none;
margin: 0px auto;
padding: 0px;
max-width: 1100px;
}
ul#store-menu li {
margin: 15px 0px;
}
ul#store-menu li a {
color: #64A70B;
text-decoration: none;
font-family: "Barlow", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 18px;
letter-spacing: 0.5px;
}
ul#store-menu li a:hover {
color: #FA7900;
}
ul#store-menu li ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
ul#store-menu li ul li {
margin: 0px;
}
ul#store-menu li ul li a {
color: #ffffff;
text-decoration: none;
font-family: "Barlow", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 17px;
letter-spacing: 0.5px;
}
ul#store-menu li ul li a:hover {
color: #FA7900;
}
.woocommerce ul.products li.product .price {
margin-bottom: 0px;
}
.woocommerce ul.products li.product a:hover :before img {
color: #FA7900;
content: "";
font-family: "fontawesome";
display: block;
}
.woocommerce ul.products li.product a:hover img {
opacity: 0.75;
}
.quick-overview h3 {
font-family: "Roboto Slab", serif;
font-style: normal;
font-weight: 700;
font-size: 24px;
color: #64A70B;
}
.woocommerce-Price-amount {
font-family: "Roboto Slab", serif;
font-style: normal;
font-weight: 400;
font-size: 18px;
color: #64A70B;
}
li.product .woocommerce-LoopProduct-link {
margin-bottom: 10px;
}
li.product .price .woocommerce-Price-amount {
font-family: "Barlow Semi Condensed", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
color: #64A70B;
}
.cart .woocommerce-Price-amount, .cart_totals .woocommerce-Price-amount, .shop_table .woocommerce-Price-amount {
font-family: "Roboto Slab", serif;
font-style: normal;
font-weight: 400;
font-size: 18px;
color: #000000;
}
body.woocommerce div.product .product_title {
font-family: "Barlow Semi Condensed", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 45px;
line-height: 45px;
margin-bottom: 10px;
}
.mobileSpace {
margin: 0px auto 0 auto;
}
@media screen and (min-width: 600px) {
.woocommerce div.product .product_title {
font-size: 50px;
line-height: 60px;
}
.mobileSpace {
margin: 0px auto 0px auto;
}
ul#store-menu li {
width: 48%;
margin: 0% 1% 20px 1%;
float: left;
}
ul#store-menu li a {
font-family: "Barlow", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 22px;
letter-spacing: 0.5px;
}
ul#store-menu li ul li {
float: none;
width: 100%;
}
ul#store-menu li ul li a {
font-family: "Barlow", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 18px;
letter-spacing: 0.5px;
}
}
@media screen and (min-width: 1000px) {
.store-navigation-wrapper {
background: url("../images/SylvanSport_Dealer-Locator-Background.jpg") no-repeat;
background-size: cover;
width: 100%;
padding: 25px 50px 40px 50px;
overflow: hidden;
margin: 0px;
display: block;
}
.mobile-store-navigation-wrapper {
display: none;
}
ul#store-menu li {
width: 23%;
margin: 0% 1%;
float: left;
}
ul#store-menu li a {
font-family: "Barlow", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 22px;
letter-spacing: 0.5px;
}
ul#store-menu li ul li {
float: none;
width: 100%;
}
ul#store-menu li ul li a {
font-family: "Barlow", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 18px;
letter-spacing: 0.5px;
}
ul#store-menu li:last-child {
width: 8%;
}
ul#store-menu ul.sub-menu li:last-child {
width: 100% !important;
}
}
.related {
padding: 0 20px;
}
.woocommerce-message {
border-top-color: #64A70B;
}
.woocommerce-message:before {
color: #64A70B;
}
.woocommerce-info {
border-top-color: #423220;
}
.woocommerce-info:before {
color: #423220;
}
#post-14 a, #post-14 a:visited, #post-14 a:hover, #post-12 a, #post-12 a:visited, #post-12 a:hover, #post-13 a, #post-13 a:visited, #post-13 a:hover {
color: #000000 !important;
}
#post-14 a.button, #post-14 a:visited.button, #post-14 a:hover.button, #post-12 a.button, #post-12 a:visited.button, #post-12 a:hover.button, #post-13 a.button, #post-13 a:visited.button, #post-13 a:hover.button {
color: #ffffff !important;
}
#post-14 .checkout-button.button, #post-14 input#place_order.button, #post-12 .checkout-button.button, #post-12 input#place_order.button, #post-13 .checkout-button.button, #post-13 input#place_order.button {
background: #FA7900 !important;
color: #ffffff !important;
}
#post-14 .checkout-button.button:hover, #post-14 input#place_order.button:hover, #post-12 .checkout-button.button:hover, #post-12 input#place_order.button:hover, #post-13 .checkout-button.button:hover, #post-13 input#place_order.button:hover {
background: #64A70B !important;
}
td.woocommerce-orders-table__cell-order-actions {
padding: 18px 5px 0px 5px !important;
}
a.view-all-products, a:visited.view-all-products {
color: #64A70B;
text-align: center;
margin: 0 0 50px 0;
text-decoration: none;
width: 100%;
display: block;
}
a:hover.view-all-products {
color: #FA7900;
}
.woocommerce-pagination {
margin: 0 0 50px 0;
}
.woocommerce-thankyou-order-details .woocommerce-Price-amount {
display: block;
font-size: 16px;
text-transform: none;
line-height: 1.5;
font-family: sans-serif;
color: #404040;
font-weight: bold;
}
.woocommerce-thankyou-order-received {
font-family: "Roboto Slab", serif;
font-style: normal;
font-weight: 700;
font-size: 24px;
color: #64A70B;
}
a.added_to_cart.wc-forward {
display: block;
bottom: 0px;
margin: 5px 0 0 0;
text-align: center;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.yith-wacp-related ul {
display: flex;
}
li.yith-wacp-related-product {
flex-grow: 2;
}
li.yith-wacp-related-product h3, li.yith-wacp-related-product .product-price, li.yith-wacp-related-product .product-image img {
margin-bottom: 5px !important;
padding: 0px !important;
text-align: left !important;
}
.woocommerce ul.products li.product .button {
align-self: flex-start;
padding: 5px 30px !important;
font-size: 14px;
margin-top: 0px !important;
line-height: 0.7em;
width: 100%;
text-align: center;
}
.woocommerce a.added_to_cart {
width: 100%;
font-size: 14px;
text-align: center;
line-height: 28px;
bottom: -33px !important;
padding-top: 0px !important;
}
p.add_to_cart_inline {
margin: 0px;
}
@media screen and (min-width: 600px) {
.woocommerce ul.products li.product .button {
/* font-size: 20px; */
}
.woocommerce a.added_to_cart {
font-size: 20px;
width: 100%;
text-align: center;
line-height: 30px;
bottom: -35px !important;
padding-top: 0px !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
margin: 0px;
text-align: left;
font-size: 22px;
}
}
li.product a h2.woocommerce-loop-product__title, li.product a h3.product-title {
font-family: "Barlow Semi Condensed", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 14px;
font-size: 14px !important;
color: #64A70B;
line-height: 16px;
text-transform: uppercase;
padding-bottom: 5px !important;
}
.product .contentPage .onsale {
display: none;
}
#wwof_product_listing_container .woocommerce-Price-amount {
font-size: 18px;
}
.woocommerce-variation-price .price .woocommerce-Price-amount.amount {
font-size: 25px !important;
}
#wwof_product_listing_table tr > td {
padding: 20px 0;
border-bottom: 1px solid #cccccc;
}
.woocommerce .woocommerce-product-rating .star-rating {
color: #373A36;
}
.shopSidebar {
width: 100%;
float: left;
padding: 0px 20px 0px 20px;
}
.shopContentList {
padding: 10px 20px 0px 20px;
overflow: hidden;
}
@media only screen and (min-width: 750px) {
.shopSidebar {
width: 250px;
padding: 80px 20px 0px 20px;
}
.shopContentList {
padding: 50px 40px 0px 20px;
}
}
.woocommerce-form.woocommerce-form-login.login, .woocommerce-form.woocommerce-form-register.register {
font-family: "Barlow Semi Condensed", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 14px;
color: #000000;
height: 290px;
margin: 20px 0px 25px 0px !important;
}
.cwginstock-subscribe-form {
margin: 10px 0 0 0;
}
.cwginstock-subscribe-form .panel-primary {
border-color: #006C5B !important;
}
.cwginstock-subscribe-form .panel-primary > .panel-heading {
color: #fff;
background-color: #006C5B !important;
border-color: #006C5B !important;
}
.form-group.center-block {
margin-top: 10px;
}
/* Global Button Color */
body.woocommerce a.button, body.woocommerce button.button, body.woocommerce input.button, body.woocommerce div.product form.cart .button, body .added_to_cart, body.woocommerce a.button.alt, body a.single_add_to_cart_button, body .orange-button a, body .orange-button button, body input.yith-wcms-button, a#yith-wcms-back-to-cart-button, body a.checkout-button, button.woocommerce-form-register__submit {
background-color: #FA7900 !important;
color: #ffffff !important;
font-family: "Barlow Semi Condensed", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 14px;
border-radius: 35px !important;
padding: 0.618em 3em !important;
letter-spacing: 1px;
}
body.woocommerce a.button:hover, body.woocommerce button.button:hover, body.woocommerce input.button:hover, body.woocommerce div.product form.cart .button:hover, body .added_to_cart:hover, body.woocommerce a.button.alt:hover, body a.single_add_to_cart_button:hover, body .orange-button a:hover, body .orange-button button:hover, a:hover#yith-wcms-back-to-cart-button, body a:hover.checkout-button, button:hover.woocommerce-form-register__submit, body input:hover.yith-wcms-button {
background-color: #64A70B !important;
color: #ffffff !important;
}
.lightboxOverlay {
z-index: 1000006 !important;
}
.lightbox {
z-index: 1000007 !important;
}
#customer_login .u-column1.col-1:before {
content: "Returning Customer";
font-family: "Roboto Slab", serif;
font-style: normal;
font-weight: 300;
font-size: 18px;
color: #64a70b;
line-height: 1.1em;
text-transform: lowercase;
}
#customer_login .u-column2.col-2:before {
content: "create an account to see your order history and faster checkout";
font-family: "Roboto Slab", serif;
font-style: normal;
font-weight: 300;
font-size: 18px;
color: #64a70b;
line-height: 1.1em;
text-transform: lowercase;
}
#customer_login h2 {
display: none;
}
#checkout-wrapper {
position: relative;
}
#checkout_login button.woocommerce-button.button.woocommerce-form-login__submit:after {
content: " & Checkout";
width: 165px;
font-size: 14px !important;
}
#checkout_login button.woocommerce-button.button.woocommerce-form-login__submit {
width: 165px;
font-size: 14px !important;
}
#checkout_login button:hover.woocommerce-button.button.woocommerce-form-login__submit {
color: #ffffff;
}
body input[value="Check out as guest"].yith-wcms-button {
width: 100%;
max-width: 555px;
}
.post-13 h1 {
text-align: center;
margin-bottom: 40px;
}
@media (max-width: 991.98px) {
#checkout_timeline li.active {
margin-bottom: 0px !important;
}
}
.woocommerce-form-login__rememberme {
margin-bottom: 10px;
}
.bread-checkout-button iframe {
max-height: 60px;
}
.trustpilot-comment-wrapper .trustpilot-widget {
padding: 20px;
background: #ffffff;
}
.summary.entry-summary h1, .summary.entry-summary h2, .summary.entry-summary .quick-overview {
text-align: left !important;
display: block;
}
.product-specs-reviews .col-sm-12 {
width: 100%;
}
a.woocommerce-LoopProduct-link .star-rating {
display: none !important;
}
.yith-wfbt-form {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
}
.absolute-gallery .woocommerce-product-gallery {
position: absolute !important;
bottom: 0 !important;
top: auto !important;
}
.contentPage {
position: relative;
}
.fixed-gallery {
max-width: 1200px;
}
.fixed-gallery .woocommerce-product-gallery {
position: fixed !important;
top: 0px !important;
bottom: auto !important;
}
@media (min-width: 785px) {
.nickx_product_images_with_video {
margin: 30px 2% 0px 0;
width: 350px !important;
}
}
@media (min-width: 889px) {
.nickx_product_images_with_video {
width: 400px !important;
}
}
@media (min-width: 1000px) {
.nickx_product_images_with_video {
width: 450px !important;
}
}
@media (min-width: 1150px) {
.nickx_product_images_with_video {
width: 525px !important;
}
}
.nickx_product_images_with_video {
overflow: visible;
}
.yith-wfbt-section.woocommerce {
border-top: 1px solid #919388;
margin-top: 45px;
}
body.woocommerce button.yith-wfbt-submit-button {
background-color: #64A70B !important;
}
#product_just_stars.aside .SA__review_content.SA__overall {
justify-content: flex-start !important;
}
#ab-tiny-widget {
text-align: left !important;
}
#product-123830 .affirm-as-low-as, #product-51170 .affirm-as-low-as {
display: none;
}
.custom-financing {
clear: both;
padding: 10px 0px 0px 3px;
}
/*
* jQuery Nivo Slider v3.2
* http://nivo.dev7studios.com
*
* Copyright 2012, Dev7studios
* Free to use and abuse under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
*/
.productGalleryWrapper {
background: #f7f7f7;
background-size: cover;
padding: 25px 25px 75px 25px;
overflow: hidden;
width: 100%;
}
/* The Nivo Slider styles */
.nivoSlider {
position: relative;
max-width: 1080px;
margin: 10px auto 0 auto;
height: auto;
overflow: visible;
}
.nivoSlider img {
position: absolute;
top: 0px;
left: 0px;
max-width: none;
}
.nivo-main-image {
display: block !important;
position: relative !important;
width: 100% !important;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
border: 0;
padding: 0;
margin: 0;
z-index: 6;
display: none;
background: white;
filter: alpha(opacity=0);
opacity: 0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
display: block;
position: absolute;
z-index: 5;
height: 100%;
top: 0;
}
.nivo-box {
display: block;
position: absolute;
z-index: 5;
overflow: hidden;
}
.nivo-box img {
display: block;
}
/* Caption styles */
.nivo-caption {
position: absolute;
left: 0px;
bottom: 0px;
background: #000;
color: #fff;
width: 100%;
z-index: 8;
padding: 5px 10px;
opacity: 0.8;
overflow: hidden;
display: none;
-moz-opacity: 0.8;
filter: alpha(opacity=8);
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
}
.nivo-caption p {
padding: 5px;
margin: 0;
}
.nivo-caption a {
display: inline !important;
}
.nivo-html-caption {
display: none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
position: absolute;
top: 108%;
z-index: 9;
cursor: pointer;
font-size: 40px;
color: #64A70B;
-webkit-border-radius: 34px;
-moz-border-radius: 34px;
border-radius: 34px;
width: 34px;
height: 34px;
direction: block;
line-height: 34px;
}
.nivo-directionNav a:hover {
color: #FA7900;
}
.nivo-prevNav {
left: 0px;
}
.nivo-nextNav {
right: 0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
text-align: center;
padding: 15px 0;
max-width: 1080px;
margin: 0 auto;
}
.nivo-controlNav a {
cursor: pointer;
}
.nivo-controlNav a.active {
font-weight: bold;
}
a.nivo-control {
width: 180px;
height: 100px;
overflow: hidden;
display: inline-block;
margin: 0 10px 10px 10px;
text-align: center;
}
a.nivo-control:before {
content: " ";
display: inline-block;
vertical-align: middle;
height: 100%;
}
a.nivo-control img {
display: inline-block;
vertical-align: middle;
width: 180px;
}
a.nivo-control active {
border: 1px solid #64A70B;
}
.event-wrapper {
border-bottom: 1px solid #919388;
display: block;
overflow: hidden;
width: 100%;
padding: 10px 0;
text-align: center;
}
.event-wrapper a, .event-wrapper a:visited {
text-decoration: none;
color: #FA7900;
}
.event-wrapper a:hover {
color: #64A70B;
}
.event-name, .event-city, .event-time, .event-dealer {
width: 100%;
padding: 0 15px;
}
.event-product {
width: 100%;
padding: 0 15px;
}
.event-header {
display: none;
}
@media screen and (min-width: 600px) {
.event-wrapper {
border-bottom: none;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
text-align: left;
}
.event-wrapper:nth-child(odd) {
background: #dfdfdf;
}
.event-wrapper:nth-child(even) {
background: #efefef;
}
.event-name, .event-dealer {
width: 22%;
}
.event-city {
width: 20%;
}
.event-time {
width: 24%;
}
.event-product {
width: 12%;
}
.event-header {
display: flex;
font-family: "Roboto Slab", serif;
font-style: normal;
font-weight: 700;
font-size: 20px;
color: #64A70B;
text-align: left;
background: #ffffff !important;
}
}
.rotater-wrapper, h4.rotator {
display: none;
}
@media screen and (min-width: 900px) {
.trailer {
display: none;
max-width: 900px;
}
.openRotator {
display: block;
}
.imageholder {
width: 900px;
position: relative;
}
.imageholder.go-rotater {
width: 730px;
position: relative;
margin: 0 auto;
}
.rotater-wrapper {
padding: 50px 0 0 0;
max-width: 900px;
margin: 0 auto;
display: block;
}
.rotater-wrapper a {
float: left;
width: 50%;
text-decoration: none;
font-family: "Roboto Slab", serif;
font-style: normal;
font-weight: 700;
font-size: 25px;
color: #919388;
position: relative;
z-index: 100;
outline: none;
line-height: 54px;
}
.rotater-wrapper a .trailer-tab {
text-align: center;
height: 60px;
}
.rotater-wrapper a:hover {
display: block;
}
.rotater-wrapper a:hover .trailer-tab {
color: #919388 !important;
background-color: #efefef !important;
}
.rotater-wrapper a:focus {
outline: none;
}
.rotater-wrapper .w3-bottombar {
border-bottom: 6px solid #FA7900 !important;
}
.rotater-wrapper .border-green, .rotater-wrapper .border-green:hover {
border-color: #64A70B !important;
color: #919388 !important;
}
.rotater-wrapper p {
text-align: center;
margin: 40px 2% -40px 2%;
position: relative;
z-index: 100;
}
.trailer-tabs-wrapper {
margin: 40px 0 0 0;
overflow: hidden;
}
h4.rotator {
margin: 40px 0px;
text-align: center;
display: block;
}
.rotater-wrapper.go-rotater a {
width: 33%;
}
.rotater-wrapper.go-rotater .GoCamping-p {
margin: 40px 2% 20px 2%;
}
.rotater-wrapper.go-rotater .GoTravel-p {
margin: 40px 3% -140px 3%;
}
.rotater-wrapper.go-rotater .GoTransport-p {
margin: 40px 3% -60px 3%;
}
}
#bwg_container1_0 #bwg_container2_0 .bwg_back_0 {
font-family: "museo-slab", serif !important;
font-style: normal !important;
font-weight: 300 !important;
font-size: 40px !important;
color: #4fa327 !important;
}
#bwg_container1_0 #bwg_container2_0 .bwg_title_spun2_0, .bwg_image_title_spun2_0 {
font-family: "museo-slab", serif !important;
font-style: normal !important;
font-weight: 700 !important;
font-size: 18px !important;
color: #4fa327 !important;
}
#bwg_album_compact_0 {
margin: 15px 0 50px 0;
}
.spider_popup_wrap {
z-index: 1000006 !important;
}
/* Disable WhatsApp button on Desktop - Tutorial link: http://crunchify.me/1VIxAsz */
@media screen and (min-width: 1024px) {
.crunchify-whatsapp {
display: none !important;
}
}
.crunchify-link {
padding: 2px 8px 4px 8px !important;
color: white;
font-size: 12px;
border-radius: 2px;
margin-right: 2px;
cursor: pointer;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.2);
margin-top: 2px;
display: inline-block;
text-decoration: none;
}
.crunchify-link:hover, .crunchify-link:active {
color: white;
}
.crunchify-twitter {
background: #00aced;
}
.crunchify-twitter:hover, .crunchify-twitter:active {
background: #0084b4;
}
.crunchify-facebook {
background: #3B5997;
}
.crunchify-facebook:hover, .crunchify-facebook:active {
background: #2d4372;
}
.crunchify-googleplus {
background: #D64937;
}
.crunchify-googleplus:hover, .crunchify-googleplus:active {
background: #b53525;
}
.crunchify-buffer {
background: #444;
}
.crunchify-buffer:hover, .crunchify-buffer:active {
background: #222;
}
.crunchify-pinterest {
background: #bd081c;
}
.crunchify-pinterest:hover, .crunchify-pinterest:active {
background: #bd081c;
}
.crunchify-linkedin {
background: #0074A1;
}
.crunchify-linkedin:hover, .crunchify-linkedin:active {
background: #006288;
}
.crunchify-whatsapp {
background: #43d854;
}
.crunchify-whatsapp:hover, .crunchify-whatsapp:active {
background: #009688;
}
.crunchify-social {
margin: 20px 0px 25px 0px;
-webkit-font-smoothing: antialiased;
font-size: 12px;
}
.callout-page {
margin: 0px 0 0 0;
}
.product-callout-wrapper {
background-position: center 0px;
background-repeat: no-repeat;
background-size: auto 280px;
padding: 0 30px 30px 30px;
margin: 50px 0;
display: flex;
flex-direction: column;
}
.product-callout-wrapper .product-callout-image {
text-align: center;
padding: 150px 0 0 0;
}
.product-callout-wrapper .product-callout-image img {
max-height: 250px;
}
.product-callout-wrapper h2 {
padding: 20px 0 0px 0 !important;
margin: 0px 0 10px 0 !important;
font-family: "Barlow Semi Condensed", sans-serif !important;
font-style: normal !important;
font-weight: 600 !important;
font-size: 45px !important;
color: #64A70B !important;
text-transform: uppercase !important;
}
.product-callout-wrapper h3 {
font-family: "Roboto Slab", serif !important;
font-style: normal !important;
font-weight: 300 !important;
font-size: 20px !important;
margin: 0 0 15px 0 !important;
color: #64A70B !important;
text-transform: lowercase !important;
}
.product-callout-wrapper .product-callout-text {
font-family: "Barlow Semi Condensed", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 18px;
color: #373A36;
line-height: 25px;
}
.product-callout-wrapper .product-callout-text p {
padding: 0 0px 15px 0 !important;
}
.product-callout-wrapper a.callout-button, .product-callout-wrapper a:visited.callout-button {
width: 140px;
line-height: 30px;
font-family: "Barlow Semi Condensed", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 12px;
color: #ffffff;
display: inline-block;
letter-spacing: 1px;
text-align: center;
text-decoration: none;
background: #FA7900;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
margin-bottom: 20px;
text-transform: uppercase;
}
.product-callout-wrapper a.brochure-button {
background: #919388;
font-family: "Barlow", sans-serif;
font-style: normal;
font-weight: 800;
font-size: 16px;
letter-spacing: 0.5px;
color: #ffffff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display: inline-block;
text-align: center;
text-decoration: none;
width: 175px;
line-height: 30px;
}
.product-callout-wrapper a:hover.callout-button, .product-callout-wrapper a:hover.brochure-button {
background: #64A70B;
color: #ffffff;
}
@media only screen and (max-width: 500px) {
.product-callout-wrapper.GoExplore .product-callout-image, .product-callout-wrapper.EasyDoesIt .product-callout-image {
padding: 190px 0 0 0;
}
.product-callout-wrapper.GoodMorning {
background-position: left 0px;
}
}
a.buy-direct-horizontal-button, a:visited.buy-direct-horizontal-button {
width: 125px;
line-height: 30px;
font-family: "Barlow", sans-serif;
font-style: normal;
font-weight: 800;
font-size: 16px;
letter-spacing: 0.5px;
color: #ffffff;
display: inline-block;
text-align: center;
text-decoration: none;
background: #64A70B;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-bottom: 20px;
}
a:hover.buy-direct-horizontal-button {
background: #FA7900;
}
@media only screen and (min-width: 800px) {
.product-callout-wrapper {
background-size: 100% 200px;
background-position: center top;
background-attachment: scroll;
}
.product-callout-wrapper .product-callout-contents {
display: flex;
flex-direction: row;
align-items: flex-start;
max-width: 900px;
margin: 0 auto;
}
.product-callout-wrapper .product-callout-contents .product-callout-text {
width: 50%;
padding: 200px 0 0 20px;
}
.product-callout-wrapper .product-callout-contents .product-callout-image {
width: 50%;
padding: 75px 0 0 0;
align-self: flex-start;
}
.product-callout-wrapper .product-callout-contents .product-callout-image img {
max-height: 460px;
}
.product-callout-wrapper .product-callout-contents.Left-Image {
flex-direction: row;
}
.product-callout-wrapper .product-callout-contents.Left-Image .product-callout-text {
text-align: left;
}
.product-callout-wrapper .product-callout-contents.Right-Image {
flex-direction: row-reverse;
}
.product-callout-wrapper .product-callout-contents.Right-Image .product-callout-text {
text-align: right;
}
}
@media only screen and (min-width: 1000px) {
.product-callout-wrapper {
background-size: 100% 275px;
background-position: center top;
background-attachment: scroll;
}
.product-callout-wrapper .product-callout-contents {
max-width: 1140px;
}
.product-callout-wrapper .product-callout-contents .product-callout-text {
padding: 290px 70px 0 20px;
}
.product-callout-wrapper .product-callout-contents .product-callout-image {
padding: 170px 0 0 0;
}
}
/* ---------------
.GoExplore {
.product-callout-contents {
max-width: 1200px;
@media only screen and (min-width: 600px) and (max-width: 1000px){
flex-direction: column!important;
}
@media only screen and (min-width: 1000px) {
height: 400px;
}
}
.product-callout-image {
flex-grow: 1;
img {
@media only screen and (min-width: 600px) {
width: 100%;
max-height: none!important;
}
}
}
.product-callout-text {
flex-basis: auto!important;
max-width: 600px;
min-height: 225px;
@media only screen and (min-width: 600px) {
align-self: center;
}
@media only screen and (min-width: 1000px) {
align-self: flex-end;
}
}
}
.RVReimagined {
@media only screen and (max-width: 600px) {
background-size: auto 285px!important;
}
@media only screen and (min-width: 1000px) {
background-size: 100% 300px!important;
}
@media only screen and (min-width: 1100px) {
background-size: 100% 380px!important;
}
@media only screen and (min-width: 1230px) {
background-size: 100% 420px!important;
}
.product-callout-contents {
max-width: 1200px;
@media only screen and (min-width: 600px) and (max-width: 1020px){
flex-direction: column!important;
}
}
@media only screen and (min-width: 941px) {
}
@media only screen and (min-width: 1000px) {
}
.callout-hero-text {
}
.product-callout-text {
@media only screen and (min-width: 600px) {
margin: -20px 0 -20px 0;
max-width: 600px;
text-align: left!important;
}
@media only screen and (min-width: 700px){
margin: 0px -25px 0 0;
align-self: center;
}
@media only screen and (min-width: 1020px) {
align-self: flex-end;
text-align: right!important;
max-width: 600px;
}
}
.product-callout-image {
@media only screen and (max-width: 941px) {
img {
max-height: 100%!important;
}
}
@media only screen and (min-width: 800px) {
img {
max-height: none!important;
}
}
@media only screen and (min-width: 800px) {
align-self: center!important;
img {
margin: 0 auto;
max-width: 800px;
}
}
@media only screen and (min-width: 1020px) {
img {
min-width: 800px;
height: !important;
max-height: none!important;
}
}
@media only screen and (min-width: 600px) and (max-width: 941px){
}
}
}
.GearUp {
.product-callout-contents {
@media only screen and (min-width: 600px) and (max-width: 910px){
flex-direction: column!important;
}
@media only screen and (min-width: 1000px) {
height: 340px;
}
}
.product-callout-text {
@media only screen and (min-width: 600px) and (max-width: 910px){
max-width: 600px;
align-self: center!important;
text-align: left!important;
}
}
.product-callout-image {
@media only screen and (min-width: 600px) and (max-width: 910px){
align-self: center!important;
img {
width: 100%;
max-height: 100%!important;
}
}
}
}
.SweetDreams {
.product-callout-contents {
@media only screen and (min-width: 1000px) {
height: 350px;
}
justify-content: center;
@media only screen and (min-width: 1000px) {
max-width: 750px;
}
}
.product-callout-text {
max-width: 550px;
}
.product-callout-image {
@media only screen and (min-width: 1000px) {
img {
width: auto!important;
max-height: 350px!important;
}
}
}
}
.GoodMorning {
.product-callout-contents {
@media only screen and (min-width: 600px) and (max-width: 910px){
flex-direction: column!important;
}
@media only screen and (min-width: 1000px) {
height: 340px;
}
}
.product-callout-text {
@media only screen and (min-width: 600px) and (max-width: 910px){
max-width: 600px;
align-self: center!important;
text-align: left!important;
}
}
.product-callout-image {
@media only screen and (min-width: 600px) and (max-width: 910px){
align-self: center!important;
img {
width: 100%;
max-height: 100%!important;
}
}
}
}
.GetYourKicks {
.product-callout-contents {
@media only screen and (min-width: 1000px) {
height: 320px;
}
@media only screen and (min-width: 630px) {
max-width: 540px;
}
@media only screen and (min-width: 1000px) {
max-width: 700px;
}
}
.product-callout-text {
}
}
.YoureCovered {
.product-callout-contents {
@media only screen and (min-width: 1000px) {
height: 320px;
}
@media only screen and (min-width: 600px) and (max-width: 775px){
flex-direction: column!important;
max-width: 600px;
}
@media only screen and (min-width: 1000px) {
max-width: 950px;
}
}
.product-callout-image {
@media only screen and (min-width: 600px) and (max-width: 775px){
align-self: center!important;
img {
margin-bottom: 20px;
width: 100%;
max-height: 100%!important;
}
}
}
.product-callout-text {
@media only screen and (min-width: 600px) and (max-width: 775px){
text-align: left!important;
}
}
}
.EasyDoesIt {
.product-callout-contents {
justify-content: center;
@media only screen and (min-width: 600px) and (max-width: 999px){
flex-direction: column!important;
}
max-width: 100%;
@media only screen and (min-width: 1000px) {
height: 350px;
}
}
.product-callout-image {
align-self: center!important;
@media only screen and (min-width: 1000px) and (max-width: 1188px){
width: 60%;
}
img {
@media only screen and (min-width: 600px) and (max-width: 1000px){
width: 100%;
max-height: 100%!important;
}
}
}
.product-callout-text {
align-self: center;
max-width: 500px;
@media only screen and (min-width: 1000px) {
align-self: flex-end;
margin: 0 0 0 -20px;
}
}
}
.WayLight {
.product-callout-contents {
max-width: 700px;
margin: 0 auto;
@media only screen and (max-width: 700px){
flex-direction: column!important;
}
@media only screen and (min-width: 1000px){
height: 335px;
}
}
.product-callout-text {
@media only screen and (max-width: 700px){
text-align: left!important;
align-self: center;
max-width: 550px;
}
@media only screen and (min-width: 700px){
}
}
.product-callout-image {
margin: -25px auto 0 auto;
@media only screen and (min-width: 600px) and (max-width: 700px){
margin: -50px auto 0 auto;
}
@media only screen and (min-width: 700px){
margin: -100px auto 0px auto;
}
img {
@media only screen and (min-width: 700px){
max-height: 350px!important;
}
}
}
}
----------------------*/
.popupButtonsWrapper {
background: #373A36;
height: 47px;
width: 100%;
position: fixed;
bottom: 0px;
z-index: 5;
}
.popupButtonsWrapper .popupButtons {
display: flex;
justify-content: space-between;
margin: 0 auto;
max-width: 850px;
flex-direction: row;
font-family: "Barlow", sans-serif;
font-style: normal;
font-weight: 800;
font-size: 16px;
letter-spacing: 0.5px;
}
@media only screen and (min-width: 600px) {
.popupButtonsWrapper .popupButtons {
justify-content: center;
}
}
@media only screen and (max-width: 320px) {
.popupButtonsWrapper .popupButtons {
font-family: "Barlow", sans-serif;
font-style: normal;
font-weight: 800;
font-size: 12px;
letter-spacing: 0.5px;
}
}
.popupButtonsWrapper .popupButtons a, .popupButtonsWrapper .popupButtons a:visited {
display: block;
line-height: 47px;
text-decoration: none;
color: #ffffff;
flex-grow: 1;
text-align: center;
}
.popupButtonsWrapper .popupButtons a.popupBuyDirect {
background: #FA7900;
color: #373A36;
}
.popupButtonsWrapper .popupButtons a:hover {
background: #FA7900;
color: #373A36;
}
.popupButtonsWrapper .popupButtons a.popupBuyDirect:hover {
background: #FA7900;
color: #ffffff;
}
.popupButtonsWrapper .popupButtons a.popupKillBuyDirect {
background: #373A36;
color: #ffffff;
}
.popupButtonsWrapper .popupVast {
max-width: 250px;
}
@media screen and (max-width: 1000px) {
.hotspot-full-size {
display: none;
}
.hotspot-mobile-size {
display: block;
}
}
@media screen and (min-width: 1000px) {
.hotspot-full-size {
display: block;
}
.hotspot-mobile-size {
display: none;
}
}
.hotspot-full-size .st1 {
fill: #231F20;
}
.hotspot-full-size .st2 {
fill: #ffffff;
}
.hotspot-full-size .st3 {
fill: #61A60E;
}
.hotspot-full-size rect {
opacity: 0;
}
.hotspot-mobile-size .st1 {
fill: #231F20;
}
.hotspot-mobile-size .st2 {
fill: #ffffff;
}
.hotspot-mobile-size .st3 {
fill: #61A60E;
}
.hotspot-mobile-size rect {
opacity: 0;
}
.hotspot-hero-wrapper a {
display: inline-block;
cursor: pointer;
}
.hotspot-full-size #Cloud_Layer_Wrapper:hover .st1, .hotspot-full-size #Waylight_Wrapper:hover .st1, .hotspot-full-size #VAST_Wrapper:hover .st1, .hotspot-full-size #Over_Easy_Wrapper:hover .st1, .hotspot-full-size #GO_Wrapper:hover .st1, .hotspot-full-size #GOzeebo_Wrapper:hover .st1, .hotspot-full-size #GO_EASY_Wrapper:hover .st1, .hotspot-full-size #Hacky_Pack_Wrapper:hover .st1 {
fill: #000000;
enable-background: new;
}
.hotspot-mobile-size #Cloud_Layer_Wrapper:hover .st1, .hotspot-mobile-size #Waylight_Wrapper:hover .st1, .hotspot-mobile-size #VAST_Wrapper:hover .st1, .hotspot-mobile-size #Over_Easy_Wrapper:hover .st1, .hotspot-mobile-size #GO_Wrapper:hover .st1, .hotspot-mobile-size #GOzeebo_Wrapper:hover .st1, .hotspot-mobile-size #GO_EASY_Wrapper:hover .st1, .hotspot-mobile-size #Hacky_Pack_Wrapper:hover .st1 {
fill: #000000;
enable-background: new;
}
@media only screen and (max-width: 850px) {
.mobile-360 {
display: block;
background-size: cover;
padding: 60px 0px;
}
.mobile-360 img.panner-placeholder {
width: 50%;
margin: 0 auto;
text-align: center;
}
.full-360 {
display: none;
}
}
@media only screen and (min-width: 850px) {
.full-360 {
display: block;
}
.mobile-360 {
display: none;
}
}
.panner-full-screen {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.9);
z-index: 1000000;
height: 100vh;
overflow: hidden;
}
.panner-flex-container-center {
displaY: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.panner-full-screen {
color: white;
}
.panner-hidden {
display: none;
}
.mobile-360 .snap-embed {
position: unset !important;
height: 95vh !important;
}
a.open-panner {
display: block;
text-align: center;
}
.open-panner {
cursor: pointer;
}
.close-panner {
position: absolute;
z-index: 2000000;
top: 10px;
right: 20px;
}
body .newsletter-signup {
background: url("images/2020/Newsletter-Background.jpg") no-repeat;
background-size: cover;
background-position: right bottom;
height: 765px;
width: 100%;
text-align: center;
padding: 20px;
}
body .newsletter-signup h2 {
color: white;
text-transform: uppercase;
font-family: "Barlow Semi Condensed", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 50px;
line-height: 60px;
margin: 100px 0px 40px 0px;
text-align: center;
}
body .newsletter-signup h3 {
color: #ffffff;
font-size: 20px;
line-height: 24px;
margin: 0 0 20px 0;
padding: 0px 20px;
}
body .newsletter-signup-wrapper {
max-width: 500px;
margin: 0 auto;
}
body #mc-embedded-subscribe-form {
max-width: 350px;
display: flex;
flex-direction: column;
margin: 10px auto 0px auto;
}
body #mc-embedded-subscribe-form input[type="email"] {
width: 100%;
text-align: center;
font-family: "Barlow Condensed", sans-serif;
font-style: normal;
font-weight: 300;
font-size: 20px;
color: black;
text-transform: lowercase;
opacity: 1;
padding: 0px;
line-height: 55px;
margin: 0px;
border-top: 1px solid #707070 !important;
border-left: 1px solid #707070 !important;
border-bottom: none !important;
border-right: 1px solid #707070 !important;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
body #mc-embedded-subscribe-form input[type="email"] ::-webkit-input-placeholder {
text-transform: lowercase;
color: black;
opacity: 1;
}
body #mc-embedded-subscribe-form input[type="email"] :-moz-placeholder {
/* Firefox 18- */
color: black;
text-transform: lowercase;
opacity: 1;
}
body #mc-embedded-subscribe-form input[type="email"] ::-moz-placeholder {
/* Firefox 19+ */
color: black;
text-transform: lowercase;
opacity: 1;
}
body #mc-embedded-subscribe-form input[type="email"] :-ms-input-placeholder {
color: black;
text-transform: lowercase;
opacity: 1;
}
body #mc-embedded-subscribe-form input[type="submit"] {
width: 100%;
background: #64A70B;
line-height: 55px;
font-family: "Barlow Condensed", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 30px;
text-transform: uppercase;
color: #000000;
padding: 0px;
margin: 0px auto;
border: 1px solid #707070 !important;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
body #mc-embedded-subscribe-form input:hover[type="submit"] {
background: #006C5B;
color: #ffffff;
}
body #mc-embedded-subscribe-form span.wpcf7-not-valid-tip {
position: absolute;
width: 100%;
top: 35px;
}
body #mc-embedded-subscribe-form div.wpcf7-response-output {
margin: 10px 0px 10px 0px;
color: #ffffff;
}
@media only screen and (min-width: 800px) {
body .newsletter-signup {
height: 470px;
background-position: center bottom;
}
body .newsletter-signup h2 {
display: block;
margin: 40px 0px 20px 0px;
}
}
@media only screen and (min-width: 1000px) {
body .newsletter-signup .newsletter-signup-wrapper p {
display: flex;
align-content: flex-start;
}
body .newsletter-signup h2 {
font-family: "Barlow Semi Condensed", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 70px;
line-height: 70px;
}
body .newsletter-signup #mc-embedded-subscribe-form {
max-width: 600px;
flex-direction: row;
justify-content: center;
}
body .newsletter-signup #mc-embedded-subscribe-form form {
width: 100%;
}
body .newsletter-signup #mc-embedded-subscribe-form .email-926 {
width: 66%;
}
body .newsletter-signup #mc-embedded-subscribe-form input[type="email"] {
width: 100%;
max-width: 290px;
line-height: 57px;
border-top: 1px solid #707070 !important;
border-left: 1px solid #707070 !important;
border-right: 1px solid #707070 !important;
border-bottom: 1px solid #707070 !important;
}
body .newsletter-signup #mc-embedded-subscribe-form input[type="submit"] {
width: 34%;
background: #64A70B;
line-height: 57px;
margin: 0px 20px;
font-family: "Barlow Condensed", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 28px;
}
}
#updated-fonts h1, .updated-fonts h1 {
font-family: "Barlow Semi Condensed", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 45px;
color: #64A70B;
margin: 0px;
padding: 0px;
line-height: 50px;
text-transform: uppercase;
}
#updated-fonts h2, .updated-fonts h2 {
font-family: "Roboto Slab", serif;
font-style: normal;
font-weight: 300;
font-size: 18px;
display: inline-block;
color: #64A70B;
padding: 0px;
line-height: 25px;
text-transform: lowercase;
}
#updated-fonts h3, .updated-fonts h3 {
font-family: "Barlow Semi Condensed", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 35px;
color: #000000;
margin: 0px;
padding: 0px;
line-height: 40px;
text-transform: uppercase;
}
#updated-fonts h4, .updated-fonts h4 {
font-family: "Barlow Semi Condensed", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 20px;
margin: 0px;
padding: 0px;
line-height: 25px;
text-transform: uppercase;
}
#updated-fonts h5, .updated-fonts h5 {
font-family: "Barlow Semi Condensed", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 45px;
color: #64A70B;
display: inline-block;
margin: 0px 12px 0px 0px;
padding: 0px;
line-height: 50px;
clear: none;
}
#updated-fonts h6, .updated-fonts h6 {
font-family: "Roboto Slab", serif;
font-style: normal;
font-weight: 300;
font-size: 12px;
color: #64A70B;
padding: 0px;
line-height: 18px;
}
#updated-fonts span.price, .updated-fonts span.price {
font-family: "Roboto Slab", serif;
font-style: normal;
font-weight: 300;
font-size: 20px;
color: #64A70B;
}
#updated-fonts .extended-line-height p, .updated-fonts .extended-line-height p {
line-height: 30px;
font-family: "Barlow Semi Condensed", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 17px;
}
#updated-fonts .extended-line-height h4, .updated-fonts .extended-line-height h4 {
margin: 0px 0px 4px 0px;
}
#updated-fonts .product-feature-block h4, #updated-fonts .product-feature-block p, .updated-fonts .product-feature-block h4, .updated-fonts .product-feature-block p {
margin: 0px;
color: #006C5B;
}
#updated-fonts .product-feature-block .elementor-widget, .updated-fonts .product-feature-block .elementor-widget {
margin-bottom: 10px;
}
#updated-fonts .options-block .elementor-widget, .updated-fonts .options-block .elementor-widget {
margin-bottom: 10px;
}
#updated-fonts .small-paragraph-text p, .updated-fonts .small-paragraph-text p {
font-family: "Barlow Semi Condensed", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
}
#updated-fonts .medium-paragraph-text p, .updated-fonts .medium-paragraph-text p {
font-family: "Barlow Semi Condensed", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 16px;
}
#updated-fonts .dark-green-background, .updated-fonts .dark-green-background {
background-color: #006C5B;
}
#updated-fonts .dark-green-background .white-text h5, #updated-fonts .dark-green-background .white-text h2, .updated-fonts .dark-green-background .white-text h5, .updated-fonts .dark-green-background .white-text h2 {
color: #ffffff;
}
#updated-fonts .dark-green-background h4, .updated-fonts .dark-green-background h4 {
color: #ffffff;
}
#updated-fonts .dark-green-background .green-heading h4, .updated-fonts .dark-green-background .green-heading h4 {
color: #64A70B;
}
#updated-fonts .dark-green-background a.elementor-button, .updated-fonts .dark-green-background a.elementor-button {
background-color: #64A70B;
}
#updated-fonts .dark-green-background a:hover.elementor-button, .updated-fonts .dark-green-background a:hover.elementor-button {
background-color: #006C5B;
}
#updated-fonts #dark-grey-background, .updated-fonts #dark-grey-background {
background-color: #373A36;
}
#updated-fonts #dark-grey-background h4, #updated-fonts #dark-grey-background p, #updated-fonts #dark-grey-background ul, .updated-fonts #dark-grey-background h4, .updated-fonts #dark-grey-background p, .updated-fonts #dark-grey-background ul {
color: #ffffff;
}
.elementor-widget-form .elementor-button[type="submit"] {
background-color: #006C5B;
}
.elementor-widget-form .elementor-button:hover[type="submit"] {
background-color: #64A70B;
}
.dialog-type-lightbox {
z-index: 1000000;
}
button.woocommerce-button.button.woocommerce-form-login__submit {
width: 140px;
line-height: 30px;
font-family: "Barlow Semi Condensed", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 16px;
color: #ffffff;
display: inline-block;
text-align: center;
text-decoration: none;
background: #006C5B;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
margin-bottom: 20px;
text-transform: uppercase;
}
button:hover.woocommerce-button.button.woocommerce-form-login__submit {
background: #64A70B;
color: #000000;
}
@media only screen and (min-width: 769px) {
.woocommerce-form.woocommerce-form-login.login {
max-width: 600px;
}
}
.woocommerce-MyAccount-navigation, .woocommerce-MyAccount-content {
margin: 40px 0 100px 0;
}
.woocommerce-MyAccount-content .woocommerce-Price-amount {
font-size: 16px !important;
}
.woocommerce-MyAccount-content a.woocommerce-button, .woocommerce-MyAccount-content a:visited.woocommerce-button {
font-family: "Barlow Semi Condensed", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 12px;
padding: 5px 30px;
margin-right: 10px;
line-height: 12px;
color: #ffffff;
display: inline-block;
text-align: center;
text-decoration: none;
background: #006C5B;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
margin-bottom: 20px;
text-transform: uppercase;
}
.woocommerce-MyAccount-content a:hover.woocommerce-button {
background: #64A70B;
color: #000000;
}
.woocommerce-MyAccount-content h3 {
font-size: 25px !important;
}
.is-title a {
font-family: "Barlow Semi Condensed", sans-serif !important;
font-style: normal !important;
font-weight: 600 !important;
font-size: 14px !important;
text-transform: inherit !important;
}
.is-ajax-search-details a, .is-ajax-search-result a {
color: #000000 !important;
}
.is-prices .woocommerce-Price-amount.amount {
color: #000000 !important;
font-weight: 400 !important;
font-size: 12px !important;
}
.is-ajax-result-description {
font-family: "Barlow Semi Condensed", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 20px;
}
div.is-ajax-search-result {
background: #919388 !important;
}
@media (min-width: 1000px) and (max-width: 1366px) {
div.is-ajax-search-result {
width: 453px !important;
}
}
.astm-search-menu-wrapper.is-menu-wrapper {
display: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
.btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .modal-header:after, .modal-header:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
display: table;
content: " ";
}
.container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row {
margin-right: -15px;
margin-left: -15px;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
.col-sm-4.text-content {
padding-right: 40px;
}
@media (min-width: 768px) {
.col-sm-4 {
width: 33.33333333%;
}
}
@media (min-width: 768px) {
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
float: left;
}
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 768px) {
.col-sm-8 {
width: 66.66666667%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-6 {
width: 50%;
}
}
.site-branding {
width: 100%;
margin: 0 auto;
background: #ffffff;
position: fixed;
height: 80px;
z-index: 99999;
}
.ftg-items {
min-width: 100% !important;
}
.featured-video-below-bar {
margin: 0px !important;
}
.featured-video-plus {
background: #000000;
}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button, input[type="button"], input[type="reset"], input[type="submit"] {
border: 1px solid;
border-color: #006C5B;
border-radius: 15px;
background: #006C5B;
color: #ffffff;
font-family: "Barlow Semi Condensed", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 20px;
padding: 5px 30px;
text-transform: uppercase;
text-shadow: none;
box-shadow: none;
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
box-shadow: none;
}
button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus {
box-shadow: none;
}
button#mobileMenu {
background: #64A70B;
height: 50px;
width: 50px;
border-radius: 50px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border: none;
color: white;
font-size: 25px;
text-align: center;
margin: 0px;
padding: 0px;
content: "";
font-family: "fontawesome";
position: absolute;
top: 15px;
margin: 0 15px;
left: 15px;
}
button:hover#mobileMenu {
background: #FA7900;
}
@media screen and (max-width: 330px) {
.slideout-open button#mobileMenu.toggle-button {
margin: 0px;
}
}
button#mobileMenu:after {
content: "";
font-family: "fontawesome";
}
.slideout-open button#mobileMenu:after {
content: "";
font-family: "fontawesome";
}
a.seo-button, a:visited.seo-button {
font-family: "Roboto Slab", serif;
font-style: normal;
font-weight: 700;
font-size: 20px;
background: #64A70B;
color: #ffffff;
text-decoration: none;
height: 50px;
line-height: 50px;
width: auto;
padding: 15px 30px;
text-align: center;
}
a:hover.seo-button {
background: #FA7900;
color: #ffffff;
}
a.find-a-dealer-button, a.find-a-dealer-button:visited {
font-family: "Roboto Slab", serif;
font-style: normal;
font-weight: 700;
font-size: 20px;
background: #FA7900;
width: 180px;
height: 50px;
margin: 20px auto;
line-height: 50px;
color: #ffffff;
display: block;
text-decoration: none;
text-align: center;
}
a.find-a-dealer-button:hover {
background: #64A70B;
color: #ffffff;
}
@media screen and (min-width: 851px) {
a.find-a-dealer-button {
margin: 20px 0;
}
}
a.get-button, a:visited.get-button {
font-family: "Roboto Slab", serif;
font-style: normal;
font-weight: 400;
font-size: 20px;
z-index: 7;
white-space: nowrap;
font-size: 17px;
line-height: 17px;
font-weight: 500;
color: #FFFFFF;
background-color: rgba(255, 255, 255, 0);
border-color: white;
border-style: solid;
border-width: 1px;
border-radius: 3px;
box-shadow: none;
box-sizing: border-box;
cursor: pointer;
text-decoration: none;
visibility: inherit;
transition: none;
text-align: inherit;
margin: 0px;
padding: 12px 35px;
letter-spacing: 0px;
min-height: 0px;
min-width: 0px;
max-height: none;
max-width: none;
opacity: 1;
transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
transform-origin: 50% 50% 0px;
top: 10px;
position: relative;
}
a:hover.get-button {
background-color: rgba(255, 255, 255, 0.2);
}
@media screen and (min-width: 600px) {
a.get-button.go {
float: right;
}
}
a.get-button.go-easy {
top: 100px;
}
a.get-button.dealer {
display: inline-block;
text-align: center;
margin: 0px auto 70px auto;
width: 250px;
color: #373A36;
border-color: #373A36;
}
a.get-button.home {
color: #373A36;
border-color: #373A36;
float: left;
top: 0px;
height: 50px;
line-height: 50px;
padding: 0px 20px;
}
a:hover.get-button.home {
background-color: rgba(255, 255, 255, 0.9);
}
a:hover.get-button.dealer {
background-color: rgba(0, 0, 0, 0.5);
color: #ffffff;
}
.get-button-dealer-wrapper {
text-align: center;
position: relative;
top: 40px;
}
.dealer-locator .wpb_content_element {
margin: 0px;
}
@media screen and (max-width: 600px) {
a.get-button.home {
width: 220px;
margin: 0 auto 40px auto;
float: none;
display: block;
text-align: center;
}
}
a.buy-direct-button {
display: block;
width: 100px;
height: 100px;
background: url("../images/2019/BuyDirect-green.svg") no-repeat;
background-size: contain;
background-size: 100px 100px;
padding: 0px;
float: left;
margin-right: 30px;
}
a:hover.buy-direct-button {
background: url("../images/2019/BuyDirect-grey.svg") no-repeat;
background-size: 100px 100px;
background-size: contain;
}
a.buy-direct-button.go-page-buy-direct {
text-align: left;
margin-bottom: 10px;
float: none;
position: relative;
}
@media screen and (min-width: 600px) {
a.buy-direct-button.go-page-buy-direct {
text-align: right;
right: 0px;
margin: 0 0 10px auto;
}
}
.stayInTouch {
text-align: center;
color: #ffffff;
}
.stayInTouch h2 {
color: #ffffff;
}
.stayInTouch input[type="email"], .stayInTouch input[type="text"] {
width: 100%;
margin-bottom: 20px;
padding: 3px 10px;
}
.stayInTouch input[type="submit"] {
border-color: #64A70B;
background: #64A70B;
padding: 12px 24px;
text-transform: uppercase;
}
.motorcycleCapacity p {
text-align: left;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"] {
padding: 3px;
}
textarea {
padding-left: 3px;
width: 100%;
}
.grecaptcha-badge {
opacity: 0 !important;
}
div.wpcf7-response-output {
display: none;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
color: #000000;
text-decoration: underline;
}
a:visited {
color: #000000;
}
a:hover, a:focus, a:active {
color: #000000;
text-decoration: none;
}
a:focus {
outline: thin dotted;
}
h3.more-photos {
text-align: right;
margin: 20px 20px 0 0;
}
h3.more-photos a {
text-decoration: none;
color: #64A70B;
font-size: 18px;
}
h3.more-photos a:hover {
color: #FA7900;
}
.anchor {
position: relative;
top: -79px;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.header-wrapper {
display: block;
width: 100%;
border-bottom: 1px solid #cccccc;
}
.header-banner {
margin: 0 auto;
background: #ffffff;
position: relative;
display: block;
height: 60px;
}
.header-banner a {
text-decoration: none;
}
.header-banner a svg {
width: 25px;
height: auto;
}
.header-banner a:hover {
color: #64A70B;
text-decoration: none;
}
.header-banner a:hover svg {
fill: #64A70B;
enable-background: new;
}
.header-logo {
position: absolute;
margin: 0 auto;
z-index: 100007;
width: 275px;
left: 20px;
}
@media only screen and (max-width: 349px) {
.header-logo {
top: 17px;
max-width: 70%;
}
}
@media only screen and (min-width: 350px) {
.header-logo {
top: 15px;
}
}
.header-notifcation {
color: #000000;
font-family: "Barlow Semi Condensed", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
text-align: center;
padding: 5px 20px 7px 20px;
line-height: 19px;
z-index: 1;
}
@media only screen and (max-width: 900px) {
.header-notifcation {
position: relative;
margin: 0px auto 5px auto;
top: 2px;
}
}
@media only screen and (min-width: 1000px) {
.header-notifcation {
position: absolute;
left: -50%;
right: -50%;
margin: 0px auto;
top: 7px;
}
}
.header-notifcation p {
margin: 0px;
}
.header-notifcation a, .header-notifcation a:visited {
text-decoration: underline;
color: #000000;
}
.header-notifcation a:hover {
text-decoration: none;
}
.header-buttons {
font-family: "Barlow Semi Condensed", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 10px;
line-height: 15px;
color: #000000;
display: flex;
flex-direction: row;
justify-content: space-between;
width: 175px;
text-align: center;
}
.header-buttons a, .header-buttons a:visited {
text-decoration: none;
color: #000000;
}
.header-buttons a .icon, .header-buttons a:visited .icon {
margin-top: 3px;
}
.header-buttons a:hover {
text-decoration: none;
color: #64A70B;
}
.header-buttons .header-button-search span:hover {
cursor: pointer;
}
.header-buttons .header-button-search svg {
width: 20px;
margin: 6px auto 0px auto;
}
.header-buttons a.header-button-cart {
min-width: 30px;
}
.header-buttons a.header-button-cart .icon {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
min-width: 30px;
}
.header-buttons a.header-button-cart .icon svg {
height: 20px;
}
.header-buttons a.header-button-cart .icon .cart-contents {
font-size: 10px;
text-decoration: none;
}
@media only screen and (max-width: 999px) {
.header-buttons {
width: 100%;
justify-content: space-between;
align-content: center;
align-items: center;
background: #333333;
color: #ffffff;
font-size: 14px;
margin-top: 50px;
padding: 5px 20px 5px 20px;
}
.header-buttons .grow {
flex-grow: 2;
}
.header-buttons .header-button-leaf svg {
height: 50px;
width: auto;
align-self: flex-start;
}
.header-buttons svg {
fill: #ffffff;
enable-background: new;
}
.header-buttons a, .header-buttons a:visited {
text-decoration: none;
color: #ffffff;
}
.header-buttons a:hover {
text-decoration: none;
color: #64A70B;
}
.header-buttons a:hover svg {
fill: #64A70B;
enable-background: new;
}
}
.header-search {
display: none;
}
@media (min-width: 1000px) {
.header-search {
display: inline-block;
position: absolute;
width: 20%;
top: 12px;
right: 20px;
z-index: 100007;
}
}
@media (min-width: 1000px) and (max-width: 1100px) {
ul.top-nav-second {
margin: 0 0 0 7%;
}
}
.display-nav-full {
display: none;
}
@media only screen and (min-width: 800px) {
.display-nav-mobile {
display: none;
}
.display-nav-full {
font-family: "Barlow", sans-serif;
font-style: normal;
font-weight: 800;
font-size: 14px;
letter-spacing: 0.5px;
display: inline-block;
}
.SylvanSport-Logo {
width: 260px;
display: inline-block;
}
}
ul.nav-list li a.gear-nav-full {
display: none;
}
.header-buttons.full-size {
display: none;
}
@media only screen and (min-width: 1000px) {
ul.nav-list li a.gear-nav-mobile {
display: none;
}
ul.nav-list li a.gear-nav-full {
display: inline-block;
}
.header-buttons.full-size {
display: flex;
position: absolute;
right: 20px;
z-index: 100007;
top: 3px;
width: 135px;
}
.header-buttons.full-size .icon {
width: 20px;
margin-top: 0px;
}
.header-buttons.full-size a {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
}
.header-buttons.mobile {
display: none;
}
}
.header-banner p {
margin: 0px;
padding: 0px;
}
.header-banner-x {
font-size: 14px;
color: #ffffff;
position: absolute;
right: 20px;
top: 4px;
}
.site-header {
height: 60px;
z-index: 100006;
position: relative;
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
align-content: stretch;
width: 100%;
}
.navigation {
height: 60px;
width: 100%;
display: flex;
justify-content: flex-end;
}
.nav-container {
width: 100%;
position: relative;
}
.nav-dropdown {
display: none;
z-index: 1;
}
/* Mobile navigation */
@media only screen and (max-width: 999px) {
.nav-mobile {
display: flex;
align-items: center;
height: 60px;
padding: -2px 20px 0px 0px;
}
.top-nav-desktop {
display: none;
}
.top-nav-mobile {
display: block;
}
.nav-container {
-webkit-overflow-scrolling: touch;
overflow-y: auto;
width: 100%;
position: absolute;
left: 0;
right: 0;
top: 60px;
}
.nav-container.give-height {
height: 75vh;
max-height: 75vh;
z-index: 1000;
}
.navigation {
height: 60px;
}
nav {
width: 100%;
}
nav ul {
list-style-type: none;
display: none;
margin: 0px;
padding: 2px 0px 0px 0px;
background: #ffffff;
}
nav ul li {
margin: 0px 20px 0px 20px;
padding: 0px;
}
nav ul li a, nav ul li a:visited, nav ul li span {
font-family: "Barlow Condensed", sans-serif;
font-style: normal;
font-weight: 300;
font-size: 20px;
border-bottom: 3px solid #ffffff;
color: #000000;
line-height: 40px;
display: block;
text-decoration: none;
padding: 0px 15px;
border-bottom: #E5E6DF solid 1px;
}
nav ul li a:hover {
color: #64A70B;
}
nav ul li ul {
padding: 0px;
display: none;
}
nav ul li ul li {
margin: 0px;
}
nav ul li ul li span {
font-family: "Barlow Condensed", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 20px;
padding: 0px;
}
nav ul li ul li a, nav ul li ul li a:visited {
font-family: "Barlow Condensed", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 20px;
padding: 0px;
}
nav ul li ul li a:hover {
color: #64A70B !important;
font-family: "Barlow Condensed", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 20px;
}
nav ul li ul li ul li {
padding: 0px;
}
nav ul li ul li ul li a, nav ul li ul li ul li a:visited {
font-family: "Barlow Condensed", sans-serif;
font-style: normal;
font-weight: 300;
font-size: 20px;
}
nav ul li ul li ul li a.nav-buy-now, nav ul li ul li ul li a.nav-buy-now:visited {
font-family: "Barlow Condensed", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 20px;
}
nav ul li ul li.camper-nav a, nav ul li ul li.camper-nav a:visited {
display: flex;
flex-direction: column;
background-color: #ffffff;
flex-wrap: wrap;
height: 100px;
align-content: flex-start;
}
nav ul li ul li.camper-nav a .nav-image, nav ul li ul li.camper-nav a:visited .nav-image {
height: 100px;
flex: 100%;
width: 40%;
max-width: 150px;
background-size: contain;
background-position: left center;
background-repeat: no-repeat;
}
nav ul li ul li.camper-nav a .nav-description, nav ul li ul li.camper-nav a:visited .nav-description {
font-family: "Barlow Semi Condensed", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
color: #000000;
line-height: 16px;
width: 60%;
}
nav ul li ul li.camper-nav a:hover .nav-description {
color: #000000;
}
nav ul li ul li.camper-nav .nav-title {
line-height: 20px;
padding: 10px 0px 5px 5px;
}
nav ul li ul li.camper-nav .nav-description {
padding: 0px 0px 0px 5px;
}
nav ul li ul li.camper-nav .nav-description, nav ul li ul li.camper-nav .nav-title {
flex-shrink: 1;
overflow: hidden;
white-space: normal;
word-break: break-word;
overflow-wrap: break-word;
width: 60%;
}
nav ul li ul li.view-all .view-all-arrow {
display: none;
}
nav ul li ul li.gear-nav {
border-bottom: 1px solid #919388;
}
nav ul li ul li.gear-nav a, nav ul li ul li.gear-nav a:visited {
display: flex;
align-items: center;
font-family: "Barlow", sans-serif;
font-style: normal;
font-weight: 800;
font-size: 25px;
letter-spacing: 0.5px;
color: #FA7900 !important;
background: #ffffff !important;
overflow: hidden;
line-height: 1;
height: 125px;
}
nav ul li ul li.gear-nav a img, nav ul li ul li.gear-nav a:visited img {
float: left;
margin: 15px 20px 0 0px;
}
nav ul li ul li.gear-nav a:hover {
color: #64A70B !important;
cursor: pointer !important;
}
nav ul li ul li.gear-nav .shortProductDescription {
display: none;
}
nav ul li ul li.gear-nav ul li a, nav ul li ul li.gear-nav ul li a:visited {
background: #919388 !important;
font-family: "Barlow", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 24px;
letter-spacing: 0.5px;
color: #373A36 !important;
padding: 0px 20px;
line-height: 70px;
}
nav ul li ul li.gear-nav ul li a:hover {
background: #FA7900 !important;
color: #373A36 !important;
}
nav ul li.nav-hover ul {
display: block;
}
nav ul.nav-dropdown.gear li a {
justify-content: center;
}
.nav-dropdown {
position: static;
background-color: #ffffff;
}
a.top-nav {
background: url("../images/2020/plus-icon.svg") no-repeat;
background-position-x: 98%;
background-position-y: center;
}
.nav-hover a.top-nav {
background: url("../images/2020/minus-icon.svg") no-repeat;
background-position: right center;
background-position-x: 98%;
background-position-y: center;
}
}
@media screen and (min-width: 1000px) {
.nav-list {
margin: 0 auto;
display: flex !important;
flex-direction: row;
justify-content: center;
padding: 16px 20px 11px 20px;
}
}
.nav-mobile a {
color: #000000;
text-decoration: none;
text-align: center;
font-family: "Barlow Semi Condensed", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
margin: 0px auto 0px auto;
}
@media only screen and (max-width: 999px) {
.nav-mobile.sub {
display: flex;
flex-direction: row;
}
}
#nav-toggle {
position: relative;
display: block;
cursor: pointer;
padding: 0px;
background: #ffffff;
width: 60px;
height: 30px;
margin: -2px 0px 0px auto;
border: none;
}
#nav-toggle .menu-text {
text-align: center;
width: 40px;
margin: 0px auto 0px auto;
padding: 7px 0px 10px 0px;
}
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {
cursor: pointer;
border-radius: 1px;
height: 2px;
width: 22px;
background: #231F20;
position: absolute;
display: inline-block;
content: "";
transition: all 300ms ease-in-out;
left: -50%;
right: -50%;
margin: 0 auto;
}
#nav-toggle span:before {
top: -5px;
}
#nav-toggle span:after {
bottom: -5px;
}
#nav-toggle.active span {
background-color: transparent;
}
#nav-toggle.active span:before, #nav-toggle.active span:after {
top: 0;
}
#nav-toggle.active span:before {
transform: rotate(45deg);
}
#nav-toggle.active span:after {
transform: rotate(-45deg);
}
a#nav-toggle.active {
background: #ffffff;
}
#sub-nav-toggle {
position: relative;
display: block;
cursor: pointer;
padding: 0px;
background: #000000;
height: 60px;
}
#sub-nav-toggle .menu-text {
color: #ffffff;
text-align: center;
width: 125px;
margin: 0px auto 0px auto;
padding: 7px 0px 10px 0px;
}
#sub-nav-toggle span, #sub-nav-toggle span:before, #sub-nav-toggle span:after {
cursor: pointer;
border-radius: 1px;
height: 2px;
width: 22px;
background: #ffffff;
position: absolute;
display: block;
content: "";
transition: all 300ms ease-in-out;
left: -50%;
right: -50%;
margin: 0 auto;
}
#sub-nav-toggle span:before {
top: -5px;
}
#sub-nav-toggle span:after {
bottom: -5px;
}
#sub-nav-toggle.active span {
background-color: transparent;
}
#sub-nav-toggle.active span:before, #sub-nav-toggle.active span:after {
top: 0;
}
#sub-nav-toggle.active span:before {
transform: rotate(45deg);
}
#sub-nav-toggle.active span:after {
transform: rotate(-45deg);
}
a#sub-nav-toggle.active {
background: #333333;
}
article {
max-width: 1000px;
margin: 0 auto;
padding: 10px;
}
.headerLogo {
flex-grow: 1;
text-align: center;
}
@media screen and (min-width: 1000px) {
.headerLogo {
order: -1;
}
}
.logo-stacked {
display: block;
width: 160px;
height: 72px;
}
.logo-stacked img {
width: 160px;
height: auto;
}
.logo-sidebyside {
display: none;
}
@media only screen and (min-width: 500px) {
.logo-stacked {
display: none;
}
.logo-sidebyside {
display: block;
width: 310px;
}
.logo-sidebyside img {
width: 310px;
height: auto;
}
}
@media only screen and (min-width: 1000px) and (max-width: 1175px) {
.logo-sidebyside {
margin-left: 20px;
}
}
a:hover.cart-contents {
text-decoration: none;
color: #FA7900;
}
.header-top-nav-wrapper {
position: relative;
border-bottom: 1px solid #cccccc;
}
@media only screen and (min-width: 1000px) {
.top-nav-desktop {
display: block;
}
.top-nav-mobile, .nav-mobile {
display: none;
}
.header-top-nav-left {
max-width: 25%;
height: 45px;
position: relative;
z-index: 2;
}
.header-top-nav-left nav ul.nav-list {
justify-content: flex-start;
padding: 10px 20px;
}
.header-top-nav-left nav ul.nav-list li a {
margin: 0px 20px 0px 0px;
}
.nav-image.ppe {
width: 400px;
display: block;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
}
nav {
width: 100%;
padding: 0px;
}
nav ul {
margin: 0px;
list-style-type: none;
}
nav ul li {
padding: 0px;
}
nav ul li a, nav ul li a:visited {
font-family: "Barlow Semi Condensed", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 16px;
border-bottom: none;
color: #000000;
float: none;
background: none;
text-decoration: none;
padding: 0px;
display: inline-block;
padding: 0px;
margin: 0px 10px;
}
nav ul li a:hover {
cursor: pointer;
color: #64A70B;
border-bottom: #64A70B 3px solid;
}
nav ul li a:focus {
outline: thin dotted;
}
nav ul li ul {
width: 100%;
background-color: #ffffff;
}
nav ul li ul li {
background-image: none !important;
font-family: "Barlow Condensed", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 14px;
color: #000000;
padding: 0px;
height: auto;
line-height: 25px;
}
nav ul li ul li a, nav ul li ul li a:visited {
font-family: "Barlow Condensed", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 16px;
color: #000000;
text-decoration: none;
text-align: left;
background: none;
height: 25px;
line-height: 25px;
}
nav ul li ul li a:hover {
color: #64A70B !important;
text-decoration: none;
border: none;
}
nav ul li ul li a:focus {
outline: thin dotted;
}
nav ul li ul li ul {
margin: 0px;
padding: 0px;
}
nav ul li ul li ul li a, nav ul li ul li ul li a:visited {
font-family: "Barlow Condensed", sans-serif;
font-style: normal;
font-weight: 300;
font-size: 16px;
color: #000000;
text-decoration: none;
text-align: left;
background: none;
}
nav ul li ul li ul li a:hover {
color: #64A70B !important;
border: none;
font-family: "Barlow Condensed", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 16px;
}
nav ul li ul li ul li a.nav-buy-now, nav ul li ul li ul li a:visited.nav-buy-now {
font-family: "Barlow Condensed", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 16px;
}
nav ul li.camper-nav {
margin-bottom: 20px;
}
nav ul li.camper-nav a, nav ul li.camper-nav a:visited {
display: flex;
flex-direction: column;
background-color: #ffffff;
height: auto;
width: 80%;
}
nav ul li.camper-nav a .nav-image, nav ul li.camper-nav a:visited .nav-image {
height: 100px;
background-size: contain;
background-position: left bottom;
background-repeat: no-repeat;
}
nav ul li.camper-nav a .nav-title, nav ul li.camper-nav a:visited .nav-title {
line-height: 16px;
margin: 5px 0px 2px 0px;
}
nav ul li.camper-nav a .nav-description, nav ul li.camper-nav a:visited .nav-description {
font-family: "Barlow Semi Condensed", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
color: #000000;
line-height: 18px;
}
nav ul li.camper-nav a:hover .nav-description {
color: #000000;
}
nav li.view-all .view-all-arrow {
display: block;
width: 45px;
margin: 0 auto;
}
nav li.view-all {
width: 45px;
align-self: center;
}
nav li.view-all a {
text-align: center;
}
nav li.nav-hover a.top-nav {
color: #64A70B;
border-bottom: #64A70B 3px solid;
}
nav li.nav-hover ul.nav-dropdown {
display: flex !important;
flex-direction: row;
justify-content: flex-start;
padding: 20px;
border-bottom: 1px solid #cccccc;
}
nav li.nav-hover ul.nav-dropdown li {
flex: 1;
}
nav li.nav-hover ul.nav-dropdown li ul {
display: block !important;
}
nav li.nav-hover ul.nav-dropdown li ul li, nav li.nav-hover ul.nav-dropdown li ul li:first-child {
margin: 0px;
}
nav li.nav-hover ul.nav-dropdown.gear li {
text-align: center;
}
nav li.nav-hover ul.nav-dropdown.gear li a .nav-image {
background-position: center bottom;
}
nav li.nav-hover ul.nav-dropdown.gear li a .nav-title {
text-align: center;
}
nav li.nav-hover ul.nav-dropdown.gear li.gear-middle {
min-width: 270px;
}
.nav-dropdown {
position: absolute;
z-index: 100;
left: 0px;
}
nav li.nav-hover ul.nav-dropdown.just-text li {
flex: none;
}
ul.just-text {
justify-content: center !important;
}
ul.just-text li {
margin: 0px 20px;
}
}
@media only screen and (min-width: 1000px) and (min-width: 1000px) and (max-width: 1100px) {
nav ul li a, nav ul li a:visited {
margin-right: 5px;
}
}
@media only screen and (min-width: 1000px) and (min-width: 1366px) {
nav li.nav-hover ul.nav-dropdown {
padding: 20px 0p;
}
nav li.nav-hover ul.nav-dropdown li:first-child {
margin-left: 30px;
}
}
@media only screen and (min-width: 1000px) {
.nav-image-wapper {
flex-grow: 2;
display: flex;
justify-content: flex-end;
}
.nav-image-wapper .nav-image {
background-size: cover;
width: 275px;
height: 100%;
display: block;
}
}
@media only screen and (min-width: 1400px) {
.nav-image-wapper .nav-image {
width: 400px;
}
}
.header-button-search {
position: relative;
display: inline-block;
}
.header-button-search svg {
margin-top: 3px;
width: 25px;
height: auto;
}
.nav-search {
display: none;
position: absolute;
min-width: 532px;
background: #ffffff;
padding: 10px 16px 0 16px;
z-index: 1;
left: -265px;
}
@media (min-width: 1000px) and (max-width: 1366px) {
.nav-search {
min-width: 463px;
}
}
.header-button-search:hover, .header-button-search.active {
color: #64A70B;
}
.header-button-search:hover svg, .header-button-search.active svg {
fill: #64A70B;
enable-background: new;
}
.product-info a, .product-info a:visited {
color: #000000 !important;
}
.product-search-results .entry a, .product-search-results .entry a:visited, .product-search-results .search-results .entry a, .product-search-results .search-results .entry a:visited {
height: auto !important;
line-height: 1.5 !important;
color: #000000;
}
div.product-search-form form.product-search-form.show-submit-button button {
padding: 5px 30px !important;
margin: 0 0 0 10px !important;
}
@media only screen and (max-width: 1000px) {
ul.nav-search-wrapper {
display: block !important;
}
.site-header nav ul li ul.nav-search-wrapper {
line-height: 1.5 !important;
}
.site-header nav ul li ul.nav-search-wrapper a, .site-header nav ul li ul.nav-search-wrapper a:visited {
background: none;
font-size: 16px;
border-bottom: none;
}
}
.header-wrapper.sub-sticky {
background-color: #ffffff;
}
.header-wrapper.sub-sticky li.more-info {
flex-grow: 2;
}
@media only screen and (min-width: 1000px) {
.header-wrapper.sub-sticky li.more-info {
text-align: right;
}
}
.header-wrapper.sub-sticky li.more-info ul {
text-align: left;
}
.header-wrapper.sub-sticky a.top-nav.sub-right {
color: #64A70B;
font-family: "Barlow Condensed", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 18px;
text-transform: uppercase;
}
.header-wrapper.sub-sticky .nav-list {
margin: 0px auto;
width: 96%;
padding: 0px;
max-width: 1366px;
justify-content: flex-start;
}
.header-wrapper.sub-sticky .nav-list li {
padding: 0px 20px;
}
.header-wrapper.sub-sticky .nav-list a {
margin: 0px;
}
.header-wrapper.sub-sticky .navigation {
justify-content: space-around;
}
@media only screen and (min-width: 1000px) {
.header-wrapper.sub-sticky .navigation {
padding: 14px 0px 0px 0px;
}
}
.header-wrapper.sub-sticky .nav-dropdown.sub {
background-color: #000000;
width: auto;
flex-direction: column;
right: 0px;
left: auto;
padding: 20px 20px 30px 30px;
}
.header-wrapper.sub-sticky .nav-dropdown.sub li:first-child {
margin: 0px;
}
.header-wrapper.sub-sticky .nav-dropdown.sub li a {
color: #ffffff;
font-family: "Barlow Semi Condensed", sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
}
.header-wrapper.sub-sticky .nav-dropdown.sub li a:hover {
color: #000000 !important;
}
.site-header .nav-mobile a.book-a-call-button {
font-family: "Barlow Condensed", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 16px;
text-transform: uppercase;
background: #231F20;
color: #ffffff;
padding: 5px 20px;
border-radius: 15px 15px 15px 15px;
letter-spacing: 1px;
}
.site-header .nav-mobile a:hover.book-a-call-button {
background: #64A70B;
}
.fixed {
position: fixed;
top: 0;
left: 0;
z-index: 100010;
}
.header-wrapper.sub-sticky.sub-fixed {
background-color: #000000;
position: fixed;
top: 0;
left: 0;
z-index: 100009;
border-bottom: 1px solid #111111;
}
.header-wrapper.sub-sticky.sub-fixed .top-nav.sub {
color: #000000;
}
@media only screen and (min-width: 1000px) {
.header-wrapper.sub-sticky.sub-fixed .top-nav.sub {
color: #ffffff;
}
}
ul.just-text li {
margin: 0px 20px;
}
/*--------------------------------------------------------------
## SEO Menus
--------------------------------------------------------------*/
/* SEO Menus. */
.seo-footer-nav {
/*** ESSENTIAL STYLES ***/
/*** DEMO SKIN ***/
/*** arrows (for all except IE7) **/
/* styling for both css and generated arrows */
/* styling for right-facing arrows */
}
.seo-footer-nav .sf-menu, .seo-footer-nav .sf-menu * {
margin: 0;
padding: 0;
list-style: none;
font-family: "Barlow", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 18px;
letter-spacing: 0.5px;
}
.seo-footer-nav .sf-menu li {
position: relative;
}
.seo-footer-nav .sf-menu ul {
position: absolute;
display: none;
top: 100%;
left: 0;
z-index: 99;
}
.seo-footer-nav .sf-menu > li {
float: left;
}
.seo-footer-nav .sf-menu li:hover > ul, .seo-footer-nav .sf-menu li.sfHover > ul {
display: block;
}
.seo-footer-nav .sf-menu a {
display: block;
position: relative;
}
.seo-footer-nav .sf-menu ul ul {
top: 0;
left: 100%;
}
.seo-footer-nav .sf-menu {
clear: both;
float: none !important;
margin-bottom: 1em;
line-height: 30px !important;
max-width: 150px;
margin: 0 auto;
}
.seo-footer-nav .seo-footer {
margin: 0 0 20px 0;
}
.seo-footer-nav .sf-menu ul {
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
min-width: 12em;
/* allow long menu items to determine submenu width */
*width: 12em;
/* no auto sub width for IE7, see white-space comment below */
}
.seo-footer-nav .sf-menu a {
padding: 3px 10px;
text-decoration: none;
zoom: 1;
/* IE7 */
line-height: 30px;
}
.seo-footer-nav .sf-menu a {
color: #000000;
height: auto;
}
.seo-footer-nav .sf-menu li {
text-align: left;
position: relative;
background: #ffffff;
white-space: nowrap;
/* no need for Supersubs plugin */
*white-space: normal;
/* ...unless you support IE7 (let it wrap) */
-webkit-transition: background 0.2s;
transition: background 0.2s;
min-width: 140px;
display: block;
border: 1px solid #000000;
}
.seo-footer-nav .sf-menu li a.sf-with-ul:after {
position: absolute;
right: 0px;
border-left: 1px solid #000000;
height: 24px;
margin: 3px 0 0 0;
padding: 0 10px;
font-size: 20px;
content: "";
font-family: "fontawesome";
display: inline-block;
color: #373A36;
line-height: 24px;
}
.seo-footer-nav .sf-menu ul li {
background: #ffffff;
border: none !important;
border-bottom: 1px #000000 solid !important;
}
.seo-footer-nav .sf-menu ul li a {
border-top: none !important;
}
.seo-footer-nav .sf-menu ul ul li {
background: #ffffff;
}
.seo-footer-nav .sf-menu li:hover, .seo-footer-nav .sf-menu li.sfHover {
background: #ffffff;
/* only transition out, not in */
-webkit-transition: none;
transition: none;
}
.seo-footer-nav .sf-menu ul li:hover, .seo-footer-nav .sf-menu ul li.sfHover {
background: #64A70B;
/* only transition out, not in */
-webkit-transition: none;
transition: none;
}
.seo-footer-nav .sf-menu ul li:hover a:hover, .seo-footer-nav .sf-menu ul li.sfHover a:hover {
color: #ffffff;
}
.seo-footer-nav .sf-arrows .sf-with-ul {
padding-right: 2.5em;
*padding-right: 1em;
/* no CSS arrows for IE7 (lack pseudo-elements) */
}
.seo-footer-nav .sf-arrows .sf-with-ul:after {
content: "";
position: absolute;
top: 50%;
right: 1em;
margin-top: -3px;
height: 0;
width: 0;
/* order of following 3 rules important for fallbacks to work */
border: 5px solid transparent;
border-top-color: #dFeEFF;
/* edit this to suit design (no rgba in IE8) */
border-top-color: rgba(255, 255, 255, 0.5);
}
.seo-footer-nav .sf-arrows > li > .sf-with-ul:focus:after, .seo-footer-nav .sf-arrows > li:hover > .sf-with-ul:after, .seo-footer-nav .sf-arrows > .sfHover > .sf-with-ul:after {
border-top-color: white;
/* IE8 fallback colour */
}
.seo-footer-nav .sf-arrows ul .sf-with-ul:after {
margin-top: -5px;
margin-right: -3px;
border-color: transparent;
border-left-color: #dFeEFF;
/* edit this to suit design (no rgba in IE8) */
border-left-color: rgba(255, 255, 255, 0.5);
}
.seo-footer-nav .sf-arrows ul li > .sf-with-ul:focus:after, .seo-footer-nav .sf-arrows ul li:hover > .sf-with-ul:after, .seo-footer-nav .sf-arrows ul .sfHover > .sf-with-ul:after {
border-left-color: white;
}
@media screen and (min-width: 1000px) {
.seo-footer-nav .sf-menu {
margin: 0px;
}
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
/* Above WP toolbar. */
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
outline: 0;
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after {
clear: both;
}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
margin: 0 0 1.5em;
/* Make sure select elements fit in widgets. */
}
.widget select {
max-width: 100%;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.site-main {
position: relative;
padding-top: 0px;
}
.content-margin {
padding-top: 36px !important;
}
@media only screen and (min-width: 500px) {
.site-main {
position: relative;
padding-top: 0px;
}
}
@media only screen and (min-width: 1000px) {
.site-main {
position: relative;
padding-top: 0px;
}
}
#content {
overflow: hidden;
}
.sticky {
display: block;
}
.hentry {
margin: 0 0 40px 0;
}
.byline, .updated:not(.published) {
display: none;
}
.single .byline, .group-blog .byline {
display: inline;
}
.page-content, .entry-content {
margin: 0px;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.contentPage {
max-width: 1200px;
margin: 40px auto 0 auto;
padding: 0 20px;
overflow: hidden;
background: #ffffff;
}
.black-page {
background: #110E09 url("../images/capacities_boat_tile.jpg") repeat;
color: #ffffff;
}
.black-page h1 {
color: #ffffff;
}
.contentWrapper {
width: 100%;
max-width: 1160px;
margin: 0 auto;
position: relative;
}
.content-area {
overflow: hidden;
}
.post-feature-image-both {
display: none;
background-size: cover;
background-position: center center;
}
.post-feature-image-mobile {
position: relative;
z-index: 1;
display: block;
background-size: cover;
background-position: center center;
}
.post-feature-image-mobile img {
vertical-align: middle;
width: 100%;
height: auto;
position: relative;
}
.post-feature-image {
background-size: cover;
background-position: center center;
width: 100%;
height: 550px;
overflow: hidden;
position: relative;
display: block;
}
.post-feature-image img {
vertical-align: middle;
width: 100%;
height: auto;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}
.post-feature-image-with-mobile {
display: none;
}
@media screen and (min-width: 600px) {
.post-feature-image-with-mobile {
display: block;
}
.post-feature-image-both {
width: 100%;
height: 550px;
overflow: hidden;
position: relative;
display: block;
background-size: cover;
background-position: center center;
}
.post-feature-image-both img {
vertical-align: middle;
width: 100%;
height: auto;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}
.post-feature-image-mobile {
display: none;
}
}
.post-header {
padding: 40px 20px;
background: #f7f7f7;
background-size: cover;
}
.post-header .post-header-contents {
max-width: 1050px;
margin: 0px auto;
padding: 0 10% 0 0;
}
.post-header a {
text-decoration: none;
}
.post-header a:hover {
text-decoration: underline;
}
.byline {
font-family: "Barlow", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 20px;
letter-spacing: 0.5px;
font-weight: bold;
display: inline-block;
}
.posted-on {
font-family: "Barlow", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 18px;
letter-spacing: 0.5px;
}
main.post-wrapper {
max-width: 750px;
float: left;
margin: 0 25px;
}
.post-content-wrapper {
max-width: 1050px;
margin: 40px auto 40px auto;
padding: 0px 20px;
overflow: hidden;
}
#secondary {
width: 100%;
float: left;
}
#secondary ul {
list-style-type: none;
margin: 0 0 0 15px;
}
#secondary li {
margin: 0 0 15px 0;
}
#secondary a {
text-decoration: none;
color: #64A70B;
line-height: 1;
}
#secondary a:hover {
color: #FA7900;
}
.widget_products {
text-align: center;
}
.widget_products .woocommerce-Price-amount {
display: none;
}
.woocommerce ul.product_list_widget li {
text-align: center;
margin: 0 0 20px 0;
}
.woocommerce ul.product_list_widget li img {
width: auto;
float: none;
margin: 0px auto 15px auto;
display: block;
}
.featured-excerpt {
max-width: 980px;
margin: 40px auto 40px auto;
padding: 0 20px;
}
a.moretag {
display: block;
color: #64A70B;
font-family: "Barlow", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 20px;
letter-spacing: 0.5px;
font-weight: bold;
text-decoration: none;
margin: 10px 0 0 0;
}
a:hover.moretag {
color: #FA7900;
}
.post-block-wrapper {
width: 100%;
max-width: 1170px;
margin: 0 auto;
overflow: hidden;
}
.post-block-wrapper a.post-block {
position: relative;
color: #ffffff;
background: #000000;
line-height: 0;
height: 275px;
overflow: hidden;
}
.post-block-wrapper a.post-block img {
vertical-align: middle;
width: 100%;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
opacity: 0.5;
z-index: 1;
}
.post-block-wrapper a.post-block .post-block-details {
position: absolute;
z-index: 2;
top: 10%;
width: 100%;
text-align: center;
padding: 0 15px;
}
.post-block-wrapper a.post-block .post-block-title {
color: #ffffff;
font-family: "Roboto Slab", serif;
font-style: normal;
font-weight: 700;
font-size: 23px;
padding: 0 10px;
margin: 0 0 10px 0;
line-height: 28px;
}
.post-block-wrapper a.post-block .post-block-excerpt {
line-height: 18px;
}
.post-block-wrapper a.post-block .learn-more {
font-family: "Roboto Slab", serif;
font-style: normal;
font-weight: 700;
font-size: 20px;
background: #FA7900;
width: 50%;
height: 50px;
margin: 0 auto;
line-height: 50px;
position: absolute;
bottom: 20px;
left: 0;
right: 0;
text-align: center;
z-index: 2;
}
.post-block-wrapper a:hover.post-block img {
opacity: 0.1;
}
@media screen and (min-width: 500px) and (max-width: 700px) {
.post-block-wrapper a.post-block .post-block-title {
color: #ffffff;
font-family: "Roboto Slab", serif;
font-style: normal;
font-weight: 700;
font-size: 24px;
padding: 0 10px;
margin: 0 0 10px 0;
}
}
@media only screen and (max-width: 1000px) {
.post-block-wrapper {
position: relative;
margin: 0 auto 0 auto;
}
}
.meta-nav {
font-family: "Roboto Slab", serif;
font-style: normal;
font-weight: 700;
font-size: 20px;
}
.post-block-nav {
position: relative;
height: 70px;
clear: both;
margin: 0 0 40px 0;
overflow: visible;
}
.nav-previous, .nav-next {
margin: 20px 0 20px 0;
position: absolute;
}
.nav-previous a, .nav-next a {
color: #64A70B;
text-decoration: none;
}
.nav-previous a:hover, .nav-next a:hover {
color: #FA7900 !important;
text-decoration: none;
}
.nav-previous i.fa, .nav-next i.fa {
font-size: 30px;
vertical-align: middle;
}
.nav-previous {
left: 0;
}
.nav-next {
right: 0;
}
.archive-wrapper {
margin: 100px auto 0px auto;
}
.entry-title a, .entry-meta a {
text-decoration: none;
}
.entry-title a:hover, .entry-meta a:hover {
text-decoration: underline;
}
.entry-summary {
margin: 10px 0 0 0;
}
.seo-page-nav {
margin: 0 auto 50px auto;
}
.seo-page-nav ul {
margin: 0 0 0 15px;
}
.testimonials {
border: 1px solid #cccccc;
padding: 10px 15px 25px 15px;
}
.testimonials p {
margin: 0 0 10px 0;
}
/*.content-area {
background: url('../images/SylvanSport_filler_Image.jpg') top no-repeat;
background-size: 100%;
height: 765px;
display: block;
position: relative;
}
*/
#PopupSignupForm_0 {
display: none;
}
@media screen and (min-width: 1000px) {
#PopupSignupForm_0 {
display: none;
}
}
.pp_pic_holder {
z-index: 100007 !important;
}
.pp_overlay {
z-index: 100006 !important;
}
.comment-content p {
color: #000000;
}
.warranty_info, dd.variation-Warranty, dt.variation-Warranty {
display: none !important;
}
/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title, .archive .format-aside .entry-title {
display: none;
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
/*--------------------------------------------------------------
## About Us
--------------------------------------------------------------*/
/* About Us Page -----------------------*/
@media screen and (max-width: 500px) {
.hero {
background: #ffffff;
padding-top: 100px;
}
.about {
position: relative;
}
.hero-content {
width: 80%;
margin: 0px auto 30px auto;
}
img.mobile-hero-image {
width: 100%;
height: auto;
}
img.tablet-hero-image {
display: none;
}
}
@media screen and (min-width: 500px) {
img.mobile-hero-image {
display: none;
}
.hero {
background: url("../images/SylvanSport_About_768_Background.jpg") top center no-repeat #FFFFFF;
padding: 120px 0 0 0;
background-size: cover;
overflow: auto;
}
.about {
position: relative;
}
.hero-content {
width: 80%;
margin: 0px auto 30px auto;
}
img.tablet-hero-image {
width: 100%;
height: auto;
}
}
@media screen and (min-width: 1000px) {
img.mobile-hero-image, img.tablet-hero-image {
display: none;
}
.hero {
background: url("../images/SylvanSport_About_Hero_Background.jpg") top center;
min-height: 100%;
height: 100vh;
padding-top: 80px;
background-size: cover;
overflow: visible;
}
.about {
position: relative;
}
.about .hero-image {
background: url("../images/SylvanSport_About_Hero.png") -125px -35px no-repeat;
}
.hero-content {
width: 35%;
margin: 0px 0% 0px 10%;
position: absolute;
left: 0px;
z-index: 1;
padding-top: 40px;
}
.hero-image {
width: 55%;
position: absolute;
right: 0px;
height: 100vh;
z-index: 0;
}
}
@media (min-width: 1000px) and (max-width: 1150px) {
.hero-content h1 {
font-size: 40px !important;
line-height: 50px !important;
}
.hero-content h2 {
font-size: 25px !important;
line-height: 35px !important;
}
.hero-content p {
font-size: 16px !important;
margin: 20px 0 0 0 !important;
}
}
@media (min-width: 1000px) and (max-height: 780px) {
.hero-content h1 {
font-size: 30px !important;
line-height: 40px !important;
}
.hero-content h2 {
font-size: 20px !important;
line-height: 25px !important;
}
.hero-content p {
font-size: 16px !important;
margin: 20px 0 0 0 !important;
}
}
@media screen and (min-width: 1550px) and (min-height: 500px) {
.about .hero-content {
font-size: 100%;
}
.about .hero-image {
background: url("../images/SylvanSport_About_Hero_compressed.png") no-repeat;
background-position-x: right;
background-position-y: -35px;
}
}
.fvp-responsive {
position: relative;
padding-bottom: 56.25%;
/* 16:9 */
padding-top: 25px;
height: 0;
clear: both;
}
.fvp-responsive iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.photo-tiles-wrapper {
background: url("../images/SylvanSport_About_Background.jpg") no-repeat;
background-size: cover;
}
.photo-tiles {
max-width: 1180px;
padding: 50px 0px;
margin: 0 auto;
}
@media screen and (min-width: 1000px) {
.photo-tiles {
padding: 115px 0px;
}
}
.about-feature {
line-height: 0;
display: flex;
z-index: 2;
}
.about-feature img {
width: 100%;
}
/* New About Page */
.category-tabs-wrapper {
text-align: center;
}
.category-tabs-wrapper a {
display: inline-block;
text-decoration: none;
font-family: "Roboto Slab", serif;
font-style: normal;
font-weight: 700;
font-size: 18px;
color: #423220;
}
.category-tabs-wrapper a:hover {
background: #FA7900;
color: #ffffff;
}
.category-tabs-wrapper .aboutTabLink {
padding: 10px 20px;
}
.category-tabs-wrapper .background-green {
background: #64A70B;
color: #ffffff;
}
.category-tabs-wrapper a:focus {
outline: none;
}
.aboutCategory {
display: none;
}
.openCategory {
display: block;
}
.categoryContainerWrapper {
max-width: 1080px;
margin: 20px auto 100px auto;
text-align: center;
}
.categoryContainerWrapper h2 {
margin: 40px 0 0 0;
}
.categoryContainer {
width: 100%;
}
a.aboutPost {
text-align: left;
text-decoration: none;
border: 1px #cccccc solid;
}
a.aboutPost .aboutPostImageWrapper {
height: 175px;
width: 100%;
overflow: hidden;
position: relative;
}
a.aboutPost .aboutPostImageWrapper img {
vertical-align: middle;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}
a.aboutPost .aboutContentsWrapper {
padding: 10px 20px 40px 20px;
font-family: "Barlow", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 16px;
letter-spacing: 0.5px;
}
a.aboutPost .aboutContentsWrapper .aboutPostName {
font-family: "Roboto Slab", serif;
font-style: normal;
font-weight: 400;
font-size: 18px;
}
a.aboutPost .aboutContentsWrapper .aboutPostPostedOn {
font-family: "Barlow", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.5px;
color: #CCCCCC;
margin: 0 0 10px 0;
}
a:hover.aboutPost img {
opacity: 0.8;
}
/*--------------------------------------------------------------
## Home Page
--------------------------------------------------------------*/
.home-page-hero {
width: 100%;
height: 84vh;
top: 0px;
background-position: center center;
background-size: cover;
}
.home-page-hero.full-image {
display: none;
}
@media only screen and (min-width: 800px) {
.home-page-hero {
height: 86vh;
}
.home-page-hero.mobile-image {
display: none;
}
.home-page-hero.full-image {
display: block;
}
}
@media only screen and (min-width: 1000px) {
.home-page-hero {
height: 89vh;
}
}
/*--------------------------------------------------------------
## Team Members
--------------------------------------------------------------*/
.team-member-name {
background: #64A70B;
display: block;
width: 100%;
color: #ffffff;
font-family: "Roboto Slab", serif;
font-style: normal;
font-weight: 700;
font-size: 30px;
height: 65px;
line-height: 65px;
padding: 0 20px;
}
.team-member-excerpt {
font-family: "Barlow", sans-serif;
font-style: normal;
font-weight: 500;
font-size: 20px;
letter-spacing: 0.5px;
margin: 10px 0 0 0;
padding: 0 10px;
}
/*--------------------------------------------------------------
## Go Page
--------------------------------------------------------------*/
.hero-wrapper {
width: 100%;
max-width: 1160px;
margin: 0 auto;
position: relative;
}
.go-page-hero {
overflow: hidden;
text-align: left;
background-size: cover;
background-position: center center;
}
.go-page-hero .learn-more {
position: absolute;
font-family: "Roboto Slab", serif;
font-style: normal;
font-weight: 700;
font-size: 20px;
background: #FA7900;
width: 180px;
height: 50px;
margin: 20px 0 20px 0;
left: 0px;
line-height: 50px;
color: #ffffff;
display: block;
text-decoration: none;
text-align: center;
}
.go-page-hero .learn-more:hover {
background: #64A70B;
}
.go-page-hero-image {
display: none;
}
.go-page-hero-image-mobile {
position: relative;
z-index: 1;
display: block;
}
.go-page-hero-image-mobile img {
vertical-align: middle;
min-width: 580px;
width: 100%;
height: auto;
position: relative;
}
.go-page-hero-content {
position: absolute;
width: 70%;
left: 10%;
top: 150px;
max-width: 325px;
}
@media screen and (min-width: 600px) {
.go-page-hero {
overflow: hidden;
min-height: 100%;
height: 100vh;
text-align: right;
}
.go-page-hero .learn-more {
position: absolute;
font-family: "Roboto Slab", serif;
font-style: normal;
font-weight: 700;
font-size: 20px;
background: #FA7900;
width: 180px;
height: 50px;
margin: 20px 0 20px 0;
right: 0px;
left: auto;
line-height: 50px;
color: #ffffff;
display: block;
text-decoration: none;
text-align: center;
}
.go-page-hero .learn-more:hover {
background: #64A70B;
}
.go-page-hero-image-mobile {
display: none;
}
.go-page-hero-image {
display: block;
position: relative;
z-index: 0;
}
.go-page-hero-image img {
min-width: 1400px;
position: absolute;
left: -50%;
vertical-align: middle;
height: auto;
right: -50%;
margin: 0 auto;
width: 100%;
}
.go-page-hero-content {
position: absolute;
width: 40%;
right: 10%;
left: auto;
top: 150px;
max-width: auto;
z-index: 2;
}
}
@media screen and (min-width: 1000px) {
.go-page-hero-content {
width: 30%;
top: 150px;
min-width: 350px;
}
}
.go-buy-now {
width: 208px;
height: 43px;
display: flex !important;
align-items: flex-start;
flex-direction: row;
line-height: normal !important;
margin-bottom: 10px;
}
@media screen and (min-width: 600px) {
a.float-button-right {
float: right;
}
}
a.find-a-go-dealer {
width: 208px;
line-height: 30px;
font-family: "Barlow", sans-serif;
font-style: normal;
font-weight: 800;
font-size: 16px;
letter-spacing: 0.5px;
color: #ffffff;
display: inline-block;
text-align: center;
text-decoration: none;
background: #FA7900;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-bottom: 10px;
}
a:hover.find-a-go-dealer {
background: #64A70B;
}
.buynow-dollar-sign {
font-size: 14px;
margin-left: 10px;
}
.buynow-small {
font-size: 16px;
text-decoration: underline;
}
.buynow-text {
margin-top: -1px;
}
a.go-buy-direct-horizontal-button {
width: 208px;
line-height: 30px;
font-family: "Barlow", sans-serif;
font-style: normal;
font-weight: 800;
font-size: 16px;
letter-spacing: 0.5px;
color: #ffffff;
display: inline-block;
text-align: center;
text-decoration: none;
background: #64A70B;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-bottom: 10px;
}
a:hover.go-buy-direct-horizontal-button {
background: #FA7900;
}
a.brochure-button {
background: #373A36;
font-family: "Barlow", sans-serif;
font-style: normal;
font-weight: 800;
font-size: 16px;
letter-spacing: 0.5px;
color: #ffffff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display: inline-block;
text-align: center;
text-decoration: none;
width: 208px;
line-height: 30px;
}
a:hover.brochure-button {
background: #FA7900;
}
/*--------------------------------------------------------------
## Go Easy Page
--------------------------------------------------------------*/
.go-easy-page-hero-content {
position: absolute;
width: 70%;
left: 10%;
top: 25px;
max-width: 325px;
z-index: 2;
}
.go-easy-page-info-hero h2 {
text-align: left !important;
}
.go-easy-info-full-hero-image {
display: none;
}
.go-easy-info-hero-content {
width: 80%;
margin: 0px auto;
}
.go-easy-page-info-hero {
margin-top: 25px;
}
@media screen and (min-width: 600px) {
.go-easy-page-hero-content {
position: absolute;
width: 40%;
left: 2%;
right: auto;
top: 25px;
max-width: auto;
}
.go-easy-page-hero-image img {
left: -25% !important;
vertical-align: middle;
}
}
@media screen and (min-width: 1000px) {
.go-easy-page-hero-image img {
left: -50% !important;
vertical-align: middle;
}
.go-easy-page-info-hero {
position: relative;
overflow: hidden;
}
.go-easy-info-hero-content {
position: relative;
float: left;
width: 50%;
margin: 0px 0% 150px 5%;
left: 0px;
}
.go-easy-info-mobile-hero-image {
display: none;
}
.go-easy-info-full-hero-image {
position: absolute;
display: block;
z-index: 0;
right: 0px;
top: 0px;
width: 70%;
}
}
@media screen and (min-width: 1240px) {
.go-easy-page-info-hero {
position: relative;
overflow: hidden;
}
.go-easy-info-hero-content {
position: relative;
float: left;
width: 45%;
margin: 0px 0% 250px 10%;
left: 0px;
}
.go-easy-info-mobile-hero-image {
display: none;
}
.go-easy-info-full-hero-image {
position: absolute;
display: block;
z-index: 0;
right: 0px;
top: 0px;
width: 55%;
}
}
@media screen and (max-width: 767px) {
.small-paragraph-text .elementor-column {
margin: 0 auto;
}
}
.updated-fonts .swiper-slide {
overflow: visible;
}
.updated-fonts .swiper-slide .elementor-carousel-image-overlay {
opacity: 100 !important;
top: auto !important;
position: absolute;
bottom: -30px !important;
height: auto !important;
color: #000 !important;
font-family: "Roboto", sans-serif;
font-style: normal;
font-weight: 700;
font-size: 16px;
text-align: left !important;
padding: 0px 0px !important;
background-color: #ffffff !important;
justify-content: left !important;
}
.updated-fonts .elementor-swiper-button {
color: #ffffff !important;
background-color: #64A70B !important;
-webkit-border-radius: 25px !important;
-moz-border-radius: 25px !important;
border-radius: 25px !important;
padding: 2px !important;
}
/*--------------------------------------------------------------
## VAST Page
--------------------------------------------------------------*/
img.vast-intro {
width: 500px;
}
.vast-page-hero-content {
position: absolute;
width: 70%;
left: 10%;
z-index: 2;
top: 50px;
max-width: 80%;
}
a.get-button.vast {
float: left !important;
color: #ffffff !important;
}
.vast-page-hero-image-mobile {
display: flex;
justify-content: center;
}
.vast-page-hero-image-mobile img {
width: 100%;
height: auto;
align-self: center;
}
@media screen and (min-width: 600px) {
.vast-page-hero-content {
position: absolute;
width: 40%;
left: 10%;
right: auto;
z-index: 2;
top: 50px;
max-width: auto;
}
.vast-page-hero-image-mobile img {
display: none;
}
}
/*--------------------------------------------------------------
## Store Page
--------------------------------------------------------------*/
.hero-wrapper {
width: 100%;
max-width: 1160px;
margin: 0 auto;
position: relative;
}
.store-page-hero {
overflow: hidden;
text-align: left;
margin: 0px 0 0 0;
}
.store-page-hero .learn-more {
position: absolute;
font-family: "Roboto Slab", serif;
font-style: normal;
font-weight: 700;
font-size: 20px;
background: #FA7900;
width: 180px;
height: 50px;
margin: 20px 0 20px 0;
left: 0px;
line-height: 50px;
color: #ffffff;
display: block;
text-decoration: none;
text-align: center;
z-index: 2;
}
.store-page-hero .learn-more:hover {
background: #64A70B;
}
.store-page-hero-image {
display: none;
}
.store-page-hero-image-mobile {
position: relative;
z-index: 1;
display: block;
}
.store-page-hero-image-mobile img {
vertical-align: middle;
min-width: 580px;
width: 100%;
height: auto;
top: 80px;
position: relative;
}
.store-page-hero-content {
position: absolute;
width: 70%;
left: 10%;
z-index: 2;
top: 150px;
max-width: 325px;
}
.store-social-grid .social-grid-wrapper {
margin: 50px auto 50px auto !important;
position: relative !important;
overflow: hidden;
}
.store-social-grid .social-grid-wrapper .social-grid-hashtag-content-wrapper {
position: relative;
top: inherit;
}
@media screen and (min-width: 600px) {
.store-page-hero {
overflow: hidden;
margin: 80px 0 0 0;
position: relative;
text-align: left;
}
.store-page-hero .learn-more {
position: absolute;
font-family: "Roboto Slab", serif;
font-style: normal;
font-weight: 700;
font-size: 20px;
background: #FA7900;
width: 180px;
height: 50px;
margin: 20px 0 20px 0;
left: 0px;
right: auto;
line-height: 50px;
color: #ffffff;
display: block;
text-decoration: none;
text-align: center;
z-index: 2;
}
.store-page-hero .learn-more:hover {
background: #64A70B;
}
.store-page-hero-image-mobile {
display: none;
}
.store-page-hero-image {
display: block;
position: relative;
z-index: 1;
}
.store-page-hero-image img {
min-width: 1400px;
left: -50%;
vertical-align: middle;
height: auto;
right: -50%;
margin: 0 auto;
width: 100%;
}
.store-page-hero-content {
position: absolute;
width: 40%;
left: 8%;
right: auto;
z-index: 2;
top: 50px;
max-width: auto;
}
}
@media screen and (min-width: 1000px) {
.store-page-hero-content {
width: 35%;
top: 50px;
min-width: 350px;
left: 4%;
}
}
.product-featured-video {
max-width: 1080px;
margin: 0px auto 15px auto;
}
.go-page-info .woocommerce-notices-wrapper .woocommerce-error {
display: none;
}
.pswp {
z-index: 100006;
}
.stock {
display: none;
}
.gift-cards_form > h3 {
margin-bottom: 20px;
margin-top: 0px;
}
.gift-cards_form > h3.ywgc_delivery_info_title {
margin-top: 20px;
}
.ywgc-choose-design-preview {
margin-bottom: 20px;
}
.selected_button #ywgc-manual-amount {
background-color: #ffffff !important;
color: #000000 !important;
border: 1px solid #64A70B !important;
}
#ywgc-manual-amount-div-wrapper, .ywgc-manual-amount-container {
border: none !important;
width: 200px;
}
/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
.site-footer {
background: #373A36;
overflow: visible;
}
.footer-wrapper {
margin: 65px auto 40px auto;
padding: 0px 10%;
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
}
.footer-wrapper .footer-column {
line-height: 25px;
text-transform: lowercase;
}
@media only screen and (max-width: 799px) {
.footer-wrapper .footer-column {
width: 50%;
}
}
.footer-wrapper .footer-column h4 {
font-family: "Barlow Condensed", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 20px;
color: #ffffff !important;
margin: 0px;
padding: 0px;
line-height: 25px;
text-transform: lowercase;
}
.footer-wrapper .footer-column a, .footer-wrapper .footer-column a:visited {
font-family: "Barlow Condensed", sans-serif;
font-style: normal;
font-weight: 200;
font-size: 20px;
color: #ffffff;
text-decoration: none;
}
.footer-wrapper .footer-column a:hover {
color: #000000;
}
.footer-wrapper .footer-column ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
.footer-column-resources {
order: 1;
}
.footer-column-policies {
order: 2;
padding-left: 30px;
}
.footer-column-company {
order: 3;
margin-top: 50px;
}
.footer-column-connect {
order: 4;
padding-left: 30px;
margin-top: 50px;
}
.footer-column-connect ul li {
margin: 0px 3px;
display: inline-block;
}
.footer-column-connect img {
height: 15px !important;
width: auto !important;
max-width: 20px !important;
opacity: 0.8;
}
.footer-column-connect a:hover .st0, .footer-column-connect a:hover #svg_1, .footer-column-connect a:hover #svg_2, .footer-column-connect a:hover #svg_3, .footer-column-connect a:hover #svg_4 {
fill: #000000;
}
.footer-logo {
margin-top: 50px;
order: 5;
width: 50%;
align-self: flex-end;
}
.footerLogo-full {
display: none;
}
.footerLogo-moible {
display: block;
}
@media only screen and (min-width: 800px) {
.footer-wrapper {
max-width: 1950px;
margin: 35px auto 0px auto;
padding: 0px 5% 55px 50px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
}
.footer-wrapper .footer-column {
width: 150px;
line-height: 25px;
text-transform: lowercase;
margin-top: 40px;
}
.footer-wrapper .footer-column h4 {
font-family: "Barlow Condensed", sans-serif;
font-style: normal;
font-weight: 600;
font-size: 20px;
color: #ffffff;
margin: 0px;
padding: 0px;
}
.footer-wrapper .footer-column a, .footer-wrapper .footer-column a:visited {
font-family: "Barlow Condensed", sans-serif;
font-style: normal;
font-weight: 300;
font-size: 20px;
color: #ffffff;
text-decoration: none;
}
.footer-wrapper .footer-column a:hover {
color: #FA7900;
}
.footer-wrapper .footer-column ul {
list-style-type: none;
margin: 0px;
padding: 0px;
}
.footer-column-resources {
order: 2;
}
.footer-column-policies {
order: 4;
}
.footer-column-company {
order: 3;
margin-top: 0px;
width: 115px !important;
}
.footer-column-connect {
order: 5;
margin-top: 0px;
padding-left: 0px;
}
.footer-logo {
flex-grow: 2;
margin-top: 0px;
order: 1;
align-self: flex-end;
text-align: left;
}
.footer-logo a {
width: 250px;
height: auto;
}
.footerLogo-full {
display: block;
}
.footerLogo-moible {
display: none;
}
}
@media only screen and (min-width: 1000px) {
.footer-wrapper {
margin: 35px auto 0px auto;
padding: 0px 10% 55px 50px;
}
}
@media only screen and (min-width: 1366px) {
.footer-wrapper {
padding: 0px 20% 55px 5%;
}
}
.video-placeholder-normal {
display: none !important;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer {
/* Older / Newer Posts Navigation (always hidden) */
/* Theme Footer (when set to scrolling) */
display: none;
}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
display: block;
}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed, iframe, object {
max-width: 100%;
}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
figure {
position: relative;
display: block;
overflow: hidden;
}
.wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
background: rgba(0, 0, 0, 0.7);
color: #ffffff;
}
.wp-caption-text {
text-align: center;
position: absolute;
bottom: 0px;
padding: 20px;
text-align: left;
width: 100%;
}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
margin-bottom: 1.5em;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
}