/*
Theme Name: Briston Pavilion
Theme URI: https://www.bristonpavilion.org.uk/
Description: Briston Pavilion, Norfolk
Author: Josh.biz Web Design
Author URI: http://www.josh.biz
Version: 1.0

Designed June 2018 - Using a RESPONSIVE DESIGN and DESKTOP FIRST approach
*/


body {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #626262;
    background-color: #ffffff;
	line-height: 1.5em;
}
a:link, a:visited {
    color: #548002;
}
a:hover, a:active {
    color: #69A002;
}
strong {
    font-weight: 600;
}
img, .wp-caption, object, embed, video {
    max-width: 100%;
    height: auto;
}
.alignleft, .wp-caption.alignleft {
    float: left;
    margin: 1em 2em 1.5em 0em;
    text-align: left;
}
.alignright, .wp-caption.alignright {
    float: right;
    margin: 0em 0em 1.5em 2em;
    text-align: right;
}
.aligncenter, .wp-caption.aligncenter {
    display: block;
    margin: 1.5em auto;
    text-align: center;
}
.alignnone {
    margin-bottom: 1.5em;
}


#menuwrapper {
    text-align: center;
    font-size: 18px;
}
#menuwrapper ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #293D00;
}
#menuwrapper li {
    display: inline;
}
#menuwrapper li a {
    display: inline-block;
    color: #e0e0e0;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}
#menuwrapper li a:hover {
    background-color: #111;
}
#menuwrapper li.current_page_item a, #menuwrapper li.current-menu-item a {
    background-color: #548002;
    color: #ffffff;
}
.slicknav_menu {
    display: none;
}


#header {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#293d00+0,578402+100 */
background: #293d00; /* Old browsers */
background: -moz-linear-gradient(top, #293d00 0%, #578402 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #293d00 0%,#578402 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #293d00 0%,#578402 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#293d00', endColorstr='#578402',GradientType=0 ); /* IE6-9 */
	
	
    text-align: center;
    padding: 1.5em 1em 1em 1em;
}
#header p.coname {
    font-family: 'Marcellus', serif;
    font-size: 58px;
    color: #ffffff;
    margin: 0.2em 0 0.4em 0;
	line-height: 60px;
}
#header p.coname a:link, #header p.coname a:visited {
    color: #ffffff;
    text-decoration: none;
}
#header p.coname a:hover, #header p.coname a:active {
    color: #ffffff;
    text-decoration: none;
}
#header p.strapline {
    font-size: 24px;
    color: #e1ffa9;
    margin: 0 0 0 0;
    font-weight: 400;
    font-style: italic;
}


#slider {
    margin-top: 2em;
    background-color: #1f190f;
}
#slider .metaslider .flexslider {
    margin-bottom: 0;
}
#feature {
    line-height: 0em;
    text-align: center;
    background-color: #385960;
}


#feature img {
    width: 100%;
}


#outercontentwrapper {
    background-color: #ffffff;
}
#contentwrapper {
    max-width: 960px;
    margin: 0 auto;
    padding: 2em 2em 2em 2em;
}
#content {
    overflow: hidden;
    padding-bottom: 4em;
}
#content h1 {
	font-family: 'Marcellus', serif;
    margin: 0.75em 0em 1em 0em;
    font-weight: 700;
    color: #767676;
    font-size: 36px;
	line-height: 1.4em;
	text-align: center;
}
#content h1 a:link, #content h1 a:visited {
    color: #5a7d16;
    text-decoration: none;
}
#content h1 a:hover, #content h1 a:active {
    text-decoration: underline;
}
#content h2 {
	font-family: 'Marcellus', serif;
    color: #5a7d16;
    font-size: 30px;
    font-weight: 400;
    margin-top: 1.5em;
	line-height: 36px;
}
#content p, #content ul, #content ol {
    /*font-size: 18px;
    line-height: 1.5em;*/
}
#content ul li, #content ol li {
    margin-top: 0.25em;
	margin-bottom: 1em;
}
.home #content p:first-child {
    font-size: 22px;
    font-weight: 400;
    color: #6f6f6f;
    line-height: 1.5em;
}
#content p.wp-caption-text {
    margin-top: 0;
    font-style: italic;
    font-size: 0.8125em;
}
div.wpcf7 .wpcf7-form-control {
    max-width: 100%;
}


#footer {
    background: #293D00;
    text-align: center;
    padding: 2em 1em 3em 1em;
    color: #ffffff;
    font-size: 16px;
	background-image: radial-gradient(circle closest-corner at 50% 20%,#203000,#0b1000);
}
#footer p {
    margin: 0;
    padding: 0;
    line-height: 1.75em;
    color: #c1c1c1;
}
#footer p.cookiepolicy {
	margin-top: 1em;
}
#footer p span {
    color: #ffffff;
}
#footer a:link, #footer a:visited {
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
}
#footer a:hover, #footer a:active {
    color: #ffffff;
    text-decoration: underline;
}


#web_design {
    padding-top: 3em;
    padding-bottom: 0.25em;
}


#button-wrap-inner {
    text-align: center;
}

.wp-block-button__link {
    background-color: #5d5d5d!important;
}

.btn, .kb-button {
    background: #4c4c4c;
    -webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 28px;
    font-family: Arial;
    color: #ffffff;
    font-size: 20px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}
.btn:hover, .kb-button:hover {
    background: #3e5d00!important;
    text-decoration: none;
}
a:link.btn, a:visited.btn,
a:link.kb-button, a:visited.kb-button {
    color: #ffffff;
}
a:hover.btn, a:active.btn,
a:hover.kb-button, a:active.kb-button {
    color: #ffffff;
}


#credit {
	/*font-family: Verdana, Geneva, sans-serif;*/
	font-size: 11px;
	border-top: 1px solid #9ab277;
	border-bottom: 1px solid #9ab277;
	padding: 5px 5px 5px 5px;
	display: inline-block;
	margin-top: 6em;
	margin-bottom: 2em;
}
#credit a:link, #credit a:visited {
	color: #c4c4c4!important;
	text-decoration: none;
	}
#credit a:hover, #credit a:active {
	color: #DCDCDC!important;
}




/* FIRST Media Breakpoint - less than 800px
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 800px) {
.aligncenter, .wp-caption.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.alignleft, .wp-caption.alignleft, .alignright, .wp-caption.alignright, .aligncenter, .wp-caption.aligncenter, .alignnone {
    float: none;
    margin: 1em auto 1.5em auto;
    display: block;
}
.alignleft p.wp-caption-text, .alignright p.wp-caption-text {
    text-align: center;
}
.slicknav_menu {
    display: block;
    text-align: center;
    width: 100%;
}
.slicknav_btn {
    display: inline-block;
    float: none;
    text-align: center;
}
#header {
    padding: 0.5em 1em 1em 1em;
}
#menu {
    display: none;
}
}

/* Media Breakpoint - less than 700px
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 700px) {
}

/* Media Breakpoint - less than 560px
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 560px) {
}

/* Media Breakpoint - less than 480px
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 480px) {
#content h1 {
    font-size: 34px;
}
}

/* Media Breakpoint - less than 400px
-------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width:400px) {
	body {
		font-size: 16px;
	}
#content h2 {
    font-size: 25px;
	line-height: 32px
}
}