/*
	Theme Name: Boilerplate
	Theme URI: https://www.chameleonstudios.co.uk/
	Description: Boilerplate WordPress Theme by Chameleon Studios
	Version: 1.0
	Author: Chameleon Studios (@chameleonstudio)
	Author URI: https://www.chameleonstudios.co.uk/
*/

body {
	font-family: 'Source Sans Pro', sans-serif;
	/*font-family: arial;*/
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	
	margin:0;
	background:#dadee1;
	font-size:15.5px;
}

img {
	max-width: 100%;
	height:auto;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: 500;
}

#site-container {
	max-width: 1350px;
	margin-left: auto;
	margin-right: auto;
}

#header {
	background:#fff;
	padding-top: 10px;
	padding-bottom: 10px;
}

#header .logo img {
	max-width: 80px;
}

.header__contact {
	float:right;
	text-align: right;
	padding-top:11px;
}
.header__contact p {
	margin:7px 0;
	font-size:17px;
	font-weight: 400;
	color:#424242;
}
.header__contact a {
	color:#607d15;
	text-decoration: none;
}

#nav-toggle {
	display: none;
}

#nav {
	/*background:#707e86;*/
	background:#83d1ed;

/*	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);*/
	position: relative;
	z-index: 999;
}

#nav-list {

}
#nav-list ul {
	list-style-type: none;
	margin:0;
	padding:0;
	overflow:hidden;
	border-left:1px solid #6bb1ca;
}
#nav-list ul li {
	float:left;
	border-right:1px solid #6bb1ca;
}
#nav-list ul li a {
	display: block;
	text-decoration: none;
	padding:15px 19px;
	/*color:#fff;*/
	color:#0c2039;
	font-size:1em;
	font-weight: 400;
	transition:0.2s ease-in-out;
	/*text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);*/
}
#nav-list ul li a:hover,
#nav-list ul li.current_page_item a {
	/*background:#49545a;*/
	background:#6cbad7;
}

#hero {
	background-color:#ccc;
	background-image: url('/wp-content/themes/boilerplate/assets/images/bg.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	color:#fff;
	height:240px;
	position: relative;
	z-index: 99;

	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.05);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.05);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.05);
}

.hero-bar {
	background:rgba(0,0,0,0.5);
	padding:1em;
	position: absolute;
	bottom:0;
	left:0;
	right:0;
}

#hero .grid-container {
	position: relative;
	z-index: 2;
}

.hero__title {
	margin-top: 0;
	font-size:2.6em;
	/*text-transform: uppercase;*/
}
.hero__paragraph {
	margin-bottom: 0;
}

#main {
	/*background:#dadee1;*/
	background:#fff;
	padding-top: 30px;
	padding-bottom: 30px;

/*	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.15);*/
	position: relative;	
}

#main h1,
#main h2,
#main h3 {
	color:#599bb3;
}

#main a {
	color:#607d15;
	text-decoration: none;
}

#main blockquote {
	margin:2em 0;
	padding:0;
}
#main blockquote p {
	font-style: italic;
}
#main blockquote cite {
	font-size: 0.9em;
	font-style: normal;
	opacity:0.7;
}

.wp-block-button__link {
	border-radius: 0 !important;
	color:#fff !important;
	background:#707e86 !important;
}

figure.wp-block-image {
	margin-top: 2em;
	margin-bottom: 2em;
}

.main__article {
	background:#fff;
	padding:15px 0;
	border-radius: 10px;
	padding-right: 2em;
/*	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.08);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.08);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.08);*/
}
.main__article h1:first-child,
.main__article h2:first-child {
	margin-top: 0;
}

.main__article h1:first-child,
.main__article h2:first-child {
	font-size:1.8em;
}

.main__sidebar {
	background:#fff;
	padding:15px 0;
	border-radius: 10px;
/*	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,chgiu0.08);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.08);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.08);	*/
}

