:root {
--base-font:            'Spartan', sans-serif;
--base-size:            14px;
--header-font:          'Montserrat', sans-serif;
--secondary-font:       'Oswald', sans-serif;
--font-regular:         400;
--font-semibold:        600;
--font-bold:            700;
--font-extrabold:       900;
--black:                #313131;
--darkblack:            #252525;
--white:                #ffffff;
--orange:               #DD6A00;
//--blue:                 #00BFDD;
--blue:                 #00A0BD;
//--grey:                 #939393;
--grey:                 #585858;
--darkgrey:             #7C7C7C;
--midgrey:              #dfdfdf;
--newgrey:              #C4C4C4;
--section-padding:       7rem;
--section-padding-sml:   5rem;
} body { 
font-family: var(--base-font);
font-size: var(--base-size);
color: var(--grey);
background-color: #f2f2f2;
} h1,h2,h3,h4,h5,h6 {
color: var(--black); 
font-family: var(--header-font);
font-weight: var( --font-extrabold);
}
h1.heading {
color: var(--white);
font-size: 2.4rem;
}
@media only screen and (min-width : 576px) { 
h1.heading {
font-size: 3rem;
}
}
@media only screen and (min-width : 768px) { 
h1.heading {
font-size: 4rem;
}
}
@media only screen and (min-width : 1200px) { 
h1.heading {
font-size: 70px;
line-height:64px;
}
}
h2.display,
h3.display {
font-size:32px;
}
@media only screen and (min-width : 1200px) { 
h2.display,
h3.display {
font-size: 44px;
line-height:40px;
}
}
.text-shadow {
text-shadow: 0px 7.11058px 30.4739px rgba(0, 0, 0, 0.5);
}        
.subheading,
h3.subheading,
h5.subheading {
font-family: var(--header-font);
font-weight:900;
font-size:14px;
} 
.size-20 {
font-size:20px;
} 
.size-25 {
font-size:25px;
}   
.text-white {
color: var(--white);
}
.text-black {
color: var(--black);
}
.text-blue {
color: var(--blue);
}
.text-grey {
color: var(--grey);
}
.text-darkgrey {
color: var(--darkgrey);
}
.text-newgrey {
color: var(--newgrey);
}
.text-bold {
font-weight: var(--font-bold);
}
.text-extrabold {
font-weight: var(--font-extrabold);    
}
.text-regular {
font-weight:var(--font-regular);
}
.uppercase {
text-transform: uppercase; 
}
a {
color:var(--blue);
text-decoration:none;
}
a:hover, a:focus {
color: var(--darkgrey); 
outline:none;
}
p {
font-size: var(--base-size);
} .relative {
position:relative;
}
.absolute {
position:absolute;
}
.no-overflow {
overflow:hidden;
}
.bg-black {
background-color: var(--black);
}
.bg-darkblack {
background-color: var(--darkblack);
}
.bg-midgrey {
background-color: var(--midgrey);
}
.section-padding {
padding-top: var(--section-padding-sml);
padding-bottom: var(--section-padding-sml);
}
@media only screen and (min-width : 992px) {
.section-padding {
padding-top: var(--section-padding);
padding-bottom: var(--section-padding);
}    
}
.bg-cover {
background-size: cover;
}
.bg-center {
background-position: center center;
}
.visual {
position: absolute;
right: 0;
top: 0;
width: 50%;
height: 100%;
}
.visual.left {
left: 0;
right: auto;
} .btn {
border-radius: 2px;
border:none;
font-family: var(--secondary-font);
font-weight: 700;
font-size: 15px;
padding: 14px 20px;
min-width:190px;
text-transform:uppercase;
}
.btn:hover, .btn:focus {
border-radius: 2px;
box-shadow:none;
outline:0;
}
.btn-shadow {
box-shadow: 0px 13px 20px rgba(0, 0, 0, 0.2);
}    
.btn-white {
background: #ffffff;
color:#313131;
}
.btn-white:hover, .btn-white:focus {
background: #313131;
color:#ffffff;
}
.btn-black {
background: rgba(255, 255, 255, 0.1);
color:#ffffff;
}
.btn-black:hover, .btn-black:focus {
background: #232323;
color:#ffffff;
}
.btn-blacknew {
//background: rgba(255, 255, 255, 0.1);
background: rgba(0, 0, 0, 0.88);
color:#ffffff;
}
.btn-blacknew:hover, .btn-blacknew:focus {
background: #232323;
color:#ffffff;
}
.btn-black19 {
background: rgba(255, 255, 255, 0.19);
color:#ffffff;
}
.btn-black19:hover, .btn-black19:focus {
background: #232323;
color:#ffffff;
}
.btn-orange {
background: #DD6A00;
color:#ffffff;
}
.btn-orange:hover, .btn-orange:focus {
background: #F17400;
color:#ffffff;
}
.btn-blue {
background: #00BFDD;
color:#ffffff;
}
.btn-blue:hover, .btn-blue:focus {
background: #00BFDD;
color:#ffffff;
filter: drop-shadow(0px 8px 15px rgba(0, 191, 221, 0.55));   
}
.btn-trans {
background: rgba(49, 49, 49, 0.7);
color:#ffffff;
}
.btn-trans:hover, .btn-trans:focus {
background: #313131;
color:#ffffff;
}
.btn-trans35 {
background: rgba(49, 49, 49, 0.35);
color:#ffffff;
}
.btn-trans35:hover, .btn-trans35:focus {
background: #313131;
color:#ffffff;
}
@media only screen and (min-width: 1200px) {
.btn-menu {
border: none;
border-radius: 5px;
background: #DD6A00;
font-size: 15px;
//padding: 12px 40px 14px;
height: auto !important;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.btn-menu:hover {
background:#F17400;
}
.btn-menu a.nav-link {
padding:12px 40px 14px !important;
color:#ffffff;
}
.btn-menu a.nav-link::before {
background: transparent;
}
} .lock-scroll {
overflow: hidden;
}
.navbar-nav li:hover .dropdown-menu {
//display: block;
}
@media only screen and (min-width : 1200px) {
.navbar-nav li:hover .dropdown-menu {
display: block;
}
}        
.navbar-nav li .dropdown-menu {
//display: block;
}
@media only screen and (min-width : 1200px) {
.navbar-nav li .dropdown-menu {
//display: none;
}
.navbar-nav li:hover .dropdown-menu {
//display: block;
}
}
.navbar {
height: 50px;
}
@media only screen and (min-width :1200px) {
.navbar {
height: 100%;
padding-top: 57px;
}
}
.navbar .navbar-brand {
font-size:inherit;
}
.menu-navbar-container {
width:100%;
}
.navbar ul {}
@media only screen and (min-width : 1200px) {
.navbar ul {
margin-top:0;
}
.navbar ul li {
height: 100%;
display: flex;
align-items: center;
position: relative;
}
}
ul.dropdown-menu {
margin-top: 0px;
background-color: transparent;
border:none;
}
@media only screen and (min-width :1200px) {
ul.dropdown-menu {
background-color: #F2F2F2;
border-radius: 0;
border: none;
}
}
.dropdown-item {
font-family: var(--secondary-font);
font-weight:700;
font-size:15px;
text-transform:uppercase;
color: #7C7C7C;
}
ul.dropdown-menu a:hover {
background-color: transparent;
color: #ffffff;
}
@media only screen and (min-width : 1200px) {
ul.dropdown-menu a:hover {
background-color: transparent;
color: #313131;
}
}
.dropdown-item.active, .dropdown-item:active {
color: #ffffff;
text-decoration: none;
background-color: transparent;
}
@media only screen and (min-width : 1200px) {
.dropdown-item.active, .dropdown-item:active {
color: #313131;
}
}
.current-menu-parent a.nav-link {
color: var(--white);
}
@media only screen and (min-width: 1200px) {
.current-menu-parent a.nav-link::before {
position: absolute;
content: '';
width: 100%;
height: 2px;
background: #fff;
bottom: 0;
left: 50%;
transform: translateX(-50%);
visibility: visible;
opacity: 1;
transition: all .5s ease;
}
}
.navbar-header {
height:32px;
}
.nav-tel {
margin-top: 8px;
}
.mobile-dropdown {
float: right;
position: absolute;
right: 0;
top: 7px;
}
button.dropdown-toggle {
background-color: transparent;
border: 1px solid white;
color: #fff;
padding: 4px 4px 0px 6px;
}
.dropdown-toggle::after {
border: none;
}
@media only screen and (min-width: 1200px) { 
button.dropdown-toggle {
display:none;
}
.dropdown-toggle::after {
border-top: .3em solid;
border-right: .3em solid transparent;
border-bottom: 0;
border-left: .3em solid transparent;
}
}
.navbar-toggler {
z-index: 10;
padding-top:7px;
}
.navbar-toggler:focus, .navbar-toggler:active {
outline: 0!important;
box-shadow:none!important;
}
.navbar-collapse {
transition: all 0.3s ease;
display: block;
position: fixed;
top: 0px;
bottom: 0;
padding: 3rem 20px;
left: -120%;
width: 100%;
margin-top:50px;
height: 100vh;
}
.logged-in .navbar-collapse {
margin-top:80px;
}
.navbar-collapse.show {
left: 0;
z-index: 5;
background: #313131;
overflow:scroll;
//height: 100vh;
}
@media only screen and (min-width : 768px) {
.navbar-collapse { 
padding:3rem 50px;
}   
}
@media only screen and (min-width: 1200px) {
.navbar-collapse {
position:static;
padding: 0;
margin-top:0;
height:100%;
}
.logged-in .navbar-collapse {
margin-top:0;
}
}
a.nav-link {
font-family: var(--secondary-font);
font-weight:700;
font-size:15px;
text-transform:uppercase;
color: rgba(255, 255, 255, 0.7);
padding: 10px 0 !important;
}
a.nav-link.active, a.nav-link:hover  {
color: #ffffff;
}
@media only screen and (min-width: 1200px) {
a.nav-link::before {
position: absolute;
content: '';
width: 100%;
height: 2px;
background: #fff;
bottom: 0;
left: 50%;
transform: translateX(-50%);
visibility: hidden;
opacity: 0;
transition: all .5s ease;
}
a.nav-link.active::before, a.nav-link:hover::before {
visibility: visible;
opacity: 1;
}
}
.navbar-toggler span {
display: block;
background-color: var(--white);
height: 2px;
width: 25px;
margin-top: 0;
margin-bottom: 5px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
position: relative;
left: 0;
opacity: 1;
}
.navbar-toggler span:nth-child(1),
.navbar-toggler span:nth-child(3) {
-webkit-transition: transform .35s ease-in-out;
-moz-transition: transform .35s ease-in-out;
-o-transition: transform .35s ease-in-out;
transition: transform .35s ease-in-out;
}
.navbar-toggler:not(.collapsed) span:nth-child(1) {
position: absolute;
left: 26px;
top: 24px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
opacity: 0.9;
}
.navbar-toggler:not(.collapsed) span:nth-child(2) {
height: 12px;
visibility: hidden;
background-color: transparent;
}
.navbar-toggler:not(.collapsed) span:nth-child(3) {
position: absolute;
left: 26px;
top: 24px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
opacity: 0.9;
} .header-banner {
background-color:var(--orange);
padding:15px;
}
@media only screen and (min-width: 1200px) { 
.header-banner {
height:72px;
}    
}
.header-banner p {
margin-bottom:0;
}
.header-banner a {
color:#ffffff;
} .top-header {
height:57px;
font-family: var(--secondary-font);
font-weight:700;
font-size:15px;
color:#ffffff;
text-transform:uppercase;
background: rgba(49, 49, 49, 0.7);
backdrop-filter: blur(7.5px);
position:absolute;
width:100%;
z-index:20;
}
.top-header a {
color: #ffffff;
transition: ease-in-out 0.15s;
}
.top-header a:hover {
color: var(--blue);
}
.top-header .social-icons img {
filter: brightness(0) invert(1);
}
.top-header .social-icons img:hover {
filter: none;
}
header {
background: rgba(49, 49, 49, 1);
width: 100%;
position: fixed;
z-index: 50;
}
@media only screen and (min-width: 1200px) { 
header {
position:fixed;
top:0;
//height:190px;
height: 145px;
background: rgba(49, 49, 49, 0.3);
backdrop-filter: blur(7.5px);
}  
header.extra {
position:absolute;
top:72px;
}
header.extra.fixed-header {
position:fixed;
top:0;
}
.admin-bar header {
top:30px;
}   
.admin-bar header.extra {
top:103px;
} 
.admin-bar header.extra.fixed-header {
top:30px;
} 
}
@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
header {
-webkit-backdrop-filter: blur(7.5px);
backdrop-filter: blur(7.5px);
}
} @supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
header {
background: rgba(49, 49, 49, 1);
}
@media only screen and (min-width: 1200px) {
header {
background: rgba(49, 49, 49, 0.8);
}
}   
} .jumbotron {
height: auto;
position: relative;
background: url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/Sherwood-Campers-homepage-banner.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding-top:50px;
}
@media only screen and (min-width: 1200px) {
.jumbotron {
min-height: 600px;
height: 80vh;   
padding-top:140px; 
}
}
@media (min-height: 773px) and (min-width: 1200px) {
.jumbotron {
height: 75vh;
min-height: 100%;
}
}
@media only screen and (min-width: 1400px) {
.jumbotron {
min-height: 600px;
height: 80vh;    
}
}
@media (min-height: 723px) and (min-width: 1400px) {
.jumbotron {
height: 90vh;  
min-height: 100%;  
}
}
#home-why {
background: #313131;
box-shadow: 0px 4px 80px rgba(0, 0, 0, 0.15);
}
#home-why .heading {
font-family: var(--header-font); 
font-weight:900;
font-size: 20px;
line-height: 18px;
text-transform: uppercase;  
color:#ffffff; 
}
#home-conversions {}
@media only screen and (min-width: 1400px) {
#home-conversions {
background-image: url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/campervan-conversions-overlay.png), url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/campervan-conversions-banner.jpg);
background-repeat: no-repeat, no-repeat;
background-size: cover , cover;
background-position: right center, left center;
}
}   
#home-latest {
background: #E7E7E7;
box-shadow: 0px 0px 90px rgba(0, 0, 0, 0.1);
} 
#home-latest .conv-content {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 5;
}
#home-latest .conv-content .heading {
font-family: var(--header-font);
font-weight: 900;
font-size: 24px;
line-height:22px;
text-transform: uppercase;
color: #ffffff;
}
#home-latest .heading img {
position:absolute;
right:15px;
top:0;
}
#home-latest .conv-outer:hover .heading img {
filter: brightness(0) saturate(100%) invert(46%) sepia(83%) saturate(1145%) hue-rotate(151deg) brightness(102%) contrast(101%);
}
#home-latest .conv-content .subheading {
font-family: var(--header-font);
font-weight: 900;
font-size: 14px;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.7)
}
#home-latest .conv-overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(180deg, rgba(57, 57, 57, 0) 28%, rgba(57, 57, 57, 0.22) 50%, #393939bd 65%, #393939 100%);
border-radius: 5px;
z-index:1;
}
#home-latest .conv-outer:hover {
filter: drop-shadow(0px 12px 30px rgba(0, 0, 0, 0.25));
}     
#home-latest .conv-image {
filter: grayscale(100%);
height: 380px;
border-radius: 5px;
}
@media only screen and (min-width: 576px) {
#home-latest .conv-image {
height: 320px;
}
}
@media only screen and (min-width: 768px) {
#home-latest .conv-image {
height: 380px;
}
}
@media only screen and (min-width: 992px) {
#home-latest .conv-image {
height: 440px;
}
}
@media only screen and (min-width: 1200px) {
#home-latest .conv-image {
height: 395px;
}
}
#home-latest .conv-outer:hover .conv-image {
filter: none;
}
#home-included {
background:url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/bg-swirl.png), #313131;
background-size:cover, cover;
background-repeat:no-repeat, no-repeat;
background-position: center center, center center;
}
#home-included .text-box {
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
}
#home-included a .text-box .subheading {
color:#c4c4c4;            
} 
#home-included a .text-box .heading {
color:#ffffff;
font-family: var(--header-font);
font-weight:900;
font-size:18px;
line-height:22px;
text-transform:uppercase;  
display: flex;
align-items: center;          
} 
@media only screen and (min-width: 992px) {
#home-included a .text-box .heading {
font-size:23px;
} 
}
#home-included .image-hover:hover .heading img {
filter: brightness(0) saturate(100%) invert(46%) sepia(83%) saturate(1145%) hue-rotate(151deg) brightness(102%) contrast(101%);
}
#home-included .asterix {
color:var(--blue);
}
#home-included a .text-box .paragraph {
font-size:12px;
color:#ffffff;
line-height:17px;
}
@media only screen and (min-width: 1400px) {
#home-included a .text-box .paragraph {
color:#ffffff;
}    
}
#home-included .hover-effect:hover {
filter: drop-shadow(0px 10px 30px rgba(0, 0, 0, 0.25));
}
#home-included .image-box {
border-radius:5px;
}
#home-included .extra .image-box {
background: rgba(0, 0, 0, 0.08);
border: 2px solid #393939;
}
#home-included .hover-effect.extra:hover .image-box {
background: rgba(0, 0, 0, 0.12);
border: 2px solid #393939;
}
#home-included .hover-effect.extra:hover {
filter:none;
}
#home-included .img-window {
min-height: 270px;
//background:url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/include-overlay.png), url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/window-image.jpg);
background:url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/window-image2.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
@media only screen and (min-width: 768px) {
#home-included .img-window {
min-height: 212px;
//background:url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/window-overlay.png), url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/window-image.jpg);
background:url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/window-image2.jpg);
background-position: right bottom;
background-repeat: no-repeat;
background-size: cover;
}    
}
#home-included .img-heating {
min-height: 270px;
//background:url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/include-overlay.png), url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/heating-image.jpg);
background:url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/heating-image2.jpg);
background-position: right bottom;
background-repeat: no-repeat;
background-size: cover;
}
@media only screen and (min-width: 768px) {
#home-included .img-heating {
background:url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/heating-image2.jpg);
min-height: 307px;
background-position: right bottom;
background-repeat: no-repeat;
background-size: cover;
}    
}
#home-included .img-awnings {
min-height: 270px;
//background:url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/include-overlay.png), url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/awnings-image.jpg);
background:url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/awnings-image2.jpg);
background-position: right bottom;
background-repeat: no-repeat;
background-size: cover;
}
@media only screen and (min-width: 768px) {
#home-included .img-awnings {
min-height: 307px;
background:url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/awnings-image2.jpg);
background-position: right bottom;
background-repeat: no-repeat;
background-size: cover;
}    
}
#home-included .img-seating {
min-height: 270px;
//background:url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/include-overlay.png), url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/seating-image.jpg);
background:url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/new_seating_img.jpg);
background-position: right bottom;
background-repeat: no-repeat;
background-size: cover;
}
@media only screen and (min-width: 768px) {
#home-included .img-seating {
min-height: 307px;
//min-height: 212px;
//background:url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/seating-overlay.png), url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/seating-image.jpg);
background:url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/new_seating_img.jpg);
background-position: right bottom;
background-repeat: no-repeat;
background-size: cover;
}    
}
@media only screen and (min-width: 1400px) {
#home-included .img-seating {
//min-height: 165px;
min-height: 212px;
background:url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/new_seating_img.jpg);
background-position: right bottom;
background-repeat: no-repeat;
background-size: cover;
}    
}
#home-included .img-reimo {
min-height: 270px;
//min-height: 212px;
background:url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/reimo-image2.jpg);
background-position: right bottom;
background-repeat: no-repeat;
background-size: cover;
}
@media only screen and (min-width: 768px) {
#home-included .img-reimo {
min-height: 307px;
background-position: right bottom;
background-repeat: no-repeat;
background-size: cover;
//min-height: 165px;
}            
}
@media only screen and (min-width: 1400px) {
#home-included .img-reimo {
min-height:307px;
background:url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/reimo-image2.jpg);
background-position: right bottom;
background-repeat: no-repeat;
background-size: cover;
}            
}
#home-mission {}
@media only screen and (min-width: 1400px) {
#home-mission {
background-image: url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/campervan-conversions-mission-overlay.png), url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/campervan-conversions-mission-banner.png);
background-repeat: no-repeat, no-repeat;
background-size: cover , cover;
background-position: right center, left center;
}
} .jumbotron.inner {
height: auto;
position: relative;
background-size: cover;
background-position: bottom right;
background-repeat: no-repeat;
min-height:530px;
padding-bottom:50px;
}
@media only screen and (min-width: 576px) {
.jumbotron.inner {
//min-height: 540px;
}
}
@media only screen and (min-width: 992px) {
.jumbotron.inner {
height:60vh;
padding-bottom:0px;
}
}
@media only screen and (min-width: 1200px) {
.jumbotron.inner {
height:95vh;
min-height:590px;
padding-bottom:70px;
}
}
@media (min-height: 622px) and (min-width: 1200px) {
.jumbotron.inner {
height: 80vh;
min-height: 575px;
}
}
@media (min-height: 700px) and (min-width: 1200px) {
.jumbotron.inner {
height: 60vh;
min-height: 670px;
}
}       
@media only screen and (min-width: 1400px) {
.jumbotron.inner {
height: 70vh;
min-height: 670px;
}
} 
.jumbotron.inner .subheading {
font-family: var(--header-font);
font-weight: 900;
font-size: 25px;
line-height:30px;
}
.jumbotron.inner h1.display {
font-family: var(--header-font);
font-weight: 900;
font-size: 42px;
line-height:43px;
}
@media only screen and (min-width: 768px) {
.jumbotron.inner h1.display {
font-size: 46px;
line-height:43px;
}
}
@media only screen and (min-width: 992px) {
.jumbotron.inner h1.display {
font-size: 70px;
line-height:64px;
}
} #finance-page {}
#finance-page .finance-badge {
background: #D9D9D9;
border-radius: 5px;
color: #585858;
font-size: 12px;
font-weight: 500;
padding: 40px 30px;
max-width:280px;
}
#finance-page.application {
background: radial-gradient(33.26% 48.93% at 75.7% 50.04%, rgba(223, 223, 223, 0) 0%, rgba(223, 223, 223, 0) 43.19%, #DFDFDF 100%);
}
@media only screen and (min-width: 1400px) {
#finance-page.application {
background-image: url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/finance-application-overlay.png), url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/finance-application-banner.png);
background-repeat: no-repeat, no-repeat;
background-size: cover , cover;
background-position: right center, left center;
}
}
#finance-page.application .finance-sticker {
position: absolute;
left: 40px;
top: 40px;
} #about-conversions {}
@media only screen and (min-width: 1400px) {
#about-conversions {
background-image: url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/campervan-conversions-about-overlay.png), url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/campervan-conversions-about-banner.png);
background-repeat: no-repeat, no-repeat;
background-size: cover , cover;
background-position: right center, left center;
}
} #types {}
#types.included {
background: url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/bg-swirl2-sml.png), #313131;
background-size:cover, cover;
background-position: center center, center center;
}
@media only screen and (min-width: 992px) {
#types.included {
background: url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/bg-swirl2.png), #313131;
background-size:cover, cover;
background-position: center center, center center;
}
}            
.dashboard-cards .card {
border-radius: 5px;
background: #393939;
display: inline-block;
-webkit-transition: all 0.3s 0s ease-in;
transition: all 0.3s 0s ease-in;
z-index: 1;
cursor: pointer;
transition: all 0.3s ease;
}
.dashboard-cards .card:hover {
transition: all 0.3s ease;
box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);
}
.dashboard-cards .card .card-title {
background: #393939;
padding: 20px 15px;
position: relative;
z-index: 0;
font-family: var(--header-font);
font-weight: 900;
font-size: 14px;
text-transform: uppercase;
color: #7C7C7C;    
}
.dashboard-cards .card .heading {
font-family: var(--header-font);
font-weight: 900;
font-size: 18px;
line-height:16px;
text-transform: uppercase;
color: #FFFFFF
}
.dashboard-cards .card .card-description {
position: relative;
font-size: 14px;
padding: 10px 15px 0 15px;
}
.dashboard-cards .card .card-actions {
font-family: var(--header-font);
font-weight: 900;
font-size: 14px;
text-transform: uppercase;
color: #7C7C7C;    
padding: 20px;
text-align: center;
}
.dashboard-cards .card .card-flap {
background: #393939;
position: absolute;
width: 100%;
-webkit-transform-origin: top;
transform-origin: top;
-webkit-transform: rotateX(-90deg);
transform: rotateX(-90deg);
}
.dashboard-cards .card .flap1 {
-webkit-transition: all 0.3s 0.3s ease-out;
t ransition: all 0.3s 0.3s ease-out;
z-index: -1;
}
.dashboard-cards.showing .card {
cursor: pointer;
}
.dashboard-cards .no-touch .dashboard-cards.showing .card:hover {
//opacity: 0.94;
-webkit-transform: scale(0.92);
transform: scale(0.92);
}
.dashboard-cards .card.d-card-show {
//opacity: 1 !important;
-webkit-transform: scale(1) !important;
transform: scale(1) !important;
}
.dashboard-cards .card .toExpand {
transition: all 0.3s 0s ease-out;
opacity:1;       
}    
.dashboard-cards .card.d-card-show .toExpand {
transition: all 0.3s 0s ease-out;
opacity:0;       
}
.dashboard-cards .card.d-card-show .card-flap {
background: #393939;
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
}
.dashboard-cards .card.d-card-show .flap1 {
-webkit-transition: all 0.3s 0s ease-out;
transition: all 0.3s 0s ease-out;
box-shadow: 0 15px 10px -10px rgba(31, 31, 31, 0.5);
}
#types.testimonials {
background: #E7E7E7;
}
#types.testimonials .card {
background: #F8F8F8;
border-radius: 5px;
filter: drop-shadow(0px 15px 30px rgba(0, 0, 0, 0.03));
}
#types.testimonials .tagline {
font-family: var(--secondary-font);
font-weight: 900;
font-size: 18px;
line-height: 20px;
text-transform: uppercase;
color: #131313;
} 
#types.testimonials .name {
font-family: var(--secondary-font);
font-weight: 900;
font-size: 18px;
line-height: 20px;
text-transform: uppercase;
color: #131313;
} 
#types.testimonials .slick-slide {
padding-left:10px;
padding-right:10px;
}  
#types.blog {
background: url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/bg-swirl1.png), linear-gradient(270deg, #DFDFDF 0%, #DFDFDF 100%, rgba(223, 223, 223, 0) 58.24%, rgba(223, 223, 223, 0) 84.74%, #DFDFDF 87.24%, #DFDFDF 100%);
}
#types.blog a {
color: var(--darkgrey);
}
#types.blog .heading {
font-family: var(--secondary-font);
font-weight: 900;
font-size: 18px;
line-height: 24px;
text-transform: uppercase;
color: var(--darkgrey);
}  
#types.blog img {
width: 100%;
height: 200px;
object-fit: cover;
border-radius: 5px;
}
#types.faq .accordion-item {
border-bottom: 2px solid #444;
}
#types.faq .accordion-button {
border: none;    
}
#types.faq .accordion-button:not(.collapsed) {
font-family:var(--header-font);
color: #fff;
background-color: transparent;
outline: none;
box-shadow: none;
text-transform: uppercase;
font-size:15px;
font-weight:900;
}
#types.faq .accordion-button.collapsed {
border-bottom-width: 0;
background-color: transparent;
font-family:var(--header-font);
color: #7C7C7C;
text-transform: uppercase;
font-size:15px;
font-weight:900;
}
#types.faq .accordion-button:focus {
box-shadow: none;    
}
#types.faq .accordion-body {
//background: #172431;
color: #585858;
font-weight: 500;
}
#types.faq .accordion-body p {
font-size:13px;
}
#types.faq .accordion-body a {
color: var(--yellow);
}    
#types.faq .accordion-button::after {  
background-image: url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/icons/accordion-down.svg);
width: 18px;
height: 18px;
background-size: 18px;
}
#types.faq .accordion-button:not(.collapsed)::after {
background-image: url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/icons/accordion-up.svg);
transform: rotate(0deg);
}
#types.brochure {
background: url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/bg-swirl1-sml.png), #DFDFDF;
background-size: cover, cover;
background-position: center center, center center;
background-repeat: no-repeat, no-repeat;
}
@media only screen and (min-width: 992px) {
#types.brochure {
background: url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/bg-swirl1.png), linear-gradient(270deg, #DFDFDF 0%, #DFDFDF 100%, rgba(223, 223, 223, 0) 58.24%, rgba(223, 223, 223, 0) 84.74%, #DFDFDF 87.24%, #DFDFDF 100%);
background-size: cover, cover;
background-position: center center, center center;
background-repeat: no-repeat, no-repeat;
}
}
#types.about {
background: #E7E7E7;
box-shadow: 0px 0px 90px rgba(0, 0, 0, 0.1);
}   
#types.included .accordion-header button,
#types.included h4.accordion-header button {
font-family: var(--header-font);
font-weight: 900;
text-transform: uppercase;
width:100%;
text-align:left;
border-radius:0;
padding: 1rem 1.25rem;
border-bottom: 1px solid #343434;
font-size:18px;
color: #7C7C7C;
background-color: var(--darkblack);
}  
@media only screen and (min-width: 992px) {
#types.included .accordion-header button,
#types.included h4.accordion-header button {
background-color: #393939;
color:#ffffff;
}
#types.included .accordion-header button {
padding: 10px 10px 5px 10px;
}
}
#types.included .accordion-header button:focus{
outline:0;
box-shadow:none;
border:none;
}
#types.included .accordion-button:not(.collapsed) {
//background:#393939;
}
#types.included  .accordion-button{
color:#7C7C7C;
}
#types.included .accordion-button:not(.collapsed) {
color:#ffffff;
}
#types.included .accordion-button,
#types.included .accordion-collapse {
background-color:#393939;
}    
#types.included .accordion-button .card-actions {
transition: all 0.3s 0s ease-out;
opacity:0;
position:absolute;
bottom:0;
}
#types.included .accordion-button .card-actions {
//opacity:0;       
}
#types.included .accordion-button:not(.collapsed) .card-actions {
opacity:1;       
}
#types.included .toExpand {
font-family: var(--header-font);
font-weight: 900;
font-size: 14px;
text-transform: uppercase;
color:#7c7c7c;
position:relative;
}    
#types.included .toExpand .readmore {
transition: all 0.3s 0s ease-out;
opacity:1;       
} 
#types.included .accordion-button:not(.collapsed) .toExpand .readmore {
opacity:0;       
}
#types.included  .accordion-button::after {
filter: brightness(0)invert(1);
}
@media only screen and (min-width: 992px) {
#types.included  .accordion-button::after {        
display: none;
}    
}
#types .tab-pane h2 { 
}
#types .tab-pane h4 { 
}  
#types.latest {}
#types.latest .conv-content {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 5;
}    
#types.latest .conv-content .subheading {
font-family: var(--header-font);
font-weight: 900;
font-size: 14px;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.7);
}
#types.latest .conv-content .heading {
font-family: var(--header-font);
font-weight: 900;
font-size: 24px;
line-height: 22px;
text-transform: uppercase;
color: #ffffff;
}
#types.latest .heading img {
position: absolute;
right: 15px;
top: 0;
filter: brightness(0) saturate(100%) invert(46%) sepia(83%) saturate(1145%) hue-rotate(151deg) brightness(102%) contrast(101%);
}
#types.latest .latest-range:hover .heading img {
filter: none;
}
#types.latest .conv-overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(180deg, rgba(57, 57, 57, 0) 28%, rgba(57, 57, 57, 0.22) 50%, #393939bd 65%, #393939 100%);
border-radius: 5px;
z-index: 1;
}
#types.latest .conv-image {
//filter: grayscale(100%);
filter: none;
height: 200px;
border-radius: 5px;
}    
#types.latest .latest-range:hover {
//filter: drop-shadow(0px 12px 30px rgba(0, 0, 0, 0.25));
}
#types.latest .latest-range:hover .conv-image {
//filter: none;
filter: grayscale(100%);
}
#testimonials {
background: #E7E7E7;
}
#testimonials .card {
background: #F8F8F8;
border-radius: 5px;
filter: drop-shadow(0px 15px 30px rgba(0, 0, 0, 0.03));
}
#testimonials .name {
font-family: var(--secondary-font);
font-weight: 900;
font-size: 18px;
line-height: 20px;
text-transform: uppercase;
color: #131313;
} 
#testimonials .slick-slide {
padding-left:10px;
padding-right:10px;
} #range.disclaimer {
background-color:#343434;
font-family: var(--header-font);
font-weight: 900;
font-size: 14px;
text-transform: uppercase;
color: #7C7C7C;   
}
#range.disclaimer span.text-white {
color:#E7E7E7;   
}
#range {
overflow:hidden;
}
#range .float-heading {
font-family:var(--header-font);
font-weight:900;
font-size:106px;
text-transform: uppercase;
color: rgba(49, 49, 49, 0.03);
position:absolute;
left:0;
top:40px;
line-height:75px;
}
@media only screen and (min-width: 576px) {
#range .float-heading {
top:55px;
}
}
#range .float-heading.right {
text-align:right;
left:auto;
right:0;
top:-50px;
}
@media only screen and (min-width: 1400px) {
#range .float-heading.right {
left:auto;
right:0;
}
}
#range .float-heading br { 
display: none;
}
@media only screen and (min-width: 576px) {
#range .stroke-sm {
border-right: 2px solid rgba(49, 49, 49, 0.2);
}
}
#range .price {
font-family: var(--header-font);
font-weight: 900;
font-size: 40px;
line-height: 40px;
text-transform: uppercase;
color: #313131;
}
#range .range-overlay {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(180deg, rgba(57, 57, 57, 0) 2.79%, rgba(57, 57, 57, 0) 60.93%, #393939 100%);
border-radius: 5px;
z-index: 1;
}
  
