/*
Theme Name: Holt Town Council 2021
Theme URI: https://holttown-afc6council-gov-uk.stackstaging.com
Description: A WordPress powered website with a custom theme (design), updated Jan 2021 for new logo and colour scheme
Author: Josh.biz Web Design
Author URI: https://www.josh.biz
Version: 1.0

Designed June 2013 - Using a responsive and content first approach
*/

body {
	font-family: "ff-dagny-web-pro-n4", "ff-dagny-web-pro", Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.5em;
	color: #404040;
	/*padding-top: 1em;*/
	margin-bottom: 6em;
background: rgb(20,146,193);
background: linear-gradient(180deg, rgba(20,146,193,1) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 100%);
	border-top: 7px solid #21708e;
	text-align: center;
}
body.page-id-3040 {
	padding-top: 1em;
}
p {
	font-size: 16px;
}

a:link, a:visited {
	text-decoration: underline;
	color: #404040;
	}
	
a:hover, a:active {
	text-decoration: underline;
	color: #404040;
	}

.gridContainer {
	text-align: left;
	background: #ffffff;
	-webkit-border-top-left-radius: 32px;
	-webkit-border-top-right-radius: 32px;
	-moz-border-radius-topleft: 32px;
	-moz-border-radius-topright: 32px;
	border-top-left-radius: 32px;
	border-top-right-radius: 32px;
}

#announcement {
	background: #404040;
	text-align: center;
	color: #ffffff;
	font-size: 18px;
	padding: 1em;
	line-height: 1.6em;
	margin-bottom: 7px;
}
.page-id-3040 #announcement {
	display: none;
}
#announcement a:link, #announcement a:visited {
	color: #ffffff;
	text-decoration: underline;
	}
	
announcement a:hover, announcement a:active {
	}

#message {
	border: solid 1px #333;
    padding: 20px;
    margin: 2em 1em 2em 1em;
    background-color: #fffbe3;
}

header p#sitetitle a:link, header p#sitetitle a:visited {
	color: #767449;
	text-decoration: none;
	}
	
header p#sitetitle a:hover, header p#sitetitle a:active {
	text-decoration: underline;
	}

header {
	padding-top: 44px;
	padding-bottom: 0.5em;
}

#header img.owl {
	float: left;
	padding-top: 20px;
	margin-bottom: 6px;
	margin-right: 6px;
	max-width: 240px;
}

#header #contact img {
	float: right;
	margin-right: 8px;
	margin-top: 8px;
}

h1 {
	font-weight: 400;
	font-size: 26px;
	color: #5C5C5C;
	padding-top: 12px;
	line-height: 1.25em;
}

h2 {
	font-weight: 400;
	font-size: 24px;
	color: #205e75;
	line-height: 1.5em;
	margin-top: 1.5em;
	margin-bottom: 1em;
	border-bottom: solid 1px #c8c8c8;
	
}

h3 {
	font-weight: 700;
	font-size: 18px;
	color: #161F00;
	padding-top: 6px;
	line-height: 1.25em;
}

#maincontent h3 {
    font-weight: 400;
    font-size: 20px;
	color: #205e75;
    margin-top: 2em;
}

.post h1 a:link, .post h1 a:visited {
	text-decoration: none;
	}
	
.post h1 a:hover, .post h1 a:active {
	text-decoration: underline;
	}

.aligncenter, .wp-caption.aligncenter
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.alignleft, .wp-caption.alignleft,
.alignright, .wp-caption.alignright,
.aligncenter, .wp-caption.aligncenter {
    float: none;
    margin: 1em auto;
    display: block;
 }

.alignleft p.wp-caption-text, .alignright p.wp-caption-text {
	text-align: center;
	}

/* Top Level Items - Current Item */
#megaMenu ul.megaMenu > li.menu-item.current-menu-item > a, 
#megaMenu ul.megaMenu > li.menu-item.current-menu-parent > a, 
#megaMenu ul.megaMenu > li.menu-item.current-menu-ancestor > a {
  font-weight: bold;
  background: #86a136;
}

