/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Micco Computing Limited
Author URI: http://www.miccocomputing.co.uk
Template: enfold
*/

/*
all
================================================== */
/* width must match max container width from Enfold->General Layout dimensions tab */
.av-layout-grid-container {
  width: 68%;
  margin: 0 auto;
}
.js_active .toggler,
.js_active .tab {
  border: none !important;
}
.js_active .active_tab_content,
.toggle_content {
  border: none;
}
.js_active .active_tab_content {
  overflow: visible !important;
}

/*
test styles
================================================== */

/*
css table styles
================================================== */
.mcl-table {
  display: table;
  min-width: 100%;
}
.mcl-table-title  {
  display: table-caption;
  font-weight: bold;
  font-size: larger;
  text-align: center;
}
.mcl-table-heading {
  display: table-row;
  font-weight: bold;
  text-align: left;
}
.mcl-table-row {
  display: table-row;
}
.mcl-table-data  {
  display: table-cell;
  text-align: left;
  vertical-align: top;
  border: none;
  border-width: thin;
  padding-right: 5px;
  padding-left: 0px;
  padding-bottom: 5px;  
}


/*
header
================================================== */
#header_meta .container,
#header_main .container {
  padding-left: 0px;
  padding-right: 0px;
}
p.mcl-header-contact {
  font-size: 14px;
  color: #2d5c88;
  margin-top: 0.3em;
  margin-bottom: 0.3em;
}
span.mcl-header-email {
  margin-left: 20px;
}
span.mcl-header-email a {
  color: #2d5c88 !important;
  outline: 0 none;
  text-decoration: none;
}


/*
footer
================================================== */
#socket .container {
  padding-left: 0px;
  padding-right: 0px;
}

/*
all sections
================================================== */
.mcl-section-mix-jumbo .container,
.mcl-section-about-jumbo .container,
.mcl-section-powder-jumbo .container,
.mcl-section-concrete-jumbo .container,
.mcl-section-asphalt-jumbo .container,
.mcl-section-customer-jumbo .container,
.mcl-section-compliance-jumbo .container,
.mcl-section-news-jumbo .container,
.mcl-section-contact-jumbo .container  {
  max-width:100%;
  padding-left: 0px;
  padding-right: 0px;
}

.mcl-section-mix-jumbo .content,
.mcl-section-about-jumbo .content,
.mcl-section-powder-jumbo .content,
.mcl-section-concrete-jumbo .content,
.mcl-section-asphalt-jumbo .content,
.mcl-section-customer-jumbo .content,
.mcl-section-compliance-jumbo .content,
.mcl-section-news-jumbo .content,
.mcl-section-contact-jumbo .content  {
  padding-top: 0px;
  padding-bottom: 0px;
}

.av-layout-grid-container.mcl-grid-row-mix-tag,
.av-layout-grid-container.mcl-grid-row-about-mission,
.av-layout-grid-container.mcl-grid-row-powder,
.av-layout-grid-container.mcl-grid-row-concrete,
.av-layout-grid-container.mcl-grid-row-asphalt,
.av-layout-grid-container.mcl-grid-row-customer,
.av-layout-grid-container.mcl-grid-row-compliance,
.av-layout-grid-container.mcl-grid-row-news {
  padding-top: 50px;
}
.av-layout-grid-container.mcl-grid-row-contact-map {
  padding-top: 20px;
}

.av-layout-grid-container.mcl-grid-row-mix-about,
.av-layout-grid-container.mcl-grid-row-about-timeline,
.av-layout-grid-container.mcl-grid-row-powder,
.av-layout-grid-container.mcl-grid-row-concrete,
.av-layout-grid-container.mcl-grid-row-asphalt,
.av-layout-grid-container.mcl-grid-row-customer,
.av-layout-grid-container.mcl-grid-row-compliance,
.av-layout-grid-container.mcl-grid-row-news,
.av-layout-grid-container.mcl-grid-row-contact-address {
  padding-bottom: 50px;
}


