/*
 Theme Name:     Divi Child
 Theme URI:      https://www.mcbdesign.co.za
 Description:    MCB Design Theme
 Author:         Owl Media
 Author URI:     https://www.owlmedia.co.za
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

.page-id-18 #productsTopBannerBtns{
  margin-bottom: 0 ;
}

#productsTopBannerBtns a{
  padding-left: 20px;
  padding-right: 20px
}

	#productsTopBannerBtns{
  margin-left: 10px;
  margin-top: 10px
}

#specialsSliderModule .uk-cover-background{
	background-size: contain
}

/* STICKY BANNERS */
 #productsTopBannerSection.element-is-sticky {
	padding: 10px 0 !important;
}
 #productsTopBannerSection.element-is-sticky a {
	font-size: 14px;
}
.element-is-sticky #productsTopBannerBtns {
	padding: 0
}



#essentialProductheadingRow .mainHeadings {
	padding-right: 0 !important;
}
.covidProductsRow .subHeadings  {
	margin-bottom: 0 !important;
}

.covidProductsRow .enqBtn a  {
	margin-top: 0 !important;
}
.covidProductsRow {
	margin-bottom: 30px !important;
}

/* HIDE */

.hide {
	display: none;
}

#christmasNotificationSection {
	padding: 0;
}

/* LANDING PAGE SECTION HIDE */

.page-id-267 #footerContactUs p:nth-of-type(3), 
.page-id-356 #footerContactUs p:nth-of-type(3), 
.page-id-365 #footerContactUs p:nth-of-type(3), 
.page-id-373 #footerContactUs p:nth-of-type(3), 
.page-id-403 #footerContactUs p:nth-of-type(3), 
.page-id-390 #footerContactUs p:nth-of-type(3), 
.page-id-409 #footerContactUs p:nth-of-type(3), 
.page-id-311 #footerContactUs p:nth-of-type(3), 
.page-id-398 #footerContactUs p:nth-of-type(3), 
.page-id-349 #footerContactUs p:nth-of-type(3), 
.page-id-867 #footerContactUs p:nth-of-type(3), 
.page-id-267 #top-header, .page-id-356 #top-header, .page-id-365 #top-header, .page-id-373 #top-header, .page-id-403 #top-header, .page-id-390 #top-header, .page-id-409 #top-header, .page-id-311 #top-header, 
.page-id-398 #top-header, .page-id-349 #top-header {
	display: none;
}


/* GENERAL */

/*.home .uk-slider-container {
  overflow: visible !important;
}
*/
.my-tags-list li {
	display: inline;
	color: #bcbcbc !important;	
}
.my-tags-list {
	padding-left: 0px !important;
	border-top: 1px solid #c4c4c4;
	margin-top: 20px;
	line-height: 140% !important;
}
.my-tags-list a {
	color: #bcbcbc !important;
	font-size: 13px;
}

#logo {
	max-height: 62%;	
}

#et-info {
	float: right;
}

body p, ul li {
	font-size: 15px;
	line-height: 140%;
	font-weight: 300;
}

h1 {
	font-size: 40px;
	font-weight: 300 !important;
}
h1 strong {
	font-weight: 600;
}

h2 {
	font-size: 30px;
	font-weight: 300;
}
h2 strong {
	font-weight: 600;
}
div {
	font-weight: 300;
	line-height: 140%
}

/* BUTTONS */

.enqBtn a {
	display: inline-block;
	background-color: #E32030;
	padding: 5px 10px 8px 10px;
	font-weight: 600;
	color: #fff;
	margin-top: 20px;
	border-left: 6px solid #BF0111;
	transition: all 0.3s ease-in-out
}
.enqBtn a:hover {
	background-color: #BF0111;
	border-left: 6px solid #E32030;
	transition: ease-in 0.3s;
}

/* MENU */

#top-menu-nav ul .current_page_item a {
	border-bottom: 1px solid #C9C9C9;
	font-weight: 600 !important;
	padding-bottom: 5px !important;
}

