/*   
Theme Name: BOPH
Theme URI: 
Description: 
Author: 
Author URI: 
Version: 2k18.1
*/

@import url('fonts.css');
body {
	color: #08323c;
	font-size: 16px;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.bold 		{ font-weight: bold; }
.center 	{ text-align: center; }
.uppercase 	{ text-transform: uppercase; }
.semi-bold 	{ font-weight: 500; }

@media screen {
	
	
.alignleft, img.alignleft {
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	display: inline;
	float: left;
	}
.alignright, img.alignright {
	margin-left: 20px;
	margin-bottom: 20px;
	margin-top: 0px;
	display: inline;
	float: right;
	clear:right;
	}
.aligncenter, img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
	margin-top: 20px;
	margin-bottom: 20px;
	}
.alignnone, img.alignnone {
	/* not sure about this one */
	}
	
	
.page-hq 	.row .pagethecontent img {width:48.9%;}
	
	
	* 					{ margin: 0; padding: 0; }
	body 				{ background: white; font-family: 'Futura', sans-serif; }
	.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
	.clear 				{ clear: both; }
	.group:after 		{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
	* html .group, 
	*:first-child+html .group { zoom: 1; }
	#page-wrap 			{ width: 960px; margin: 20px auto; }
	h1, h2, h3, h4 		{ font-weight: normal; font-family: 'Futura', sans-serif; margin: 0.67em 0; font-size: 0.8em; }
	h1 					{ font-size: 2em; }
	h2 					{ font-size: 1.8em; }
	h3 					{ line-height: 1.2em; font-size: 1.25em; }
	h4 					{ margin: 0.5em 0; font-size: 16px; }
	p 					{ line-height: 1.6em; font-size: 1em; font-weight: 400; margin: 0 0 10px 0; }
	a 					{ font-family: 'Futura', sans-serif; color: #08323c; font-weight: 500; text-decoration: underline; }
	.no-underline 		{ text-decoration: none; }
	ul 					{ margin: 0 0 10px 0; padding-left: 45px; }
	ol 					{ margin: 0 0 10px 0; padding-left: 25px; }
	ol.commentlist 		{ list-style: none; }
	ol.commentlist li.comment 						{ border-bottom: 1px dotted #666; padding: 10px; }
	ol.commentlist li.comment div.vcard cite.fn 	{ font-style: normal; }
	ol.commentlist li.comment div.vcard img.avatar 	{ float: right; margin: 0 0 10px 10px; }
	ol.commentlist li.comment div.comment-meta 		{ font-size: 10px; }
	ol.commentlist li.comment div.comment-meta a 	{ color: #ccc; }
	ol.commentlist li.comment div.reply 			{ font-size: 11px; }
	ol.commentlist li.comment div.reply a 			{ font-weight: bold; }
	ol.commentlist li.comment ul.children 			{ list-style: none; margin: 10px 0 0; }
	ol.commentlist li.comment ul.children li.depth-2 { border-left: 5px solid #555; margin: 0 0 10px 10px; }
	ol.commentlist li.comment ul.children li.depth-3 { border-left: 5px solid #999; margin: 0 0 10px 10px; }
	ol.commentlist li.comment ul.children li.depth-4 { border-left: 5px solid #bbb; margin: 0 0 10px 10px; }
	ol.commentlist li.even 							 { background: #fff; }
	ol.commentlist li.odd 							 { background: #f6f6f6; }
	ol.commentlist li.parent 						 { border-left: 5px solid #111; }
}

@media print {
	.do-not-print 	{ display: none; }
	#comments 		{ page-break-before: always; }
	body {
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		line-height: 1.4;
		word-spacing: 1.1pt;
		letter-spacing: 0.2pt;
		font-family: 'Futura', sans-serif;
		color: #08323c;
		background: none;
		font-size: 12pt;
		-moz-transition: all 0.3s ease-in-out;
    	-o-transition: all 0.3s ease-in-out;
    	-webkit-transition: all 0.3s ease-in-out;
    	transition: all 0.3s ease-in-out;	
	}
	h1, h2, h3, h4, h5, h6 { font-family: 'Futura', sans-serif;	}
	h1 			{ font-size: 100pt; }
	h2 			{ font-size: 58pt; }
	h3 			{ font-size: 15pt; }
	h4, h5, h6 	{ font-size: 0.8em; }
	code 		{ font: 10pt Courier, monospace; }
	blockquote 	{ margin: 1.3em; padding: 1em; }
	img 		{ display: block; margin: 1em 0; border-radius: 5px !important; }
	a img 		{ border: none; }
	table 		{ margin: 1px; text-align: left; }
	th 			{ border-bottom: 1px solid #333; font-weight: bold; }
	td 			{ border-bottom: 1px solid #333; }
	th, td 		{ padding: 4px 10px 4px 0; }
	caption 	{ background: #fff; margin-bottom: 2em; text-align: left; }
	thead 		{ display: table-header-group; }
	tr 			{ page-break-inside: avoid; }
	a 			{ text-decoration: none; color: black; }
} /* END print media */

html 		{ line-height: 1.15; -webkit-text-size-adjust: 100%; }
body 		{ margin: 0; }
h1 			{ font-size: 2.1em; line-height: 1.2; font-weight: 600; margin: 0.67em 0; }
hr 			{ box-sizing: content-box; height: 0; overflow: visible; margin: 12px 0px; }
pre 		{ font-family: monospace, monospace; font-size: 1em;  }
a 			{ background-color: transparent; }
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted;  }
b, strong 	{ font-size: 1em; font-family: 'Futura', sans-serif; font-weight: 900; }
code, kbd, samp { font-family: monospace, monospace; font-size: 1em; }
small 		{ font-size: 80%; }
sub, sup 	{ font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub 		{ bottom: -0.25em; }
sup 		{ top: -0.5em; }
img 		{ border-style: none; }

/* Forms */
button, input, 
optgroup, select, 
textarea 			{ font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0;  }
button, input 		{ overflow: visible; }
button, select 		{ text-transform: none; }
button, [type="button"], 
[type="reset"], 
[type="submit"] 	{ -webkit-appearance: button; }
button::-moz-focus-inner, 
[type="button"]::-moz-focus-inner, 
[type="reset"]::-moz-focus-inner, 
[type="submit"]::-moz-focus-inner 	{ border-style: none; padding: 0; }
button:-moz-focusring, 
[type="button"]:-moz-focusring, 
[type="reset"]:-moz-focusring, 
[type="submit"]:-moz-focusring 		{ outline: 1px dotted ButtonText; }
fieldset { padding: 0.35em 0.75em 0.625em; }
legend 	 {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}
progress { vertical-align: baseline; }
textarea { overflow: auto; }
[type="checkbox"], 
[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }
[type="number"]::-webkit-inner-spin-button, 
[type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */  font: inherit; /* 2 */ }
details { display: block; }
summary { display: list-item; }

/* Misc */
template 	{ display: none; }
[hidden] 	{ display: none; }
#wpadminbar { top: auto !important; bottom: 0 !important }

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

	h1 { font-size: 18pt; }
	h2 { line-height: 1.3; font-size: 1.4em; font-weight: 500; }
	.header-image h3.bold { text-shadow: none; }
	p { line-height: 1.3; font-size: 16px; font-weight: 400; font-family: 'Futura', sans-serif; margin: 0 0 10px 0; }
}

*:focus { outline: none; }

/* Font Colours */

.font-light 	{ color: #fff; }
.font-dark 		{ color: #08323c ; }
.font-yellow 	{ color: #eabe38; }

/* Background Colour */

.grey-bg { background-color: #f2f5f5; }
.dark-bg { background: url(images/lines-tile.png) repeat; background-size: 400px; }

/* Margin Class	 */

.mtop15 { margin-top: 15px; }
.mtop20 { margin-top: 30px; }
.mtop30 { margin-top: 30px; }
.mtop40 { margin-top: 40px; }
.mtop60 { margin-top: 60px; }
.mbottom15 { margin-bottom: 15px; }
.mbottom20 { margin-bottom: 20px; }
.mbottom30 { margin-bottom: 30px; }
.mbottom40 { margin-bottom: 40px; }
.mbottom60 { margin-bottom: 60px; }

/* Padding Class */

.pbottom5	{ padding-bottom: 5px; }
.pbottom10 	{ padding-bottom: 10px; }
.pbottom15 	{ padding-bottom: 15px; }
.pbottom20 	{ padding-bottom: 20px; }
.pbottom25 	{ padding-bottom: 25px; }
.pbottom30 	{ padding-bottom: 30px; }
.pbottom35 	{ padding-bottom: 35px; }
.pbottom40 	{ padding-bottom: 40px; }
.pbottom45 	{ padding-bottom: 45px; }
.pbottom50 	{ padding-bottom: 50px; }
.pbottom60 	{ padding-bottom: 60px; }
.pbottom80 	{ padding-bottom: 80px; }
.pbottom90 	{ padding-bottom: 90px; }
.ptop5 	   	{ padding-top: 5px; }
.ptop10 	{ padding-top: 10px; }
.ptop15 	{ padding-top: 15px; }
.ptop20 	{ padding-top: 20px; }
.ptop25 	{ padding-top: 25px; }
.ptop30 	{ padding-top: 30px; }
.ptop40 	{ padding-top: 40px; }
.ptop45 	{ padding-top: 45px; }
.ptop50 	{ padding-top: 50px; }
.ptop60 	{ padding-top: 60px; }
.ptop70 	{ padding-top: 70px; }
.ptop80 	{ padding-top: 80px; }
.ptop90 	{ padding-top: 90px; }
.yellow-link 		{ text-decoration: none; }
.yellow-link:hover 	{ color: #eabe38; text-decoration: underline; text-deoration-color: #eabe38; }
.light-link 		{ text-decoration: none; }
.light-link:hover 	{ color: #fff; text-decoration: underline; text-deoration-color: #fff; }
.dark-link 			{ text-decoration: none; }
.dark-link:hover 	{ color: #08323c; text-decoration: underline; text-deoration-color: #08323c; }

/* Header Slider */

.homepage-slider 		{ max-width: 16000px; margin: 0 auto; margin-bottom: 30px; }
.homepage-slider img 	{ height: auto; width: 100% ; }
.homepage-feature img 	{ height: 100%; max-height: 500px; width: 100%; }

/* Latest News Section */
.home-news-row 				{ clear:both; overflow: hidden; }
.home-news-item 			{ color: white; }
.home-news-item img 		{ height: auto !important; width: 100% !important; }
.news-item:nth-child(2n+1) 	{/* clear: both; */}

/* Events */
.events-accordion-row 		{ clear:both; overflow: hidden; }
.events-accordion-item 		{ color: black; }
.events-accordion-item img 	{ height: 400px !important; width: auto !important; }

/* Donate Section */

.donate img { height: 100%; max-height: 500px; width: 100%; }
.donate 	{ 
	position: relative;
    color: white;
    width: auto;
    height: 100%;
    border: 1px solid #c3c3c3;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    align-content: center;
}

.content 	{ position: absolute; top: 8px; left: 30px; text-align: left; z-index: 100; }
.content h1 { max-width: 400px; }
.content p 	{ max-width: 600px; }

/* Button */

.filter-button {
    background-color: #08323c;
    color: #fff;
    padding: 0px 15px !important;
    padding-top: 2px !important;
    padding-bottom: 0px !important;
    text-align: none;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    border-radius: 25px;
    text-transform: uppercase;
    line-height: 28px;
    text-decoration: none;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.filter-button.on 		{ background-color: #eabe38; }
.filter-button:hover 	{ text-decoration: none; background-color: #eabe38; }
.button 				{
	z-index: 300;
    background-color: #eabe38;
    color: #08323c;
    padding: 0px 20px !important;
    padding-top: 11px !important;
    padding-bottom: 9px !important;
    text-align: none;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    border-radius: 25px;
	text-transform: uppercase;
	text-decoration: none !important;
	line-height: 28px;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out	
}

.button:hover 		{ background-color: #08323c; color: #fff; }
.accordion-button 	{
	display: inline-block;
	z-index: 300;
    color: #08323c;
    padding: 0px 20px !important;
    padding-top: 11px !important;
    padding-bottom: 9px !important;
    text-align: none;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    border-radius: 25px;
	text-transform: uppercase;
	text-decoration: none !important;
	line-height: 28px;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out	
}

@media only screen and (max-width: 1200px) {
	.accordion-button { font-size: 13px; }
}

@media only screen and (max-width: 990px) {	
	.accordion-button { display: none; }
}
.no-hover { background-color: #eabe38 !important;  color: #08323c !important; }
.disabled { pointer-events: none; }
.header-button {
	margin-left: 12px;
    background-color: #eabe38;
    color: #08323c;
    padding: 0px 20px !important;
    padding-top: 10px !important;
    padding-bottom: 5px !important;
    text-align: none;
    display: inline-block;
    font-size: 0.8em;
    font-weight: 500;
    border-radius: 25px;
	text-transform: uppercase;
	text-decoration: none !important;
	line-height: 28px;
	float: right;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.header-button:hover { font-weight: 500 !important; background-color: #08323c; color: #fff !important; }
.inverted-button {
    color: #eabe38;
    padding: 0px 20px !important;
    padding-top: 11px !important;
    padding-bottom: 9px !important;
    text-align: none;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    border-radius: 25px;
    border: solid #eabe38 2px;
	text-transform: uppercase;
	text-decoration: none !important;
	line-height: 28px;
	cursor:pointer;
	-moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.inverted-button:hover {
	cursor:pointer;
    color: #08323c;
    background-color: #eabe38;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; 
}
.more-button {
    color: #08323c;
    text-align: left;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    padding-bottom: 2.5px;
	margin-bottom: 5px;
    border-bottom: 2px solid #eabe38;
    text-decoration: none !important;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.more-button:hover { color: #eabe38; }

/* Single Page */

.single-item img 	{ height: auto !important; /*width: 100% !important;*/	 }
.taxanomy-link 		{
	font-size: 0.8em;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	font-weight: 400;
    color: #08323c;
	padding: 0px 10px;
	margin-right: 10px;
	border-left: 1px solid #08323c;
	border-right: 1px solid #08323c;
	text-decoration: none;
}

.taxanomy-link:hover 	{ color: #08323c; text-decoration: underline; text-decoration-color: #08323c; }
.taxanomy-link-yellow 	{
	font-size: 0.8em;
	color: #eabe38;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: 400;
	padding: 0px 10px;
	margin-right: 10px;
	border-left: 1px solid #eabe38;
	border-right: 1px solid #eabe38;
	text-decoration: none;
}

.taxanomy-link-yellow:hover { color: #eabe38; text-decoration: underline; text-decoration-color: #eabe38; }

/* Social Media */

.social-media 	{ width: 100%; }
.social-media a { padding: 0 10px; text-decoration: none !important; }
.social-icon 	{
	display: inline-block; 
	padding-left: 15px;
	font-size: 1.25em;
	-moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;	
}
.social-icon:hover { color: #eabe38; }

/* Donate Section */
.hero-header img 	{ height: 100%; max-height: 500px; width: 100%; }
.hero-header 		{
	background-color: red;
    position: relative;
    color: white;
    width: auto;
    height: 100%;
    border: 1px solid #c3c3c3;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    align-content: center; 
}

.hero-header content p 	{ max-width: 700px !important; }
.row img 				{max-width: 100%;height: auto;}
.tabs 					{ position: relative; width: 100%; font-weight: 300; }

p img{
	width: auto !important;
}

/* Nav */
.tabs nav 		{ text-align: center; background-color:transparent; margin-top: -1px; }
.tabs nav ul 	{ padding: 0; margin: 0; list-style: none; display: inline-block; width:100%; font-family: 'Futura', sans-serif; font-size: 2em;}
.tabs nav ul li {
	border-bottom: medium none;
	display: block;
	padding-right: 30px;
	margin-bottom: 20px;
	float: left;
	position: relative;
	width: 200px;;
	-moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;	
}

.tabs nav ul li :hover 	{ -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.tabs nav a 			{ color: #ffffff; display: block; line-height: 2.5; padding: 0 1.25em; text-decoration:none; white-space: nowrap; }

/* Icons */
.tabs nav a:before {
	display: inline-block;
	vertical-align: middle;
	text-transform: none;
	font-weight: 400;
	font-variant: normal;
	font-family: 'icomoon';
	line-height: 1;
	speak: none;
	-webkit-font-smoothing: antialiased;
	margin: -0.25em 0.4em 0 0;
}

@media only screen and (max-width: 500px) {
	.tabs nav ul li { padding: 10px 0; width: 100%; margin: 0 auto; }
	.bird-content 	{ display:flex; flex-direction: column; }
}

/* Birds Post */
.news-item a:hover h3 { color: #08323C; }
@media only screen and (max-width: 990px) {
	
	.header-button 	{ display: none; }
	.bird-image 	{ padding-top: 30px; order: 1; }
	.bird-item 		{ order: 2; }
	.news-item 		{ color: white; }
	
	/* Margin Class	 */
	.mtop15 { margin-top: 7.5px; }
	.mtop20 { margin-top: 10px; }
	.mtop30 { margin-top: 15px; }
	.mtop40 { margin-top: 20px; }
	.mtop60 { margin-top: 30px; }
	.mbottom15 { margin-bottom: 7.5px; }
	.mbottom20 { margin-bottom: 10px; }
	.mbottom30 { margin-bottom: 15px; }
	.mbottom40 { margin-bottom: 20px; }
	.mbottom60 { margin-bottom: 30px; }
		
	/* Padding Class */	
	.ptop5 	{ padding-top: 2.5px; }
	.ptop10 { padding-top: 5px; }
	.ptop15 { padding-top: 7.5px; }
	.ptop20 { padding-top: 10px; }
	.ptop25 { padding-top: 12.5px; }
	.ptop30 { padding-top: 15px; }
	.ptop40 { padding-top: 20px; }
	.ptop45 { padding-top: 22.5px; }
	.ptop50 { padding-top: 25px; }
	.ptop60 { padding-top: 30px; }
	.ptop70 { padding-top: 35px; }
	.ptop80 { padding-top: 40px; }
	.ptop90 { padding-top: 45px; }	
	.pbottom5 { padding-bottom: 2.5px; }
	.pbottom10 { padding-bottom: 5px; }
	.pbottom15 { padding-bottom: 7.5px; }
	.pbottom20 { padding-bottom: 10px; }
	.pbottom25 { padding-bottom: 12.5px; }
	.pbottom30 { padding-bottom: 15px; }
	.pbottom35 { padding-bottom: 17.5px; }
	.pbottom40 { padding-bottom: 20px; }
	.pbottom45 { padding-bottom: 22.5px; }
	.pbottom50 { padding-bottom: 25px; }
	.pbottom60 { padding-bottom: 30px; }
	.pbottom80 { padding-bottom: 40px; }
	.pbottom90 { padding-bottom: 45px; }
}

hr { border-top: 1px solid #8c8b8b; }

/* Events Post */
table 		{ font-family: arial, sans-serif; border-collapse: collapse; width: 100%; }
td, th 		{ text-align: left; padding: 20px; }
tr.bordered { border-bottom: 1px solid #000; }

/* Home Header image */
.home-header-image 		{ position: relative; width: 100%; padding-top: 40%; }
.home-header 			{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding-top: 110px; }
.home-header-content 	{ text-align: right; float: right; padding-right: 15px; }

/* Header image */
.header-image 			{ margin: 0 auto; margin-bottom: 30px; max-width: 16000px; position: relative; padding: 6% 0; background-position: center center }
.reserves-header-image 	{ margin: 0 auto; margin-bottom: 30px; max-width: 16000px; position: relative; padding: 6% 0;  height: 1060px; background-position: center center }
.events-accordion-header-image { margin: 0 auto; max-width: 16000px; position: relative; width: 100%; padding: 12% 0;  background-position: center center}
.media-header-image 	{ margin: 0 auto; max-width: 16000px; position: relative; width: 100%; padding: 16% 0; }
.events-accordion-header-image #tabs-ui { display: inline-block; }
.large-header-image 	{ padding-top: 150px; padding-bottom: 150px; }
.header-text 			{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
	
/* Select */
.table-row-a-to-z 		{ padding: 0; text-align: center; }
.a-to-z 				{ text-decoration: none; font-size: 1.5em; line-height: 40px; display: block; height: 35px; width: 35px; }

/* Change the link color to #111 (black) on hover */
.a-to-z:hover 			{ border-radius: 50%; background-color: #eabe38; text-decoration: none; color: #08323c; }
.a-to-z.filter-on 		{ border-radius: 50%; background-color: #eabe38; text-decoration: none; color: #08323c;	}
.a-to-z-all:hover 		{ border-radius: 25px; background-color: #eabe38; text-decoration: none; color: #08323c; width: 60px; }
.a-to-z-all 			{ text-decoration: none; font-size: 1.5em; line-height: 40px; display: block; height: 35px; width: 60px; }
.a-to-z.filter-on-all 	{ border-radius: 25px; background-color: #eabe38; text-decoration: none; color: #08323c; width: 60px; }
.full-height 			{ height: 100%; }
.outer-frame 			{ width: 100%; height: 100%; display: table; }  
.inner-frame 			{ height: 100%; display: table-cell; width: 100%; vertical-align: middle; float: none; }
.home-footer-banner 	{ position: relative; width: 100%; height: auto; }
.home-footer-banner img { width: 100%; height: auto; }
.home-footer-banner-content 		{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; } 
.home-footer-banner-content h1 a		{ text-decoration: none; }
.home-footer-banner-content h1 a:hover 	{ text-decoration: underline; color: #fff; }
.home-footer-banner .cropped-image 	{ display: none; }

@media only screen and (max-width: 1500px) {
	.home-header-content { text-align: right; padding-right: 80px; padding-top: 0px; }
}

@media only screen and (max-width: 1200px) {	
	.events-accordion-header-image #tabs-ui { display: none; }
}

@media only screen and (max-width: 992px) {
	.home-header-content 	{ padding-right: 15px; padding-top: 40px; }	
	.header-image  			{ background-position: right center; margin-bottom: 15px; }
	.large-header-image 	{ background-position: right center; padding-top: 100px; padding-bottom: 100px; }
	.events-accordion-header-image 		{ background-position: right center;	margin: 0 auto;	max-width: 1600px; position: relative; width: 100%; padding-top: 56%; }
	.media-header-image 				{ background-position: right center; padding: 40% 0; }
	.home-footer-banner img 			{ width: 100%; height: auto; }
	.home-footer-banner .cropped-image 	{ display: inline-block; }
	.home-footer-banner .full-image 	{ display: none; }	
}

.engagement-footer { padding-top: 100px; padding-bottom: 100px; background-size: cover; }
    
/* Slick Slider */
/* CSS TO CLOSE GAP ON SLICK */  
/* For Dev Only */
.slick-prev { left: 25px; top: 120% }
.slick-next { right: 25px; top: 120% }

/* Arrows */
.slider-prev { position: absolute; top: 50%; left: 5%; display: block; width: 30px !important; height: 30px !important; -webkit-transform: scaleX(-1); transform: scaleX(-1); cursor: pointer; z-index: 300; }
.slider-next { position: absolute; top: 50%; right: 5%; display: block; width: 30px !important; height: 30px !important; cursor: pointer; z-index: 300; }

.slick-dots 		{ display: none !important; }
.baseline-image  	{ position: absolute; bottom: 0; right: 3%; padding-top: 5%; max-width: 350px !important; }
ul.menu 			{ padding-left: 0; }

@media only screen and (max-width: 1440px) {
	.home-header { padding-top: 80px; }		
}

@media only screen and (max-width: 1300px) {	
	.home-header { padding-top: 40px; }		
}

@media only screen and (max-width: 1200px) {
	.home-header 		{ padding-top: 10px; }
	.home-header-image 	{ height: 410px; }
}

@media only screen and (max-width: 1100px) {	
	.slick-dots 			{ display: block !important; }
	.home-header-content 	{ text-align: center; padding-top: 40px; }
	.baseline-image 		{ display: none !important; }	
	/* Arrows */
	.slider-prev 			{ display: none !important; }
	.slider-next 			{ display: none !important; }		
}

/* Footer Banner */
.footer-banner 		{ background-repeat: no-repeat; display: block; height: 400px; background-size: cover; }
.footer-banner h1 	{ padding: 30px; }
.footer-banner p 	{ padding: 30px; }
.preview-text 		{ line-height: 1.3; font-size: 0.8em; font-weight: 400; }
input[type=text], 
input[type=email], 
input[type=tel] {
    height: 44px;
    width: 100%;
    border: none;
    border-bottom: 2px solid #08323c;
    /* padding-top: 10px; */
    font-weight: 600;
    background: none;
    margin-bottom: 45px;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out; 
}


input[type=text], input[type=email], select, textarea {
    width: 100%; /* Full width */
    border: 0;
    outline: 0;
    background: transparent;
    border-bottom: 1px solid #08323c;
    margin-top: 6px; /* Add a top margin */
    margin-bottom: 16px; /* Bottom margin */
    resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

/* Style the submit button with a specific background color etc */
input[type=submit] {
    background-color: #eabe38;
    color: #08323c;
    padding: 0px 20px;
    padding-top: 11px !important;
    padding-bottom: 9px !important;
    text-align: none;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    border-radius: 25px;
	text-transform: uppercase;
	text-decoration: none !important;
	line-height: 28px;
    border: none;
    cursor: pointer;
}

/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover {
 	background-color: #08323c;
    color: #eabe38;
	-webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;    
}

input[type=text]::placeholder 	{ color: #08323c; }
input[type=email]::placeholder 	{ color: #08323c; }
.wpcf7 							{ width: 100%; }
.next							{
	text-align: center;
    background-color: #eabe38;
    color: #08323c;
    padding: 0px 20px !important;
    padding-top: 11px !important;
    padding-bottom: 9px !important;
    display: inline-block;
    font-size: 0.3em;
    font-weight: 500;
    border-radius: 25px !important;
	text-transform: uppercase;
	text-decoration: none !important;
	margin: 0 auto;
	line-height: 28px;
}
	
/* Pagination */
.prev {
	text-align: center;
    background-color: #eabe38;
    color: #08323c;
    padding: 0px 20px !important;
    padding-top: 11px !important;
    padding-bottom: 9px !important;
    display: inline-block;
    font-size: 0.3em;
    font-weight: 500;
    border-radius: 25px !important;
	text-transform: uppercase;
	text-decoration: none !important;
	margin: 0 auto;
	line-height: 28px;
	
}

.page-numbers {
    color: #08323c;
	display: inline-block;
	padding: 10px 12.5px;
	margin: 0 2px 0 0;
	border: 1px solid #eee;
	line-height: 1;
	text-decoration: none;
	border-radius: 25px;
	font-weight: 600;
    font-size: 0.8em;

}
.page-numbers.current,
a.page-numbers:hover { color: #08323c; text-decoration: none; background: #f9f9f9; }

@media only screen and (max-width: 600px) {
	.home-header-content 							{ padding-right: 15px; padding-top: 40px; }
	.navigation.pagination .nav-links 				{ margin: 0 auto; text-align: center; display:flex; flex-direction:row; }
	.navigation.pagination .nav-links .page-numbers { display: none; }
	.navigation.pagination .nav-links .next 		{ display: block; }
	.navigation.pagination .nav-links .prev 		{ display: block; }
}

.next-posts{
display: inline-block;
}
.prev-posts{display: inline-block;float: right;}

/* Reserves */
tr:nth-child(even) 					{ background-color: #f2f5f5; }
.toggle-text 						{ font-size: 18px; color: #fff; font-weight: 700; position: absolute; bottom: 95px; left: 40px; }

/* Twitter Section */
.twitter-section:last-child hr { display: none; }

/* Events Page  */
.book-now {
	z-index: 300;
    background-color: #eabe38;
    color: #08323c;
    padding: 0px 20px !important;
    padding-top: 11px !important;
    padding-bottom: 9px !important;
    min-width: 115px;
    text-align: none;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    border-radius: 25px;
    text-transform: uppercase;
    text-decoration: none !important;
    line-height: 28px;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.book-now:hover {
	background-color: #08323c;
    color: #eabe38;
	-webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;  
}

#mobile-select-dark {
	display: none;
	position: relative;
	padding: 10px;
	height: 40px;
	width: 100%;
	font-size: 1em;
	color: #fff;
	border: 0;
	border-radius: 0;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
}

#mobile-select-light { 
	display: none;
	position: relative;
	background: #fff;
	padding: 10px;
	height: 40px;
	width: 230px;
	font-size: 1em;
	color:grey;
	border: 0;
	border-radius: 0;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	appearance:none;
	background: url("http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png") white no-repeat calc(100% - 10px) !important; /* Better placement regardless of input width */
}

#events-select {
	position: relative;
	background: #fff;
	padding: 10px;
	height: 40px;
	font-size: 1em;
	color:grey;
	border: 0;
	border-radius: 0;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
	appearance:none;
	background: url("http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png") white no-repeat calc(100% - 10px) !important; /* Better placement regardless of input width */
}

.events-accordion .ui-accordion .ui-accordion-content { border-radius: 0; border-bottom: 1px solid #f2f2f2; padding: 1em 0; }
.event-form 				{ padding-top: 15px; }
.events-accordion .titles 	{ font-weight: 500; text-transform: uppercase; }

@media only screen and (max-width: 1200px) {
	.event-form { padding-top: 30px; }
	.reserves-header .header-image 		{ padding: 5% 0 10% 0; }
}

#filter-tab { margin-bottom: 30px; }

@media only screen and (max-width: 990px) {	
	#filter-tab 				{ display: none; }
	#mobile-select-dark 		{ display: inline-block; }
	#mobile-select-light 		{ width: 100%; display: block;	}
	#tabs-ui 					{ display: none; }
	#events-select 				{ width: 100%; }
	.events-accordion .titles 	{ display: none; }
	input[type=submit]		 	{ margin: 0 auto; }
	.toggle-text 						{ bottom: 70px; }

}


@media only screen and (max-width: 768px) {
	.event-form { padding-top: 0px; }
	.reserves-header .header-image 		{ padding: 10% 0 15% 0; }
	.toggle-text 						{ bottom: 55px; left: 25px; }
}

.events-accordion #accordion .ui-accordion-header 					{ margin: 0; padding: 15px 0; background: #fff; }
.events-accordion #accordion .ui-accordion-header:nth-of-type(even) { background: #fff; }
.events-accordion #accordion .ui-accordion-header:nth-of-type(4n+1) { background: #f2f5f5; }
.events-accordion .ui-accordion .ui-accordion-header span 			{ height: 15px; width: 15px; position: absolute; right: 30px; top: 30px; }
.events-accordion .ui-state-active, .ui-state-active, 
a.ui-button:active, 
.ui-button:active, 
.ui-button.ui-state-active:hover 									{ color: #08323c; border: none; }
.events-accordion .ui-state-active .title 							{ font-weight: 900; }

@media only screen and (max-width: 990px) {
	.events-accordion .ui-accordion .ui-accordion-header span {
		height: 15px;
		width: 15px;
		position: absolute;
		right: 20px;
		top: 50px;
	}
	.events-accordion .book-now { margin-top: 15px; margin-bottom: 15px; top: 40%; }
}


@media only screen and (max-width: 400px) {
	.events-accordion .ui-accordion .ui-accordion-content 				{ padding: 15px 1em; }
	.events-accordion #accordion .ui-accordion-header .event-content 	{ max-width: 250px; }
	.events-accordion .ui-accordion .ui-accordion-header span 			{ height: 15px; width: 15px; position: absolute; right: 20px; top: 50%; }
	.reserves-header .header-image 		{ padding: 15% 0 20% 0; }

}

.ui-widget-content { color: #08323c; }

/* Reserves Page */

.reserves-accordion .ui-accordion .ui-accordion-header:nth-of-type(even) { background: #fff; }
.reserves-accordion .ui-accordion .ui-accordion-header span 			 { height: 25px; width: 25px; position: absolute; right: 30px; top: 40%; }
.reserves-accordion .ui-state-active 									 { background: #08323c !important; font-weight: normal; color: #eabe38; }

/* Sightings Page */
.post-type-archive-sightings .month ul { padding-left: 0; }
.post-type-archive-sightings .month ul li { padding: 2px 0; }
.sightings hr 					{ margin: 30px 0; }
.sightings img 					{ width: 100%; margin: 15px auto; display: block;  }
.sightings .meta 				{ color: #a5b8bc; }


/* Error message */
.wpcf7-response-output { display: block; width: 100%; margin: 0 auto!important; border: none!important; color: #ff0000; padding: 15px 25px!important; }

@media (min-width: 768px){
	.wpcf7-response-output { width: 750px; }
	.sightings img 		   { width: 70%;  }
}
@media (min-width: 992px){
	.wpcf7-response-output { width: 970px; }
}
@media (min-width: 1200px){
	.wpcf7-response-output { width: 1170px; }
}

@media only screen and (max-width: 992px) {	
	.reserves-accordion .ui-accordion .ui-accordion-header span {
		height: 15px;
		width: 15px;
		position: absolute;
		right: 20px;
		top: 50%;
	}	
}

/* Mobile-margins */
@media only screen and (max-width: 990px) {
	.mobile-column-margin {	margin-bottom: 30px; }
}

.equal {
  /* display: flex; */
  /* display: -webkit-flex; */
  /* flex-wrap: wrap; */
}
.pos-rel{
	position: relative;
}
.pos-abs{
	position: absolute;
}
.pos-bot-0{
	bottom: 0;
}
.mb-auto{
	margin-bottom: auto;
}
.event-details{
	
}
.event-col{
	display: flex;
	flex-direction: column;
	min-height: 466px;
}
@media only screen and (max-width: 990px) {
	.event-col{
		min-height: auto !important;
	}
}
.event-button{align-self: center;}

.page-osprey .news-item:nth-child(2n+1) {
	clear: none;
}

body.error404 .error404{
	background-image: url(https://www.birdsofpooleharbour.co.uk/wp-content/uploads/2020/01/404_bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	height: 60vh;
	color: #fff;
}
body.error404 .error404 a{
	color: #fff;
}