/* Webuseful Master CSS Document */
/*CONTENTS
+RESET STANDARD ELEMENTS
+HEADER 
+MENU
+MAIN CONTENT
+FOOTER
+UTILITIES
+HOME PAGE

(responsive styles which need media rules are in webu-responsive.css)

*/

/* +RESET STANDARD ELEMENTS */
body { 
	background-color : #f7f7f7;
	/*	color : #828282; */
	color : #707070;
	line-height : 1.5;
	font-size : 16px;
	font-family : 'Open Sans', Arial, Verdana, Tahoma, sans-serif; 
	}
	
a {
  color: inherit;
  text-decoration: underline;
}

a:hover,
a:focus {
  color: #333;
  text-decoration: underline;
}
	
th { 
	text-align:left;
	font-weight:bold;
}

h3 { color : #e01214; }

li { 
	line-height : 1.5;  /*Override bootstrap*/
} 

/* +HEADER  */
header { 
	padding : 2.8% 0; /*top & bottom padding is %age of width, not height */
 }

header a, header a:hover, header a:active {
	text-decoration:none;
	color : #707070;
}
 
 
#webu-logo {
	width : 100%;
	max-width : 470px;
	height : auto;
	border : none;
	outline:none;
}


#header-contact {
	text-align : right;
	color : #707070;
	font-size : 24px;
	line-height : 32px;
}

#header-contact-phone {
	font-size : 18px;
}



header #header-contact-phone:hover {
	color : #000;
}

#slogan { 
	/*text-align : center; */
	font-size : 22px;
	line-height : 26px;
	color : #7d7d7d;
	margin-top : 10px;
	margin-bottom : 0px;
}

#slogan a{
	text-decoration: none;
	color : #4b4b4b;
}

#slogan a:hover, #slogan a:active {
	color : #4b4b4b;
}


#cookie-notice{
	position : fixed;
	left : 10px;
	bottom : 20px;
 	display:none; 
	z-index : 999;
}

#cookie-notice h4 {
	margin : 0 0 5px 0;
}

#cookie-notice a, #cookie-noticet a:link, #cookie-notice a:visited, #cookie-notice a:focus, #cookie-noticea:active {
	text-decoration: underline;
	outline:none;
}

#cookie-notice a:hover {
	text-decoration: underline;
}

/* +MENU */
nav { 
/*	text-shadow: 0 1px 1px #fff; */
background: #e01214; /* Old browsers */
background: -moz-linear-gradient(top,  #f27f2f 0%, #e01214 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f27f2f), color-stop(100%,#e01214)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f27f2f 0%,#e01214 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f27f2f 0%,#e01214 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f27f2f 0%,#e01214 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f27f2f 0%,#e01214 100%); /* W3C */
}
/*
#container-for-main-nav { 
	max-width:1170px; 
	margin-left : auto;
	margin-right : auto;
	}
*/
@media (min-width: 768px) {
#main-nav { margin : 0; }

	
#main-nav ul.level2,
#main-nav ul.sub-menu
 {
      left: -999em;
      position: absolute;
		top: 40px;
		width: 300px;
		z-index: 99;	
		border: 1px solid #ddd;
		border-radius: 5px; 
		background-color : #f7f7f7;
		margin : 0;
   }

#main-nav li {
    position: relative;
	border-right: 1px solid #f27f2f;
	list-style : none;
   }

#main-nav li:last-child {
   border-right: none;
   }

#main-nav a {
	color: #fff;
	display: block;
	text-decoration: none;
	height: 35px;
	line-height: 35px;
	margin: 3px;
	padding: 0 10px;
	border-radius : 3px;		
	-webkit-transition: background-color 0.5s;
	-moz-transition: background-color 0.5s;
	-o-transition: background-color 0.5s;
	-ms-transition: background-color 0.5s;
	transition: background-color 0.5s;	
   }

#main-nav ul, #main-nav li, #main-nav a  {
      float: left;
   }

	
#main-nav .level2 li, #main-nav .level2 a {
         float: none;
   }

#main-nav .sub-menu li, #main-nav .sub-menu a {
         float: none;
   }
   
#main-nav .level2 li {
         border-right: none;
   }

#main-nav .sub-menu li {
         border-right: none;
   }
   

#main-nav li:hover a {
	background-color : #fff;
	color : #828282;
}

#main-nav li a.current {
	background-color : #fff;
	color : #828282;
}


#main-nav li:hover .level2  a,
#main-nav li:hover .sub-menu  a,
 {
	background-color: #fff;
	color : #828282;
}

#main-nav li:hover .level2 { left : 0; }
#main-nav li:hover .sub-menu { left : 0; }

#main-nav li:hover .level2 a:hover,
#main-nav li:hover .sub-menu a:hover
 { 
	background-color : #e01214; 
	color : #fff;
	}

#main-nav li .level2 a.current,
#main-nav li .sub-menu a.current,
 { 
	background-color : #e01214; 
	color : #fff;
	}


} /* end of @media (min-width: 768px) */		

/* +MAIN CONTENT */
#content { min-height : 400px;} /*Overridden in webu-responsive.css*/

.page-content section.elementor-element {
	
	border-top: 1px solid #f27f2f;
	background-color: white;
}

.page-content section.elementor-element:first-of-type {
	border-top: none;
}