.widget_search .screen-reader-text {
    display:none;
}

.widget_search #searchsubmit {
    /*position:absolute;
    top:5px;
    left:135px;
    width:50px;
    height:50px;
    background: url("images/search.png") top left no-repeat;  
    border: none; */
}
 
.widget_search #searchsubmit:hover {
    /*background: url("images/search.png") top left no-repeat;  
    border: none; */
}

.search-box input {
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 170px;
}

#maincontent {
	background: #E9E9E9;
	background: none;
}

.single-member #maincontent {
	padding-top: 3em;
}

#maincontent ul li {
	margin-bottom: 6px;
}

#maincontent ul.members li a:link, #maincontent ul.members li a:visited {
	text-decoration: none;
	color: #404040;
	}
	
#maincontent ul.members li a:hover, #maincontent ul.members li a:active {
	text-decoration: underline;
	color: #404040;
	}


#maincontent ul.members {
	margin-top: 18px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 0;
}

#maincontent ul.members li {
	margin-left: 0;
	padding: 12px;
	margin-bottom: 18px;
	list-style-type: none;
	background-color: #e7e3cd;
	clear: left;
	overflow:auto;
	font-size: 15px;
	line-height: 24px;
		-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}

#maincontent ul.members li img {
	vertical-align: top;
	margin-right: 12px;
	margin-bottom: 0;
	max-width: 100px;
	max-height: 100px;
}
	
.post {
	border-top: solid 5px #17aae0;
	padding-top: 10px;
	margin-top: 40px;
	clear: both;
}

p.wp-caption-text {
	font-size: 15px;
	font-style: italic;
	text-align: center;
	padding-top: 4px;
	margin-top: 0;
	background: #f1f4e8;
}


/* Mobile Layout: 480px and below. */
  
#header {
	background: #E9E9E9;
	background: none;
}
#contact {
	display: none;
}

#nav {
	background: #D1D1D1;
	background: none;
}
#slider {
	background:#B2B2B2;
	background: #D3D2B6;
	background: none;
	padding-top: 1em;
}
#sidebar {
	background: #f5fcff;
	margin-top: 2em;
	-webkit-border-radius: 32px;
	-moz-border-radius: 32px;
	border-radius: 32px;
	padding-bottom: 1em;
}

#sidebar .widget h3 {
	margin-left: 24px;
	color: #2b7692;
	font-size: 24px;
	font-weight: 400;
	margin-top: 1.5em;
	margin-bottom: 0;
	padding-bottom: 0;
}
#sidebar .widget ul {
	padding-right: 1em;
}
#sidebar .widget ul li {
	margin-bottom: 0.5em;
}
#sidebar .widget ul li a:link, #sidebar .widget ul li a:hover {
	text-decoration: none;
}

#sidebar .widget ul li a:hover, #sidebar .widget ul li a:active {
	text-decoration: underline;
}


#footer {
	background: #21708e;
	color: #ffffff;
	margin-top: 2em;
	margin-bottom: 1em;
	-webkit-border-bottom-right-radius: 32px;
	-webkit-border-bottom-left-radius: 32px;
	-moz-border-radius-bottomright: 32px;
	-moz-border-radius-bottomleft: 32px;
	border-bottom-right-radius: 32px;
	border-bottom-left-radius: 32px;
	padding-bottom: 32px;
}

#footer p {
	padding-left: 12px;
}

#footer a:link, #footer a:visited {
	text-decoration: underline;
	color: #ffffff;
	}
	
#footer a:hover, #footer a:active {
	text-decoration: underline;
	color: #ffffff;
	}

#footer img {
	float: right;
	padding: 16px 16px 16px 16px;
}

#footer img.social {
	float: left;
	padding: 0px 0px 0px 12px;
}

#footer ul.footerlinks {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333333;
	margin-bottom: 1em;
}

#footer ul.footerlinks li {
  float: left;
}