.main__sidebar img {
	border-radius:7px;
	width:100%;
	margin-bottom:10px;
}

.main__sidebar h2:first-child,
.main__sidebar h3:first-child {
	margin-top: 0;
}

.promo {
	margin-bottom: 1.5em;
}

.promo__image {
	margin:0;
	display: block;
	width:100%;
}

.promo__text {
	/*background:#535f68;*/
	background:#707e86;
	padding:15px;
	color:#fff;
	font-size:1.05em;
	font-weight: 400;	
}

.tender {
	border:1px solid #ccc;
	padding:1.5em 2em 1em 2em;
	display: block;
	margin-bottom: 1em;
}
.tender ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}
.tender h3 {
	font-size:1.45em;
	margin:0;
}
.tender dd {
	margin-left: 0;
}

ul.subnav {
	margin-left: 0;
	padding-left: 17px;
}
ul.subnav li {
	padding-top: 2px;
	padding-bottom: 2px;
}

.media {
	display: flex;
	align-items: flex-start;
	margin:2em 0 1em 0;
}
.media-image {
	margin-right: 1em;
}
.media-body {
	flex: 1;
}
.media-body p {
	margin-top: 0;
}

#footer {
	padding-top: 10px;
	padding-bottom: 30px;
	background-color: #fff;
	font-size:0.9em;
	color:#424242;
	border-top: 1px solid #dadee1;
	/*border-bottom: 1px solid #ddd;*/
}
#footer a {
	color:#607d15;
	text-decoration: none;
}

.footer__links {
	text-align: right;
}


/*Mobile to Tablet*/
@media (max-width: 767px) {

	.header__contact {
		float:none;
		text-align: left;
		padding-top:11px;
	}

	.header__contact p {
		font-size:14px;
	}

	#nav-toggle {
		display: block;
		background:#707e86;
		color:#fff;
		border:0;
		font-size:1em;
		padding:12px;
		cursor: pointer;
		width:100%;
		outline:0;
	}

	#nav {
		display: none;
	}

	#nav.nav-visible {
		display: block;
	}

	#nav .grid-container {
		max-width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

	#nav .grid-100 {
		padding-left: 0;
		padding-right: 0;
	}

	#nav-list ul li {
		float:none;
		display: block;
		width:100%;
	}

	.main__article {
		padding:0;
	}

	.main__sidebar {
		padding:0;
	}

	.footer__links {
	    text-align: left;
	}	

	.mobile-grid-5, .mobile-grid-10, .mobile-grid-15, .mobile-grid-20, .mobile-grid-25, .mobile-grid-30, .mobile-grid-35, .mobile-grid-40, .mobile-grid-45, .mobile-grid-50, .mobile-grid-55, .mobile-grid-60, .mobile-grid-65, .mobile-grid-70, .mobile-grid-75, .mobile-grid-80, .mobile-grid-85, .mobile-grid-90, .mobile-grid-95, .mobile-grid-100, .mobile-grid-33, .mobile-grid-66, .tablet-grid-5, .tablet-grid-10, .tablet-grid-15, .tablet-grid-20, .tablet-grid-25, .tablet-grid-30, .tablet-grid-35, .tablet-grid-40, .tablet-grid-45, .tablet-grid-50, .tablet-grid-55, .tablet-grid-60, .tablet-grid-65, .tablet-grid-70, .tablet-grid-75, .tablet-grid-80, .tablet-grid-85, .tablet-grid-90, .tablet-grid-95, .tablet-grid-100, .tablet-grid-33, .tablet-grid-66, .grid-5, .grid-10, .grid-15, .grid-20, .grid-25, .grid-30, .grid-35, .grid-40, .grid-45, .grid-50, .grid-55, .grid-60, .grid-65, .grid-70, .grid-75, .grid-80, .grid-85, .grid-90, .grid-95, .grid-100, .grid-33, .grid-66 {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
}