#top-menu-nav ul li {
	padding-right: 10px;
}

#et-info-phone:before {
	display: none;
}

.mail, .phone {
	float: right;
}

.phone {
	margin-right: 20px;
}

#top-menu-nav ul a{
  font-size: 15px;
	text-transform: uppercase;
	color: #000;
	font-weight: 300; 
}

/* HOME PAGE */

#products-title-row .mainHeadings:after {
	border: none;
}
#products-title-row .mainHeadings {
	padding-bottom: 32px;
}

#products-row-2 .et_pb_column, #products-row-1 .et_pb_column {
	margin-right: 20px; 
}
#products-row-2 .et_pb_column_1_3, #products-row-1 .et_pb_column_1_3 {
	width: 32%;
}

#home-top-banner-title h1 {
	color: #fff;
}

#home-top-banner-row {
	padding-top: 0px;
	
	padding-bottom: 0;
}

#specialsSection, #specialsRow {
	/*! padding-top: 0px; */
}


.productImg.left {
	float: right;
	


	width: 52.5%;
	display: inline-block;
}
.productImg.right {
		float: left;
		width: 52.5%;
		display: inline-block;
		position: absolute;
}

.product-info-container.left {
	position: absolute;
	bottom: -4px;  
	width: 44%;
	color: #000
}
.product-info-container.right {
	position: absolute;
	bottom: -4px;  
	width: 44%;
	color: #000;
}
.product-info-container p {
	padding-bottom: 5px
}
.product-info-container .validTxt {
	text-align: right;
	margin-top: -10px;
	margin-bottom: 10px;
}
.product-info-container h2 {
	margin-bottom: 5px
		!important;
}

.specialContainer {
	height: 272px;
	position: relative;
	/*! margin-top: -20px; */  
}

.product-price {
	font-weight: 600;
	font-size: 30px !important;
	color: #E32030 !important;
	margin-bottom: 0px
	
}
.exclVat {
	font-size: 15px;
}

.green-btn, .wpcf7-submit {
	background-color: #8DA122;
	color: #fff !important;
	padding: 10px 15px !important;
	font-weight: 600;
	border-left: 6px solid #6D840B !important;
	border: 0
}
.green-btn:hover, .wpcf7-submit:hover {
	background-color: #6D840B;
	border-left: 6px solid #8DA122 !important;
}
.wpcf7-submit {
	line-height: 140% !important;
}
#contactForm .wpcf7-submit{
	margin: 20px 0
}

/* SPECIALS */

/* SLIDER */

.fullWidthImage {
	margin: 0;
}

#specialsSliderSection, #specialsSliderRow {
	padding: 0;
	margin-top: 20px;
	margin-bottom: 20px;
}
/*
#specialsSliderRow .et_pb_row {
	width: 1100px;
}
#home-top-banner-section {
	overflow: visible !important;
}

.home .uk-dotnav > * > *, .uk-slideshow, .uk-panel.uk-overlay {
	/*! overflow: visible !important; */
}
*/
.uk-slider-container .et_pb_section {
	background-color: transparent;
}

.product-info-container.right {
	right: 0;
}

.productImg img {
	margin: 0;
}

#specialsRow .et_pb_column_1_2 {
	width: 50%;
}
#specialsRow .et_pb_column_1_2.col-left {
	padding-right: 10px;
}

#specialsRow .et_pb_column_1_2.col-right {
	padding-left: 10px;
}
.product-info-container .green-btn {
	display: inline-block;
}

#specialsSection .product-info-container h2 {
	border-bottom: 1px solid #707070;
	display: block;
}

.product-info-container h2 {
	font-size: 25px;
}

#slogan-section {
	padding-top: 48px;
	padding-bottom: 48px;
	
}

#slogan-section-row {
	padding-bottom: 0px;
	padding-top: 0px;
}
#slogan-banner h3 {
	padding: 0;
	font-size: 33px;
	color: #fff;
}

#our-products-section {
	padding-top: 98px;
}