/*
mix section
================================================== */
.mcl-text-block-mix-tag h1 {
  font-size: 1.5em;
  font-weight: bold;
  text-transform: uppercase;
  /*font-family: ariel;  * use a custom font for this */
  margin-bottom: 10px;
}
.mcl-text-block-mix-tag hr {
  border-color: lightblue;
  margin-top: 0px;
  margin-bottom: 10px;
}
a.mcl-link-mix {
  color: #2d5c88;	
  text-decoration: none;
}
.mcl-text-block-mix-concrete-pigments a,
.mcl-text-block-mix-concrete-additives a,
.mcl-text-block-mix-asphalt-pigments a,
.mcl-text-block-mix-asphalt-additives a {
  text-decoration: none;
}



/*
about us section
================================================== */
.mcl-code-block-about-timeline-left  p,
.mcl-code-block-about-timeline-right  p {
  margin: 0px;
}
.mcl-table-about-timeline .mcl-table-data.left {
  width: 10%;
}
.mcl-table-about-timeline .mcl-table-data.right {
  width: 90%;
}
.mcl-table-about-timeline .mcl-table-data {
  padding-bottom: 15px;
}


/*
concrete section
================================================== */
div#concrete-pigments-tab-container,
div#concrete-additives-tab-container,
div#concrete-formoils-tab-container {
  background-color: white;
  padding-left: 0px;
  padding-right: 0px;
}
#concrete-pigments-tab-container .column-top-margin,
#concrete-additives-tab-container .column-top-margin,
#concrete-formoils-tab-container .column-top-margin {
  margin-top: 0px;
}

/* color: #910046; */
div#concrete-pigments-tab-container h4,
div#concrete-additives-tab-container h4,
div#concrete-formoils-tab-container h4 {
  margin-top: 20px;
}
div#concrete-pigments-tab-content.tab_content.active_tab_content,
div#concrete-additives-tab-content.tab_content.active_tab_content,
div#concrete-formoils-tab-content.tab_content.active_tab_content {
  padding: 10px 0px;
}

.mcl-table-concrete-pigments .mcl-table-data.left,
.mcl-table-concrete-pigments .mcl-table-data.right {
  width: 33%;
}
.mcl-table-concrete-additives-plasticisers .mcl-table-data.left,
.mcl-table-concrete-additives-efflorescence .mcl-table-data.left,
.mcl-table-concrete-additives-repellency .mcl-table-data.left,
.mcl-table-concrete-additives-entraining .mcl-table-data.left,
.mcl-table-concrete-additives-accelerators .mcl-table-data.left,
.mcl-table-concrete-formoils .mcl-table-data.left {
  width: 20%;
}
/*
.mcl-table-concrete-additives-plasticisers .mcl-table-data.centre,
.mcl-table-concrete-additives-efflorescence .mcl-table-data.centre,
.mcl-table-concrete-additives-repellency .mcl-table-data.centre,
.mcl-table-concrete-additives-entraining .mcl-table-data.centre,
.mcl-table-concrete-additives-accelerators .mcl-table-data.centre {
  width: 70%;
}
*/
.mcl-table-concrete-additives-plasticisers .mcl-table-data.right,
.mcl-table-concrete-additives-efflorescence .mcl-table-data.right,
.mcl-table-concrete-additives-repellency .mcl-table-data.right,
.mcl-table-concrete-additives-entraining .mcl-table-data.right,
.mcl-table-concrete-additives-accelerators .mcl-table-data.right,
.mcl-table-concrete-formoils .mcl-table-data.right {
  width: 10%;
}
.mcl-table-concrete-additives-plasticisers .mcl-table-data.centre p,
.mcl-table-concrete-additives-efflorescence .mcl-table-data.centre p,
.mcl-table-concrete-additives-repellency .mcl-table-data.centre p,
.mcl-table-concrete-additives-entraining .mcl-table-data.centre p,
.mcl-table-concrete-additives-accelerators .mcl-table-data.centre p,
.mcl-table-concrete-formoils .mcl-table-data.centre p {
  margin: 0px;
}
.mcl-table-concrete-additives-plasticisers .mcl-table-data.right,
.mcl-table-concrete-additives-efflorescence .mcl-table-data.right,
.mcl-table-concrete-additives-repellency .mcl-table-data.right,
.mcl-table-concrete-additives-entraining .mcl-table-data.right,
.mcl-table-concrete-additives-accelerators .mcl-table-data.right,
.mcl-table-concrete-formoils .mcl-table-data.right {
  padding-right: 0px;
}