#range .range-content {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 5;
opacity:0;
}
#range .range-outer:hover .range-content {
opacity:1;
}
#range .range-content .subheading {
font-family: var(--header-font);
font-weight: 900;
font-size: 14px;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.7)
}
#range .range-content .heading {
font-family: var(--header-font);
font-weight: 900;
font-size: 24px;
line-height: 22px;
text-transform: uppercase;
color: #ffffff;
}
#range .range-content .heading br { 
display:none;
}
#range .range-image {
filter: grayscale(100%);
height: 380px;
border-radius: 5px;
}
#range .range-outer:hover .range-image {
filter: none;
}
@media only screen and (min-width: 576px) {
#range .range-image {
height: 320px;
}
}
@media only screen and (min-width: 768px) {
#range .range-image {   
height: 380px;
}
}
@media only screen and (min-width: 992px) {
#range .range-image {
height: 440px;
}
}
@media only screen and (min-width: 1200px) {
#range .range-image {   
height: 412px;
}
}
#range.types {
background: url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/range-types-bg-swirl.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
} #faqs {
background: #E7E7E7;
}
#faqs .accordion-button {
border: 2px solid #E7E7E7    
}
#faqs .accordion-button:not(.collapsed),
#faqs .accordion-button:not(.collapsed) h4 {
font-family:var(--header-font);
color: #7C7C7C;
background-color: #F2F2F2;
outline: none;
box-shadow: none;
text-transform: uppercase;
font-size:15px;
font-weight:900;
}
#faqs .accordion-button.collapsed,
#faqs .accordion-button.collapsed h4 {
border-bottom-width: 0;
background-color: #DFDFDF;
font-family:var(--header-font);
color: #7C7C7C;
text-transform: uppercase;
font-size:15px;
font-weight:900;
}
#faqs .accordion-button:focus {
box-shadow: none;    
}
#faqs .accordion-body,
#faqs .accordion-body h4.answer {
//background: #172431;
color: #585858;
font-weight: 500;
}
#faqs .accordion-body p,
#faqs .accordion-body h4.answer p {
font-size:13px;
}
#faqs .accordion-body a {
color: var(--yellow);
}    
#faqs .accordion-button::after {  
background-image: url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/icons/accordion-down.svg);
width: 18px;
height: 18px;
background-size: 18px;
}
#faqs .accordion-button:not(.collapsed)::after {
background-image: url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/icons/accordion-up.svg);
transform: rotate(0deg);
} #interiors {}
#interiors .tab-content {
min-height:250px;
}
#interiors .nav-pills {
display:block;
list-style-type: none;
padding-left: 0px;
column-count: 1;
}   
@media only screen and (min-width: 992px) {
#interiors .nav-pills {
column-count: 2;
min-height:50px;
}
}
#interiors .nav-pills button,
#interiors .accordion-header button {
font-family: var(--header-font);
font-weight: 900;
text-transform: uppercase;
width:100%;
text-align:left;
border-radius:0;
padding: 14px 10px 5px 10px;
border-bottom: 1px solid #343434;
display: inline-block;
position:relative;
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}  
#interiors .accordion-header button {
padding: 1rem 1.25rem;
}
#interiors .accordion-header button:focus {
outline:0;
box-shadow:none;
border:none;
}
#interiors .nav-pills button h4,
#interiors h4.accordion-header button {
font-size:18px;
color: #7C7C7C;
}   
#interiors .nav-pills button.active,
#interiors .accordion-button:not(.collapsed) {
background:#393939;
}
#interiors .nav-pills button.active h4,
#interiors .accordion-button:not(.collapsed) {
color:#ffffff;
}
#interiors .accordion-button,
#interiors .accordion-collapse {
border:none;
}
#interiors .accordion-button::after {
filter: brightness(0)invert(1);
}    
#interiors .tab-pane h2 { 
font-family: var(--header-font);
font-weight: 900;
font-size:44px;
line-height:40px;
text-transform: uppercase;
width:100%;
color:#ffffff;
text-align:left;
}
#interiors .tab-pane h4 { 
font-family: var(--header-font);
font-weight: 900;
font-size:14px;
line-height:20px;
text-transform: uppercase;
width:100%;
color:#7c7c7c;
text-align:left;
}
#interiors.summary {
background: url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/bg-swirl1-sml.png), #DFDFDF;
background-size:cover, cover;
background-position: center center, center center;
}
@media only screen and (min-width: 992px) {
#interiors.summary {
background: url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/bg-swirl1.png), #DFDFDF;
background-size:cover, cover;
background-position: center center, center center;
}
}
#interiors.summary .heading {
font-family: var(--header-font);
font-weight: 900;
font-size:44px;
line-height:40px;
text-transform: uppercase;
color:#313131;
}
#interiors.summary .subheading,
#interiors.summary .subheading a {
font-family: var(--header-font);
font-weight: 900;
font-size:14px;
line-height:20px;
text-transform: uppercase;
color:#7c7c7c;
}
#interiors.summary .subheading.small {
color:#313131;
}
@media only screen and (min-width: 576px) {
#interiors.summary .border-sm { 
border-right: 2px solid rgba(49, 49, 49, 0.2);
}
}
@media only screen and (min-width: 1200px) {
#interiors.summary .border-xl { 
border-right: 2px solid rgba(49, 49, 49, 0.2);
}
}
#interiors.gallery a .interior-gallery-hover {
opacity: 0;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
transition: .5s ease;
background: linear-gradient(180deg, rgba(0, 191, 221, 0.4) 38.82%, rgba(0, 80, 174, 0.6) 100%);
}
#interiors.gallery a:hover .interior-gallery-hover {
opacity: 1;
}
#interiors.gallery a .interior-text-box {
color: #fff;
font-family: var(--secondary-font);
font-weight: 700;
font-size: 15px;
line-height: 21px;
text-transform: uppercase;
position: absolute;
bottom: 10px;
left: 10px;
display:flex;
align-items:center;
}
.slick-lightbox .slick-prev,
.slick-lightbox .slick-next {
display:none !important;
}
#interiors.designs {
background: url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/bg-swirl1-sml.png), #DFDFDF;
background-size:cover, cover;
background-position: top center, center center;
}
@media only screen and (min-width: 992px) {
#interiors.designs {
background: url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/bg-swirl1.png), #DFDFDF;
background-size:cover, cover;
background-position: top center, center center;
}
}
#interiors.designs .heading {
font-family: var(--header-font);
font-weight: 900;
font-size:18px;
line-height:16px;
text-transform: uppercase;
color:#7C7C7C;
}
#interiors.application {
background: #313131; 
}
#interiors.application .paragraph a {
//color: #ffffff;
color: var(--blue); 
}
#interiors.application .paragraph a:hover {
color: var(--blue); 
}
@media only screen and (min-width: 1400px) {
#interiors.application {
background-image: url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/finance-application-dark-overlay.png), url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/finance-application-banner.png);
background-repeat: no-repeat, no-repeat;
background-size: cover , cover;
background-position: right center, left center;
}
}
#interiors.application .finance-sticker {
position: absolute;
left: 40px;
top: 40px;
}
#interiors.range {
background: url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/bg-swirl1-sml.png), #DFDFDF;
background-size:cover, cover;
background-position: bottom center, center center;
}
@media only screen and (min-width: 992px) {
#interiors.range {
background: url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/bg-swirl1.png), #DFDFDF;
background-size:cover, cover;
background-position: bottom center, center center;
}
}
#interiors.range .card img {
border-radius: 5px;
width:100%;
object-fit: fill;
}
#interiors.range a .card {
font-size: 13px;
line-height: 18px;
color: #585858;
}
#interiors.range .card .heading {
font-family: var(--header-font);
font-weight: 900;
font-size:18px;
line-height:16px;
text-transform: uppercase;
color:#131313;
}
#interiors.range a .range-hover {
opacity: 0;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
transition: .5s ease;
background: linear-gradient(180deg, rgba(0, 191, 221, 0.4) 38.82%, rgba(0, 80, 174, 0.6) 100%);
border-radius: 5px;
}
#interiors.range a:hover .range-hover {
opacity: 1;
} 
#interiors.range .card-body .button {
background: rgba(49, 49, 49, 0.35);
border-radius: 2px;
position: absolute;
width: 30px;
right: 0;
float: right;
top: 16px;
bottom: 16px;
display: flex;
align-items: center;
justify-content: center;
transition: .5s ease;
}
#interiors.range a:hover .card-body .button {
background:#313131;
} .interior-links {
min-height:150px;
filter: drop-shadow(0px 15px 40px rgba(0, 0, 0, 0.25));
}
.interior-links a.interior-list_item {
font-family: var(--secondary-font);
font-weight: 700;
font-size: 15px;
text-transform: uppercase;
color: #7C7C7C;
}
.interior-links a.interior-list_item.active,
.interior-links a.interior-list_item:hover {
color: #ffffff;
}
#interiors-page.seating {}
@media only screen and (min-width: 1400px){
#interiors-page.seating {
background-image: url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/reimo-overlay.png), url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/reimo-banner.jpg);
background-repeat: no-repeat, no-repeat;
background-size: cover , cover;
background-position: right center, left center;
}
}
#interiors-page.seating-types .list,
#interiors-page.bed-types .list,
#interiors-page.awnings-options .list,
#interiors-page.heating-options .list  {
font-family: var(--header-font);
font-weight: 900;
font-size: 14px;
line-height: 20px;
text-transform: uppercase;
color: #7C7C7C;
}
#interiors-page.seating-types .card,
#interiors-page.bed-types .card, 
#interiors-page.awnings-options .card,
#interiors-page.windows-options .card,
#interiors-page.heating-options .card  {
border-radius:5px;        
transition: all .5s ease;
border:none;
}
#interiors-page.seating-types .card:hover,
#interiors-page.bed-types .card:hover,
#interiors-page.awnings-options .card:hover,
#interiors-page.windows-options .card:hover,
#interiors-page.heating-options .card:hover {
filter: drop-shadow(0px 25px 30px rgba(0, 0, 0, 0.05));
}
#interiors-page.seating-types .card-body,
#interiors-page.bed-types .card-body,
#interiors-page.awnings-options .card-body,
#interiors-page.windows-options .card-body,
#interiors-page.heating-options .card-body {
z-index:4;
}
#interiors-page.seating-types .img-top,
#interiors-page.bed-types .img-top,
#interiors-page.awnings-options .img-top,
#interiors-page.windows-options .img-top,
#interiors-page.heating-options .img-top {
opacity:1;
transition: all .5s ease;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
#interiors-page.seating-types .card:hover .img-top,
#interiors-page.bed-types .card:hover .img-top,
#interiors-page.awnings-options .card:hover .img-top,
#interiors-page.windows-options .card:hover .img-top,
#interiors-page.heating-options .card:hover .img-top {
opacity:0;
}
#interiors-page.seating-types .img-bottom,
#interiors-page.bed-types .img-bottom,
#interiors-page.awnings-options .img-bottom,
#interiors-page.windows-options .img-bottom,
#interiors-page.heating-options .img-bottom {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
#interiors-page.seating-types .wb-heading,
#interiors-page.bed-types .wb-heading,
#interiors-page.awnings-options .wb-heading,
#interiors-page.windows-options .wb-heading, 
#interiors-page.heating-options .wb-heading {
font-family: var(--header-font);
font-weight: 900;
font-size: 14px;
line-height: 13px;
text-transform: uppercase;
color: #7C7C7C;
}
#interiors-page.seating-types .wb-price,
#interiors-page.bed-types .wb-price,
#interiors-page.awnings-options .wb-price,
#interiors-page.windows-options .wb-price,
#interiors-page.heating-options .wb-price {
font-family: var(--header-font);
font-weight: 900;
font-size: 24px;
line-height: 22px;
text-transform: uppercase;
color: #313131;
}
#interiors-page.beds {}
@media only screen and (min-width: 1400px){
#interiors-page.beds {
background-image: url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/rib-beds-overlay.png), url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/new-rib-beds-banner.jpg);
background-repeat: no-repeat, no-repeat;
background-size: cover , cover;
background-position: right center, left center;
}
}
#interiors-page.beds-mattress {}
@media only screen and (min-width: 1400px){
#interiors-page.beds-mattress {
background-image: url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/beds-mattress-overlay.png), url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/beds-mattress-banner.jpg);
background-repeat: no-repeat, no-repeat;
background-size: cover , cover;
background-position: right center, left center;
}
}
#interiors-page.awnings-summary {}
#interiors-page.awnings-summary .heading {
font-family: var(--header-font);
font-weight: 900;
font-size:44px;
line-height:40px;
text-transform: uppercase;
color:#313131;
}
#interiors-page.awnings-summary .subheading,
#interiors-page.awnings-summary .subheading a {
font-family: var(--header-font);
font-weight: 900;
font-size:14px;
line-height:20px;
text-transform: uppercase;
color:#7c7c7c;
}
#interiors-page.awnings-summary .subheading.small {
color:#313131;
}
@media only screen and (min-width: 576px) {
#interiors-page.awnings-summary .border-sm { 
border-right: 2px solid rgba(49, 49, 49, 0.2);
}
}
@media only screen and (min-width: 1200px) {
#interiors-page.awnings-summary .border-xl { 
border-right: 2px solid rgba(49, 49, 49, 0.2);
}
}    
#interiors-page.awnings {}
@media only screen and (min-width: 1400px){
#interiors-page.awnings {
background-image: url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/awnings-rails-overlay.png), url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/awnings-rails-banner.jpg);
background-repeat: no-repeat, no-repeat;
background-size: cover , cover;
background-position: right center, left center;
}
}
#interiors-page.windows-options {}
@media only screen and (min-width: 992px) {
#interiors-page.heating-options .border-lg,
#interiors-page.windows-options .border-lg { 
border-right: 2px solid rgba(49, 49, 49, 0.2);
}
}
#interiors-page.heating {}
@media only screen and (min-width: 1400px){
#interiors-page.heating {
background-image: url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/heating-banner-overlay.png), url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/heating-banner.jpg);
background-repeat: no-repeat, no-repeat;
background-size: cover , cover;
background-position: right center, left center;
}
}
#interiors-page.heating .paragraph {
font-family: var(--header-font);
font-weight: 900;
font-size:14px;
line-height:18px;
text-transform: uppercase;
color:#7c7c7c;
} #interior-features .feature-image {
border-radius:5px;
min-height: 200px;
object-fit: cover;
}
@media only screen and (min-width: 576px){
#interior-features .feature-image {
min-height: 300px;
}    
}
#interior-features .heading {
font-family: var(--header-font);
font-weight: 900;
font-size: 24px;
line-height: 22px;
text-transform: uppercase;
color: #313131;
}
#interior-features .card-body {
background: #F8F8F8;
border-radius: 5px;
filter: drop-shadow(0px 15px 30px rgba(0, 0, 0, 0.03));
}
#interior-features.extras {
background: #313131;
}
@media only screen and (min-width: 1400px){
#interior-features.extras {
background-image: url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/interior-features-banner-overlay.png), url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/interior-features-banner.jpg);
background-repeat: no-repeat, no-repeat;
background-size: cover , cover;
background-position: right center, left center;
}
} #contact-details {
background: #252525;
font-family: var(--secondary-font);
font-weight: 700;
font-size: 15px;
line-height: 21px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #7C7C7C;
}
#contact-details a {
color: #7C7C7C;
}
#contact-details a:hover {
color: #ffffff;
}
#contact-location {
background: url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/bg-location-swirl.png), #313131;
background-size: cover, cover;
background-position: left center, center center;
background-repeat: no-repeat, no-repeat;
}
#contact-location .times {
font-family: var(--secondary-font);
font-weight: 700;
font-size: 15px;
line-height: 21px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #7C7C7C; 
}  #portfolio a .gallery-hover {
opacity: 0;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
transition: .5s ease;
background: linear-gradient(180deg, rgba(0, 191, 221, 0.4) 38.82%, rgba(0, 80, 174, 0.6) 100%);
}
#portfolio a:hover .gallery-hover {
opacity: 1;
}
#portfolio a .text-box {
color: #fff;
font-family: var(--secondary-font);
font-weight: 700;
font-size: 15px;
line-height: 21px;
text-transform: uppercase;
position: absolute;
bottom: 10px;
left: 10px;
}
.category #portfolio .hover-effect .wp-post-image,
.page-template-featured-campervans #featured .hover-effect .wp-post-image {
height: 300px !important;
object-fit: cover;
}
#portfolio a .featured-hover,    
#featured a .featured-hover {
opacity: 0;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
transition: .5s ease;
background: linear-gradient(180deg, rgba(0, 191, 221, 0.4) 38.82%, rgba(0, 80, 174, 0.6) 100%);
border-radius: 5px;
}
#portfolio a:hover .featured-hover,  
#featured a:hover .featured-hover {
opacity: 1;
}
#portfolio .heading,
#featured .heading {
font-family: var(--secondary-font);
font-weight: 900;
font-size:18px;
line-height:20px;
text-transform: uppercase;
color:#131313;
}
.cat-links {
font-family: var(--secondary-font);
font-weight: 700;
font-size: 15px;
text-transform:uppercase;
min-height:150px;
} 
.cat-links li {
display:inline-block;
padding: 5px 15px;
}
@media only screen and (min-width: 1200px) {
.cat-links li {
padding: 5px 30px;
}    
}            
.cat-links a {
color:#7C7C7C;
}
.cat-links a.active, .cat-links a:hover {
color:#ffffff;
border-bottom:2px solid #ffffff;
}
.range-links {
font-family: var(--secondary-font);
font-weight: 700;
font-size: 15px;
text-transform:uppercase;
min-height:150px;
}
.range-links li {
display:inline-block;
padding: 5px 15px;
}
@media only screen and (min-width: 1200px) {
.range-links li {
padding: 5px 30px;
}    
}   
.range-links a {     
color:#7C7C7C;
}
.range-links a:hover {
color:#ffffff;
//border-bottom:2px solid #ffffff;
}     #gallery {
background: url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/bg-swirl1-sml.png), #DFDFDF;
background-size: cover, cover;
background-position: center center, center center;
background-repeat: no-repeat, no-repeat;
}
@media only screen and (min-width: 992px) {
#gallery {
background: url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/bg-swirl1.png), #DFDFDF;
background-size: cover, cover;
background-position: center center, center center;
background-repeat: no-repeat, no-repeat;
}
}
#gallery a .text-box {
color: #fff;
font-family: var(--secondary-font);
font-weight:700;
font-size:15px;
line-height:21px;
text-transform:uppercase;
position: absolute;
bottom: 10px;
left: 10px;
}
#gallery a .gallery-hover {
opacity: 0;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
transition: .5s ease;
background: linear-gradient(180deg, rgba(0, 191, 221, 0.4) 38.82%, rgba(0, 80, 174, 0.6) 100%);    }
#gallery a:hover .gallery-hover {
opacity: 1;
}
#gallery .image-box {
border-radius: 5px;
}
#gallery .img1,
#gallery .img2 {
min-height: 169px;
}
@media only screen and (min-width: 576px) {
#gallery .img1,
#gallery .img2 {
min-height: 246px;
}
}
@media only screen and (min-width: 768px) {
#gallery .img1,
#gallery .img2 {
min-height: 336px;
}
}
@media only screen and (min-width: 992px) {
#gallery .img1,
#gallery .img2 {
min-height: 216px;
}
}
@media only screen and (min-width: 1200px) {
#gallery .img1,
#gallery .img2 {
min-height: 166px;
}
}
#gallery .img4,
#gallery .img5,
#gallery .img6,
#gallery .img7 {
min-height: 169px;
}
@media only screen and (min-width: 576px) {
#gallery .img4,
#gallery .img5,
#gallery .img6,
#gallery .img7 {
min-height: 246px;
}
}
@media only screen and (min-width: 768px) {
#gallery .img4,
#gallery .img5,
#gallery .img6,
#gallery .img7 {
min-height: 336px;
}
}
@media only screen and (min-width: 992px) {
#gallery .img4,
#gallery .img5,
#gallery .img6,
#gallery .img7 {
min-height: 216px;
}
}
@media only screen and (min-width: 1200px) {
#gallery .img4,
#gallery .img5,
#gallery .img6,
#gallery .img7 {
min-height: 166px;
}
}
#gallery .img3 {
min-height: 363px;
}
@media only screen and (min-width: 576px) {
#gallery .img3 {
min-height: 416px;
}
}
@media only screen and (min-width: 1200px) {
#gallery .img3 {
min-height: 356px;
}
} #roofing.roofing {
background: url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/bg-swirl1-sml.png), #DFDFDF;
background-size:cover, cover;
background-position: center center, center center;
}
@media only screen and (min-width: 992px) {
#roofing.roofing {
background: url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/bg-swirl1.png), #DFDFDF;
background-size:cover, cover;
background-position: center center, center center;
}
}
.page-template-interiors #roofing.roofing {
background: #E7E7E7;
box-shadow: 0px 0px 107.074px rgba(0, 0, 0, 0.1);
background-size:cover;
background-position:center center;
}
#roofing.roofing .price-heading {
font-family: var(--header-font);
font-weight: 900;
font-size: 44px;
line-height: 40px
text-transform: uppercase;
color: #7C7C7C;
}
#roofing.roofing .price-subheading {
font-family: var(--header-font);
font-weight: 900;
font-size: 18px;
text-transform: uppercase;
line-height: 17px;
color: #7C7C7C;
}
#roofing.roofing .price-amount {
font-family: var(--header-font);
font-weight: 900;
font-size: 55px;
text-transform: uppercase;
line-height: 49px;
color: #313131;
} #cta {
background: url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/cta-banner.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
} #team {
background: #F2F2F2;
}
@media (min-width: 1400px) {
.col-xxl-1_7 {
width: 14.285714285714285714285714285714%;
}
}
#team .card {
background-color:transparent;
border:none;
}
#team .card-image {
border-radius:5px;
background-color:#DEDEDE;
}
#team .card-image img {
filter: grayscale(100%);
border-radius:5px;
}
#team .card:hover .card-image img {
filter:none;
}
#team .heading {
font-family: var(--header-font);
font-weight:900;
font-size:22px;
line-height:31px;
text-transform: uppercase;
color: #313131;
}
#team .subheading {
font-family: var(--secondary-font);
font-size:15px;
line-height:21px;
letter-spacing: 0.1em;
color: #7C7C7C;
text-transform: uppercase;
} #finance {
background: #F2F2F2;
box-shadow: 0px 4px 80px rgba(0, 0, 0, 0.15);
z-index: 1;
position: relative;   
}
#finance.dark {
background: #252525;
box-shadow: none;
} .blog a {
color:var(--darkgrey);
}
.blog a:hover {
color:var(--blue);
}
.blog h2 a {
font-family: var(--header-font);
font-weight:900;
text-transform:uppercase;
color: var(--black);
}
.blog-single a {
color:var(--blue);
}
.blog-single a:hover {
color:var(--darkgrey);
}
img.avatar {
//margin-bottom:0;
max-width:150px;
}
@media only screen and (min-width : 768px) {
img.avatar {
margin-bottom:0;
}
.avatar-outer {
width:280px;
}
} #sales {
background: #F2F2F2;
box-shadow: 0px 4px 80px rgba(0, 0, 0, 0.15);
z-index: 1;
position: relative;   
} #contact {
background-image: url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/contact-form-banner.jpg);
background-size:cover;
background-repeat:no-repeat;
background-position: center center;
}
@media only screen and (min-width: 1200px) {
#contact {
background-image: url(//sherwoodcampers.co.uk/wp-content/themes/sherwood-campers/images/contact-form-banner.jpg);
background-size:cover;
background-repeat:no-repeat;
background-position: right bottom;
}        
}
.wpcf7 p {
margin-bottom:0;
}
.contact input[type="text"], .contact input[type="email"], .contact input[type="tel"], .contact textarea {
width: 100%;
padding: 12px 16px;
font-family: var(--header-font);
font-weight:900;
text-transform:uppercase;
background: rgba(0, 0, 0, 0.21);
border: 2px solid #393939;
border-radius: 5px;
color:#ffffff;
}
.contact input[type="text"]:focus, .contact input[type="email"]:focus, .contact input[type="tel"]:focus, .contact textarea:focus {
background: #393939;
box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.1);
border-radius: 5px;   
outline: none; 
}
.contact.white input[type="text"], .contact.white input[type="email"], .contact.white input[type="tel"], .contact.white textarea,
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
width: 100%;
padding: 12px 16px;
font-family: var(--header-font);
font-weight:900;
text-transform:uppercase;
background: rgba(255, 255, 255, 0.21);
border: 2px solid #DFDFDF;
border-radius: 5px;
color: rgba(124, 124, 124, 0.5);
}
.contact.white input[type="text"]:focus, .contact.white input[type="email"]:focus, .contact.white input[type="tel"]:focus, .contact.white textarea:focus,
.woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus {
width: 100%;
padding: 12px 16px;
font-family: var(--header-font);
font-weight:900;
text-transform:uppercase;
background: #ffffff;
border: 2px solid #ffffff;
border-radius: 5px;
color: #7C7C7C;
box-shadow: none;
outline: none; 
}
.contact textarea {
height: 100px;
}
.contact .acceptance,
.contact .acceptance a {
color:#7C7C7C;
text-transform:uppercase;
font-family: var(--header-font);
font-weight:900;
font-size:14px;    
}
.contact .acceptance a {
text-decoration:underline;
}
.contact .acceptance a:hover {
color:var(--blue);
}
.wpcf7-submit {
width:100%;
}
@media only screen and (min-width: 1200px) {
.wpcf7-submit {
width:auto;
float:right;
}    
.wpcf7-spinner {
display: inline;
}
}
.captcha {
background: rgba(255, 255, 255, 0.21)
}
.captcha .text-box {
width: 30%;
padding: 11px 5px 12px;
background-color: #DFDFDF;
border: 2px solid #DFDFDF;
color: #7C7C7C;
text-transform: uppercase;
font-family: var(--header-font);
font-weight: 900;
font-size: 14px;
text-align: center;
float: left;
}
@media only screen and (min-width: 12400px) {
.captcha .text-box {
width: 25%;
}
}
.captcha .quiz-box {
width: 70%;
background: rgba(255, 255, 255, 0.21);
border: 2px solid #DFDFDF;
border-radius: 0 5px 5px 0;
float: left;
position:relative;
}
@media only screen and (min-width: 1400px) {
.captcha .quiz-box {
width: 65%;
}
}
.captcha .quiz-box .wpcf7-not-valid-tip {
//position: absolute;
//top: 38px;
}
.captcha label {
display: inline !important;
font-family: var(--header-font);
}
.captcha .wpcf7-quiz-label {
float: left;
width: 35%;
padding: 12px 10px;
height: 44px;   
font-family: var(--header-font);
font-weight: 900;
font-size: 14px;
text-transform: uppercase;
color: #7C7C7C;
}
@media only screen and (min-width: 576px) {
.captcha .wpcf7-quiz-label {
width: 30%;
}
}
@media only screen and (min-width: 768px) {
.captcha .wpcf7-quiz-label {
width: 35%;
}
}
@media only screen and (min-width: 1200px) {
.captcha .wpcf7-quiz-label {
width: 30%;
}
}   
.contact .captcha input[type="text"] {
width: 50%;
background-color: transparent;
border: none;
border-bottom: 2px solid rgba(255, 255, 255, 0.2);
border-radius: 0;
padding: 0;
margin-bottom: 10px;
margin-left: 12px;
margin-right: 12px;
margin-top: 8px;
height: 26px;
}
@media only screen and (min-width: 576px) {
.contact .captcha input[type="text"] {
width: 60%;
}
}
@media only screen and (min-width: 768px) {
.contact .captcha input[type="text"] {
width: 50%;
}
}
@media only screen and (min-width: 1200px) {
.contact .captcha input[type="text"] {
width: 60%;
}
}   
.contact.white .captcha input[type="text"]:focus {
background: transparent;
border: none;
box-shadow: none;
outline: none; 
}
.wpcf7-spinner::before {
background-color: var(--black);
}
::-webkit-input-placeholder { opacity: 1;
color: #7C7C7C;
}
:-moz-placeholder { opacity: 1;
color: #7C7C7C;
}
::-moz-placeholder { opacity: 1;
color: #7C7C7C;
}
:-ms-input-placeholder { opacity: 1;
color: #7C7C7C;
}      footer {
background-color:#252525;
text-transform:uppercase;
font-family: var(--secondary-font);
font-size:15px;
font-weight:700;
color:#7C7C7C;
}
footer li {
line-height:28px;
}
@media only screen and (min-width : 1200px) {
footer li {
line-height:normal;
}
}
footer .social-icons img {
filter: brightness(0) invert(1);
}
footer .social-icons img:hover {
filter: none;
}
footer a {
color:#7C7C7C;
}
footer a:hover, footer a.active {
color:#ffffff;
}
@media only screen and (min-width : 992px) {
footer .horizontal li {
display:inline-block;
margin-right:10px;
}
}  .pagination {
display: flex;
justify-content: center;
}
.pagination .inactive,
.pagination  .current {
margin: 0 5px;
padding: 18px 18px 16px;
background-color: #D1D1D1;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
width: 16px;
height: 16px;
}
.pagination  .current,
.pagination .inactive:hover {
background-color: var(--blue);
color: #fff;
} .woocommerce .card {    
display:none;
}
.woocommerce .woocommerce-breadcrumb {
height: 73px;
background: var(--darkblack);
font-weight: 700;
font-size: 15px;
font-family: var(--secondary-font);
text-transform:uppercase;
color: #7C7C7C;
}
.woocommerce ul.products li.product .price {
display: none;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
text-transform: uppercase;
}
.woocommerce .featured-hover {
opacity: 0;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
align-items: center;
justify-content: center;
transition: .5s ease;
background: linear-gradient(180deg, rgba(0, 191, 221, 0.4) 38.82%, rgba(0, 80, 174, 0.6) 100%);
border-radius: 5px;
}
.woocommerce ul.products li.product:hover .featured-hover {
opacity: 1;
} .product-title {
font-size: 46px;
line-height: 43px;
font-family: var(--header-font);
font-weight: 900;
text-transform: uppercase;
color: var(--white);
}
@media only screen and (min-width: 992px) {
.product-title {
font-size: 70px;
line-height: 64px;
}
}
@media only screen and (min-width: 768px) {
.woocommerce.single div.product div.images {
width: 30%;
float: left;
}
.woocommerce.single div.product div.summary {
width: 65%;
padding-left: 2rem;
float: right;
}
}
.woocommerce .product_meta,
.woocommerce .product-type-variable p.price,
.woocommerce ul.products li.product .price span.heading,
.aws_result_price span.heading {
display: none !important;
}
.woocommerce div.product p.price span.heading,
.woocommerce div.product span.price span.heading,
.woocommerce div.product form.cart div.quantity span {
min-width: 100px;
display: inline-block;
}
.single-product .entry-summary .woocommerce-Price-amount.amount bdi {
margin-left: 10px;
padding: 10px;
font-weight: 700;
font-family: var(--base-font);
font-size: var(--base-size);
color: var(--grey);
}
.woocommerce div.product p.price, .woocommerce div.product span.price span.heading {
//float: none;
display: block;
margin-bottom: 20px;
color: var(--grey);
font-weight: 700;
font-family: var(--base-font);
font-size: 14px;
}
.woocommerce div.product p.price span.heading, .woocommerce div.product span.price span.heading, .woocommerce div.product form.cart div.quantity span {
min-width: 100px;
display: inline-block;
}
.woocommerce .quantity .qty {
background: #F8F1F1;
border: 1px solid var(--black);
border-radius: 0;
font-size: 14px;
margin-left: 0px;
padding: 10px 10px;
color: var(--black);
font-weight: 700;
font-family: var(--base-font);
width: 68px;
}
.woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item).button-variable-item {
//background: #ffffff;
//border: 1px solid var(--black);
//border-radius: 10px;
//padding: 5px 7px;
//height: 50px;
//font-weight: 600;
//font-size: 16px;
}
.woo-variation-swatches .wvs-style-squared.variable-items-wrapper .variable-item:not(.radio-variable-item) {
border-radius: 0;
} .select2-container--default .select2-selection--single .select2-selection__rendered {
color: #8B8B8B;
line-height: 47px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 47px;
}
.select2-container .select2-selection--single {
height: 47px;
}
.woocommerce form .form-row {
width: 100% !important;
}
.woocommerce-checkout #payment div.payment_box input.input-text, .woocommerce-checkout #payment div.payment_box textarea {
width: 100% !important;
padding: 8px;
}
.woocommerce #payment .form-row select, .woocommerce-page #payment .form-row select {
width: 100%;
height: 30px;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
float: left;
width: 100%;
}
@media screen and (min-width: 1200px) {
.woocommerce .col2-set, .woocommerce-page .col2-set {
width: 48%;
float: left;        
}
}
.woocommerce-checkout h3 {
width: 100%;
padding: 10px;
margin-top: 50px;
float: right;
}
.woocommerce-additional-fields h3,
h3#ship-to-different-address {
display:none;
}
@media screen and (min-width: 1200px) {
.woocommerce-checkout h3 {
width: 50%;
}
.woocommerce-shipping-fields h3, .woocommerce-billing-fields h3 {
width:100%;
}
}
@media screen and (min-width: 1200px) {        
.woocommerce-checkout-review-order {
width: 48%;
float: right;
}
} header.woocommerce-Address-title.title {
background-color:transparent;
box-shadow:none;
width:100%;
position:relative;
z-index:0;
height: auto;
top: 0;
}
.woocommerce-account.woocommerce-edit-address .u-column2.woocommerce-Address {
display:none;
} .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled[disabled] {
background: rgba(49, 49, 49, 0.7);
color: #ffffff;
border-radius:2px;
border: none;
font-family: var(--secondary-font);
font-weight: 700;
font-size: 15px;
padding: 14px 20px;
min-width: 190px;
text-transform: uppercase;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
text-align: center;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:hover,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:hover,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:disabled[disabled]:hover {
background: #313131;
color: #ffffff;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled], 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled], 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled], 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled], 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled], 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled], 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled]:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled], 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled]:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled], 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled]:hover {
background: rgba(49, 49, 49, 0.7);
color: #ffffff;
}
#cookie-notice span a {
background: transparent;
color: var(--blue);
border-radius: 0;
border: none;
font-family: -apple-system, BlinkMacSystemFont, Arial, Roboto, "Helvetica Neue", sans-serif;
font-weight: 400;
font-size: 13px;
padding: 0;
min-width: auto;
text-transform: none;
transition: none;
}
#cookie-notice span a:hover {
background: transparent;
color: var(--darkgrey);
} 
.modal.show .modal-dialog {
z-index: 100;
margin-top: 50px;
}
.modal-title {
display: none;
}  @media (max-width: 495px) {}
@media (min-width: 576px) {}
@media (max-width: 768px) {}
@media (max-width: 992px) {} @media only screen and (min-width : 480px) {}
@media only screen and (min-width : 768px) {}
@media only screen and (min-width : 992px) {}
@media only screen and (min-width : 1200px) {} .product_message {
background: #fff;
border-radius: 5px;
color: #DD6A00;
font-size: 18px;
font-weight: 900;
padding: 20px 30px;
width: 100%;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
margin-bottom: 1rem;
}	
@media (max-width: 1200px) {
.woocommerce-page  .jumbotron.inner{
max-height: auto;
height: auto;
min-height: auto;
}
.woocommerce-page  .jumbotron.inner .mb-5 {
margin-bottom: 2rem!important;
}
.woocommerce-page  .jumbotron.inner > .container{
height: 100px !important;
}
.shop_header_buttons{
display: none;
}
.woocommerce-page  .jumbotron.inner  .header-banner p {
font-size: 12px;
}
.woocommerce-page  .jumbotron.inner > .container .col-12{
height: auto !important;
}
}
@media only screen and (min-width : 1200px) {
.woocommerce-page  .jumbotron.inner{
max-height: 385px;
height: auto;
min-height: auto;
}
.woocommerce-page  .jumbotron.inner > .container{
height: 185px !important;
}
.woocommerce-page  .jumbotron.inner > .container .col-12{
height: auto !important;
}
}.woocommerce .col-2,.woocommerce .col-1{max-width:none}
.aligncenter,.alignleft,.alignnone,.alignright {
width:auto;
height:auto;
float:none;
margin-left:auto;
margin-right:auto;
display:block;
margin-bottom:20px;
}
@media only screen and (min-width: 768px){
.alignnone{ 
margin:5px 0 20px 0;
width:auto;
}
a img.aligncenter,
.aligncenter, div.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
margin:5px auto;
width:auto;
}
.alignright,
a img.alignright {
float:right;
margin:5px 0 20px 20px;
width:auto;
}
.alignleft,
a img.alignleft,
a img.alignleft,a img.alignnone  {
float:left;
margin:5px 20px 20px 0;
width:auto;
}
}
@media only screen and (max-width :480px){
//.aligncenter,.alignleft,.alignnone,.alignright {
//    width:100%;
//    height:auto;
//    float:none
//}
}
.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}.wp-caption.alignleft,.wp-caption.alignnone{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{border:0;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}.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,.6);clip:auto!important;color:#21759b;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}@media (max-width:540px){.portfolio-piece h4{font-size:.8em}.prev-next{margin-top:15px;font-size:18px}}.prev-next{font-size:24px;margin-top:30px;text-align:right}.widget{margin:10px 0 30px}.admin-bar .fixed-top{margin-top:30px}.dropdown-menu .dropdown-menu {
position: relative;
width:100%;
background-color:#e8e8e8;
}
.dropdown:hover + .dropdown-menu {
display: block;
}
.dropdown-submenu {
position: relative;
}
.dropdown-menu .dropdown-menu {
position: relative !important;
background-color:#e8e8e8;
}
.dropdown-menu .dropdown-menu a {
color:#606060 !important;
}
.dropdown-submenu>.dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
margin-left: -1px;
-webkit-border-radius: 0 6px 6px 6px;
-moz-border-radius: 0 6px 6px;
border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover > .dropdown-menu {
display: block;
}
.dropdown-submenu>a:after {
display: block;
content: " ";
float: right;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 5px 0 5px 5px;
border-left-color: #ccc;
margin-top: 5px;
margin-right: -10px;
}
.dropdown-submenu:hover>a:after {
border-left-color: #fff;
}
.dropdown-submenu.pull-left {
float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
left: -100%;
margin-left: 10px;
-webkit-border-radius: 6px 0 6px 6px;
-moz-border-radius: 6px 0 6px 6px;
border-radius: 6px 0 6px 6px;
}