@charset "ISO-8859-1";

/******************************************************************************
* Header
******************************************************************************/

#competitions-header {
	background-color: #ffffff;
	color: #454545;
	background-image: url('https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/pages/competitions/competitions-hero.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

body.webp #competitions-header {
	background-image: url('https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/pages/competitions/competitions-hero.webp');
}

#competitions-header .competitions-title-wrapper {
	min-height: 180px;
}

#competitions-header .competitions-title-wrapper .competitions-title {
	font-size: 2.5rem;
	line-height: 2.5rem;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	#competitions-header .competitions-title-wrapper .competitions-title {
		font-size: 1.5rem;
	}
}

@media screen and (max-width: 767px) {
	#competitions-header {
		background-image: url('https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/pages/competitions/competitions-hero-mobile.jpg');
		height: 610px;
		position: relative;
	}

	body.webp #competitions-header {
		background-image: url('https://s3.eu-west-1.amazonaws.com/media.markselectrical.co.uk/pages/competitions/competitions-hero-mobile.webp');
	}
}

/******************************************************************************
* Competitions intro
******************************************************************************/

#competitions-intro .social-details .social-link {
	background-color: #f5f5f5;
	border-radius: 1rem;
}

#competitions-intro .social-details a:hover {
	color: #0099ff;
}

#competitions-intro .social-details h4 {
	font-size: 1.25rem;
}

/******************************************************************************
* Recent Competitions
******************************************************************************/

#recent-competitions .competition-block {
	display: flex;
	flex-direction: column;
	height: 100%;
}

#recent-competitions .competition-block h4 {
	font-size: 1.25rem;
}

#recent-competitions .competition-block .competition-img {
	margin-bottom: -75px;
	z-index: 2;
}

#recent-competitions .competition-block .competition-details {
	background-color: #f5f5f5;
	border-radius: 1rem 1rem 0 0;
	padding: 100px 20px 20px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

#recent-competitions .competition-block .competition-details .competition-dates, 
#recent-competitions .competition-block .competition-details .competition-t-c, 
#recent-competitions .competition-block .competition-details .competition-t-c a {
	font-size: 0.8125rem;
}

#recent-competitions .competition-block .competition-entry {
	background-color: #404040;
	border-radius: 0 0 1rem 1rem;
	padding: 1.25rem;
}

#recent-competitions .competition-block .competition-entry h4.entry-title a:hover, 
#recent-competitions .competition-block .competition-entry h4.entry-title a:active {
	color: #ffffff;
}

#recent-competitions .competition-block .competition-entry p.entry-message {
	font-size: 1.125rem;
}

#recent-competitions .pushbutton {
	width: 200px;
	border-radius: 1.25rem;
}