.mcl-table-concrete-additives-plasticisers .mcl-table-data,
.mcl-table-concrete-additives-efflorescence .mcl-table-data,
.mcl-table-concrete-additives-repellency .mcl-table-data,
.mcl-table-concrete-additives-entraining .mcl-table-data, 
.mcl-table-concrete-additives-accelerators .mcl-table-data,
.mcl-table-concrete-formoils .mcl-table-data {
  padding-top: 10px;
  padding-bottom: 10px;
}

.mcl-table-concrete-additives-plasticisers .mcl-table-data.border-bottom,
.mcl-table-concrete-additives-efflorescence .mcl-table-data.border-bottom,
.mcl-table-concrete-additives-repellency .mcl-table-data.border-bottom,
.mcl-table-concrete-additives-entraining .mcl-table-data.border-bottom,
.mcl-table-concrete-additives-accelerators .mcl-table-data.border-bottom,
.mcl-table-concrete-formoils .mcl-table-data.border-bottom {
  border-bottom: thin solid #0075BA;
}
a.mcl-link-concrete-pigments,
a.mcl-link-concrete-additives,
a.mcl-link-concrete-formoils {
  color: #910046;	
}


/*
tabs for concrete
================================================== */
.tab[data-fake-id="#concrete-pigments-tab"],	
.tab[data-fake-id="#concrete-additives-tab"],
.tab[data-fake-id="#concrete-formoils-tab"] {	
  font-size: 16px;
  font-weight: bold;
  padding: 6px 10px;
  text-transform: uppercase;
}
.tab[data-fake-id="#concrete-pigments-tab"],
.tab[data-fake-id="#concrete-additives-tab"] {
  margin-right: 30px;	
}
.tab[data-fake-id="#concrete-pigments-tab"],
.tab[data-fake-id="#concrete-additives-tab"],
.tab[data-fake-id="#concrete-formoils-tab"] {
  background-color: white !important;
  color: black !important; 
}
.tab[data-fake-id="#concrete-pigments-tab"].active_tab,
.tab[data-fake-id="#concrete-additives-tab"].active_tab,
.tab[data-fake-id="#concrete-formoils-tab"].active_tab  {
  background-color: #910046 !important;
  color: white !important;  
}

/*
asphalt section
================================================== */
.mcl-table-asphalt-pigments .mcl-table-data.left,
.mcl-table-asphalt-pigments .mcl-table-data.right,
.mcl-table-asphalt-additives .mcl-table-data.left,
.mcl-table-asphalt-additives .mcl-table-data.right {
  width: 33%;
}
a.mcl-link-asphalt-pigments,
a.mcl-link-asphalt-additives {
  color: green;
}
div#asphalt-pigments-tab-container h4,
div#asphalt-additives-tab-container h4 {
  margin-top: 20px;
}
div#asphalt-pigments-tab-container,
div#asphalt-additives-tab-container {
  background-color: white;
  padding-left: 0px;
  padding-right: 0px;
}
div#asphalt-pigments-tab-container.column-top-margin,
div#asphalt-additives-tab-container.column-top-margin {
  margin-top: 0px;	
}
div#asphalt-pigments-tab-content.tab_content.active_tab_content,
div#asphalt-additives-tab-content.tab_content.active_tab_content {
  padding: 10px 0px;
}


