/*
Theme Name: WellMadeWebsite
Theme URI: http://www.wellmadewebsite.co.uk
Description: Designed by <a href="http://www.wellmadewebsite.co.uk">WellMadeWebsite</a>.
Author: Tom Fraser
Version: 0.1
Template: genesis
Tags: the child of genesis
 
*/
/* # Table of Contents




/* # Imports
---------------------------------------------------------------------------------------------------- */

@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600);  

@import url("genesisstyle/style.css");

/* # HTML5 Reset
---------------------------------------------------------------------------------------------------- */

	
/* Column Classes
 *
 * Width: 1200px
 * Gutter: 30px
 * Link: http://www.billerickson.net/column-class-generator/
--------------------------------------------- */

.five-sixths,
.four-sixths,
.four-fifths,
.one-fifth,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-fifths,
.three-sixths,
.two-fourths,
.two-fifths,
.two-sixths,
.two-thirds {
	float: left;
	margin-left: 2.5%;
}
 
.one-half,
.three-sixths,
.two-fourths {
	width: 48.75%;
}
 
.one-third,
.two-sixths {
	width: 31.666666666667%;
}
 
.four-sixths,
.two-thirds {
	width: 65.833333333333%;
}
 
.one-fourth {
	width: 23.125%;
}
 
.three-fourths {
	width: 74.375%;
}
 
.one-fifth {
	width: 18%;
}
 
.two-fifths {
	width: 38.5%;
}
 
.three-fifths {
	width: 59%;
}
 
.four-fifths {
	width: 79.5%;
}
 
.one-sixth {
	width: 14.583333333333%;
}
 
.five-sixths {
	width: 82.916666666667%;
}
 
.first {
	clear: both;
	margin-left: 0;
}
	
	
	

/* ## Baseline Normalize
--------------------------------------------- */
/* normalize.css v3.0.1 | MIT License | git.io/normalize */
body{font-family: 'Open Sans', sans-serif;font-size: 1em; letter-spacing:; background: #FFFFFF;color:#5F6075;font-weight:500;}

h1, h2, h3, h4, h5, h6 { color: #02773D; padding-bottom: 10px; line-height: 1em;  }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }
h1 { font-size: 30px; font-size: 1.2em; }
h2 { font-size: 26px; font-size: 1.6em;}
h3 { font-size: 22px; font-size: 1.4em;}
h4 { font-size: 18px;  font-size: 1.2em;}
h5 { font-size: 16px;  font-size: .9em;}
h6 { font-size: 14px; color: ; font-size: 1.2em;line-height: 1.5em; }
p { padding-bottom:0px; margin-bottom:16px;line-height: 1.5em; color:#5F6075; font-weight:500;}


a {
	color: #02773D;
	text-decoration: none;
}

a:hover {
	color: #E15E2F;
}


/* --------------------------     ------------- HEADER  --------------------------------------------- */

.site-header {
	min-height: 188px;
	border-bottom:0;
	background: #DDF0FF url(images/bg-header2.jpg)50% 100% no-repeat;
}

.site-header .wrap {
	padding: 35px 0px 30px 0px;
}

.title-area {
	position:relative; 
	padding:0px 0px 0px 0px;
	max-width: 170px;


}

.header-image .site-title a {
  float: left;
  min-height: 168px;
  width: 100%;
  background-size: cover;
}

a#skip { 
position:absolute; 
left:-10000px; 
top:auto; 
width:1px; 
height:1px; 
overflow:hidden;
} 
 
a#skip:focus { 
position:static; 
width:auto; 
height:auto; 
}

/* --------------------------------------------- Header Bar --------------------------------------------- */
.site-header .wrap {
	padding: 10px 10px;
background-color:rgba(255, 255, 255, 0.5)
}

.site-header .widget-area {
    float: right;
    text-align: right;
    width: 500px;
}



#google_translate_element {position:relative;top:0px;margin:-1px 0px 0px 0px;padding:0px 0px 0px 0px;z-index:99;width:100%;height:100%;}

div#google_translate_element div.goog-te-gadget-simple{background-color:transparent;border:0px;width:100%;height:100%;}
div#google_translate_element div.goog-te-gadget-simple span { }
div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span{color:#2E3589;font-size:1.4em;font-weight:600;}
div#google_translate_element div.goog-te-gadget-simple a.goog-te-menu-value span:hover{color:#2E3589;}
div#google_translate_element .goog-te-gadget {font-family: 'Open Sans', sans-serif;}
div#google_translate_element div.goog-te-gadget-simple span span:nth-of-type(2) {border-left:0px solid #bbb !important;color:#E7B619 !important;}
div#google_translate_element div.goog-te-gadget-simple span span:nth-of-type(3) {display:none;color:#0F376E !important;margin:0px 0px 0px 5px;font-size:.9em;}



.site-header .widget-area h1{
    font-size:2em;
	padding-bottom:0px;
	font-weight:normal;
}
 
 
.site-header .widget-area h1 a{
    color:#02773D;
}
.site-header .widget-area h1 a:hover {
	color: #E15E2F;
}
.site-header .widget-area p{
	padding-bottom:0px;
	margin-bottom:0px;
	color:#2E3589;
	font-weight:bold;
}

 
 /* --------------------------------------------- MAIN NAVIGATION --------------------------------------------- */
 
.nav-primary {
	background-color: #02773D;
	border-bottom:0;
}

.genesis-nav-menu {
	clear: both;
	font-size: .9em;
	line-height: 1em;
	width: 100%;
	font-weight:bold;
	text-transform:uppercase;
	

}
 
#menu-main a {
 	color: #E5F6FF;
	display: block;
	padding: 15px 20px;
	margin:0px 0px 0px 0px;
	text-decoration:none;
}

#menu-main li.menu-item-89 a {
	padding-left: 0px;
}


