/*
	Theme Name: Yorkshire Rescue Services
	Theme URI: https://yorkshirerescue.co.uk
	Description: Yorkshire Rescue Services Theme
	Version: 1.0.0
	Author: Primary ICT Support Ltd
	Author URI: https://www.primaryictsupport.co.uk
*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');

* { margin: 0; padding: 0; font-size: 14px; line-height: 22px; outline: none; box-sizing: border-box; font-family: 'Open Sans', sans-serif; color:#444444; transition: all 0.2s ease; }

	.inner { width: 96%; max-width: 1100px; margin-left: auto; margin-right: auto; }
	.clear { clear: both; }
	.padtop { margin-top: 50px; }
	.padbottom { margin-top: 50px; }

	h1 { color:#EC1C26; font-weight: bold; font-size: 32px; line-height: 1; margin-bottom: 30px; }
	h2 { color:#444444; font-weight: bold; font-size: 18px; line-height: 1; margin-bottom: 20px; }
	h3 { color:#EC1C26; font-weight: bold; font-size: 28px; line-height: 1; margin-bottom: 30px; }

	a { text-decoration: none; }
	a.btn { display: inline-block; background: #EC1C26; color: #FFF; padding: 20px 50px; font-weight: bold; letter-spacing: 1px; margin-top: 32px; border-radius: 2px; box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1); }
	a.btn:hover { background: #444; }
	
	img { max-width: 100%; }


div.container { }


div.container header { border-bottom: #EC1C26 10px solid; }
	div.container header div.inner { text-align: right; padding-top: 30px; }
	div.container header div.inner a.logo { float: left; }
	div.container header div.inner a.logo img { }
	div.container header div.inner div.contact span { font-weight: bold; font-size: 12px; line-height: 1; }
	div.container header div.inner div.contact a { font-weight: bold; font-size: 36px; display: block; line-height: 1; }
	div.container header div.inner div.contact a:hover { color: #EC1C26; }
	div.container header div.inner nav { }
	div.container header div.inner nav ul { list-style: none; margin-top: 15px; }
	div.container header div.inner nav ul li { display: inline-block; }
	div.container header div.inner nav ul li a { display: block; text-transform: uppercase; padding: 0 25px; line-height: 55px; font-weight: bold; border-top-left-radius: 2px; border-top-right-radius: 2px; }
	div.container header div.inner nav ul li.current-menu-item a {  color:#FFF; background: #EC1C26; }
	div.container header div.inner nav ul li a:hover { background: #EFEFEF; }
	div.container header div.inner nav ul li.current-menu-item a:hover {  color:#FFF; background: #EC1C26; }


div.container div.home-welcome { background: url("assets/images/welcome.png") bottom center no-repeat; background-size: cover; }
	div.container div.home-welcome div.inner { padding-top: 60px; padding-bottom: 220px; }
	div.container div.home-welcome div.inner h1 { max-width: 50%; }
	div.container div.home-welcome div.inner h2 { max-width: 45%; }
	div.container div.home-welcome div.inner p { max-width: 45%; margin-top: 25px; }
	div.container div.home-welcome div.inner h2.padtop { }
	div.container div.home-welcome div.inner a.btn {  }


div.container div.home-featured { margin-top: -37px; }
	div.container div.home-featured div.inner { }
	div.container div.home-featured div.inner div.home-featured-message { background: #EC1C26; color:#FFF; font-weight: bold; font-size: 23px; padding: 28px; text-align: center; border-radius: 2px; box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1); }
	div.container div.home-featured div.inner div.home-featured-message p { color:#FFF; font-weight: bold; font-size: 23px; }
	div.container div.home-featured div.inner div.home-featured-message a { color:#F8BFC4; font-weight: bold; font-size: 23px; text-decoration: underline; }
	div.container div.home-featured div.inner div.home-featured-message a:hover { color: #FFF; }


div.container div.home-services { }
	div.container div.home-services div.inner { padding-top: 60px; padding-bottom: 60px; text-align: center; }
	div.container div.home-services div.inner h2 { }
	div.container div.home-services div.inner ul { list-style: none; }
	div.container div.home-services div.inner ul li { display: inline-block; border:#AAAAAA 1px solid; font-weight: bold; padding: 30px 0; width: 23%; margin: 0 1%; float: left; box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1); }
	div.container div.home-services div.inner ul li:hover { background: #EFEFEF; }
	div.container div.home-services div.inner ul li i { display: block; margin-bottom: 10px; font-size: 60px; }
	div.container div.home-services div.inner a.btn { }


div.container div.home-areasnews { background: #EFEFEF; }
	div.container div.home-areasnews div.inner { padding-top: 60px; padding-bottom: 60px; }
	div.container div.home-areasnews div.inner div.left { float: left; width: 40%; }
	div.container div.home-areasnews div.inner div.left h2 { }
	div.container div.home-areasnews div.inner div.left ul { list-style: none; }
	div.container div.home-areasnews div.inner div.left ul li { display: inline-block; width: 40%; margin: 0 5% 15px 0; background: #FFF; border-radius: 2px; float: left; padding: 10px; box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1); }
	div.container div.home-areasnews div.inner div.left ul li:hover { background: #444; color: #FFF; }
	div.container div.home-areasnews div.inner div.left ul li i { margin-right: 10px; font-size: 20px; float: left; }
	div.container div.home-areasnews div.inner div.left ul li:hover i { color: #FFF; }

div.container div.home-areasnews div.inner div.right { float: right; width: 60%; }
	div.container div.home-areasnews div.inner div.right h2 { }
	div.container div.home-areasnews div.inner div.right ul { list-style: none; }
	div.container div.home-areasnews div.inner div.right ul li { display: inline-block; float: left; width: 45%; margin-right: 5%; box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1); border-radius: 2px; }
	div.container div.home-areasnews div.inner div.right ul li a { }
	div.container div.home-areasnews div.inner div.right ul li a div.photo-outer { height: 215px; border-top-left-radius: 2px; border-top-right-radius: 2px; overflow: hidden; }
	div.container div.home-areasnews div.inner div.right ul li a div.photo { height: 215px; background-position: center; background-repeat: no-repeat; background-size: cover; border-top-left-radius: 2px; border-top-right-radius: 2px; }
	div.container div.home-areasnews div.inner div.right ul li a:hover div.photo { transform: scale(1.2); }
	div.container div.home-areasnews div.inner div.right ul li a div.news { padding: 15px; background: #FFF; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
	div.container div.home-areasnews div.inner div.right ul li a div.news h4 { color: #EC1C26 }
	div.container div.home-areasnews div.inner div.right ul li a div.news p { }


div.container div.content { border-bottom:#EFEFEF 10px solid; }
	div.container div.content div.inner { padding-top: 60px; padding-bottom: 60px; }
	div.container div.content div.inner img { border-radius: 2px; margin-bottom: 20px; }
	div.container div.content div.inner ul,	div.container div.content div.inner ol { margin: 15px; }
	div.container div.content div.inner p { margin-bottom: 15px; }
	div.container div.content div.inner a { color:#EC1C26; }
	div.container div.content div.inner a:hover { text-decoration: underline; }
	div.container div.content div.inner input { padding: 5px; margin-bottom: 10px; }

	ul.services { list-style: none; margin: 0 !important; }
	ul.services li { display: inline-block; border:#AAAAAA 1px solid; font-weight: bold; padding: 30px 10px; width: 23%; margin: 0 2% 20px 0; float: left; box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1); text-align: center; }
	ul.services li:hover { background: #EFEFEF; }
	ul.services li i { display: block; margin-bottom: 10px; font-size: 60px; }

	.page-template-page-about div.container div.content div.inner ul { list-style: none; margin: 0; }
	.page-template-page-about div.container div.content div.inner ul li { display: inline-block; width: 22.8%; margin: 0 2% 15px 0; line-height: 22px; background: #efefef; border-radius: 2px; padding: 10px; }
	.page-template-page-about div.container div.content div.inner ul li i { float: left; margin-right: 10px; line-height: 22px; font-display: 22px; }

	.page-template-page-about div.container div.content div.inner ul.why li { width: 31%; }
	.page-template-page-about div.container div.content div.inner ul.fleet li { width: 31%; height:200px; overflow: hidden; padding: 0; }
	.page-template-page-about div.container div.content div.inner ul.fleet li a { display: block; height: 200px; background-size:cover; background-position: center; background-repeat: no-repeat; }
	.page-template-page-about div.container div.content div.inner ul.fleet li:hover a { transform: scale(1.2); }

	.newspost { margin-bottom: 30px; padding-bottom: 30px; border-bottom: #EFEFEF 2px dotted; }

div.container footer { }
	div.container footer div.inner { padding-top: 45px; padding-bottom: 45px; }
	div.container footer div.inner p.right { float: right; text-align: right; }
	div.container footer div.inner p.right a { color:#868686; }
	div.container footer div.inner p.right a:hover { color:#EC1C26; }
	div.container footer div.inner p { color:#868686; }
	div.container footer div.inner p strong { color:#868686; }



@media screen and (max-width: 1020px) {	
	
	div.container header div.inner { text-align: center; }
	div.container header div.inner a.logo { float: none; margin-bottom: 15px; }

	div.container div.home-welcome { background-image: none; background-color: #EFEFEF; }
	div.container div.home-welcome div.inner { padding-bottom: 80px; }
	div.container div.home-welcome div.inner h1 { max-width: 100%; }
	div.container div.home-welcome div.inner h2 { max-width: 100%; }
	div.container div.home-welcome div.inner p { max-width: 100%; }
	
	.page-template-page-about div.container div.content div.inner ul li { width: 31%; }
	.page-template-page-about div.container div.content div.inner ul.why li { width: 47.5%; }
	
}


@media screen and (max-width: 850px) {	
	
	div.container div.home-services div.inner ul li { width: 48%; margin: 0 1% 15px 1%; }
	
	div.container div.home-areasnews div.inner div.left { width: 100%; margin-bottom: 30px; }
	div.container div.home-areasnews div.inner div.right { width: 100%; }
	
	div.container footer div.inner p.right { float: none; margin-bottom: 15px; text-align: left; }
	
	ul.services li { width: 48%; margin: 0 1% 15px 1%; }
	
}


@media screen and (max-width: 500px) {	
	
	div.container header div.inner nav ul li { float: left; }
	div.container header div.inner nav ul li a { padding: 0 8px; letter-spacing: -2px; }
	
	div.container div.home-areasnews div.inner div.right ul li { width: 100%; margin-right: 0; margin-bottom: 15px; }
	
	.page-template-page-about div.container div.content div.inner ul li { width: 47.5%; }
	.page-template-page-about div.container div.content div.inner ul.why li { width: 96.5%; }
	.page-template-page-about div.container div.content div.inner ul.fleet li { width: 47.5%; }
	
}