/*
	This file is part of the rddmHalcyonic Mura Theme
	Adapted from the Halcyonic theme by HTML5 UP (html5up.net) by Adam Crute
*/

/* Basics Overrides */
	p {
		line-height: 1.5em;
		margin-bottom: 1.5em;
	}

/* Header Overrides */
	#header {
	}

		#header #logo {
			position: absolute;
			bottom: 0;
		}

			#header #logo .rddm-logo {
				height: 105px;
			}

		@media screen and (max-width: 980px) {
			#header {
				background-size: contain;
			}
		}


	/* titleBar is drawn by JS when screen size is small */
	#titleBar {
		font-family: "Roboto Condensed";
		color: #E8EBEB !important;
	}

		#titleBar .rddm-logo {
			height: 40px;
			width: auto;
		}

/* Footer Overrides */
	#copyright {
	}

		#copyright p {
			line-height: 1.5em;
		}

		#copyright a {
		}

			#copyright a:hover {
			}


/* Header Navigation */

	#nav {		
	}

		#nav #navPrimary {
			list-style-type: none;
			margin: 2em 0 0 0;
		}

			#nav #navPrimary li {
				display: inline-block;
				font-family: "Roboto Condensed";
				font-weight: 400;
			}

			#nav #navPrimary a {
				font-family: "Roboto Condensed";
				font-weight: 400;
				font-size: 1.4em;
				color: #D7DEDE;
			}

				#nav #navPrimary a:hover {
					color: #E8EBEB;
				}

/* Mobile / Sidebar Navigation */
	
	#navPanel a {
		font-family: "Roboto";
		color: #D7DEDE !important;
	}

		#navPanel a:hover {
			color: #E8EBEB !important;
		}



/* Homepage Banner */

	#banner {
	}

		#banner p {
			color: #E8EBEB;
			margin-bottom: 0.75em;
		}

		#banner .banner-message {
			text-align: center;
			margin:  auto 0 auto 0;
		}

			#banner .banner-message a {
				position: relative;
				left: -1em;
			}

			@media screen and (max-width: 1280px) {
				#banner .banner-message p {
					font-size: 2em;
				}

			}

			@media screen and (max-width: 980px) {
				.row > * {
					padding-top: 0 !important;
					box-sizing: border-box;
				}

				#banner .banner-message p {
					margin-top: 1em;
					margin-bottom: 1em;
				}

				#banner .banner-message a {
					left: -0.5em;
				}
			}

			@media screen and (max-width: 736px) {
				#banner .banner-message p {
					font-size: 1.5em;
					font-weight: 300;
					margin-top: 0.5em;
					margin-bottom: 0.5em;
				}

				#banner .banner-message a {
					left: 0;
				}
			}


/* Homepage Features List */
	#features {
		text-shadow: none;
	}

		#features section {
		}

			#features section h2 {
				color: #E8EBEB;
			}

			#features section p {
				color: #E8EBEB;
				margin-bottom: 0em;
			}

/* Homepage Client List */
	.clientList {
		background: #353D40 url("images/bg02_alt.jpg");
		border-bottom: solid 1px #272e31;
		padding: 45px 0 45px 0;
		/*text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.75);*/
		color: #a0a8ab;
		text-shadow:  none;
	}

		.clientList h2 {
			font-size: 1.25em;
			margin: 0 0 0.25em 0;
			color: #E8EBEB;
		}