#menu-main li.menu-item-104 a {
	padding-right: 0px;
}

#menu-main .current_page_item a,
#menu-main .current-menu-item a,
#menu-main li.current_page_parent a,
#menu-main > li a:active,
#menu-main > li a:hover {
	color:#10B956;

}

#menu-main li ul li,
#menu-main li ul li a {
	background:#0B9444;
	color: #E5F6FF !important;
}
 
#menu-main .current_page_item ul a,
#menu-main .current-menu-item ul a,
#menu-main li ul .current_page_item a,
#menu-main li ul .current-menu-item a {
	background:#0B9444;
}
 
#menu-main li ul li a:hover {
 	color: #00FF6A !important;
	background:#0B9444;
}

#menu-main li ul li:last-child a,#menu-main li.current_page_parent li:last-child a {
}

.genesis-nav-menu .sub-menu {
	-webkit-transition: opacity .8s ease-in-out;
	-moz-transition: opacity .8s ease-in-out;
	-ms-transition: opacity .8s ease-in-out;
	-o-transition: opacity .8s ease-in-out;
	transition: opacity .8s ease-in-out;
	
	
}

.genesis-nav-menu .sub-menu a {
	  border-style: solid ;
	border-width: 0px 0px 1px 0px ;
	border-color: #10B956;
	padding: 10px 0px !important;
	margin: 2px 10px 0px 10px !important;
}

.genesis-nav-menu .sub-menu li:last-child a {
	border-width: 0px 0px 0px 0px ;
}

/* --------- menu level 3---- */
.genesis-nav-menu .sub-menu .sub-menu {
  margin: -35px 0 0 199px;

}

#menu-main li ul li ul li,#menu-main li ul li ul li a {
    background-color:  ;

}

#menu-main li ul li ul li a {
	
}

/* --------- menu level 4---- */

#menu-main li ul li ul li ul li,#menu-main li ul li ul li ul li a {
    background-color: ;

}

#menu-main li ul li ul li ul li a {

}




/* Responsive Menu
--------------------------------------------- */

.responsive-menu-icon {
	cursor: pointer;
	display: none;
	margin-bottom: -1px;
	text-align: center;
}

.responsive-menu-icon::before {
	content: "\f333";
	display: inline-block;
	font: normal 20px/1 'dashicons';
	margin: 0 auto;
	padding: 10px;
	color:#FFFFFF;
}

.site-header .responsive-menu-icon::before {
	padding: 0;
}
.nav-primary .genesis-nav-menu.responsive-menu .sub-menu a {
	color: #333333;
}
.nav-primary .genesis-nav-menu.responsive-menu a:hover,
.nav-primary .genesis-nav-menu.responsive-menu .current-menu-item > a,
.nav-primary .genesis-nav-menu.responsive-menu .sub-menu .current-menu-item > a:hover {
	color: #e5554e;
}

