/* This CSS file is in relation to anvilweb.com & includes the BLOG layout CSS -- Last updated 27 Sep '21 17:22*/


h1 {
    font-size: 1.4em;
    margin-top: 0.67em;
    margin-bottom: 0.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: 300;
    color: #005EB8;
}

h2 {
    font-size: 1.2em;
    margin-top: 0.67em;
    margin-bottom: 0.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: 300;
    color: #005EB8;
}

h3 {
    font-size: 0.9em;
    margin-top: 0.67em;
    margin-bottom: 0.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: 300;
    color: #005EB8;
}

.p12 {
	font-size: 0.7em;
}


.bg1 {
	background-color: #F0F0F0;
	padding: 9px;
}


/* Lead Header  */
.leadheader1 {
background-color: #005698;
font-size: 25px;
font-weight: 700;
color: #FFF;
text-align: center;
padding: 30px 20px 30px 20px;	
}
/*  Website Maintenance */
.webmaintenance { 
text-align: center;
font-size:12px;
border: solid 2px red;
padding: 4px;
}

/* Columns that are non standard*/
.col-12b {
	font-size:12px;
}

.top_row {
    background-color: #005698;
    padding: 0px;
    color: #fff;
    font-size: 0.8em;
}

div.ectmegamenu {
    background-color: #005698;
}

div.ectmegamenu > ul > li {
    background-color: #005698;
    color: #FFF;
    font-size: 1.0em;
    padding: 5px 0;
}

div.ectmegamenu > ul > li:hover{
background-color:#005698;
}

.ectdp_minicartmainwrapper {
    color: #333;
    background: #005698;
    font-size: 14px;
}

.copyright_text {
    border-top: 1px solid #fff;
    padding: 15px 0;
    background: #005698;
    color: #fff;
}

.footerWrapper {
    margin: 0px;
    padding: 0px;
    background: #f1f1f1;
    border-top: 3px solid #005698;
    color: #2d2d2d;
    line-height: 20px;
    font-size: 14px;
}

/* Info highlighting */
.info1 {
	border: solid 3px #4DA6E9;
	padding: 6px;

}
/*  Prod Page Desc Amendments*/
div.divprem {
	background-color: #FFF;
	text-align:center;
}

/* Categories page override */
div.category:hover {
    border: 3px solid #005698;
}

div.product:hover {
    border: 3px solid #005698;
}

/* Products page prod image override start*/

img.prodimage {
    max-width: 100%;
    max-height: 130px;
    border-bottom: 1px solid #d1d1d1;
    padding-bottom: 14px;
}

/* Products page prod image override end*/

/*Products page 2 & 3 layout overrides start */

div.prodname {
    font-size: 0.95em;
    text-align: center;
}

div.prodprice {
    font-size: 0.95em;
    color: #0020C0;
    text-align: center;
}

div.detaillink {
    float: left;
    width: 100%;
    text-align: center;
    padding: 0px;
    margin: 10px 1px 0px 0px;
}
/*Prod page 2 & 3 layout overrides end */

span.megamobiletext:before{
content:""; /*Leaving between quotations blank removes the word Menu far left on smaller responsive screens */
}

div.ectmegamenu > ul > li > ul > li {
    text-transform: none;
}

/* Mega Menu Overrides*/
/*On hover adds Left hand border */
div.ectmegamenu > ul > li > ul > li a:hover,
div.ectmegamenu > ul > li > ul > li > ul > li a:hover{
background-color: #FFF;
color:#000;
border-left: solid 4px #004680;
}

.ectmegamenu > ul > li > ul.normal-sub > li a,
div.ectmegamenu > ul > li > ul > li a,
div.ectmegamenu > ul > li > ul > li > ul > li a{
color:#333;
padding:8px; /*Controls  h space between menu elements 14.01.2022 */
box-sizing:border-box;
border-bottom:none;
}

/* Hides date added on details page */
div.detaildateaddedlabel, div.detaildateaddeddate {
    display: none;
    font-weight: bold;
    margin-right: 4px;
}

/* Email a friend header color */
.emfhl {
    background: #005698;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
    font-family: FontAwesome, sans-serif;
}