#products-title-row {
	padding-top: 0;
	padding-bottom: 0;
}

#products-row-1, #products-row-2 {
	padding:0;
}

#products-row-1 h2, #products-row-2 h2 {
	padding: 0;
	color: #fff;
	height: 256px;
}
#products-row-1 h2 a , #products-row-2 h2 a {
	padding: 116px 50px;
	display: inline-block;	
}
.products-row .home-products:hover {
	opacity: 0.8;
}

#products-title-row h3 {
	font-size: 30px;
	text-align: center;
	font-weight: 200;
}

.mainHeadings {
	padding-bottom: 52px;
}

/*.home-products a {
	height: 255px;
  width: 355px;
 	margin-top: 20px;
  margin-left: 5px;
  display: table-cell;
  vertical-align: middle;	
}

.home-products {
	width: 355px;
	height: 255px;
}

.home-products h2  {
	color: #fff;
}
*/
#our-products-section, #products-row-2 {
	padding-bottom: 0px;
}

#about-us-txt p {
	color: #fff;
}

#about-us-section {
	padding-bottom: 50px;
	padding-top: 100px;
	margin-top: -50px;
}

#about-us-row {
	padding: 0;
}

#cta-section {
	border-top: 4px solid #fff;
}

#cta-row, #cta-section{
	padding-top: 0;
	padding-bottom: 0
}

#cta-column-messageUs h2 a {
	background-color: #8DA122;
	display: block;
	padding-top: 43px;
	padding-bottom: 47px;
	color: #fff;
	border-right: 2px solid #fff;
}
#cta-column-messageUs h2 a:hover {
	background-color: #708400
}
#cta-column-artworkSpecs h2 a{
	background-color: #9F9F9F;
	display: block;
	padding-top: 43px;
	padding-bottom: 47px;
	color: #fff;
	border-left: 2px solid #fff;
}
#cta-column-artworkSpecs h2 a:hover{
	background-color: #828282;
}

#trustedClientHeading .headingHome {
	color: #000 !important;
}

/* ABOUT US PAGE */

#aboutSloganTxt {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	border: 3px solid #000;
	padding: 80px 80px !important;
}
#aboutSloganTxt h3 {
	color: #000;
	font-size: 40px;
	line-height: 140%;
}

.mainHeadings:after {
	border: none ;
}

.mainHeadings {
	padding-bottom: 20px;
}

h1.mainHeadings, .pageHeadings h2, h2.mainHeadings {
	color: #E32030;
	background-color: #fff ;
	display: inline;
	padding-right: 30px !important;

}
.mainHeadings:after, .pageHeadings h2:after, h1.mainHeadings:after {
	content: "";
	border-bottom: 1px solid #E32030;
	width: 100%;
	height: auto;
	display: block;
	position: absolute;
	top: 20px;
	z-index: -9999 
}

/* ARTWORK SPECS PAGE */

#productsTopBannerBtns {
	margin-right: 0 !important;
}
#productsTopBannerBtns a {
	padding-top: 4px;
	padding-bottom: 4px;
}

.subHeadings {
	padding-bottom: 20px
}

.descriptionTxt {
	padding-bottom: 30px;
	border-bottom: 1px solid #C8C8C8;
	margin-bottom: 30px !important;
}
.descriptionTxt:nth-last-of-type(1) {
	border: 0 !important;
	margin: 0 !important;
	padding: 0 ;
}

#productsTopBannerRow .et_pb_column_1_6 {
	margin-right: 10px;
	width: 15.9%;
}
#resolutionRow .et_pb_module {
	margin: 0;
}

#resolutionRow {
	padding-bottom: 0;
}

#templateDownloadsPdfRow, #templateDownloadsHeadingRow {
	padding: 0
}

