/* WARNING: Do not edit this file. It is dynamically generated. Any edits you make will be overwritten. */
/* This file generated using Weaver Xtreme 4.4.7 subtheme: Westfield Theme-V-351 */
/* Weaver Xtreme styles - Version 353 */
#wrapper{max-width:1200px;}
@media (min-width: 1188px) {
.weaverx-sb-one-column .alignwide,#header .alignwide,#header.alignwide,#colophon.alignwide,#colophon .alignwide,
#container .alignwide,#container.alignwide,#wrapper .alignwide,#wrapper.alignwide,#infobar .alignwide,.alignwide {
margin-left: inherit;margin-right: inherit;max-width:reset;width:100%;} }
@media (max-width: 1187px) {
.alignwide {margin-left: inherit;margin-right: inherit;max-width:reset;width:100%;} }
@media (min-width: 1296px) {
.weaverx-sb-one-column .alignwide,#header .alignwide,#header.alignwide,#colophon.alignwide,#colophon .alignwide,
#container .alignwide,#container.alignwide,#wrapper .alignwide,#wrapper.alignwide,#infobar .alignwide,.alignwide {
margin-left: calc(50% - 46vw);margin-right: calc(50% - 46vw);max-width:10000px;width: 92vw;} }
@media (max-width: 1295px) {
.alignwide {margin-left:0 !important;margin-right:0 !important;max-width:100% !important;width:100% !important;} }
a, .wrapper a {color:#5C8BA6;}
a:hover, .wrapper a:hover {color:#E74C3C;}
a, .wrapper a{font-style:normal;}
.wrapper .entry-meta a, .wrapper .entry-utility a {color:#5C8BA6;}
.wrapper .entry-meta a:hover,.wrapper .entry-utility a:hover {color:#E74C3C;}
.wrapper .widget a {color:#5C8BA6;}
.wrapper .widget a:hover {color:#E74C3C;}
#infobar a {color:#5C8BA6;}
#infobar a:hover {color:#E74C3C;}
.colophon a {color:#FFFFFF;}
.colophon a:hover {color:#E74C3C;}
.border {border:1px solid #D6D6D6;}.border-bottom{border-bottom:1px solid #D6D6D6;}
#branding #header-image img{float: left;} /* float-left*/.weaverx-theme-menu .current_page_item > a,.weaverx-theme-menu .current-menu-item > a,.weaverx-theme-menu .current-cat > a,.weaverx-theme-menu .current_page_ancestor > a,.weaverx-theme-menu .current-category-ancestor > a,.weaverx-theme-menu .current-menu-ancestor > a,.weaverx-theme-menu .current-menu-parent > a,.weaverx-theme-menu .current-category-parent > a {color:#FFFFFF !important;}
.weaverx-theme-menu .current_page_item > a,.weaverx-theme-menu .current-menu-item > a,.weaverx-theme-menu .current-cat > a,.weaverx-theme-menu .current_page_ancestor > a,.weaverx-theme-menu .current-category-ancestor > a,.weaverx-theme-menu .current-menu-ancestor > a,.weaverx-theme-menu .current-menu-parent > a,.weaverx-theme-menu .current-category-parent > a {background-color:#E74C3C !important;}
.container img, .colophon img {padding:0px;}
.container img, .colophon img {background-color:transparent;}
.commentlist li.comment, #respond {background-color:transparent;}
#content table {border-style:none;}
#content tr th, #content thead th {font-weight: bold;border-bottom: 1px solid #888;background-color:transparent;}
#content tr td {border-style:none;}table,td,th{border:none}
.wp-caption p.wp-caption-text, #content .gallery .gallery-caption,.entry-attachment .entry-caption, #content figure figcaption {color:#616161;}
#nav-above,.paged #nav-above{display:none;margin:0;}
.single #nav-above{display:none;margin:0;}
.nav-next {width:95%;}
body{font-size:0.87500em;}
body {background-color:#DBDBDB;}
.menu-primary .wvrx-menu-container,.menu-primary .site-title-on-menu,.menu-primary .site-title-on-menu a {background-color:#515963;}
.menu-primary .wvrx-menu-container,.menu-primary .site-title-on-menu,.menu-primary .site-title-on-menu a {color:#FFFFFF;}
.menu-secondary .wvrx-menu-container {background-color:#515963;}
.menu-secondary .wvrx-menu-container {color:#FFFFFF;}
.menu-extra .wvrx-menu-container {background-color:#515963;}
.menu-extra .wvrx-menu-container {color:#FFFFFF;}
.menu-primary .wvrx-menu ul li a,.menu-primary .wvrx-menu ul.mega-menu li {background-color:#FFFFFF;}
.menu-primary .wvrx-menu ul li a,.menu-primary .wvrx-menu ul.mega-menu li {color:#333333;}
.menu-secondary .wvrx-menu ul li a,.menu-secondary .wvrx-menu ul.mega-menu li {background-color:#FFFFFF;}
.menu-secondary .wvrx-menu ul li a,.menu-secondary .wvrx-menu ul.mega-menu li {color:#333333;}
.menu-extra .wvrx-menu ul li a,.menu-extra .wvrx-menu ul.mega-menu li {background-color:#FFFFFF;}
.menu-extra .wvrx-menu ul li a,.menu-extra .wvrx-menu ul.mega-menu li {color:#333333;}
.menu-primary .wvrx-menu > li > a {color:#FFFFFF;}
.menu-primary .wvrx-menu > li > a:hover {color:#FFFFFF !important;}
.menu-primary .wvrx-menu > li > a:hover {background-color:#E74C3C !important;}
.menu-secondary .wvrx-menu > li > a {color:#FFFFFF;}
.menu-secondary .wvrx-menu > li > a:hover {color:#FFFFFF !important;}
.menu-secondary .wvrx-menu > li > a:hover {background-color:#E74C3C !important;}
.menu-extra .wvrx-menu > li > a {color:#FFFFFF;}
.menu-extra .wvrx-menu > li > a:hover {color:#FFFFFF !important;}
.menu-extra .wvrx-menu > li > a:hover {background-color:#E74C3C !important;}
.menu-primary .wvrx-menu ul li a {color:#333333;}
.menu-primary .wvrx-menu ul li a:hover {color:#FFFFFF !important;}
.menu-primary .wvrx-menu ul li a:hover {background-color:#E74C3C !important;}
.menu-secondary .wvrx-menu ul li a {color:#333333;}
.menu-secondary .wvrx-menu ul li a:hover {color:#FFFFFF !important;}
.menu-secondary .wvrx-menu ul li a:hover {background-color:#E74C3C !important;}
.menu-extra .wvrx-menu ul li a {color:#333333;}
.menu-extra .wvrx-menu ul li a:hover {color:#FFFFFF !important;}
.menu-extra .wvrx-menu ul li a:hover {background-color:#E74C3C !important;}
.menu-primary .menu-toggle-button {color:#FFFFFF;}
@media( min-width:768px) {
.menu-primary .wvrx-menu a{padding-top:0.85000em;padding-bottom:0.85000em;}
.menu-primary .menu-arrows .toggle-submenu:after{top:1.60000em;}
.menu-primary .wvrx-menu,.menu-primary .wvrx-menu-container{text-align:center;line-height:0;}
}
.menu-primary .menu-arrows .toggle-submenu:after{color:#FFFFFF;}
.menu-primary .menu-arrows ul .toggle-submenu:after{color:#FFFFFF;}
.menu-primary .menu-arrows.is-mobile-menu.menu-arrows ul a .toggle-submenu:after{color:#FFFFFF;}
.menu-primary .menu-arrows ul .toggle-submenu:after{color:#333333;}
.menu-secondary .menu-toggle-button {color:#FFFFFF;}
@media( min-width:768px) {
.menu-secondary .wvrx-menu,.menu-secondary .wvrx-menu-container{text-align:center;line-height:0;}
}
.menu-secondary .menu-arrows .toggle-submenu:after{color:#FFFFFF;}
.menu-secondary .menu-arrows ul .toggle-submenu:after{color:#FFFFFF;}
.menu-secondary .menu-arrows.is-mobile-menu.menu-arrows ul a .toggle-submenu:after{color:#FFFFFF;}
.menu-secondary .menu-arrows ul .toggle-submenu:after{color:#333333;}
.menu-extra .menu-toggle-button {color:#FFFFFF;}
@media( min-width:768px) {
.menu-extra .wvrx-menu,.menu-extra .wvrx-menu-container{text-align:left;}
}
.menu-extra .menu-arrows .toggle-submenu:after{color:#FFFFFF;}
.menu-extra .menu-arrows ul .toggle-submenu:after{color:#FFFFFF;}
.menu-extra .menu-arrows.is-mobile-menu.menu-arrows ul a .toggle-submenu:after{color:#FFFFFF;}
.menu-extra .menu-arrows ul .toggle-submenu:after{color:#333333;}
@media screen and ( min-width:768px) {
.l-sb-right-split{width:17.00000%}
.l-sb-right-split-lm{width:16.00000%;margin-left:1.00000%;}
.l-content-ssb{width:66.00000%;margin-left:17.00000%;}
.l-content-ssb-m{width:64.00000%;margin-left:18.00000%;margin-right:1.00000%;}
.l-content-ssbs{width:66.00000%;}
.l-content-ssbs-m{width:64.00000%;margin-left:1.00000%;margin-right:1.00000%;}
.l-sb-left-split{margin-left:-83.00000%;width:17.00000%}
.l-sb-left-split-top{width:17.00000%}
.l-sb-left-split-rm{margin-left:-83.00000%;width:16.00000%}
.l-sb-left-split-top-rm {margin-right:1.00000%;width:16.00000%;}
}
#primary-widget-area {background-color:transparent;}
.widget-area-primary {background-color:transparent;}
#secondary-widget-area {background-color:transparent;}
.widget-area-secondary {background-color:transparent;}
.widget-area-top {background-color:transparent;}
.widget-area-top {padding-left:0px;}
.widget-area-top {padding-right:0px;}
.widget-area-bottom {background-color:transparent;}
#header {background-color:#FFFFFF;}
#colophon {background-color:#313542;}
#colophon {color:#F4F4F4;}
#footer-widget-area {background-color:transparent;}
#footer-widget-area {padding-left:40px;}
#footer-widget-area {padding-right:40px;}
.widget-area-footer {background-color:transparent;}
.widget-area-footer {padding-left:40px;}
.widget-area-footer {padding-right:40px;}
#content {background-color:transparent;}
#content {color:#333333;}
#container {background-color:rgba(255,255,255,0.8);}
#container {padding-top:0px;}
#infobar {background-color:#DDD;}
#infobar {padding-top:5px;}
#infobar {padding-bottom:5px;}
#wrapper {background-color:transparent;}
#wrapper {color:#333333;}
#wrapper {padding-left:0px;}
#wrapper {padding-right:0px;}
#wrapper {padding-top:0px;}
#wrapper {padding-bottom:0px;}
#wrapper {margin-top:0px;}
#wrapper {margin-bottom:0px;}
.post-area {background-color:transparent;}
.widget {background-color:transparent;}
.widget {color:#333333;}
.widget {margin-top:0px;}
.widget {margin-bottom:0px;}
#header{position:relative;overflow:visible;}
#header:before{content:'';position:absolute;top:0;bottom:0;left:-9998px;right:0;
border-left:9999px solid #FFF;box-shadow:9999px 0 0 #FFF;z-index:-1;}
@media (min-width:768px) {
#footer-widget-area .widget {float:left;margin-left:0;margin-right:0}
#footer-widget-area .widget-1{width:29.00000%;margin-right:1.00000%;clear:both}
#footer-widget-area .widget-2{width:9.00000%;margin-right:1.00000%;}
#footer-widget-area .widget-3{width:29.00000%;margin-right:1.00000%;}
#footer-widget-area .widget-4{width:30.00000%;;}
}
@media ( min-width:581px) and (max-width:767px) {
#footer-widget-area .widget {float:left;margin-left:0;margin-right:0}
#footer-widget-area .widget-1{width:24.00000%;margin-right:1.00000%;clear:both}
#footer-widget-area .widget-2{width:4.00000%;margin-right:1.00000%;}
#footer-widget-area .widget-3{width:34.00000%;margin-right:1.00000%;}
#footer-widget-area .widget-4{width:35.00000%;;}
}
@media (max-width:580px) {
#footer-widget-area .widget {float:left;margin-left:0;margin-right:0}
#footer-widget-area .widget-1{width:99.00000%;margin-right:1.00000%;clear:both}
#footer-widget-area .widget-2{width:99.00000%;margin-right:1.00000%;}
#footer-widget-area .widget-3{width:99.00000%;margin-right:1.00000%;}
#footer-widget-area .widget-4{width:100.00000%;;}
}
@media (min-width:768px) {
.widget-area-footer .widget {float:left;margin-left:0;margin-right:0}
.widget-area-footer .widget-1{width:29.00000%;margin-right:1.00000%;clear:both}
.widget-area-footer .widget-2{width:9.00000%;margin-right:1.00000%;}
.widget-area-footer .widget-3{width:29.00000%;margin-right:1.00000%;}
.widget-area-footer .widget-4{width:30.00000%;;}
}
@media ( min-width:581px) and (max-width:767px) {
.widget-area-footer .widget {float:left;margin-left:0;margin-right:0}
.widget-area-footer .widget-1{width:24.00000%;margin-right:1.00000%;clear:both}
.widget-area-footer .widget-2{width:4.00000%;margin-right:1.00000%;}
.widget-area-footer .widget-3{width:34.00000%;margin-right:1.00000%;}
.widget-area-footer .widget-4{width:35.00000%;;}
}
@media (max-width:580px) {
.widget-area-footer .widget {float:left;margin-left:0;margin-right:0}
.widget-area-footer .widget-1{width:99.00000%;margin-right:1.00000%;clear:both}
.widget-area-footer .widget-2{width:99.00000%;margin-right:1.00000%;}
.widget-area-footer .widget-3{width:99.00000%;margin-right:1.00000%;}
.widget-area-footer .widget-4{width:100.00000%;;}
}

/* ** Expand/extend ** */
.wvrx-not-safari #nav-primary .wvrx-menu-container{max-width:none ;width:calc( 100vw - 8px)  ;margin-left: calc( -1 * ( 0px ) - 0px );margin-right: calc( -1 * ( 0px ) - 0px );}
.wvrx-not-safari.no-vert-scrollbar #nav-primary .wvrx-menu-container{width:100vw ;}
.wvrx-not-safari #nav-primary .wvrx-menu-container{padding-left:calc( 0px + 0px ); padding-right:calc( 0px + 0px );}

@media ( min-width:1200px) {
.wvrx-not-safari #nav-primary .wvrx-menu-container {margin-left:calc( -1 * ( 50vw - 4px - ( 1200px / 2 ) )  - 0px - 0px );margin-right:calc( -1 * ( 50vw - 4px - ( 1200px / 2 ) )  - 0px - 0px );}
.wvrx-not-safari.no-vert-scrollbar #nav-primary .wvrx-menu-container {margin-left:calc( -1 * ( 50vw - ( 1200px / 2 ) )  - 0px - 0px );margin-right:calc( -1 * ( ( 50vw - ( 1200px / 2 ) )  ) - 0px - 0px );}
.wvrx-not-safari #nav-primary .wvrx-menu-container{padding-left:calc( ( 50vw - 4px - ( 1200px / 2 ) )  + 0px + 0px );padding-right:calc( ( 50vw - 4px - ( 1200px / 2 ) )  + 0px + 0px );}
.wvrx-not-safari.no-vert-scrollbar #nav-primary .wvrx-menu-container{padding-left:calc( ( 50vw - ( 1200px / 2 ) )  + 0px + 0px ); padding-right:calc( ( 50vw - ( 1200px / 2 ) )  + 0px + 0px );}
 }
 /* /EE */
.wrapper #site-title a,.wrapper .site-title a {color:#000000;}
#site-tagline > span,.site-tagline > span {color:#666666;}
.page-title {color:#333333;}
.wrapper .post-title a,.wrapper .post-title a:visited {color:#333333;}
.widget-title{border-bottom: 1px solid #FFF;}
.widget-title {color:#FFF;}
.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{font-weight:normal !important;}
.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6 {color:#333333;}
.wrapper .post-title a:hover {color:#E74C3C;}
.blog .sticky {background-color:#CFCFCF;}
hr {background-color:#000000;}
.entry-meta {background-color:transparent;}
.entry-meta {color:#888888;}
.entry-utility {background-color:transparent;}
.entry-utility {color:#888888;}
input,textarea {background-color:#FAFAFA;}
.menu-primary .wvrx-menu-container .search-form .search-submit {color:#FFFFFF;}
#colophon .search-form .search-submit {color:#F4F4F4;}
#content .search-form .search-submit {color:#333333;}
#wrapper .search-form .search-submit {color:#333333;}
.widget .search-form .search-submit {color:#333333;}
#inject_prefooter {background-color:#DDD;}
#inject_fixedtop,#inject_fixedbottom,.wvrx-fixedtop,.wvrx-fixonscroll{max-width:1200px;}
@media ( max-width:1200px) {.wvrx-fixedtop,.wvrx-fixonscroll,#inject_fixedtop,#inject_fixedbottom {left:0px;margin-left:0 !important;margin-right:0 !important;}}
@media ( min-width:1200px) {
			#inject_fixedtop {margin-left:-0px;margin-right:-0px}
			.wvrx-fixedtop,.wvrx-fixonscroll{margin-left:0px;margin-right:calc( 0px - 0px - 0px )}
			}
@media ( min-width:1200px) {
			#inject_fixedbottom {margin-left:-0px;margin-right:-0px}
			}

/* Weaver Xtreme Plus CSS Styles - Version 4.0 */
/* Weaver Xtreme Plus Google Fonts Styles */
.font-oswald{font-family:'Oswald', sans-serif;}
/* Weaver Xtreme Plus Background Images */

/* CSS+ Rules */
.weaverx-theme-menu .current_page_item > a,.weaverx-theme-menu .current-menu-item > a,.weaverx-theme-menu .current-cat > a,.weaverx-theme-menu .current_page_ancestor > a,.weaverx-theme-menu .current-category-ancestor > a,.weaverx-theme-menu .current-menu-ancestor > a,.weaverx-theme-menu .current-menu-parent > a,.weaverx-theme-menu .current-category-parent > a {
background: #E74C3C;
}
.menu-primary .wvrx-menu-container,.menu-primary .site-title-on-menu,.menu-primary .site-title-on-menu a {z-index: 9999;
box-shadow: 0 1px 5px -1px rgba(0,0,0,0.7);}
.menu-primary .wvrx-menu-container,.menu-primary .site-title-on-menu,.menu-primary .site-title-on-menu a {text-transform: uppercase;}
.menu-secondary .wvrx-menu-container {z-index: 9999;
box-shadow: 0 1px 5px -1px rgba(0,0,0,0.7);}
.menu-extra .wvrx-menu-container {z-index: 9999;
box-shadow: 0 1px 5px -1px rgba(0,0,0,0.7);}
.menu-primary .wvrx-menu > li > a {text-transform: uppercase;}
.menu-primary .menu-toggle-button {text-transform: uppercase;}
#colophon {
min-height: 200px;
}
.post-area {border-bottom:1px solid #bbbbbb;}
.page-title {text-transform: uppercase;}
.wrapper .post-title a,.wrapper .post-title a:visited {text-transform: uppercase;}
.archive-title {text-transform: uppercase;}
.widget-title {text-transform: uppercase;}
.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6 {text-transform: uppercase;}
input,textarea { 
font-size: 16px;
-webkit-border-radius: 3px; 
-moz-border-radius: 3px; 
  border-radius: 3px; 
border: 1px solid #cccccc;
}
.menu-primary .wvrx-menu-container .search-form .search-submit {text-transform: uppercase;}
#inject_prefooter {background: url('https://westfield-sportscars.co.uk/wp-content/uploads/2013/12/cloth_alike.png');}

/* Global Custom CSS Rules */
/* = COLOUR CHOOSER
-----------------------------------------------------------------------------------*/

.colchoosercols {
order: 1;
}
.colchoosercols-r {
order: 2;
}
.colchoosernote {
width: 98%
clear: both;
margin: 0 auto;
padding: 6px 1%;
    font-family: 'Oswald', sans-serif;
    font-weight: normal;
    font-size: 13px;
text-align: center;
background: #eee;
}
#bodycolour {
  width: 100%;
  height: 65vh;
  background-color: #FFF;
  background-image: url(https://westfield-sportscars.co.uk/colour-chooser/fwse/colour-chooser-k.jpg);
    background-position: center;
    background-size: 125%;
    background-repeat: no-repeat;
  color: #444;
  padding: 0;
  margin: 0;
    text-align: left;
transition: all 0.75s ease-in-out;
-webkit-transition: all 0.75s ease-in-out;
-moz-transition: all 0.75s ease-in-out;
-o-transition: all 0.75s ease-in-out;
}
#lowerbody {
  position: relative;
  display: block;    
  width: 100%;
  height: 65vh;
  background-color: transparent;
  background-image: url(https://westfield-sportscars.co.uk/colour-chooser/fwse/colour-chooser-blank-lower.png);
    background-position: center;
    background-size: 125%;
    background-repeat: no-repeat;
  color: #444;
  padding: 0;
  margin: 0;
transition: all 0.75s ease-in-out;
-webkit-transition: all 0.75s ease-in-out;
-moz-transition: all 0.75s ease-in-out;
-o-transition: all 0.75s ease-in-out;
}
#bodycolour2 {
  width: 100%;
  height: 70vh;
  background-color: #FFF;
  background-image: url(https://westfield-sportscars.co.uk/colour-chooser/sport250/colour-chooser-sport250-k1.jpg);
    background-position: center;
    background-size: 122%;
    background-repeat: no-repeat;
  color: #444;
  padding: 0;
  margin: 0;
    text-align: left;
transition: all 0.75s ease-in-out;
-webkit-transition: all 0.75s ease-in-out;
-moz-transition: all 0.75s ease-in-out;
-o-transition: all 0.75s ease-in-out;
}
#lowerbody2 {
  position: relative;
  display: block;    
  width: 100%;
  height: 70vh;
  background-color: transparent;
  background-image: url(https://westfield-sportscars.co.uk/colour-chooser/sport250/colour-chooser-sport250-blank-lower.png);
    background-position: center;
    background-size: 122%;
    background-repeat: no-repeat;
  color: #444;
  padding: 0;
  margin: 0;
transition: all 0.75s ease-in-out;
-webkit-transition: all 0.75s ease-in-out;
-moz-transition: all 0.75s ease-in-out;
-o-transition: all 0.75s ease-in-out;
}
.pagetitle-banner {
background: #E74C3C;
padding: 20px;
text-align: center;
}
.pagetitle-banner h1 {
color: #FFF !important;
font-size: 2.2em !important;
margin-bottom: 0;
}
.colourbuttons {
    font-family: 'Oswald', sans-serif;
    font-weight: normal;
    font-size: 13px;
    background: #eee;
    padding: 30px 5%;
    min-height: 68vh;
}
.colourbuttons-inner {
    display: inline-block;
    margin: 0 0 4px 0;
    width: 49%;
    text-align: center;
}
.colourbuttons-inner2 {
display: block;
margin: 0;
}
.labelc {
margin: 0 0 0 6px;
display: block;
position: relative;
vertical-align: bottom;
bottom: 0px;
}
.buttonc1 {
display: inline-block;
width: 40px;
height: 40px;
border: solid 4px #000;
background: #000;
border-radius: 50%;
transition: 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-o-transition: all 0.255s ease-in-out;
}
.buttonc1:hover {
border: solid 4px #FFF;
background: #000;
box-shadow: 0px 0px 6px #666;
}
.buttonc2 {
display: inline-block;
width: 40px;
height: 40px;
border: solid 4px #002200;
background: #002200;
border-radius: 50%;
transition: 0.25s ease-in-out;
-webkit-transition: 0.25s ease-in-out;
-moz-transition: 0.25s ease-in-out;
-o-transition: 0.255s ease-in-out;
}
.buttonc2:hover {
border: solid 4px #FFF;
background: #002200;
box-shadow: 0px 0px 6px #666;
}
.buttonc3 {
display: inline-block;
width: 40px;
height: 40px;
border: solid 4px #000036;
background: #000036;
border-radius: 50%;
transition: 0.25s ease-in-out;
-webkit-transition: 0.25s ease-in-out;
-moz-transition: 0.25s ease-in-out;
-o-transition: 0.255s ease-in-out;
}
.buttonc3:hover {
border: solid 4px #FFF;
background: #000036;
box-shadow: 0px 0px 6px #666;
}
.buttonc4 {
display: inline-block;
width: 40px;
height: 40px;
border: solid 4px #000a8d;
background: #000a8d;
border-radius: 50%;
transition: 0.25s ease-in-out;
-webkit-transition: 0.25s ease-in-out;
-moz-transition: 0.25s ease-in-out;
-o-transition: 0.255s ease-in-out;
}
.buttonc4:hover {
border: solid 4px #FFF;
background:  #000a8d;
box-shadow: 0px 0px 6px #666;
}
.buttonc5 {
display: inline-block;
width: 40px;
height: 40px;
border: solid 4px #5b5c5e;
background: #5b5c5e;
border-radius: 50%;
transition: 0.25s ease-in-out;
-webkit-transition: 0.25s ease-in-out;
-moz-transition: 0.25s ease-in-out;
-o-transition: 0.255s ease-in-out;
}
.buttonc5:hover {
border: solid 4px #FFF;
background: #5b5c5e;
box-shadow: 0px 0px 6px #666;
}
.buttonc6 {
display: inline-block;
width: 40px;
height: 40px;
border: solid 4px #dc0100;
background: #dc0100;
border-radius: 50%;
transition: 0.25s ease-in-out;
-webkit-transition: 0.25s ease-in-out;
-moz-transition: 0.25s ease-in-out;
-o-transition: 0.255s ease-in-out;
}
.buttonc6:hover {
border: solid 4px #FFF;
background: #dc0100;
box-shadow: 0px 0px 6px #666;
}
.buttonc7 {
display: inline-block;
width: 40px;
height: 40px;
border: solid 4px #ff630f;
background: #ff630f;
border-radius: 50%;
transition: 0.25s ease-in-out;
-webkit-transition: 0.25s ease-in-out;
-moz-transition: 0.25s ease-in-out;
-o-transition: 0.255s ease-in-out;
}
.buttonc7:hover {
border: solid 4px #FFF;
background: #ff630f;
box-shadow: 0px 0px 6px #666;
}
.buttonc8 {
display: inline-block;
width: 40px;
height: 40px;
border: solid 4px #ffd52b;
background: #ffd52b;
border-radius: 50%;
transition: 0.25s ease-in-out;
-webkit-transition: 0.25s ease-in-out;
-moz-transition: 0.25s ease-in-out;
-o-transition: 0.255s ease-in-out;
}
.buttonc8:hover {
border: solid 4px #FFF;
background: #ffd52b;
box-shadow: 0px 0px 6px #666;
}
.buttonc9 {
display: inline-block;
width: 40px;
height: 40px;
border: solid 4px #999;
background: #FFF;
border-radius: 50%;
transition: 0.25s ease-in-out;
-webkit-transition: 0.25s ease-in-out;
-moz-transition: 0.25s ease-in-out;
-o-transition: 0.255s ease-in-out;
}
.buttonc9:hover {
border: solid 4px #FFF;
background: #FFF;
box-shadow: 0px 0px 6px #666;
}
.buttonc10 {
display: block;
margin: 10px auto;
max-width: 580px;
padding: 10px;
background: rgba(255, 255, 255, 0);
border: 2px solid #5C8BA6;
border-radius: 5px;
color: #5C8BA6;
font-size: 14px;
font-weight: normal;
text-transform: uppercase;
line-height: 1.1;
text-align: center;
outline: none;
text-decoration: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.buttonc10:hover {
color: #E74C3C !important;
border: 2px solid #E74C3C;
text-decoration: none;
}

@media only screen and (min-width: 1024px) {
#bodycolour {
  min-height: 500px;
}
#lowerbody {
  min-height: 500px;
}
#bodycolour2 {
  min-height: 550px;
}
#lowerbody2 {
  min-height: 550px;
}
}

@media only screen and (max-width: 1114px) {
.colchoosercols {
width: 100% !important;
}
.colchoosercols-r {
width: 100% !important;
}
.colourbuttons {
width: 98%;
float: left;
min-height: 5vh;
padding: 15px 1% 8px 1%;
}
.colourbuttons-inner {
width: 9.1%;
float: left;
display: inline-block;
margin: 0 1% 5px 1%;
text-align: center;
}
.colourbuttons-inner2 {
float: none;
margin: 0 auto;
width: 100%;
text-align: center;
}
.labelc {
display: block;
bottom: 2px;
margin: 0;
}
.buttonc10 {
display: inline-block;
margin: 5px 10px;
max-width: 300px;
}
}

@media only screen and (max-width: 740px) {
#bodycolour {
  height: 80vh;
}
#lowerbody {
  height: 80vh;
}
#bodycolour2 {
  height: 90vh;
}
#lowerbody2 {
  height: 90vh;
}
.pagetitle-banner {
padding: 10px;
}
.pagetitle-banner h1 {
font-size: 1.6em !important;
}
}
@media only screen and (max-width: 600px) {
.colourbuttons-inner {
width: 14.6%;
}
.colourbuttons-inner2 {
float: right;
width: 50%;
}
}
@media only screen and (max-width: 510px) {
.buttonc10 {
margin: 10px 5px;
padding: 10px 7px;
}
}
@media only screen and (max-width: 480px) {
#bodycolour {
  height: 40vh;
}
#lowerbody {
  height: 40vh;
}
#bodycolour2 {
  height: 42vh;
}
#lowerbody2 {
  height: 42vh;
}
}
@media only screen and (max-width: 450px) {
.buttonc10 {
padding: 10px 20px;
}
.colourbuttons-inner {
width: 18%;
}
.colourbuttons-inner2 {
float: none;
width: 100%;
}
}
@media only screen and (max-width: 414px) and (max-height: 736px) {
.pagetitle-banner h1 {
font-size: 1.15em !important;
}
.colchoosercontainer {
display: flex;
flex-flow: column;
}
.colchoosercols {
display: flex;
order: 2;
}
.colchoosercols-r {
display: flex;
order: 1;
}
.page-id-1802 .su-column {
margin: 0 !important;
}
.page-id-1861 .su-column {
margin: 0 !important;
}
}
@media only screen and (max-width: 360px) {
#bodycolour {
  height: 27vh;
}
#lowerbody {
  height: 27vh;
}
#bodycolour2 {
  height: 29vh;
}
#lowerbody2 {
  height: 29vh;
}
}


/* = END COLOUR CHOOSER
-----------------------------------------------------------------------------------*/
.blog-post-cols-3 img, .blog-post-cols-3-span-2 img {
max-width: 100%!important;
}
.blog-post-cols-2 img, .blog-post-cols-2-span-2 img {
max-width: 100%!important;
}

.more-link {
max-width: 100%;
padding: 5px 0;
border: #515963 solid 1px;
color: #515963 !important;
margin: 20px 0;
font-family: 'Oswald', sans-serif; 
text-align: center;
}
.more-link:hover {
color: #FFF !important;
background: #515963;
}
p img {
margin-top: 0em;
}

span.wpcf7-list-item {
clear: both;
float: left;
position: relative;
}
.entry-content label {
color: #333;
}

.ghost-button1 {
margin: 40px auto;
max-width: 580px;
padding: 15px 25px;
background: rgba(255, 255, 255, 0);
border: 2px solid #5C8BA6;
color: #5C8BA6;
font-size: 24px;
font-weight: normal;
line-height: 1.1;
text-align: center;
outline: none;
text-decoration: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.ghost-button1:hover {
color: #E74C3C !important;
border: 2px solid #E74C3C;
text-decoration: none;
}
.ghost-button2 {
display: block;
margin: 20px auto;
width: 100%;
max-width: 100%;
padding: 15px 25px;
background: rgba(255, 255, 255, 0);
border: 2px solid #E74C3C;
color: #E74C3C !important;
font-family: 'Oswald', sans-serif;
font-size: 24px;
font-weight: normal;
text-transform: uppercase;
line-height: 1.1;
text-align: center;
outline: none;
text-decoration: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.ghost-button2:hover {
color: #5C8BA6 !important;
border: 2px solid #5C8BA6;
text-decoration: none;
}
.ghost-button3 {
display: block;
margin: 20px auto;
width: 100%;
max-width: 100%;
padding: 15px 25px;
background: rgba(255, 255, 255, 0);
border: 2px solid #515963;
color: #515963 !important;
font-family: 'Oswald', sans-serif;
font-size: 30px;
font-weight: normal;
text-transform: uppercase;
line-height: 1.1;
text-align: center;
outline: none;
text-decoration: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.ghost-button3:hover {
color: #E74C3C !important;
border: 2px solid #E74C3C;
text-decoration: none;
}

/* = Header
-----------------------------------------------------------------------------------*/

#inject_header {
          height: 180px;
          margin-left: auto;
          margin-right: auto; 
          margin-top: 0px;
          background: url('https://westfield-sportscars.co.uk/wp-content/uploads/2018/03/union-jack-header-18.jpg');
          background-position: right -20px top -10px; 
          background-repeat: no-repeat;
}
#logo-box {
         max-width: 400px;
         height: 150px;
         margin-left: 10px;
         padding-top: 0px;
         padding-bottom: 0px;
}
#logo-box-18 {
         max-width: 760px;
         height: 180px;
         margin-left: 10px;
         padding: 0 10px;
}
#lb1 {
float: left;
width: 37%;
max-height: 180px;
}
#lb2 {
float: left;
width: 35%;
max-height: 180px;
}
#lb3 {
float: left;
width: 28%;
max-height: 180px;
}

/* MENU*/
.is-mobile .genericon-wvrx-menu::after {
content:"MENU";
font-size:90%; 
font-family: 'Oswald', sans-serif;
padding-left:10px;
vertical-align:top;
}
.is-mobile .menu-toggle-button {
width: 5em;
}
.menu-search .search-form {
top: 2px;
}
.menu-search .search-form:before {
top: 3px;
font: normal 26px/1 Genericons!important;
}
/* FIX ON SCROLL MENU - UNFIX ON MOBILE */
.is-mobile .wvrx-fixedtop, .is-mobile .wvrx-fixonscroll {
z-index:998;
position:relative !important;
top:auto !important;
}
body.is-mobile {
margin-top:0px !important
}


/* = Main Body
-----------------------------------------------------------------------------------*/

.content-2-col, .is-mobile .content-3-col {
padding-right: 1%;
padding-left: 1%;
}

#inject_premain {
max-height: 400px;
padding: 0;
margin: 0;
}
#premain-image {
width: 100%;
max-height: 400px;
margin: 0;
}
#content {
min-height:800px;
}

.page-id-19 #content .post {
margin-bottom: 4px;
padding: 10px;
background-color: rgba(255,255,255,0.7);
}
#content h1.page-title:not(.archive-title)  {
font-size: 175%!important;
padding-top: 15px;
}
h1.page-title:not(.archive-title)  {
font-size: 175%;
}
.page-id-77 h2.entry-title {
font-size: 120%!important;
}
.page-id-19 h2.entry-title {
font-size: 100%!important;
padding-top: 0px!important;
}
.entry-summary {
padding: 0.5em 0 0;
}
h1 {
font-size: 175%;
}
h2 {
font-size: 155%;
}
.block h2 {
font-size: 130%;
text-align: center;
color: #FFFFFF!important;
background: #E74C3C;
width: 98%;
padding: 1%;
}
.block2 h2 {
font-size: 130%;
text-align: center;
color: #FFFFFF!important;
background: #888;
width: 98%;
padding: 1%;
}
h3 {
font-size: 135%;
}
h4 {
font-size: 125%;
}
h5 {
font-size: 115%;
}
h6 {
font-size: 105%;
}
.wp-caption {
max-width: 100%;
padding: 0px;
}
.highlight1 {
font-size: 150%;
text-align: center;
color: #FFFFFF;
background: #E74C3C;
width: 96%;
padding: 2%;
}
.highlight1x {
font-size: 150%;
text-align: center;
color: #FFFFFF;
font-weight: bold;
background-color: #E74C3C;
background: url('https://westfield-sportscars.co.uk/wp-content/uploads/2018/12/xmas-tile2.png');
width: 96%;
padding: 2% 2% 1% 2%;
margin: 0 auto 30px 0;
}
.highlight1x h3 {
color: #FFFFFF;
}
.highlight1x p {
margin: 0 0 .6em 0;
}
.highlight2 {
font-size: 150%;
text-align: center;
color: #FFFFFF;
background: #E74C3C;
width: 98%;
padding: 1%;
clear: both;
margin: 0 0 30px 0;
}
.highlight2 p {
margin-bottom: 0.5em!important;
}
.highlight2 h2 {
color: #FFFFFF!important;
margin: 0 0 0em!important;
}
.highlight2 a {
color: #FFFFFF;
}
.highlight2 a:hover {
color: #f0aaa3;
}
.highlight3 {
text-align: center;
font-weight: normal;
color: #FFFFFF;
background: #515963;
max-width: 400px;
padding: 0px 0px 10px 0px;
margin: 0px auto 40px  auto;
}
.highlight3 h2 {
color: #FFFFFF !important;
}
.highlight3 p {
margin-bottom: 0.5em!important;
}
.highlight3 h3 {
color: #FFFFFF!important;
margin: 0 0 .5em!important;
}
.highlight3 a {
color: #FFFFFF;
}
.highlight3 a:hover {
color: #919fb0;
}
.highlight3 a:visited{
color: #FFF !important;
}
.highlight3 h2 a {
color: #FFFFFF;
}
.highlight3 h2 a:hover {
color: #919fb0;
}
.highlight3 h2 a:visited{
color: #FFF !important;
}
.highlight3 img {
box-shadow: 0 2px 5px -2px  rgba(0,0,0,0.7);
}
.highlight4 {
text-align: center;
font-weight: normal;
color: #FFFFFF;
background: #515963;
max-width: 500px;
padding: 0px 0px 10px 0px;
margin: 0px auto 40px  auto;
}
.highlight4 p {
margin-bottom: 0.5em!important;
}
.highlight4 h3 {
color: #FFFFFF!important;
margin: 0 0 .5em!important;
}
.highlight4 a {
color: #FFFFFF;
}
.highlight4 a:hover {
color: #919fb0;
}
.highlight4 img {
box-shadow: 0 2px 5px -2px  rgba(0,0,0,0.7);
}
.highlight5 {
text-align: center;
font-weight: normal;
font-size: 165%;
color: #FFFFFF;
background: #515963;
max-width: 100%;
min-height: 40px;
padding: 10px 0px;
margin: 0px auto 20px  auto;
}
.highlight6 {
color: #515963!important;
font-size: 140%;
padding-top: 30px;
}
.highlight6 h2{
font-size: 220%;
color: #515963!important;
}
.highlight6 p{
margin-bottom: 0.75em;
}
.quote-text {
font-size: 150%;
text-align: center;
font-style: italic;
color: #515963;
background: #CCC;
width: 96%;
padding: 2%;
}
.quote-text p {
margin-bottom: 0.5em!important;
}
.quote-source {
font-size: 75%;
font-style: normal;
color: #515963;
margin-bottom: 0.5em!important;
}

img.attachment-large.wp-post-image {
width: auto!important;
margin: 20px 0px 20px 0px!important;
}
#content img.featured-image {
height: auto;
max-width: 100%;
}
.feature-box {
       float: left;
       width: 23.5%;
       min-width: 12%;
       padding: 0 0 6px 0;
       margin-top: 20px;
       margin-bottom: 0px;
       margin-right: 2%;
       background: #515963;
       color: #FFFFFF;
       text-align: center;
       font-family: 'Oswald', sans-serif; 
       text-transform: uppercase; 
       font-weight: 400;
       font-size: 110%;
}
.feature-box img {
box-shadow: 0 2px 5px -2px  rgba(0,0,0,0.7);
}
.feature-box-end {
       float: right;
       width: 23.5%;
       min-width: 12%;
       padding:  0 0 6px 0;
       margin-top: 20px;
       margin-bottom: 0px;
       margin-right: 0%;
       background: #515963;
       color: #FFFFFF;
       text-align: center;
       font-family: 'Oswald', sans-serif; 
       text-transform: uppercase; 
       font-weight: 400;
       font-size: 110%;
}
.feature-box-end img {
box-shadow: 0 2px 5px -2px  rgba(0,0,0,0.7);
}
.feature-box a {
color: #FFFFFF!important;
}
.feature-box a:hover {
color: #919fb0!important;
text-decoration: none;
}
.feature-box-end a {
color: #FFFFFF!important;
}
.feature-box-end a:hover {
color: #919fb0!important;
text-decoration: none;
}
.grey-box {
float: left;
color: #515963;
background: #DDD;
width: 96%;
padding: 2%;
margin: 0 0 20px 0;
}
.is-mobile .type3 {
width: 100%;
}
.preowned-title {
background: #CCC;
width: 63%;
height: 30px;
padding: 10px 0% 10px 2%;
float: left;
}
.preowned-price {
background: #E74C3C;
background-image:url('https://westfield-sportscars.co.uk/wp-content/uploads/2014/01/price-arrow2.png');
background-repeat: no-repeat;
background-position: left top;
color: #FFFFFF!important;
text-align: right;
width: 33%;
height: 30px;
padding: 10px 2% 10px 0%;
float: left;
}

.preowned-price h3 {
color: #FFFFFF!important;
}
.read-more {
float: right;
display: inline-block;
width: 200px;
background: #515963;
color: #FFF!important;
text-align: center;
padding: 10px;
font-family: 'Oswald', sans-serif; 
font-size: 20px;
text-transform: uppercase;
text-decoration: none;
}

.read-more:hover {
display: inline-block;
background: #E74C3C;
color: #FFF!important;
text-decoration: none!important;
}
.divider1 {
clear: both;
width: 100%;
margin-top: 30px;
margin-bottom: 30px;
border-bottom: 1px solid #bbbbbb;
}
.divider2 {
clear: both;
width: 100%;
margin-top: 50px;
margin-bottom: 50px;
border-bottom: 1px solid #bbbbbb;
}
.divider3 {
clear: both;
width: 100%;
margin-top: 0px;
margin-bottom: 30px;
border-bottom: 1px solid #bbbbbb;
}
#breadbin {
padding: 10px;
}
.blue {
color: #515963;
}

/* = FORMS
-----------------------------------------------------------------------------------*/

input[type="submit"] {
display: inline-block;
width: 302px;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
font-size: 20px;
font-family: 'Oswald', sans-serif;
text-transform: uppercase;
padding: 10px 20px;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
-webkit-border-radius: 0px; 
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
font-weight:normal !important;
margin:8px 0;
color: #ffffff;
border: 0;
background: #515963;
background: -webkit-gradient(linear, left top, left bottom, from(#515963), to(#515963));
background: -moz-linear-gradient(top,  #515963,  #515963);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#515963', endColorstr='#515963');
}
input[type="submit"]:hover{
color: #ffffff;
border: 0;
background: #E74C3C;
background: -webkit-gradient(linear, left top, left bottom, from(#E74C3C), to(#E74C3C));
background: -moz-linear-gradient(top,  #E74C3C,  #E74C3C);
filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#E74C3C', endColorstr='#E74C3C');
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #555;
    opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #555;
}
::-ms-input-placeholder { /* Microsoft Edge */
    color: #555;
}

input[type=text], input[type=email], textarea { 
padding: 15px;
width: 100%;
-webkit-border-radius: 3px; 
-moz-border-radius: 3px; 
  border-radius: 3px; 
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #cccccc;
}

/* = Widget Areas
-----------------------------------------------------------------------------------*/

#sitewide-top-widget-area {
border: 0;
margin-bottom: 0px;
margin-left: 0%;
margin-right: 0%;
padding: 0;
}
#sitewide-bottom-widget-area {
background: #CCC;
border: 0;
margin-bottom: 0px;
margin-left: 0%;
margin-right: 0%;
padding: 50px 25px 25px 25px;
}

/* = Footer
-----------------------------------------------------------------------------------*/

#colophon {
padding: 1em 0;
}
#footer-widget-area.widget-area h3 {
font-family: 'Oswald', sans-serif;
font-weight: normal!important;
font-size: 1.5em;
color: #F4F4F4;
border-bottom: 1px solid #5f6874;
padding: 0 0 10px 0;
margin: 20px 0 10px 0;
}
#footer-widget-area.widget-area h3.widget-title {
        color: #F4F4F4;
        border-bottom: 1px solid #5f6874;
        padding: 0 0 10px 0;
        margin: 0 0 10px 0;
}
#footer-widget-area.widget-area .widget a {
text-decoration: none;
color: #FFF;
font-size: 1.2em;
line-height: 1.5;
}
#footer-widget-area.widget-area .widget a:hover {
text-decoration: none;
color: #E74C3C;
}
#footer-strap {
font-size: 16px;
font-weight: normal;
width: 98%;
background: #515963;
padding: 0.5% 1%;
min-height: 46px;
box-shadow: 0px 0px 7px rgba(0,0,0,0.4);
text-align: left;
float: left;
}
#footer-strap2 {
width: 96%;
max-width: 100%;
padding: 2%;
text-align: left;
font-size: 11px;
clear: both;
}

.contact-icons {
color: white;
display: inline-block;
width: 40px;
height: 40px;
min-width: 40px;
margin: 5px 0px 0px 7px;
border-radius: 50%;
background-position: center;
background-repeat: no-repeat;
background-color: #333745;
}
.contact-icons a {
color: white;
display: inline-block;
width: 40px;
height: 40px;
min-width: 40px;
margin: 0;
border-radius: 50%;
background-position: center;
background-repeat: no-repeat;
background-color: #333745;
transition: background-color 0.2s;
}
.contact-icons a:hover {
background-color: #E74C3C;
}
.contact-text{
margin: 0px 0px 0px 10px;
position: relative;
top: -14px;
}
#contact-icons-right {
float: right;
}
#contact-icons-left {
float: left;
}
.twitter {
background-image: url('https://westfield-sportscars.co.uk/images/twitter.png');
}
.youtube {
background-image: url('https://westfield-sportscars.co.uk/images/youtube.png');
}
.mail {
background-image: url('https://westfield-sportscars.co.uk/images/mail-20x20.png');
}
.phone {
background-image: url('https://westfield-sportscars.co.uk/images/phone-20x20.png');
}
.arrow {
background-image: url('https://westfield-sportscars.co.uk/images/arrow-20x20.png');
}
#mc_embed_signup form {
padding: 20px 0 20px 0%!important;
}

#copyright-wrap {
background: #F4F4F4;
box-shadow: 0 -1px 5px rgba(0,0,0,0.5);
width: 100%;
height: 62px;
margin: 0px auto;
position: relative;
clear: both;
z-index: 999;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#copyright-box {
font-size: 13px;
text-align: left;
color: #444444;
padding: 25px 10px;
max-width: 100%;
width:97vw;
margin: 0px auto 0px auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#design-credit-wrap {
background: #F4F4F4;
width: 100%;
height: 32px;
margin: 0px auto;
position: relative;
clear: both;
}
#design-credit {
font-size: 11px;
text-align: left;
padding: 9px 10px;
max-width: 95%;
width:97vw;
margin: 0px auto 0px auto;
}
#design-credit a {
color: ##5C8BA6;
}
#design-credit a:hover {
color: #E74C3C;
}
#site-ig-wrap {
min-height: 0em;
}

/* = Mobile and Tablet
-----------------------------------------------------------------------------------*/
.is-smalltablet #wrapper {
margin-top: 0px !important;
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
padding: 0px !important;
}

.is-mobile #copyright-box {
width:98vw;
}
.is-mobile #design-credit {
width:98vw;
}
@media only screen and (max-width: 880px) {
#inject_header {
          max-width: 880px;
          margin-left: auto;
          margin-right: auto; 
          margin-top: 0px;
          background: none;
}
#logo-box-18 {
         max-width: 730px;
         float: none;
         margin-left: auto;
         margin-right: auto;
         padding-top: 10px;
         padding-bottom: 0px;
}
}
@media only screen and (max-width: 720px) {
#inject_header {
          max-width: 720px;
          height: 150px;
          max-height: 150px;
          margin-left: auto;
          margin-right: auto; 
          margin-top: 0px;
          background: none;
}
#logo-box {
         max-width: 334px;
         float: none;
         margin-left: auto;
         margin-right: auto;
         padding-top: 0px;
         padding-bottom: 0px;
}
#contact-icons-right {
float: none;
width: 100%;
text-align: center;
}
#contact-icons-left {
float: none;
width: 100%;
text-align: center;
}
}

@media only screen and (max-width: 640px) {
.feature-box {
       width: 36%;
       margin-left: 7%;
       margin-right: 7%;
       font-size: 110%;
}
.feature-box-end {
       width: 36%;
       margin-left: 7%;
       margin-right: 7%;
       font-size: 110%;
}
}

@media only screen and (max-width: 580px) {
#inject_header {
          height: 150px;
          max-height: none;
}
#content .gallery-columns-2 .gallery-item {
max-width: 98%;
}
.gallery-item {
width: 98% !important;
}
}
@media only screen and (max-width: 480px) {
#inject_header {
          height: 330px;
          max-height: 280px;
}
#logo-box-18 {
         max-width: 480px;
         float: none;
         margin-left: auto;
         margin-right: auto;
         padding-top: 0px;
         padding-bottom: 0px;
}
#lb1 {
float: none;
width: 250px;
margin: 0 auto;
}
#lb2 {
float: left;
width: 52%;
padding: 0 1.5%;
}
#lb3 {
float: left;
width: 42%;
padding: 0 1.5%;
}
.podhead {
margin-left: 40px;
}
.feature-box {
       width: 46%;
       margin-left: 2%;
       margin-right: 2%;
       font-size: 100%;
}
.feature-box-end {
       width: 46%;
       margin-left: 2%;
       margin-right: 2%;
       font-size: 100%;
}
.preowned-title h3 {
font-size: 125%;
}
.preowned-price h3 {
font-size: 125%;
}
}
/* End Weaver Xtreme CSS */