/*     ******************************  ----------------- SIDEBAR   ------------ ***************************               */


.sidebar {
	font-size: 1em;
	padding:;
	

}
.sidebar .widget {
	  background:none;
	  padding:50px 40px 40px 0px;
}

.sidebar h4.widget-title {
	font-size: 1.4em;
	text-transform:uppercase;
	border-bottom:1px solid #0B9444;
	display: block;
	
}

.sidebar li {
	position:relative;
	line-height:24px;
	border-bottom:1px solid #0B9444;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-weight:bold;
}

.sidebar li:first-child  {


}
 
.sidebar li a {
 	color: #02773D;
	padding:15px 0px 15px 20px;
	display:block;
}


.sidebar .menu .current_page_item a,
.sidebar .menu .current-cat a,
.sidebar .menu .current-menu-item a,
.sidebar .menu li a:hover {
	color: #E15E2F;
	font-weight:bold;


}


/* --------- menu level 2---- */

.sidebar ul li ul.sub-menu {
	position: relative;
	max-height: 0;
    -webkit-transition: all 1.5s ease;
       -moz-transition: all 1.5s ease;
        -ms-transition: all 1.5s ease;
         -o-transition: all 1.5s ease;
            transition: all 1.5s ease;
    overflow: hidden;
	
}



.sidebar ul li:hover ul.sub-menu { 
	max-height: 500px;
    -webkit-transition: all 1.5s ease;
       -moz-transition: all 1.5s ease;
        -ms-transition: all 1.5s ease;
         -o-transition: all 1.5s ease;
            transition: all 1.5s ease;
}

.sidebar ul li ul.sub-menu li {
	
}

.sidebar ul li  ul.sub-menu li:first-child  {

}

.sidebar ul li  ul.sub-menu li:last-child  {
	border-bottom:0px solid #B3B0C1;
}


/*     ******************************  ----------------- SITE INNER   ------------ ***************************               */

.site-inner {
  background:;
  clear: both;
  padding-top: 0px;
}

.entry {
    margin-bottom: 20px;
    padding: 40px 0px 0px 20px;
}

.content article.entry {
  background: none !important;
}

.content .wp-post-image {
  background: none !important;
  padding: 0px 0px 0px 0px;
}

h1.entry-title {
	font-size: 2.4em;
	padding-bottom:20px;
	border-bottom: 1px solid #0B9444;
	margin-bottom:25px;
	color:#E15E2F;
}


/*     ******************************    HOME     ***************************               */

/*     ******************************   News   ***************************               */