/* Prevents megamenu from being ovewritten on updaters *//*
/* Amended from the black dropdown to the + symbol for all screens 02-09-2021*/
.ectmega-has-dropdown > a:after{
content:"";  padding-left: 6px;  /* Original entity \25bc */
font-family:"Helvetica";
}

/*Admin changes via CSS   */
/*.hidecat.category {display:none;}
/*.hideprod.product {display:none;}


/*Unordered lists show zero bullets - <ul class="no-bullets">  */ 
ul.no-bullets {
  list-style-type: none;
  margin: 10px;
  padding: 0;
}

/* Image Header Credit  */

.imgheadercredit {
  color: blue;
  text-indent: 30px;
  font-size: 9px;
}

/* BLOG CSS */
/* BLOG Header Blog Title */
.blogheader {
  padding: 20px;
  font-size: 26px;
  font-weight: 300;
  color: #005EB8;
  text-align: center;
  background: white;
}

/* Create two unequal columns that floats next to each other */
/* BLOG Left column */
.blogleftcolumn {   
  float: left;
  width: 75%;
}

/* BLOG Right column */
.blogrightcolumn {
  float: left;
  width: 25%;
  padding-left: 20px;
}

/* Blog image */
.blogimg {
  background-color: #aaa;
  width: 100%;
  padding: 20px;
}

/* BLOG Add a Card effect for articles */
.blogcard {
   background-color: white;
   padding: 20px;
   margin-top: 20px;
}

/* BLOG Clear floats after the columns */
.blogrow:after {
  content: "";
  display: table;
  clear: both;
}
/*FontAwesome Colours for icons */
.fa-angle-down, .fa-home, .fa-shopping-cart, .fa-file-text, .fa-gbp, .fa-align-justify, .fa-info, .fa-wrench, .fa-credit-card, .fa-cog, .fa-filter, .fa-phone, .fa-tablet, .fa-truck, .fa-search {
color:#B7E0FF;
}
.fa-gbp, .fa-lock {
color: #00FF00;
}
.fa-external-link {
color: #005698;
}

/* BREAKPOINTS */

/* Styles for screens below 940px*/
@media all and (max-width:940px)
.ectmega-has-dropdown:before{
content:"\002B" !important;
font-family:Helvetica;
cursor:pointer;
float:right;
padding:14px 14px 14px 30px;
font-size:22px;
clear:both;
background-color:#005698;
color:#fff;
}



/* Responsive BLOG layout - when screen is < 800px wide, makes 2 columns stack on top of each other instead of next to each other */
@media screen and (max-width: 800px) {
  .blogleftcolumn, .blogrightcolumn {   
    width: 100%;
    padding: 0;
  }

******************************************

/* Back To Top Button - 16.05.22*/

/*body {font-family: Arial, Helvetica, sans-serif; font-size: 20px;}*/

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 15px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: white;
  color: #005698;
  cursor: pointer;
  padding: 5px;
  border-radius: 4px;
  border:solid 1px #005698;
}

#myBtn:hover {
  background-color: white;
}


**************  STARTS BLOG CSS   create a new blog.css file or put in the custom.css file  *************

/* Adds grey background with some padding */
body {
  font-family: Arial;
  padding: 20px;
  background: #f1f1f1;
}

/* Header Blog Title */
.blogheader {
  padding: 20px;
  font-size: 40px;
  text-align: center;
  background: white;
}

/* Create two unequal columns that floats next to each other */
/* Left column */
.blogleftcolumn {   
  float: left;
  width: 75%;
}

/* Right column */
.blogrightcolumn {
  float: left;
  width: 25%;
  padding-left: 20px;
}

/* Blog image */
.blogimg {
  background-color: #aaa;
  width: 100%;
  padding: 20px;
}

/* Add a Card effect for articles */
.blogcard {
   background-color: white;
   padding: 20px;
   margin-top: 20px;
}

/* Clear floats after the columns */
.blogrow:after {
  content: "";
  display: table;
  clear: both;
}


/* Responsive BLOG layout - when screen is < 800px wide, makes 2 columns stack on top of each other instead of next to each other */
@media screen and (max-width: 800px) {
  .blogleftcolumn, .blogrightcolumn {   
    width: 100%;
    padding: 0;
  }