/*
section.elementor-element:nth-of-type(odd) {
	background-color: white;
}

section.elementor-element:nth-of-type(even) {
	background-color: rgb(247,247,247);
}
*/


/*Stop the styles above showing in blog posts: index.php and single.php */
/*
.blog-entry-single section.elementor-element:nth-of-type(odd),
.blog-entry-single section.elementor-element:nth-of-type(even),
.postcontent section.elementor-element:nth-of-type(odd),
.postcontent section.elementor-element:nth-of-type(even){
	background-color: transparent;
}
*/


/* for the Inner Section widget that nests rows */
section.elementor-element section.elementor-element { background-color: transparent; }

/*Stop Elementor overiding my styles*/
#content {
	color : #707070;
	line-height : 1.5;
	font-size : 14px;
	font-family : 'Open Sans', Arial, Verdana, Tahoma, sans-serif; 
}

#content a {
  color: inherit;
  text-decoration: underline;
}

#content a:hover,
#content a:focus {
  color: #333;
  text-decoration: none;
}



#content .elementor-text-editor,
#content .elementor-heading-title {
	color : #707070;
	font-family : 'Open Sans', Arial, Verdana, Tahoma, sans-serif; 
}


.pre { margin-bottom : 0; }
.strong { font-weight:bold; color : #000}
.slogan { font-weight:bold; color : #e22017;}
.readmore { text-align : right;}
.callout {
	max-width: 350px;
	margin : 0 5% 20px 0;
	border : 1px solid #f27f2f;
	border-radius : 10px;
	background-color : #fff;
	padding : 1em;
	-webkit-box-shadow: 7px 7px 5px rgba(30, 30, 30, 0.3);
	-moz-box-shadow:    7px 7px 5px rgba(30, 30, 30, 0.3);
	box-shadow:         7px 7px 5px rgba(30, 30, 30, 0.3);
}

.testimonial-sig { font-style:italic; }

.testi { font-family:Georgia, "Times New Roman", Times, serif; }

.testi-sig {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-style:italic;
	padding-bottom : 0;
	margin-bottom : 0;
}

.quo { /*used for the quotes in testimonials*/
	font-weight : bold;
	font-size : 18px;
	line-height : 18px;
}

.strapline {
	font-weight : bold;
	color : #000;
}

.carousel-indicators {
  background: #333333;
  background: rgba(0, 0, 0, 0.2);
  padding : 5px;
	border-radius : 5px;
}

a.carousel-control, a.carousel-control:hover, a.carousel-control:focus { text-decoration:none;}

.carousel-caption {
  padding: 5px 15px;
  background: #333333;
  background: rgba(0, 0, 0, 0.5);
}

.carousel-caption a, .carousel-caption a:link, .carousel-caption a:visited, .carousel-caption a:active  {
	color : #fff;
	text-decoration:underline;
}

.carousel-caption a:hover {
	color : #fff;
	text-decoration:none;
}

a.subtle {
	text-decoration: none;
	color:inherit;
}

.dot li { 
	list-style-image : url( ../images/dot.jpg);
	padding : 3px 0;	
}

/* +FOOTER */
footer {
	background-color : #e5e5e5;
	padding-top : 30px;
	border-top: 1px solid #f27f2f;
}

footer a { color : inherit }
#sm-logos img {
	width : 54px;
	height : 54px;
	float : right;
	margin-left : 20px;
	border : none;
	outline : none;
}

#sm-logos a, #sm-logos a:hover, #sm-logos a:active, #sm-logos a:visited {
	text-decoration:none;
}

/* +UTILITIES STYLES */
.legals {
	font-size : 12px;
	text-align : center;
}

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}

.padder-2 { 
	padding : 2%;
	padding-left : 0;
	}

.left-49 {
	width : 49%;
	float : left;
}

.right-49 {
	width : 49%;
	float : right;
	text-align:right;
}

div.headline {/*Used for BBC news on Web App page*/
	line-height: 1.7;
    font-family: Georgia;
    font-size: 16px;
}

/* +HOME PAGE  STYLES */

/*For the wp-show-posts plugin*/

.wp-show-posts-image {
	padding-top:20px;
	padding-bottom:20px;
	
}


/*
#home-page .tab-pane.active { 
	background-color : #fff;
	border : 10px solid #d2d2d2;
	}

#home-tabs li { 
	background-color : rgb(190,190,190);
	margin-left : 1.5%; 
	width : 15%;
	min-width : 90px;
	padding : 1.2%;
	white-space: nowrap;
	vertical-align:middle;
	}

#home-tabs li:nth-child(2){
		background-color : rgb(200,200,200);
}

#home-tabs li:nth-child(3){
		background-color : rgb(210,210,210);
}

#home-tabs li:nth-child(4){
		background-color : rgb(220,220,220);
}
#home-tabs li:nth-child(5){
		background-color : rgb(230,230,230);

}


#home-tabs li.active	 {
		background-color : #fff;
}

#home-tabs li a {
		background-color : inherit;
		border : none;
		padding : 0;
		line-height : 36px; 
}	

#home-tabs li a:hover 	 {
		background-color : inherit;
}

#home-tabs li a img {
	width : 36px;
	height : 36px;
	float : left;
	margin-right : 10px;
}
*/