.newsbit {margin:0px 0px 20px 0px;padding:0px 0px 0px 0px; border-bottom:1px solid #8480AF}

.newsbittxt img {width:100px;height:100px; border:0;margin-top:5px;}
.newsbittxt {margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.newsbit h3 {margin:0px 0px 10px 0px;padding: 0px 0px 0px 0px;font-weight:normal;}
		.newsbit p {font-size:.9em;margin:0px 0px 15px 0px;padding: 0px 0px 0px 0px;font-weight:normal;}
		.newsbit p.newsdate {font-size:.8em;margin:0px 0px 0px 0px;padding: 0px 0px 0px 0px;font-weight:normal;}
		.newsbit a,.newsbit a:Visited,.newsbit a:Active {color: ;text-decoration:none;}
        .newsbit a:hover {color:;text-decoration:none;}

/*     ******************************   News   ***************************               */
.entry-footer {
	display:none;
}
/*   .single-ai1ec_event .sidebar {
	display:none;
}
.single-ai1ec_event .content {
  width: 100%;
}  */

/*     ******************************   LIVE COMOSER EDITS     ***************************               */
.omsc-toggle-title:hover,
.omsc-toggle.omsc-expanded .omsc-toggle-title {
  background:rgba(183,43,58,1) !important;
  color: #FFFFFF;
  font-weight:bold;
}

/*     ******************************    CONTACT     ***************************               */
.page-id-8 iframe {
	display:block;
	border:0;
	padding:0;
	margin:0;
	width:100%;
	height:450px;
	
}
input[type="submit"], .button {
    background-color: #0F376E;
    border: 0;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 300;
    padding: 16px 24px;
    text-transform: uppercase;
    width: auto;
	border-radius:10px;
}
input[type="submit"]:hover {
    background-color: #65D2FF;
    color: #0F376E;
}

/* ----------------------------------------------------------    SITE FOOTER  --------------------------------------------- */

.footer-row1 {
	background: url(images/bg-header.png)50% 100% no-repeat;
	padding:10px 0px 0px 0px;
	min-height:120px;
}

.footer-row1 .wrap {
    margin: 0 auto;
    max-width: 1200px;
}

.footer-row1 p {
	color:#636854;
	margin:15px 0px 0px 0px;
	font-size: .8em;

	text-align:left;
}




.footer-row2 {
	background:#0B9444;

	
}

.footer-row2 .wrap {
    position:relative;
	margin: 0 auto;
    max-width: 1200px;
	padding:30px 0px 10px 0px;

}
.footer-row2 .one-fourth {
	margin-bottom:20px;
}

.footer-button {
	border-bottom-right-radius:10px ;
	border-bottom-left-radius:10px ;
	
}

.footer-button.footer-link1 {
	background:#E05927;
}

.footer-button.footer-link2 {
	background:#18351C;
}

.footer-button.footer-link3 {
	background:#E42225;
}

.footer-button.footer-link4 {
	background:#02773D;
}

.footer-button:hover {

	background:#65d2ff;
}

.footer-button a h4 {
	text-decoration:none;
	color:#FFFFFF;
	padding:0px 20px 0px 20px;
}

.footer-button a:hover h4 {
	color:#0F376E;
}
.ft-img {
    display: inline-block;
    overflow: hidden;
    width:100%;
    border: 0px solid gray;
}
.ft-img img {
	width:100% !important;
	margin:0px auto;
	
 -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    vertical-align: middle;
	
}

.ft-img img:hover {
    -webkit-transform:scale(1.1); /* Safari and Chrome */
    -moz-transform:scale(1.1); /* Firefox */
    -ms-transform:scale(1.1); /* IE 9 */
    -o-transform:scale(1.1); /* Opera */
    transform:scale(1.1);
}
/* ----------------------------------------------------------    SITE CREDIT  --------------------------------------------- */

.site-footer {
  background-color:#02773D !important;
  font-size: .7em;
  line-height: 24px !important;
  margin:0px 0px 0px 0px !important;
  padding:35px 0px 25px 0px !important;
	border-top:0;
  color:#ffffff;
}

.site-footer .wrap  {

	padding:0px 0px 0px 0px;
	margin:0px auto;
}


.site-footer .wrap  .two-fourths, .site-footer .wrap  .one-fourth{
	margin-bottom:10px;
}
 
 .site-footer .council p {
	text-align:right;

}
 
 .site-footer .council img {
	max-width:277px;

}


.site-footer p {
	text-align:left;
	color:#ffffff;
}

.site-footer p a {
	color:#ffffff;
}

.site-footer p a:hover {
	color:#00FF6A;
}


/*     ******************************     MEDIA QUERIES     ***************************               */


/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
#menu-main a {
	padding: 15px 10px;
	margin:0px 0px 0px 0px;
	font-size:.8em;
}

.footer-row1 .wrap {
    padding:0px 20px 0px 20px;
}
.footer-row2 .wrap {
    padding:20px 20px 20px 20px;
}

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
.site-header .widget-area {
    width: 500px;
}


#menu-main a {
	padding: 15px 10px;
	margin:0px 0px 0px 0px;
	font-size:.7em;
}


}

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

	.five-sixths,
	.four-sixths,
	.four-fifths,

	.one-half,

	.three-fourths,
	.three-fifths,
	.three-sixths,
	.two-fourths,
	.two-fifths,
	.two-sixths,
	.two-thirds {
		margin: 0;
		width: 100%;
	}
	
	.one-fourth {
	width: 48.75%;
}
}