.templateDownloads  a:before {
	content: url(https://www.mcbdesign.co.za/wp-content/uploads/font-awesome-png-download-3.png);
	margin-right: 10px;
}
.templateDownloads  a:hover {
	margin-left: 15px !important;
	-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
	color: #E32030;
}
.templateDownloads a {
	transition: all 0.3s ease-in-out;
	line-height: 160%
}

/* PRODUCTS PAGE */

#productsTopBannerSection {
	padding-top: 50px;
	padding-bottom: 50px;
}

#productsRow, #bannersSection, #flagsGazeboSection, #stickersSection, #posterCanvasSection, #signageSection {
	padding-bottom: 0;
}
#bannersSection, #flagsGazeboSection, #stickersSection, #posterCanvasSection, #signageSection, #otherServicesSection {
	padding-top: 68px;
}
#otherServicesSection {
	padding-bottom: 100px;
}

#productsTopBannerRow{
	padding: 0;
}


#productsTopBannerBtns  {
	border: 1px solid #fff;
	padding-top: 5px;
	padding-bottom: 5px;
}
#productsTopBannerBtns a {
	color: #fff;
	display: block;
	font-weight: 600;
}
#productsTopBannerBtns:hover {
	background-color: rgba(255,255,255,0.3);
}

#productsTopBannerBtns .et_pb_gutters3 {
	margin-right: 0% !important;
}

h3.productHeading{
	font-size: 20px !important;
	font-weight: 600 !important;
	padding-bottom: 10px;
	padding-top: 10px;
}

.productDesc {
	margin-bottom: 10px;
}
.collapseomatic  {
	display: block;
	padding-bottom: 0px;
	color: #8DA122;
	background-position-y: 5px;
}
.collapseomatic_content {
		margin-left: 0 !important;
}
#productsRow .et_pb_column {
	margin-right: 20px;
}
#productsRow .et_pb_column_1_5{
	width: 18.5%;
}

#trustedClientsRow {
	padding-top: 0
}
#trustedClientsRow h2 {
	color: #fff
}
#trustedClientLogos li.uk-slide-after  {
	padding-left: 8px !important;
}

#productsRow p {
	padding-bottom: 0;
}

/* GONTACT PAGE */

#googleMapSection, #googleMapRow {
	padding: 0;
}

/* FOOTER */

#footerRow h2 {
	padding-bottom: 40px;
}

#footerContactUs p {
	border-bottom: 1px solid #E3E3E3;
	padding-bottom: 20px !important;
}

#footerContactUs p {
	margin-bottom: 20px;
}
#footerContactUs .et_pb_text_inner p:nth-of-type(3) {
	border-bottom: none;
}

#main-footer {
	display: none;
}

#footerSection {
	padding: 0;
}

#footerRow {
	padding-top: 95px;
	padding-bottom:100px;
}

#footerSection {
	background-color: rgb(240, 240, 240);
}
#footerCopyRight {
	background-color: #000;
}
#footerCopyRight p, #footerCopyRight a {
	color: #fff;
	font-size: 13px;
}

/* CONTACT FORM */

.ss-column-50  {
	width: 50% !important;
	float: left;
	padding-top: 0px !important;
	padding-left: 0px;
	padding-bottom: 10px;
	padding-right: 10px !important;	
}
.landingPage .ss-column-50 {
	padding-top: 10px !important;
}
.ss-column-50 input, .landingPage .ss-column-100 input:not(.wpcf7-submit) {
	width: 100% !important;
}
 .ss-column-50 .your-name{
	padding-right: 20px !important;	
}

.ss-column-100   {
	width: 100% !important;
	padding-top: 0px !important;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 10px;

}

.wpcf7-form-control {
	padding-left: 10px;
	font-size: 15px ;
	border-radius: 0px;
	color: #afafaf;
	line-height: 2;
	border: 0;
	
}

.wpcf7-text {
	padding-left: 10px !important;
}

.ss-column-50 input, .landingPage .ss-column-100 input:not(.wpcf7-submit)   {
	color:#878787;
background-color: #ECECEC;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 0;
}
.ss-column-100 textarea {
	color: #878787;
background-color: #ECECEC;
	width: 100%;
	
}

