/* Custom stylsheet
 * Imports all other required stylesheets first
 * Custom styles under that
*/


/* ========================
   == IMPORT STYLESHEETS ==
   ======================== */

@import url("/assets/plugins/magnific-popup/magnific-popup.css");
@import url("/assets/css/common/style.min.css");
@import url("/assets/css/common/style-responsive.min.css");


/* ==================
   == IMPORT FONTS ==
   ================== */


/* START CUSTOM STYLE OVERRIDES */


/* =========================
   == GENERAL & REPEATERS ==
   ========================= */

/* Responsive Embeds */
.embed-container { 
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* Utilities */
.no-webgl .hidden-no-webgl {
	position: absolute !important;
	display: none !important;
}
.visible-no-webgl {
	display: none !important;
}
.no-webgl .visible-no-webgl {
	display: block !important;
}

/* =================
   == PAGE HEADER ==
   ================= */



/* ===========================
   == MAGNIFIC POPUP STYLES ==
   =========================== */

/* General style updates */
.mfp-close-btn-in .mfp-close { color: #FFF !important; opacity: 1; text-transform: uppercase; font-family: inherit; font-weight: 300; padding: 0 10px; background: rgba(6, 26, 39, 0.5); top: 0; font-size: 14px; line-height: 30px; height: auto; text-align: right; width: auto !important; }
.survey-container .mfp-close, .key-container .mfp-close{ right: 10px; }
.mfp-close-btn-in .mfp-close:focus, .mfp-close-btn-in .mfp-close:hover { text-decoration: underline; }
.mfp-container { }
.mfp-iframe-holder .mfp-content { text-align: center; max-width: 1280px; }
.mfp-iframe-scaler {
	/* -webkit-overflow-scrolling: touch; */
	overflow:auto !important;
}
.mfp-wrap .mfp-content {
	max-width: 1920px;
}

/* Fullwidth overrides */
.content-view .mfp-wrap .mfp-container,
.content-view .fullwidth {
	padding: 0;
	margin: 0;
	width: 100%;
	max-width: none;
}

/* Register popup */
.register .mfp-container:before { height: 20%; }

/* Driveway access popup */
.driveway-access-container { position: relative; background: #242a30; padding: 20px; width: auto; max-width: 1200px; margin: 20px auto; }

/* Driveway access popup - TNRBR */
.driveway-access-container-tnrbr .row { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dashed #697F9A; }
.driveway-access-tnrbr-footer { text-align: center; }
  
/* Map key popup */
.key-container { position: relative; background: #242a30; padding: 20px; width: auto; max-width: 600px; margin: 20px auto; }
.key-container ul { padding-left: 0; } 
.key-container li { list-style: none; color: #FFF; line-height: 40px; }

/* Survey popup (used for multiple other popups too) */
.survey-container { position: relative; background: #FFF; padding: 30px 20px 40px; width: auto; max-width: 700px; margin: 20px auto; }
.survey-container h2 { margin: 0 0 20px; }
.survey-container .survey-question { font-weight: bold; }
.survey-container .mfp-close { color: #242a30 !important;  }
.survey-answers-oneperline label { display: block; }

/* Community consultation popup */
#community-consultation h4 { margin-top: 15px; padding-top: 15px; border-top: 1px solid #DDD; }

/* ==========================
   == MAP & SIDEBAR STYLES ==
   ========================== */
   
.portal-map-stack .portal-info {
	float: none;
	width: 100%;
	border-left: 0 none;
	border-bottom: 2px solid #FFF;
	height: auto;
}

.portal-map-stack .portal-info-container,
.portal-map-stack .portal-info-panel {
	max-width: 1080px;
	margin: 0 auto;
}
.portal-map-stack .portal-info-panel:after {
	content: '';
	display: table;
	overflow: hidden;
	clear: both;
}
.portal-map-stack .portal-info-top {
	float: left;
	width: 50%;
}
.portal-map-stack .portal-info-bottom {
	float: right;
	width: 47%;
}
.portal-map-stack .portal-info-top h2 {
	margin-top: 15px;
}

.portal-map-stack .portal-map {
	float: none;
	width: 100%;
	overflow: visible;
}

.map-layer-full {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	max-width: none;
}
.subtle-dark-underlay .dark-underlay {
	opacity: 0.1;
}

.dark-underlay + .dark-underlay {
	display: none;
}

/* ===================
   == FOOTER STYLES ==
   =================== */

.footer-language-switcher {
	text-align: center; 
	background: #0b1a27; 
	padding: 25px 25px 75px; 
	color: #FFF;
	border-top: 1px solid #6b8aa4
}
.language-list {
	list-style: none;
	margin: 0 0 15px;
	padding: 0;
}
.language-list li {
	display: inline-block;
	padding-right: 10px;
	border-right: 1px solid rgba(255,255,255,0.2);
	margin-right: 10px;
}
.language-list li:last-child {
	padding-right: 0;
	border-right: 0;
	margin-right: 0;
}


/* ===================
   == MOBILE STYLES ==
   =================== */

@media (min-width: 1440px) {
	.portal-map-mask { width: 120%; margin-left: -10%; }
}

@media (max-width: 1180px) {
	
}

@media (max-width: 1000px) {
	
}

@media (max-width: 767px) {
	
}

@media (max-width: 480px) {

}


/* ==============
   == IE FIXES ==
   ============== */