/* Homepage Highlights List */
	#highlights {
		background: #D7DEDE url("images/bg04.png");
		/*background-color: #D7DEDE;*/
		/*color: #D7DEDE;*/
		border-top: solid 1px #fff;
		padding: 45px 0 45px 0;
	}

		#highlights .row {
			/*background-color: #ccc;*/
		}

		#highlights header {
			text-align: center;
			margin: 0.3em 0 1em 0;
		}

			#highlights header h2 {
				color: #3E494C;
				font-size: 3em;
				line-height: 0.9em;
				margin-bottom: 0.3em;
			}

			#highlights header p {
				color: #3E494C;
				font-size: 1.8em;
				line-height: 1.1em;
				margin-bottom: 1em;
			}

		#highlights .highlight-list-item {
			/*background-color: #54686E;*/
			background-image: linear-gradient(to bottom, #58666A, #2D3537 );
			border-radius: 1em;
			color: #E8EBEB;
			padding: 2em 3em 2em 3em;
			text-align: center;
		}

			#highlights .highlight-list-item h3 {
				font-family: 'Roboto Slab';
				font-size: 2em;
				font-weight: 700;
				margin-bottom: 0.3em;
				line-height: 1.1em;
			}

			#highlights .highlight-list-item p {
				font-size: 1em;
			}

			#highlights .highlight-list-item .fa {

			}

				#highlights .highlight-list-item .fa:before {
					display: block;
					font-size: 96px !important;
					margin: 0 0 0.2em 0
				}

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

				#highlights .highlight-list-item {
					padding: 1.5em 2.5em 1.5em 2.5em;
				}

					#highlights .highlight-list-item h3 {
						font-size: 1.75em;
					}

					#highlights .highlight-list-item p {
						font-size: 0.83em;
					}
			}

			@media screen and (max-width: 980px) {
				#highlights .highlight-list-item {
					margin-bottom: 1em !important;
					padding: 1em 2em 1em 2em;
				}

			}

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

				#highlights .highlight-list-item {
					padding: 2em 3em 2em 3em;
				}

					#highlights .highlight-list-item h3 {
						font-size: 2em;
					}

					#highlights .highlight-list-item p {
						font-size: 1em;
					}
			}





		/*#highlights .highlight-list h3
		{
			color: #F85F12 !important;
		}*/
		
			/*#highlights .highlight-list h3:before
			{
				position: relative;
				display: inline-block;
				color: #fff;
				background: #2f333b url('images/overlay.png');
				border-radius: 2em;
				text-align: center;
			}*/


/* Footer */

	#footer,
	#copyright {
		background-color: #202425;
		color: #D7DEDE;
		text-shadow: none !important;
	}

		#footer h2 {
			color: #D7DEDE;
			margin-bottom: 0.5em;
		}

		/*#footer .clientlist a {
			text-decoration: none;
		}*/

			/*#footer .clientlist a:hover {
				text-decoration: none;
				cursor: pointer;
			}*/

	#copyright {
		font-family: "Roboto Condensed";
		font-size: 0.8em;
		border-top: solid 1px #2D3537;
		color: #95A3A7;
	}

		#copyright a {
			color: #95A3A7;
			font-weight: 400;
			text-decoration: none;
		}

			#copyright a:hover {
				text-decoration: underline;
			}