/* GOOGLE ADS LANDING PAGES */

.lpDescContainer h1 {
	color: #E32030;
	margin-bottom: 20px;
}

.lpDescContainer {
	margin-top: -90px;
	top: 0px;
	background-color: #fff;
	padding: 30px;
}

#landingPageHeader {
	height: 242px;
}

.contactFormHeading {
	font-size: 25px;
	color: #004770;
	margin-bottom: 20px;
}

.lpBannerSection {
	padding-top: 15px !important;
	padding-bottom: 50px !important;
}
.lpBannerSection .enqBtn{
	display: none;
}

.contactFormPhoneDetails {
	font-size: 20px;
	color: #004770;
}

#bannerTypeHeading h3 {
	font-size: 20px;
	font-weight: 300;
	padding: 0;
}

.page-id-267 .hideLP, .page-id-311 .hideLP, .page-id-356 .hideLP, .page-id-349 .hideLP, .page-id-365 .hideLP, .page-id-390 .hideLP, .page-id-398 .hideLP, .page-id-409 .hideLP, .page-id-373 .hideLP, .page-id-403 .hideLP, .page-id-867 .hideLP {
	display: none;
}

.lpBannerSection .productImg {
	margin-bottom: 10px;
}


@media only screen and (max-width: 1391px) {
	
	/* SPECIALS */
	
	.product-info-container {
		width: 41% !important;
	}
	.productImg {
		width: 59% !important;
	}
	#productsTopBannerRow .et_pb_column_1_6 {
	width: 15.8%;
}
	
}

@media only screen and (max-width: 1199px)  {
		#productsTopBannerRow .et_pb_column_1_6 {
	width: 15.8%;
	margin-right: 1%;
}
	#productsTopBannerRow a {
		display: block !important;
		font-size: 14px
	}
}
@media only screen and (max-width: 938px)  {
		#productsTopBannerRow .et_pb_column_1_6 {
	width: 32.33%;
	margin-right: 1%;
			margin-bottom: 10px;
}
	#productsTopBannerRow a {
		display: block !important;
		font-size: 14px
	}
}
@media only screen and (max-width: 1349px) {
	.products-row .et_pb_column_1_3 {
		width:  32% !important;
	}
	
}
@media only screen and (max-width: 1248px) {
	.products-row .et_pb_column_1_3 {
		width:  31.99% !important;
	}
	.st-post-tags {
	left: 118px;
	width: 330px
}
	
}
@media only screen and (max-width: 1239px) {
	.products-row .et_pb_column_1_3 {
		width:  30.99% !important;
	}
	
}

@media only screen and (max-width: 1276px) {
	.product-info-container h2 {
		font-size: 24px;
	}
	
}

@media only screen and (max-width: 1227px) {
	.product-info-container h2 {
		font-size: 20px;
	}
	
}

@media only screen and (max-width: 1100px) {
	
	.specialsSliderModule ul {
		height: 961px !important;
	}
	.specialsSliderModule li .uk-panel {
		height: 913px !important;
	}
	
	.productImg {
		float: none !important;
		width: 100% !important;
		margin: 0 auto;
		padding-bottom: 10px;
		display: block !important;
	}
	.productImg.right {
		position: relative
	}
	.product-info-container {
		position: unset;
		width: 100%!important;
	}
	.product-info-container.right {
		position: relative;
	}
	.productImg.right .alignleft {
		float: none;
	}
	.productImg img {
		float: none !important;		
		margin: 0 auto !important;
	}
	.product-info-container h2, .product-info-container p, .product-info-container h3 {
		text-align: center !important;
	}
	.product-info-container h2 {
		font-size: 25px;
	}
	#specialsRow {
		padding-bottom: 0px !important;
	}
	#our-products-section {
		padding-top: 50px;
	}
	#specialsRow .et_pb_column_1_2 {
		width: 100%;
		display: block;
		float: none;
		height: auto;
		position: relative;
	}
	#specialsRow .et_pb_column_1_2.col-left {
		padding-right: 0px;
		margin-bottom: 40px;
	}
	#specialsRow .et_pb_column_1_2.col-right {
		padding-left: 0px;
	}
	#specialsSliderRow .et_pb_row {
	width: 100%;
}
	.product-info-container.left {
	position: relative;
	bottom: auto;  

}
	.specialContainer {
	height: unset;
	position: relative;
	margin-top: -20px;  
		text-align: center
}
	
}

