/*
	Theme Name: Park Street Plumbing Supplies
	Theme URI: http://www.engineeringconcepts.co.uk/
	Description: Custom WordPress theme for Park Street Plumbing Supplies
	Version: 1.0.0
	Author: Kall Kwik Bury St Edmunds (Peter Sawyer)
	Author URI: kallkwikburystedmunds.co.uk

*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {

}
body {

}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	/* color:#444; */
	text-decoration:none;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

header {height: 100px; background: #fff;}
header h2 {font-weight: 100;   font-size: 34px; margin-top: 30px; color: #000;}
header strong {color: #51A3DD}

header .contact-details {text-align: center;}
header .contact-details p {letter-spacing: 2px; text-transform: uppercase; margin-bottom: 0px; padding-bottom: 0px; font-size: 12px; font-weight: 600; margin-top: 30px;}
header .contact-details h3 {color: #51A3DD; margin-top: 0px; letter-spacing: 3px; text-transform: uppercase; font-weight: 400; font-size: 20px;   font-weight: 800;}
header .contact-details a {color: #51A3DD; font-size: 18px; font-weight: 800;}

nav {background: #333; width: 100%; height: auto; height: 60px;}


#cssmenu{position:relative;}
#cssmenu ul{list-style:none;padding:0;margin:0;line-height:1;display: block;}
#cssmenu>ul{position:relative;display:block;height:40px;z-index:500; margin-top: 10px; }
#cssmenu>ul>li{display:block;position:relative;float:left;margin:0;padding:0}
#cssmenu>ul>#menu-button{display:none}
#cssmenu ul li a{display:block;font-family:Helvetica,sans-serif;text-decoration:none; font-family: 'Roboto', sans-serif;}
#cssmenu>ul>li>a{font-size:16px;font-weight:900; padding: 12px 25px 8px 25px; line-height: 20px; color:#fff; border-left: 2px solid #262626;}

#cssmenu>ul>li:hover>a{color:#fff;background: #51A3DD;}

#cssmenu>ul>li:hover::after{border-top-color:#7b7000}
#indicatorContainer{position:absolute;height:12px;width:100%;bottom:0;overflow:hidden;z-index:-1}
#pIndicator{position:absolute;height:0;width:100%;border:12px solid transparent;border-top-color:#2b2f3a;z-index:-2;}
#cIndicator{position:absolute;height:0;width:100%;border:12px solid transparent;border-top-color:#2b2f3a;top:-12px;right:100%;z-index:-2}
#cssmenu ul ul{position:absolute;left:-9999px;top:120px;opacity:0;z-index:1000; border-right: 1px solid #262626; border-bottom: 1px solid #262626; border-left: 1px solid #262626;}
#cssmenu ul ul ul{}
#cssmenu ul ul li{position:relative}
#cssmenu>ul>li:hover>ul{left:auto;top:42px;opacity:1}
#cssmenu ul ul li:hover>ul{left:220px;top:0;opacity:1}
#cssmenu ul ul li a{width:220px;padding:15px 20px;font-size:14px;color:#fff;font-weight:600;background:#000; line-height: 1.0;}
#cssmenu ul ul li:hover>a{background: #51A3DD;color:#fff;}
#cssmenu ul ul li:last-child>a,#cssmenu ul ul li.last>a{border-bottom:0}
.submenuArrow{border:6px solid transparent;width:0;height:0;border-bottom-color:#35342f;position:absolute;top:-12px}
#cssmenu ul ul li.has-sub::after{border:4px solid transparent;border-left-color:#fff;right:10px;top:12px;}
#cssmenu ul ul li.has-sub:hover::after{border-left-color:#35342f;right:-5px;-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}
#cssmenu>ul>li.current-menu-item, .current_page_parent {  background: #51A3DD; color: #fff;}
#cssmenu ul ul ul li a {background: #202020;}

select {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;
  background-color: #fff;
  border: 1px solid;
  border-color: #848484 #c1c1c1 #e1e1e1;
  color: #000;
  outline: 0;
  padding: 2px 3px;
  font-size: 13px;
  font-family: Arial, 'Liberation Sans', FreeSans, sans-serif;
  height: 40px; margin-top: -5px;}

footer {background: url(img/texture.jpg); background-repeat: repeat;  background-color: #241E48; width: 100%; height: auto; padding-top: 70px; padding-bottom: 70px;}
footer h3, footer p {color: #fff;}
footer p {font-size: 15px; padding-right: 20px;}
footer a {color: #51A3DD;}
footer a:hover {color: #fff;}
footer .contact-method {width: 55px; font-weight: bold; display: inline-block;}
footer .payment-icon {float: left; margin-right: 8px; margin-bottom: 10px;   width: 45px; height: auto;}

.copyrightfooter {text-align: center;}
.copyrightfooter p {font-size: 12px;}

/*------------------------------------*\
    PAGES
\*------------------------------------*/

#homeslider {background: #002641; padding-top: 20px; padding-bottom: 0;   border-bottom: #287EA3 3px solid;}
#homeslider .nivoSlider { border: 2px solid #fff; width: 100%; height: auto; max-height: 360px;}
#homeslider .nivo-caption {padding-bottom: 15px!important; padding-top: 15px!important; font-weight: 700;}
#homeslider .home-promo {border: 2px solid #fff; margin-bottom: 16px; width: 100%; height: auto;}
#homeslider .home-promo {border: 2px solid #fff;}
.metaslider {overflow: hidden;}

.flex-control-paging li a {
	background: white !important;
}

.flex-control-paging li a.flex-active {
	background: #51A3DD !important;
}



#home-services h3 {letter-spacing: 3px; text-transform: uppercase; color: #000; font-weight: 800;}
#home-services {padding-bottom: 30px; padding-top: 30px;}

.home-service {border: 1px solid #000;   margin-bottom: 20px;}
.home-service h3 {margin: 0px; padding: 10px;  padding-left: 20px;  background: #002641; border-top: 1px solid #000; color: #fff!important; text-align: center; font-weight: bold; transition:all .4s ease-in-out}
.home-service h3:hover {background: #333; transition:all .4s ease-in-out}
.home-service a {color: #fff;}

.view{width:378px;height:200px;float:left;overflow:hidden;position:relative;text-align:center;}
.view .mask,.view .content{width:378px;height:200px;position:absolute;overflow:hidden;top:0;left:0}
.view img{display:block;position:relative}
.view .info{background:url(img/link.png) no-repeat center;display:inline-block;text-decoration:none;padding:0;text-indent:-9999px;width:20px;height:20px}
.hover-effect .mask{opacity:0;overflow:visible;border:100px solid rgba(0,0,0,.7);box-sizing:border-box;transition:all .4s ease-in-out}
.hover-effect .info{position:relative;top:0px;opacity:0;transition:opacity .5s 0 ease-in-out}
.hover-effect:hover .mask{opacity:1;border:100px solid rgba(0,0,0,.7)}
.hover-effect:hover .info{opacity:1;transition-delay:.3s}

#home-brands {  background: #E5E5E5; padding-top: 30px; padding-bottom: 30px;}
#home-brands h3 {letter-spacing: 3px; text-transform: uppercase; color: #fff; font-weight: 800;}

#home-bathrooms {background: #fff; padding-top: 30px; padding-bottom: 30px;}

.home-brand h3 {background: #7B7B7B; letter-spacing: 3px; text-transform: uppercase; color: #fff; font-weight: 800;}

#home-about {background: #E5E5E5; padding-top: 30px; padding-bottom: 30px;}
#home-about h3 {letter-spacing: 3px; text-transform: uppercase; color: #000; font-weight: 800;}

.brand {margin-top: 1px;}

#twitter {background: #55acee; width: 100%; padding-top: 6px; padding-bottom: 0px;}
#twitter p {color: #fff; float: left; margin-right: 20px;}
#twitter a {color: #fff;}
#twitter a:hover {color: #333;}
.twitter-bird {float: left; margin-right: 10px; height: 40px; width: auto; margin-top: 5px;}
.really_simple_twitter_widget {padding-left: 0px; float: left;}
.really_simple_twitter_widget li {list-style: none; color: #fff; margin-top: 4px;}

#location {padding-bottom: 30px;}
.googlemaps {width: 100%; height: 350px; border: 0px; margin-top: 20px; border: 1px solid #333;}

.page-brands {background: #EBEBEB; padding-top: 30px; padding-bottom: 30px;}
.page-brands .home-brand h3 {font-size: 16px; letter-spacing: 1px;}
.page-brands .view .mask, .page-brands .view .content {width: 278px; height: 145px; top: -25px;}
.page-brands .view {width: 278px; height: auto;}

.product {border: solid 1px #c9c9c9; background: #ffffff;
	margin-top: 20px;}
.product-info {font-family: 'Roboto', sans-serif;}
.product-info .name {padding: 5px 0 5px 6px; font-weight: bold;}
.product-info .desc {font-size: 14px; float:left; margin-top: 8px;}
.product-info .desc p {margin:5px 0 5px 0;}
.product-info .price {background: #04A4CC; padding:5px 0 4px 6px; color: white;}
.product-image {float: left; margin-right: 6px;}

.page-heating {background: #EBEBEB; padding-top: 30px; padding-bottom: 30px;}
.page-heating .home-brand h3 {font-size: 16px; letter-spacing: 1px;}
.page-heating .view .mask, .page-heating .view .content {width: 278px; height: 145px; top: -25px;}
.page-heating .view {width: 278px; height: auto;}


#owl-demo .item{margin:3px}
#owl-demo .item img{display:block;width:100%;height:auto;border:1px solid #c2c2c2}

#owl-demo2 .item{margin:3px}
#owl-demo2 .item img{display:block;width:100%;height:auto;border:1px solid #c2c2c2}

.owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel{display:none;position:relative;width:100%;-ms-touch-action:pan-y}
.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}
.owl-carousel .owl-item{float:left}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer}
.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.grabbing{cursor:url(img/grabbing.png) 8 8,move}
.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-theme .owl-controls{margin-top:10px;text-align:center}
.owl-theme .owl-controls .owl-buttons div{color:#FFF;display:inline-block;zoom:1;*display:inline;margin:5px;padding:3px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background:#869791;filter:Alpha(Opacity=50);opacity:.5}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter:Alpha(Opacity=100);opacity:1;text-decoration:none}
.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline}
.owl-theme .owl-controls .owl-page span{display:block;width:12px;height:12px;margin:5px 7px;filter:Alpha(Opacity=50);opacity:.5;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#002641}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1}
.owl-theme .owl-controls .owl-page span.owl-numbers{height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}
.owl-item.loading{min-height:150px;background:url(img/AjaxLoader.gif) no-repeat center center}

.ninja-forms-cont {margin-top: 15px;}
.ninja-forms-required-items {display: none;}

.field-wrap, #ninja_forms_required_items {  margin-bottom: 25px;}

.ninja-forms-form-wrap select {background: #fbfbfb; border: 1px solid #DFDFDF; height: 40px; transition: ease-in 0.3s; box-shadow: none; font-size: 15px; border-radius: 0px; -webkit-appearance: none; background: #fbfbfb url(https://parkstreetplumbing.co.uk/wp-content/themes/parkstreetplumbing-web/img/arrows.png) right no-repeat; background-size: 22px; padding-left: 10px;}
.ninja-forms-form-wrap textarea {background: #FFFFFF; border: 1px solid #333; font-size: 15px; margin-bottom: 10px; padding: 10px; transition: ease-in 0.3s; box-shadow: none; -webkit-appearance: none; border-radius: 0px;}
.ninja-forms-form-wrap textarea:focus {border: 1px solid #666; transition: ease-in 0.3s; box-shadow: none; text-shadow: none;}
.ninja-forms-form-wrap input {width: 90%;   background: #FFFFFF; border: 1px solid #333; font-size: 15px; margin-bottom: 0px; padding-left: 10px; height: 40px!important; box-shadow: none; -webkit-appearance: none; border-radius: 0px;}
.ninja-forms-form-wrap input:focus {border: 1px solid #666; transition: ease-in 0.3s;}
input[type="submit"] {  text-align: center;
    padding: 12px 32px 32px 32px;
  background-color: none;
  background: #333;
  display: inline-block;
  font-weight: bold;
  letter-spacing: 0px;
  font-family: 'Montserrat', sans-serif;
  line-height: 22px;
  cursor: pointer;
  width: auto;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
  border: 2px solid #51a3dd;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.04);
transition: ease-in 0.6s;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;}
input[type="submit"]:hover {background: #51a3dd; transition: ease-in 0.6s;}
.ninja-forms-error-msg {color: #ff0000; margin-bottom: 20px;}
label {margin-top: 20px; display: block; font-size: 15px;}

.address-box {border: solid black 1px; height:437px; background: #f1f1f1; margin-top: 123px; margin-bottom: 40px;}
.address-box .google-maps {border: solid #7f7f7f 1px; margin: auto; display: block; width: 390px; height: 215px;}
.address-box h3 {color: #51a3dd; margin-left: 20px; font-size: 20px;}
.address-box p {margin-left: 20px;}
#contact {margin-bottom: 30px;}
#contact-form {padding-right: 30px;}

#post-404 {padding: 30px 40px 100px 40px;}

/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

h1 {font-family: 'Roboto', sans-serif; font-size: 40px; font-weight: 600;}
h2 {font-family: 'Roboto', sans-serif; font-size: 30px; font-weight: 600;   margin-top: 0px;}
h3 {font-family: 'Roboto', sans-serif;}
h4 {font-family: 'Roboto', sans-serif;}
h5 {font-family: 'Roboto', sans-serif;}
h6 {font-family: 'Roboto', sans-serif;}

p {line-height: 1.5;}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/


@media only screen and (min-width:960px) and (max-width:1199px){

header h2 {  font-size: 26px; margin-top: 40px;}
header .contact-details p {margin-top: 30px;}
header .contact-details h3, header .contact-details a {font-size: 16px!important;}

#owl-demo .item img {width: 298px; height: auto;}
.view .mask, .view .content {width: 298px; height: 159px;}
.view {width: 298px; height: 159px;}

.page-brands .view {width: 100%; height: auto;}
.home-brand h3 {letter-spacing: 1px;}

.page-heating .view {width: 100%; height: auto;}
.home-heating h3 {letter-spacing: 1px;}

.address-box .google-maps {width: 300px; height: 192px;}
}


@media only screen and (min-width:768px) and (max-width:959px){

h1 {font-size: 30px;}

#cssmenu>ul>li>a {  padding: 12px 20px 8px 20px; font-size: 15px;}

header h2 {  font-size: 30px; margin-top: 35px;}
header .column9 {width: 655px!important;}
header .contact-details {display: none;}


.home-service h3 {font-size: 14px; letter-spacing: 1px; padding-left: 0px;}
#home-services h3 {font-size: 14px; letter-spacing: 1px;}

#home-brands h2, #home-bathrooms h2 {font-size: 24px;}

#owl-demo .item img {width: 218px; height: auto;}
.view .mask, .view .content {width: 219px; height: 116px;}
.view {width: 219px; height: 116px;}

.page-brands .view {width: 100%; height: auto;}
.home-brand h3 {letter-spacing: 1px; text-transform: none;}

.page-heating .view {width: 100%; height: auto;}
.home-heating h3 {letter-spacing: 1px; text-transform: none;}

.product-image {margin: auto; float: none; display: block;}
.product-info .desc {margin-bottom:10px; margin-left: 7px;}
.product-info .price {padding: 6px 0 5px 6px;}

.address-box {margin-top: 97px;}
.address-box .google-maps {width: 215px; height: 192px;}
}


@media only screen and (max-width: 767px){

h1 {font-size: 30px;}
h2 {font-size: 25px;}

.mobileclear {clear: both;}

header {height: 110px;}
header h2 {margin-top: 15px; text-align: center;}
header strong {display: block;}

footer {padding-top: 25px; padding-bottom: 25px;}
footer h3 {margin-top: 0px; padding-top: 30px;}
footer p {  margin-top: 0px;}

.copyrightfooter p {text-align: left;}

.contact-details {display: none;}

.brand {display: none;}

#owl-demo .item img {width: 100%; height: auto;}
.view .mask, .view .content {width: 100%; height: auto;}
.view {width: 100%; height: auto;}

#home-services .column4 {width: 46%; margin-right: 4%;  background: #fff;}

.home-service h3 {font-size: 14px;}

#homeslider {height: auto;}
.home-promo {display: none;}
.hover-effect:hover .mask{opacity:0;;border:100px solid rgba(0,0,0,.7)}
.hover-effect:hover .info{opacity:0;transition-delay:.3s}
#owl-demo .item img:hover {opacity: 0.7;}
#owl-demo2 .item img:hover {opacity: 0.7;}

.page-brands .view {width: 100%; height: auto;}
.page-brands .column3 {width: 46%; margin-right: 4%;  background: #fff;}
.home-brand h3 {letter-spacing: 1px; text-transform: none;}

.page-heating .view {width: 100%; height: auto;}
.page-heating .column3 {width: 46%; margin-right: 4%;  background: #fff;}
.home-heating h3 {letter-spacing: 1px; text-transform: none;}

.product {width: 46%; margin-right: 4%; margin-bottom: 20px;}
.product-image {margin: auto; float: none; display: block;}
.product-info .desc {margin-bottom: 10px; margin-left: 7px;}
.product-info .price {padding: 6px 0 5px 6px;}

.address-box {margin-top: 20px; margin-bottom: 30px; height: 500px;}
.address-box .google-maps {width: 320px; height: 279px;}

#contact-form {padding-right: 0;}
}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}
/* added by TWD */

section.page-header {
	margin-bottom: 20px;
}

.page-header .container16 {
	padding-top: 30px;
}

.page-header .container16 h1 {
	margin: 7px 0;
}

.page-header .container16 .column8:first-child {
	padding: 15px;
	background-color: #CAEAF2;
	border-radius: 20px 0 0 20px;
	min-height: 259px;
}

.page-header .container16 .column8:not(:first-child) {
	text-align: center;
}

.page-template-page-sidebar section:not(.page-header) {
	padding-top: 40px; 
	padding-bottom: 60px;
}

.page-template-page-sidebar h2,
.page-template-page-sidebar h3,
.page-template-page-sidebar h4,
.page-template-page-sidebar h5,
.page-template-page-sidebar section:not(.page-header) strong,
.page-template-page-sidebar em {
	color: #04A4CC;
}

#page-content ul {
	list-style: none;
}

#page-content ul li {
	margin-bottom: 6px;
}

#page-content ul li::before {
	content: "•"; 
	color: #04A4CC;
	display: inline-block; 
	width: 1em;
	margin-left: -1em
}

ol.faqs-question {
    padding-left: 0px;
    list-style-position: inside;
}

ol.faqs-question li {
    padding-bottom: 8px;
}

.sidebar-widget {
	margin-bottom: 20px;
}
blockquote {
	padding-left: 20px;
	border-left-width: 4px;
	border-left-style: solid;
	border-color: #04A4CC;
}
blockquote p {
	font-style: italic;
}

.address-box {
	height: auto;
	padding-bottom: 20px;
}

/* Added by OP 21012020  */

.single-post section h1,
.single-post section h2,
.single-post section h3,
.single-post section h4,
.single-post section strong,
.single-brands section h1,
.single-brands section h2,
.single-brands section h3,
.single-brands section h4,
.single-brands section strong,
.archive-brands section h1,
.archive-brands section h2,
.archive-brands section h3,
.archive-brands section h4,
.archive-brands section strong
{
	color: #04A4CC;
}

.single-post section.post {
	margin-top: 50px;
}

.single-post aside .sidebar-widgets .sidebar-widget:first-child h3 {
	margin-top: 0;
}

.flex-brochures {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
}

.flex-brochures-item {
    width: 150px;
    min-height: 110px;
    flex-basis: 150px;
	margin-right: 30px;
}

.flex-brands {
    display: flex;
    flex-flow: row wrap;
    justify-content: left;
}

.flex-brands-item {
    width: 278px;
    min-height: 190px;
    flex-basis: 278px;
	margin-right: 22px;
}

.flex-brands-item:nth-child(4n) {
	margin-right: 0;
}

.flex-brands-archive-item {
    width: 378px;
    min-height: 200px;
    flex-basis: 378px;
	margin-right: 22px;
}

.flex-brands-archive-item:nth-child(3n) {
	margin-right: 0;
}

.post-type-archive-brands .flex-brands-item:nth-child(3n) {
	margin-right: 0;
}
.post-type-archive-brands .flex-brands-item img {
	max-width: 100%;
}


@media only screen and (min-width:768px) and (max-width:959px) {
	
	.flex-brands-item:nth-child(4n) {
		margin-right: 22px;
	}	
	
	.flex-brands-item:nth-child(even) {
		margin-right: 0;
	}
}

@media only screen and (max-width: 767px) {
	.page-template-page-sidebar section:first-child {
		padding-bottom: 0;
	}
	.page-template-page-sidebar section:nth-of-type(2) {
		padding-top: 0;
	}
	
	.page-header .container16 .column8:first-child {
		min-height: auto;
		border-radius: 20px;
	}	
	
}
.comma { color: white; }
.nocomma .comma {display:none;}



#menu-footer-areas-1 {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu-footer-areas-1 li { display: inline; }

#menu-footer-areas-1 li a {
	text-decoration: none;
	padding: 0;
}

#menu-footer-areas-1 li:after {
  content: ", ";
	color: white;
}

#menu-footer-areas-1 li:last-child:after {
    content: "";
}

.flex-brands-archive-item .view img {
	max-width: 376px;
}