/* Buttons */

	.button {
		display: inline-block;
		text-decoration: none;
		outline: 0;
		font-family: "Roboto Condensed";
		cursor: pointer;
		-moz-transition: all .25s ease-in-out;
		-webkit-transition: all .25s ease-in-out;
		-o-transition: all .25s ease-in-out;
		-ms-transition: all .25s ease-in-out;
		transition: all .25s ease-in-out;
	}


	.button-large {
		font-size: 1.75em;
		height: 2em;
		line-height: 2.125em;
		font-weight: 300;
		padding: 0 1.75em;
		border-radius: 10px;
		text-shadow: none;
	}

	.button-med {
		font-size: 1.3em;
		height: 1.75em;
		line-height: 1.8em;
		font-weight: 400;
		padding: 0 1.3em;
		border-radius: 7px;
		text-shadow: none;
	}

	.button-small {
		font-size: 1em;
		height: 1.6em;
		line-height: 1.6em;
		font-weight: 400;
		padding: 0 1.2em;
		border-radius: 5px;
		text-shadow: none;
	}

	.button-red {
		background-color: #B60000;
		color: #D7DEDE;
		background-image: -moz-linear-gradient(top, #B60000, #8F0808);
		background-image: -webkit-linear-gradient(top, #B60000, #8F0808);
		background-image: -ms-linear-gradient(top, #B60000, #8F0808);
		background-image: linear-gradient(top, #B60000, #8F0808);
		box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.75), inset 0px 2px 0px 0px rgba(255, 140, 140, 0.5), inset 0px 0px 0px 2px rgba(143, 8, 8, 0.85), 3px 3px 3px 1px rgba(0, 0, 0, 0.15);
	}

		.button-red:hover {
			background-color: #CA0B0B;
			color: #E8EBEB;
			background-image: -moz-linear-gradient(top, #CA0B0B, #B60000);
			background-image: -webkit-linear-gradient(top, #CA0B0B, #B60000);
			background-image: -ms-linear-gradient(top, #CA0B0B, #B60000);
			background-image: linear-gradient(top, #CA0B0B, #B60000);
		}

	.button-green {

	}

		.button-green:hover {
			
		}

	/* maybe some other preset colours? */

/* Images */

	.bordered-feature-image {
		/*background: #E8EBEB url("images/bg04.png");*/
		background-color: #E8EBEB;
		padding: 1px !important;
	}

/* Forms */

	form {}

		form legend {
			font-weight: bold;
			padding:1em 0 0.5em 0;
			font-size: 1.2em;
		}
		
		form label {
			display: block;
			font-family: 'Roboto Condensed';
		}

		form input.text,
		form input[type='text'],
		form input[type='password'],
		form select,
		form textarea {
			display: block;
			box-shadow: inset 0 0 0 1px #e6e6e6;
			color: #2D3537;
			background: #D7DEDE;
			width: 100%;
			padding: 0.5em 0.8em 0.5em 0.8em;
			margin: -0.1em 0 0.3em 0;
			border-radius: 0.25em;
			border: 0;
			font-family: "Roboto";
			font-weight: 400;
			-moz-transition: all 0.25s ease-in-out;
			-webkit-transition: all 0.25s ease-in-out;
			-o-transition: all 0.25s ease-in-out;
			-ms-transition: all 0.25s ease-in-out;
			transition: all 0.25s ease-in-out;
			-moz-appearance: none;
			-webkit-appearance: none;
			-o-appearance: none;
			-ms-appearance: none;
			appearance: none;
		}

		form input[type='checkbox'] {
			-webkit-appearance: checkbox;
		}
		form input[type='radio'] {
			-webkit-appearance: radio;
		}

			form input.text,
			form input[type='text'],
			form input[type='password'],
			form select {
				line-height: 1.25em;
			}

			form input.text:focus,
			form input[type='text']:focus,
			form select:focus,
			form textarea:focus {
				outline: 0;
				box-shadow: inset 0 0 0 1px #B60000;
				background: #E8EBEB;
			}

		form textarea {
			min-height: 13em;
		}
		
		form select {
			position: relative;
		}
		
			form select option {
				color: #000;
			}
		
		form ::-moz-focus-inner {
			border: 0;
		}

		form .formerize-placeholder { 
			color: #54686E !important;
			font-style: italic;
		}
		form ::-webkit-input-placeholder { 
			color: #54686E !important;
			font-style: italic;
		}
		form :-moz-placeholder { 
			color: #54686E !important;
			font-style: italic;
		}
		form ::-moz-placeholder { 
			color: #54686E !important;
			font-style: italic;
		}
		form :-ms-input-placeholder { 
			color: #54686E !important;
			font-style: italic;
		}


/* Contact Form */
	#footer-contactform {
	}

		#footer-contactform label {
			display: none;
		}

		#footer-contactform .contactform-name,
		#footer-contactform .contactform-email {
			margin-bottom: 1em;
		}

		#footer-contactform .contact-form-message {
			line-height: 1.3em;
		}

		#footer-contactform #msg-length-counter {
			font-family: "Roboto Condensed", sans-serif;
			font-size: 0.8em;
			text-align: right;
			margin-bottom: 0;
		}

			#footer-contactform #msg-length-counter.msg-size-error {
				color: #E70000;
			}

		#footer-contactform button.form-submit {
			display: inline-block;
			text-decoration: none;
			outline: 0;
			font-family: "Roboto Condensed";
			cursor: pointer;
			-moz-transition: all .25s ease-in-out;
			-webkit-transition: all .25s ease-in-out;
			-o-transition: all .25s ease-in-out;
			-ms-transition: all .25s ease-in-out;
			transition: all .25s ease-in-out;
			font-size: 1.3em;
			height: 1.75em;
			line-height: 1.8em;
			font-weight: 400;
			padding: 0 1.3em;
			border-radius: 7px;
			text-shadow: none;
			background-color: #B60000;
			color: #D7DEDE;
			background-image: -moz-linear-gradient(top, #B60000, #8F0808);
			background-image: -webkit-linear-gradient(top, #B60000, #8F0808);
			background-image: -ms-linear-gradient(top, #B60000, #8F0808);
			background-image: linear-gradient(top, #B60000, #8F0808);
			box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.75), inset 0px 2px 0px 0px rgba(255, 140, 140, 0.5), inset 0px 0px 0px 2px rgba(143, 8, 8, 0.85), 3px 3px 3px 1px rgba(0, 0, 0, 0.15);
			border: none;
			margin-top: 0;
		}

			#footer-contactform button.form-submit:hover {
				background-color: #CA0B0B;
				color: #E8EBEB;
				background-image: -moz-linear-gradient(top, #CA0B0B, #B60000);
				background-image: -webkit-linear-gradient(top, #CA0B0B, #B60000);
				background-image: -ms-linear-gradient(top, #CA0B0B, #B60000);
				background-image: linear-gradient(top, #CA0B0B, #B60000);
			} 

		#footer-contactform .mura-form-text {
		}

			#footer-contactform .mura-form-text p {
				color: #D7DEDE;
				font-size: 0.8em;
				line-height: 1.3em;
				margin: 0.5em 0 0.5em 0;
			}

			#footer-contactform .mura-form-text a {
				color: #D7DEDE;
				font-weight: 600;
				text-decoration: none;
			}

				#footer-contactform .mura-form-text a:hover {
					text-decoration: underline;
					color: #E8EBEB;
				}

		#footer-contactform .mura-response-success,
		#footer-contactform .mura-response-error {
			color: #D7DEDE;
			background-color: #202425;
			padding: 0.2em 0.8em 0.2em 0.8em;
			margin-bottom: 0.5em;
			margin-top: 0.5em;
			font-style: italic;
		}

		#footer-contactform .mura-response-success {
			border-color: #1BAF19;
		}

		#footer-contactform .mura-response-error {
			border-color: #B60000;
		}