/*
tabs for asphalt
================================================== */
.tab[data-fake-id="#asphalt-pigments-tab"] ,	
.tab[data-fake-id="#asphalt-additives-tab"]  {	
  font-size: 16px;
  font-weight: bold;
  padding: 6px 10px;
  text-transform: uppercase;
}

.tab[data-fake-id="#asphalt-pigments-tab"] {
  margin-right: 30px;	
}

.tab[data-fake-id="#asphalt-pigments-tab"],
.tab[data-fake-id="#asphalt-additives-tab"]  {
  background-color: white !important;
  color: black !important; 
}
.tab[data-fake-id="#asphalt-pigments-tab"].active_tab ,
.tab[data-fake-id="#asphalt-additives-tab"].active_tab  {
  background-color: green !important;
  color: white !important;  
}


/*
powder section
================================================== */
.mcl-text-block-powder {
}


/*
customer section
================================================== */
.mcl-table-customer .mcl-table-data.left {
  width: 80%;
  vertical-align: middle;
}
.mcl-table-customer .mcl-table-data.right {
  width: 20%;
}
.mcl-table-customer .mcl-table-heading .right {
  text-align: right;
}
.mcl-table-customer .mcl-table-data.left.border-bottom,
.mcl-table-customer .mcl-table-data.right.border-bottom {
  border-bottom: thin solid #0075BA;
}
.mcl-table-customer  .mcl-table-data.left.first,
.mcl-table-customer  .mcl-table-data.right.first {
  padding-top: 10px;
}


/*
compliance section
================================================== */
/*
.mcl-table-compliance .mcl-table-data.left {
  width: 40%;
}
.mcl-table-compliance .mcl-table-data.right {
  width: 10%;
  vertical-align: bottom;
}
*/
.mcl-text-block-compliance-about p {
  margin-top: 0px;
}
.mcl-img-compliance-about {
  padding-top: 20px;  
}
.mcl-table-compliance-policy .mcl-table-data.left {
  width: 80%;
}
.mcl-table-compliance-policy .mcl-table-data.right {
  width: 20%;
}
.mcl-code-block-compliance-about p,
.mcl-table-compliance .mcl-table-data p {
  margin-top: 0px;
}
.mcl-table-compliance-policy .mcl-table-heading .right {
  text-align: right;
}
.mcl-table-compliance-policy .mcl-table-data.left.border-bottom,
.mcl-table-compliance-policy .mcl-table-data.right.border-bottom {
  border-bottom: thin solid #868600;
}
.mcl-table-compliance-policy .mcl-table-data.left.first,
.mcl-table-compliance-policy .mcl-table-data.right.first {
  padding-top: 10px;
}


/*
news & events section
================================================== */
h5.mcl-head-news-title,
h5.mcl-head-event-title {
  color: orange;
  margin-top: 5px;
  margin-bottom: 5px;
}
hr.mcl-hr-news,
hr.mcl-hr-events {
  color: black;
  background-color: black;
  height: 1px;
  border: 0 none;
  margin-bottom: 10px;  
}
div#news-tab-container,
div#events-tab-container {
  background-color: white;
  padding-left: 0px;
  padding-right: 0px;
}
#news-tab-container .column-top-margin,
#events-tab-container .column-top-margin {
  margin-top: 0px;
}

div.mcl-div-news-post p,
div.mcl-div-news-post div p {
  margin-bottom:0px;
}
div.mcl-div-news-post div img {
  margin-bottom:0px;
  padding-bottom:0px;
}

div.mcl-div-news-more-button {
  clear: both;
  padding-bottom: 30px;
}
div.mcl-div-news-more-button button {
  margin: 0px;
}
/* hide more content */
div [class*="mcl-div-news-more-content-"] {
  display: none;
}


/*
tabs for news & events
================================================== */
.tab[data-fake-id="#news-tab"] ,
.tab[data-fake-id="#events-tab"]  {
  font-size: 16px;
  font-weight: bold;
  padding: 6px 10px;
  text-transform: uppercase;
}