@media only screen and (max-width: 768px) {
.site-header .wrap {
	padding: 10px 10px;
}

.site-header .widget-area {
    width: 400px;
}
.site-header .widget-area h1{
    font-size:1.4em;
}
 
.site-header .widget-area p{
	font-size:.8em;
}

.entry {padding: 10px 10px;}
.sidebar .widget {padding: 10px;}


.site-footer .wrap {
  padding: 0px 20px 0px 20px !important;
}
	.footer-widgets,
	.nav-secondary,
	.site-footer,
	.site-header,
	.site-inner {
		padding-left: 5%;
		padding-right: 5%;
	}
.site-footer p, .site-footer .council p {
	text-align:center;

}

	
/*     ******************************      nav      ***************************               */	

	.genesis-nav-menu > .first > a {
		padding-left: 20px;
	}

	.genesis-nav-menu.responsive-menu > .menu-item > .sub-menu,
	.genesis-nav-menu.responsive-menu {
		display: none;
	}

	.genesis-nav-menu.responsive-menu .menu-item,
	.responsive-menu-icon {
		display: block;
	}
	
	.genesis-nav-menu.responsive-menu .menu-item {
		margin: 0;
	}

	.genesis-nav-menu.responsive-menu .menu-item:hover {
		position: static;
	}
	
	.genesis-nav-menu a {
		line-height: 1;
		padding: 10px 20px;
	}

	.genesis-nav-menu.responsive-menu .menu-item-has-children {
		cursor: pointer;	
	}

	.genesis-nav-menu.responsive-menu .menu-item-has-children > a {
		margin-right: 60px;

	}

	.genesis-nav-menu.responsive-menu > .menu-item-has-children:before {
		content: "\f347";
		float: right;
		font: normal 16px/1 'dashicons';
		height: 16px;
		padding: 10px 20px;
		right: 0;
		text-align: right;
		z-index: 9999;
		color: #FFFFFF;
	}

	.genesis-nav-menu.responsive-menu .menu-open.menu-item-has-children:before {
		content: "\f343";
	}
	
	.nav-primary .genesis-nav-menu.responsive-menu > .menu-item-has-children:before {
		color: #fff;
	}

	.genesis-nav-menu.responsive-menu .sub-menu {
		background-color: rgba(0, 0, 0, 0.05);
		border: none;
		left: auto;
		opacity: 1;
		position: relative;
		-moz-transition:    opacity .4s ease-in-out;
		-ms-transition:     opacity .4s ease-in-out;
		-o-transition:      opacity .4s ease-in-out;
		-webkit-transition: opacity .4s ease-in-out;
		transition:         opacity .4s ease-in-out;
		width: 100%;
		z-index: 99;
	}

	.genesis-nav-menu.responsive-menu .sub-menu .sub-menu {
		background-color: transparent;
		margin: 0;
		padding-left: 25px;
	}

	.genesis-nav-menu.responsive-menu .sub-menu li a,
	.genesis-nav-menu.responsive-menu .sub-menu li a:hover {
		background: none;
		border: none;
		padding: 14px 20px;
		position: relative;
		width: 100%;
	}



	.archive-pagination li a {
		margin-bottom: 4px;
	}

	.five-sixths,
	.four-sixths,
	.one-fourth,
	.one-half,
	.one-sixth,
	.one-third,
	.three-fourths,
	.three-sixths,
	.two-fourths,
	.two-sixths,
	.two-thirds {
		margin: 0;
		width: 100%;
	}


}

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

.site-header .widget-area {
    width: 300px;
}
.site-header .widget-area h1{
    font-size:1em;
}
 
.site-header .widget-area p{
	font-size:.7em;
}

}

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

.site-header .widget-area {
    width: 200px;
}
.site-header .widget-area h1{
    font-size:.9em;
}
 
.site-header .widget-area p{
	font-size:.6em;
}

}


 /* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
 .site-header .wrap {
	padding: 10px 10px;
} 


.title-area {
    float: none!important;
  text-align:center!important;
  margin:0px auto!important;
	
}

.header-image .site-title a {
  float: none!important;
  text-align:center!important;
}
.site-header .widget-area {
    width: 100%;
	text-align:center;
}

.row-icon-single{
padding:5px 0px !important;
}
.row-icon-single a{
padding:5px 5px !important;
}
.row-icon-single span {
display:none;
} 
.site-footer .wrap {
  padding: 0px 20px 0px 20px !important;
}

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
 .site-header .wrap {
	padding: 10px 0px;
}  



.my_before_header-left,
.my_before_header-right {
	width: 100%;
}

.site-header .search-form{
  margin-bottom:10px;
}

.title-area {
	
	
}
.header-image .site-title a {
 background-size: 250px 53px !important;
}
.site-header {

}


.row-icon-single{
padding:5px 0px !important;
}
  
.site-footer .wrap {
  padding: 0px 20px 0px 20px !important;
}

}
