/*************************
	BCKLWN STYLING
	v1.1.1 | 22/03/2019
**************************/
html { min-width: 300px; }
h1, h2 { color: #004c9a; }

/*** Button styling ***/
html button, html .button.primary, html .button.secondary, html #headerButton { 
	border: 0px; border-bottom: 2px solid #000; border-radius: 0px; font-weight: bold; padding: 10px 32px 8px 20px;
	background-image: url(../images/Chevron-R-Black.png); background-repeat: no-repeat; background-position: 98% center; border-right: 3px solid transparent;
}
html button:hover, html button:focus, html .button.primary:hover, html .button.primary:focus, html .button.secondary:hover, html .button.secondary:focus, html #headerButton:hover, html #headerButton:focus { 
	border: 0px !important; border-bottom: 2px solid #000 !important; outline: none;
	transition: 0.3s; padding: 10px 32px 8px 20px; background: #000; color: #fff; 
	background-image: url(../images/Chevron-R-White.png); background-repeat: no-repeat; background-position: 98% center; border-right: 3px solid transparent !important;
}
/*html button::after, html .button.primary::after, html .button.secondary::after { position: absolute; top: 50%; margin-top: -0.6em; right: 10px; font-family: monospace; font-size: 1.4em; font-weight: bold; content: ">"; }*/


/*** Header ***/
header { padding: 0px 15px; height: auto; }
header .container { padding: 1.5rem 0px; background: #004c9a; overflow: hidden; }
@media screen and (min-width: 641px) { header .container { height: 150px; } }
@media screen and (min-width: 600px) { header .container { background-image: url(../images/crest-header.svg); background-repeat: no-repeat; background-position: 100% center; background-size: 65%; } }
@media screen and (min-width: 960px) { header .container { background-size: 550px } }
@media screen and (min-width: 1020px) { header .container { background-position: 350px -240px; background-size: 700px; padding-bottom: 2rem; padding-top: 2rem } }
header #headerButton { margin-bottom: 0px; }
.logoContainer, .signDetails { float: left; }
@media screen and (min-width: 400px) { .logoContainer a.logo { background-size: auto; } }
.logoContainer a.logo:focus { background: url(../images/Council_Logo.png); background-position: left center; background-repeat: no-repeat; }
html #headerLink:hover, html #headerLink:focus { color: #e0e0e0; }
main main { padding-top: 0; } /* border-top: 2px solid #02366b; */
.breadcrumb {  padding: 0; font-weight: bold; margin: 0 -15px; }
.breadcrumb li { font-weight: bold; color: #515558;  }
.breadcrumb li::after { content: '>'; font-weight: 400; padding: 0 0.375rem 0 0.3rem; }
.breadcrumb li a { text-decoration: none; color: #515558; text-decoration: underline; font-weight: normal; }
.breadcrumb li a:hover, .breadcrumb li a:focus { color: #2e8aca; }
header > .row > .pull-left { display: block; width: 100%; max-width: 1020px; margin: 0 auto;  }
header > .row > .pull-left > .logoContainer { position: absolute; top: 32px; }

/*** Alert ***/
/*.alert { position: absolute; top: 210px; left: 0px; background: #efb749; color: #000; padding: 15px 65px 15px 15px; min-width: 300px; font-size: 16px; font-weight: bold; }
.alert::before { display: none; }
.alert p { max-width: 1000px; margin: 0 auto; position: relative; padding-left: 45px; }
.alert p::before {	position: absolute; left: 0px; top: 50%; margin-top: -15px; width: 30px; height: 30px; padding: 5px 0 0 12px; background: #333; color: #efb749; font-weight: bold; content: '!'; }
.alert a.close { color: #000; }
@media screen and (min-width: 641px) {
	.alert { top: 187px; }
}*/


/*** Sidebar(s) ***/
.actionLinks { border-top: 4px solid #023a73; padding: 24px 20px; }
.actionLinks h3#QuickLinksHeader { margin: 0px 0px 1.25em 0px; }
.actionLinks li { position: relative; padding: 0 0 10px 25px; border-bottom: 1px solid #cfd3d6; margin-top: 16px; }
.actionLinks li a { text-decoration: none; color: #333; font-size: 1.1em; }
.actionLinks li a::before { background-color: #f0b849; content: ''; height: 0.75rem; width: 0.75rem; position: absolute; top: 5px; left: 0px; }
.actionLinks li a:hover, .actionLinks li a:focus { text-decoration: underline; color: #333; }
.actionLinks li a:hover::before, .actionLinks li a:focus::before { background-color: #000; }


/*** Footer ***/
@media (min-width: 641px) { footer .columnThird { width: 50%; } }
footer .columnThird:nth-of-type(2) ul { text-align: right; }
@media screen and (max-width: 400px) { footer .columnThird:nth-of-type(2) ul { padding-top: 20px; } }
footer .columnThird ul li { display: inline-block; margin-right: 1em; }
footer .columnThird ul li a { text-decoration: none; }
footer .columnThird ul li a:hover, footer .columnThird ul li a:focus { text-decoration: underline; }


/*** Misc styling ***/
.postcode, .title { width: 100% !important; }
.homeBlock:focus { background: #000; color: #fff; }
.dataTables_wrapper table th, .dataTables_wrapper table td { border-color: #cfd3d6; }
.dataTables_wrapper table td { font-size: 18px; }