.tab[data-fake-id="#news-tab"] {
  margin-right: 30px;
}

.tab[data-fake-id="#news-tab"],
.tab[data-fake-id="#events-tab"]  {
  background-color: white !important;
  color: black !important;
}
.tab[data-fake-id="#news-tab"].active_tab ,
.tab[data-fake-id="#events-tab"].active_tab  {
  background-color: orange !important;
  color: white !important;
}


/*
contact section
================================================== */
.mcl-code-block-contact-address-info p,
.mcl-code-block-contact-phone-info p {
  margin: 0px;
}
p.mcl-para-contact-company,
p.mcl-para-contact-postcode {
  text-transform: uppercase;
}
p.mcl-para-contact-company {
  margin-bottom: 12px;
}
/*  float: right; margin-right: 50px; background-color: yellow; */
div.mcl-div-contact-address-info {
  margin-bottom: 30px;
}
/* float: left; margin-left: 50px; background-color: lightblue; */
.mcl-table.mcl-table-contact-phone-info {
}
.mcl-table-contact-phone-info .mcl-table-data {
  padding-left: 0px;
  padding-bottom: 12px;
}
.mcl-table-contact-phone-info .mcl-table-data.label {
  width: 10px;
  font-weight: bold;
}

/*
privacy, legal & conditions of sale
================================================== */
.mcl-text-block-conditions hr,
.mcl-text-block-legal hr,
.mcl-text-block-privacy hr {
  border-color: lightblue;
  margin-bottom: 10px;
  margin-top: 0;
}
.mcl-grid-row-conditions-of-sale h2 {
  font-size: 24px;
}

ol.legal,
ol.privacy {
  list-style: inside none decimal;
  margin-left: 0px;
}
/* counters, depth 3 levels */
ol.legal > li,
ol.privacy > li {
  counter-increment: root;
}
ol.legal > li > ol,
ol.privacy > li > ol {
  counter-reset: branch;
  list-style-type: none;
}
ol.legal > li > ol > li,
ol.privacy > li > ol > li {
  counter-increment: branch;
}
ol.legal > li > ol > li:before,
ol.privacy > li > ol > li:before {
  content: counter(root) "." counter(branch) " ";
  /* color: red; */
}
ol.legal > li > ol > li > ol,
ol.privacy > li > ol > li > ol{
  counter-reset: leaf;
  list-style-type: none;
}
ol.legal > li > ol > li > ol > li,
ol.privacy > li > ol > li > ol > li {
  counter-increment: leaf;
}
ol.legal > li > ol > li > ol > li:before,
ol.privacy > li > ol > li > ol > li:before {
  content: counter(root) "." counter(branch) "." counter(leaf) " ";
  /* color: blue; */
}

ol.legal ol,
ol.privacy ol,
ol.legal ul,
ol.privacy ul {
  margin: 4px 0px 5px;
  font-size: 13px;
  font-weight: 400;
}

ol.legal > li,
ol.privacy > li {
  font-size: 24px;
  color: #222222;
  line-height: 1.1em;
  margin-left: 0em;
  margin-bottom: 10px;
  font-weight: 600;
}
ol.legal > li > p,
ol.privacy > li > p {
  font-size: 13px;
  font-weight: 400;
  margin-left: 0.25em; 
}
/* x.x */
ol.legal > li > ol > li,
ol.privacy > li > ol > li {
  margin-left: 0.25em; 
}
ol.legal > li > ol > li > p,
ol.privacy > li > ol > li > p {
  font-size: 13px;
  font-weight: 400;
}
/* address */
ol.legal > li > ul > li,
ol.privacy > li > ul > li {
  list-style-type: none;
  line-height: 0.75em;  
  font-size: 13px;
  font-weight: 400;
}


/*
media queries
================================================== */