/* Content Pages */

	#content {
		background: #D7DEDE url("images/bg04.png");
		/*background-color: #D7DEDE;*/
		-webkit-box-sizing: border-box !important;
		-moz-box-sizing: border-box !important;
		box-sizing: border-box !important;
	}

		#content .main-content {
			background-color: #E8EBEB;
			display: flow-root;
		}

			#content .main-content header {
				margin: -1em 0 1em 0;
				box-sizing: border-box;
			}

				#content .main-content header h2 {
					color: #3E494C;
				}

			#content .main-content .body-header-image {
				margin-bottom: 1em;
			}

			#content .main-content p {
				color: #3E494C;
			}

		#content .main-content .kids-gallery {
			border-top: 1px solid #D7DEDE;
			border-bottom: 1px solid #D7DEDE;
			padding-top: 1.5em;
		}

			#content .main-content .kids-gallery .mura-item-meta__title {
			}

				#content .main-content .kids-gallery .mura-item-meta__title a {
					color: #3E494C;
					text-decoration: none;
					font-family: "Roboto Condensed";
					font-size: 1.1em;
				}

					#content .main-content .kids-gallery .mura-item-meta__title a:hover {
						text-decoration: underline;
					}

			#content .main-content .mura-region {
				clear: both;
			}

			#content .main-content .vimeo-embed {
				margin-bottom:  1em;
			}

				#content .main-content .vimeo-embed .copyright-info {
					font-size: 0.8em;
					text-align: right;
					font-weight: 200;
					font-style: italic;
					margin-right: 0.2em;
				}