#footer ul.footerlinks li a {
  display: block;
  color: white;
  text-align: center;
  padding: 16px;
  text-decoration: none;
}

#footer ul.footerlinks li a:hover {
  background-color: #111111;
}

#webdesign {
	margin: 0 auto;
	text-align: center;
}

.metaslider {
	margin: 0 auto;
}

header p#sitetitle {
	font-family: "trajan-sans-pro", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 22px; /* 26px/16px*/
	margin: 0;
	padding: 6px 0 10px 0;
	line-height: 22px;
}

header p.site-description {
	font-weight: bold;
	color: #a88d3b;
	font-size: 18px;
	margin: 0;
	padding: 0;
	padding-left: 80px;
}

.page-id-15 #maincontent ul {
	margin-top: 10px;
	margin-bottom: 28px;
}

body:not(.page-id-15) .grecaptcha-badge {
	display: none;
}

div.wpcf7 .wpcf7-form-control {
	max-width: 100%;
}

#skip {
    position: absolute;
    left: 1em;
	background-color: #373737;
	border: solid 1px #b7e6f7;
    padding: 0.4em 0.75em;
    z-index: 999;
    top: 1.25em;
}

#skip a:link, #skip a:visited {
	color: #ffffff;
	text-decoration: none;
	}
	
#skip a:hover, #skip a:active {
	color: #ffffff;
	}

#maincontent a.btn {
background-color: #137399;
padding: 12px 30px;
text-decoration: none;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 14px;
margin: 1em 0;
display: inline-block;
font-size: 20px;
box-shadow: none;
}
#maincontent  a.btn:link, #maincontent  a.btn:visited {
    color: #ffffff;
	text-decoration: none;
}
#maincontent a.btn:hover {
	cursor: pointer;
    background: #525252;
    text-decoration: none;
}
#maincontent  a.btn:hover, #maincontent  a.btn:active {
    color: #ffffff;
}







/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

#header {
}
#nav {
}
#slider {
}
#sidebar {
}
#maincontent {
}
#footer {
}
.hide_tablet {
}
.zeroMargin_tablet {
}

#header img {
	margin-right: 4px;
}

header p#sitetitle {
	font-size: 26px;
	line-height: 1em;
}

header p.site-description {
	font-size: 21px;
	padding-left: 80px;
}



#contact {
	display: inline;
	float: right;
	text-align: right;
	padding-top: 1.125em;
}
#contact p {
	margin: 0;
	padding: 0.1em 0.5em 0em 0em;
	font-weight: normal;
	color: #177da2;
	font-size: 18px;
}

#contact p a:link, #contact p a:visited {
	font-size: 16px;
	color: #515151;
	text-decoration: none;
	}
	
#contact p a:hover, #contact p a:active {
	text-decoration: underline;
	color: #515151;
	}

#maincontent ul.members li {
	font-size: 17px;
}

#maincontent ul.members li img {
	max-width: 140px;
	max-height: 140px;
}

#maincontent ul.members {
	margin-left: 20px;
}

}

/* Media Breakpoint - less than 850px
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 850px) {
#skip {
	position: relative;
    display: inline-block;
    margin: -1em auto 2em auto;
	left: auto;
}
	
#footer ul.footerlinks {
	clear: both;	
}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

.gridContainer {
}
#header {
}
#nav {
}
#slider {
}
#sidebar {
}
#maincontent {
}
#footer {
}
.zeroMargin_desktop {
}
.hide_desktop {
}

#header img {
	margin-right: 3px;
}

header p#sitetitle {
	font-size: 32px;
	line-height: 1em;
}
header p.site-description {
	padding-left: 80px;
}
	
.alignleft, .wp-caption.alignleft {
	float: left;
	margin: 0em 1.5em 1.5em 0em;
	text-align: left;
}
.alignright, .wp-caption.alignright {
	float: right;
	margin: 0em 0em 1.5em 1.5em;
	text-align: right;
}
.aligncenter, .wp-caption.aligncenter {
    display: block;
    margin: 1em auto;
	text-align: center;
}
	
}