@media only screen and (max-width: 980px) {
	
.page-id-18 #main-header{
  position:  sticky;
  top: 40px
}

.page-id-18 #top-header{
  position: fixed;
  width: 100%
}
	
	.flexedRow .et_pb_column{
  flex-wrap:   wrap;
   justify-content:  center
  
}

.flexedRow{
  width: 90%
}

	
	
	#cta-column-artworkSpecs h2 a, #cta-column-messageUs h2 a {
		border-left: 0;
		border-right: 0 ;
	}
	#cta-column-artworkSpecs h2, #cta-column-messageUs h2 {
			padding-bottom: 5px !important;
	}
	.st-post-tags {
		left: 108px;
		width: 330px;
		top: 1250px !important;
	}
	
}

@media  screen and (max-width: 640px) {
		.st-post-tags {
		left: 108px;
		width: 330px;
		top: 1280px !important;
	}
}

@media only screen and (max-width: 509px) {
  .page-id-18 #main-header{
  top: 60px
}

}

@media only screen and (max-width: 710px) {
		.products-row .et_pb_column_1_3 {
			width:  100% !important;
	}
}
	
@media only screen and (max-width: 600px) {
		.ss-column-50 {
			float: none;
			width: 100% !important;
		}
		.wpcf7-submit {
			width: 100%;
		}
		#footerRow {
			padding-bottom: 50px;
		}
	.st-post-tags {
		left: 0px;
		width: unset;
		top: 1380px !important;
		margin-left: 20px !important;
		margin-right: 20px !important;
	}
}

@media screen and (max-width:492px) {
		.st-post-tags {
		left: 0px;
		width: unset;
		top: 1500px !important;
		margin-left: 20px !important;
		margin-right: 20px !important;
	}
}

@media only screen and (max-width: 479px) {
  .page-id-18 #main-header{
  top: 70px
}
}

@media screen and (max-width:480px) {
		.st-post-tags {
		left: 0px;
		width: unset;
		top: 1450px !important;
		margin-left: 20px !important;
		margin-right: 20px !important;
	}
}
@media screen and (max-width:400px) {
		.st-post-tags {
		left: 0px;
		width: unset;
		top: 1500px !important;
		margin-left: 20px !important;
		margin-right: 20px !important;
	}
}
@media screen and (max-width:360px) {
		.st-post-tags {
		left: 0px;
		width: unset;
		top: 1550px !important;
		margin-left: 20px !important;
		margin-right: 20px !important;
	}
}

@media only screen and (max-width: 479px) {
	.specialContainer {
		margin: 0;
		padding-top: 50px;
	}
	a.green-btn {
		width: 100% !important;
		display: inline-block !important;
	}
	.phone, .mail {
		float: none !important;
		margin: 0
	}
	#et-info {
		float: none
	}
	.specialContainer .right {
		position: unset !important;
	}
	#productColmn .productImg, #productColmn div, #productColmn\ one1 .productImg, #productColmn\ one1 div{
		text-align: center !important;
	}
	.collapseomatic {
		display: unset;
	}
	#productColmn .enqBtn a, #productColmn\ one1 .enqBtn a {
		display: inline-block !important;
		width: 100% !important;
	}
}


@media screen and (max-width: 399px) {
	.specialsSliderModule ul {
		height: 1011px !important;
	}
}

  
@media screen and (max-width: 980px){
  #aboutSloganTxt {
    position: unset;
    transform: unset;
  }

}
@media screen and (max-width: 429px){
  #aboutSloganTxt h3{
    font-size: 20px
  }
}