/* Related Content Lists (What We Do section) */

	.related-content-wrapper {
	}

		.related-content-wrapper .mura-index {
			border-top: none;
			padding-top: 0;
		}

			.related-content-wrapper .mura-index .list-title {
			}

				.related-content-wrapper .mura-index .list-title a {
					font-family: 'Roboto Condensed';
					font-weight: 700;
					text-transform: none;
					font-size: 1em !important;
					color: #58666A !important;
					text-decoration: none;
				}

				.related-content-wrapper .mura-index .list-title a:hover {
					text-decoration: none;
					color: #3E494C !important;
				}

			.related-content-wrapper .mura-index .summary p {
				margin-right: 3em;
			}

		.related-content-wrapper .mura-object-meta {
			border-top: 1px solid #ccc;
			padding-top: 1em;
			margin-bottom: 0.2em;
		}

			.related-content-wrapper .mura-object-meta h2 {				
				font-family: 'Roboto Condensed';
				font-weight: 700;
				text-transform: none;
				font-size: 1em !important;
				color: #3E494C !important;
			}

		.related-content-wrapper .mura-collection-item {
			margin-bottom: 0.75em;
		}

		.related-content-wrapper .mura-item-content {			
		}

			.related-content-wrapper .mura-item-content img {			
			}

		@media screen and (max-width: 540px) {
			.related-content-wrapper .mura-item-content {
				text-align: center;
			}

			.related-content-wrapper .mura-object-meta h2 {
				text-align: center;
				margin-bottom: 0.7em !important;
			}
		}


		.related-content-wrapper .mura-item-meta {
			line-height: 1.3em;
			text-align: center;
		}

		.related-content-wrapper .mura-item-meta__title {
			font-size: 0.9em;
			font-weight: 500;
			line-height: 1.2em;
		}

			.related-content-wrapper .mura-item-meta a {
				font-size: 1em;
				color: #58666A !important;
				text-decoration: none;
			}

				.related-content-wrapper .mura-item-meta a:hover {
					text-decoration: none;
					color: #3E494C !important;
				} 



/* Component withHeadingAndButtonLink (gc = general component) */

	.gc {
	}

		.gc header {
			/*margin:  0 0 1.5em 0;*/
		}


/* Cookie Consent */

	.mura-cta__item__wrapper {
		border: 2px solid #CA0B0B;
		background-color: #2D3537 !important;
		padding: 2em 5em 2em 5em !important;
	}

		.mura-cta__item__wrapper .rddm-consent {
		}

			.mura-cta__item__wrapper .rddm-consent p {
				color: #D7DEDE;
				margin-bottom: 1em;
				text-align: center;
			}

			.mura-cta__item__wrapper .rddm-consent a {
				color: #D7DEDE;
				font-weight: 500;
				text-decoration: none;
			}

				.mura-cta__item__wrapper .rddm-consent a:hover {
					text-decoration: underline;
				}

		.mura-cta__item__wrapper .mura-cta__item__dismiss {			
		}

			.mura-cta__item__wrapper .mura-cta__item__dismiss:before,
			.mura-cta__item__wrapper .mura-cta__item__dismiss:after {
				background-color: #D7DEDE ;
			}

	form.mura-cta__cookie_consent {
		margin-bottom: 0;
		text-align: center;
	}

		form.mura-cta__cookie_consent .mura-cta__cookie_consent_btn {
			border: none;
		}

			/*form.mura-cta__cookie_consent .mura-cta__cookie_consent_btn:hover {
				background-color: #F85F12;
			}*/