/* header - prevent menu running into logo */
@media only screen and (max-width: 1330px) {
  .html_mobile_menu_tablet .main_menu,
  .html_mobile_menu_tablet #header_main_alternate {
    display:none;
  }
  .html_mobile_menu_tablet .container #advanced_menu_toggle,
  .html_mobile_menu_tablet #advanced_menu_hide {
    display:block;
  }
  .html_mobile_menu_tablet #mobile-advanced {
    display:block;
  }
}

/*
desktop styles
================================================== */
/* desktop view and above */
@media only screen and (min-width: 768px) {

  /* Add your Desktop Styles here */

}

  
/*
mobile styles
================================================== */
/* mobile and tablet portrait view */
@media only screen and (max-width: 767px) {

  .mcl-section-mix-jumbo .container,
  .mcl-section-about-jumbo .container,
  .mcl-section-powder-jumbo .container,
  .mcl-section-concrete-jumbo .container,
  .mcl-section-asphalt-jumbo .container,
  .mcl-section-customer-jumbo .container,
  .mcl-section-compliance-jumbo .container,
  .mcl-section-news-jumbo .container,
  .mcl-section-contact-jumbo .container {
    max-width: 100% !important;
    width: 100% !important;
  }

  .responsive .av-layout-grid-container {
    width: 85%;
    margin: 0 auto;
  }

  .responsive #top #wrap_all .av-flex-cells .no_margin   {
	padding-left: 0px !important;
    padding-right: 0px !important;
  }  

  .responsive .phone-info span{
    float: right;
  }
  p.mcl-header-contact,
  span.mcl-header-email {
    line-height: 1em;
  }
  span.mcl-header-email {
    margin-left: 10px !important;
  }
  
  .mcl-grid-cell-mix-tag ,
  .mcl-grid-cell-mix-about  {
	padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .mcl-grid-cell-mix-products {
    padding-top: 30px !important;
  }
  
  .mcl-grid-cell-about-left {
    padding-bottom: 0px !important;
  }

  .responsive .tabcontainer {
    border: none;
  }
  .responsive #top .main_color .active_tab_content {
    background-color: white;
  }    
  
  #concrete-pigments-tab-container img,
  #concrete-additives-tab-container img,
  #concrete-formoils-tab-container img,
  #asphalt-pigments-tab-container img,
  #asphalt-additives-tab-container img {
    float: left !important;
  }
  
  .mcl-grid-cell-customer-left {
    padding-bottom: 0px !important;
  }
  
  .mcl-grid-cell-compliance-policy {
    padding-top: 0px !important;
  }

  .mcl-tabs-news-events img {
    float: left;
  }

  div.mcl-div-contact-address-info {
    float: left;
    margin-bottom: 0px;
  }	
  .mcl-table.mcl-table-contact-phone-info {
    margin: 30px 0 30px;
  }
  .mcl-table-contact-phone-info .mcl-table-data {
    padding-bottom: 0px;
  }

  /* prevent layer slider display at mobile size (devices and browser) */
  .avia-layerslider {
    /* display: none !important; */
  }
}

/* tablet view */
@media only screen and (max-width: 767px) and (min-width: 480px) {

  /* shrink header logo if required */
  .responsive .logo img {
  }
}



/* phone view */
@media only screen and (max-width: 480px) {

  /* shrink header logo if required */
  .responsive .logo img {
/*    max-height: 46px; */
  }
  
  .mcl-text-block-mix-concrete-pigments a,
  .mcl-text-block-mix-concrete-additives a,
  .mcl-text-block-mix-concrete-formoils a,
  .mcl-text-block-mix-asphalt-pigments a,
  .mcl-text-block-mix-asphalt-additives a {
    text-align: center;
  }
  
  .mcl-link-concrete-pigments,
  .mcl-link-concrete-additives,
  .mcl-link-concrete-formoils,
  .mcl-link-asphalt-pigments,
  .mcl-link-asphalt-additives {
    display: none;
  }
}