/* CSS file
 * 
 * To be merged into SASS files later. This is deliberate, so 
 * rebuilding the CSS via SASS doesn't overwrite these styles
 * 
 * Date created: 14 July 2017
 * Last updated: 27 October 2017
 * 
 */

/* Fix overflow issues on homepage with .promo-area */
@media (max-width: 1068px) {
	.row .row.promo-area {
		margin-left: -20px !important;
		margin-right: -20px !important;
	}
}
/* Fix for em vs px width bug on homepage, where news items would snap to 100% width @ 1025px only */
@media only screen and (min-width: 64.000em) {
	.large-4 {
		width: 33.3333333333%;
	}
}

/* Fixes for spacing above 'Subscribe for email updates' block 5 on homepage */
@media (min-width: 639px) {
	.pane-block-5 {
		margin-top: 0;
	}
}
.pane-communities-map .homepage-map,
.communities-page .homepage-map {
	margin-top: 0;
}
.front .pane-block-5,
.front .pane-block-8,
.front .pane-content{
	padding-top: 15px !important;
}
.row .row.promo-area {
	padding-top: 20px !important;
}

/* ---- Community Map styles ---- */

.pane-communities-map h2.pane-title, 
.communities-page h2.pane-title {
	top: 24px;
}
div:not(.fullscreen) #indig-fullscreen {
	top: 17px;
	right: 17px;
}
@media (max-width: 640px) {
	div:not(.fullscreen) #indig-fullscreen {
		top: 50px;
		left: 17px;
		right: auto;
	}
}
.view-communities-map .view-footer {
	position: relative;
	bottom: 0;
	left: 0;
	right: auto;
	margin-top: 1em;
	margin-left: 0;
	z-index: 10;
}
.front .view-communities-map .view-footer {
	position: absolute;
	left: auto;
	right: 17px;
	z-index: 10;
}
.front .view-communities-map .view-footer p {
	padding: 5px 10px; 
	background-color: rgba(0,0,0,0.4);
}
.front .view-communities-map .view-footer p a {
	color: white;
}
.view-communities-map .view-footer p a {
	color: black;
}
@media (max-width: 480px) {
	.front .view-communities-map .view-footer {
		max-width: 40%;
	}
}
.view-communities-map .view-footer a:hover {
	text-decoration: underline;
}
/* Update cluster marker colours */
.marker-cluster-small,
.marker-cluster-medium,
.marker-cluster-large,
.marker-cluster-small div,
.marker-cluster-medium div,
.marker-cluster-large div {
	background-color: #097b46;
}

/* Override rounded corners on Subscribe and Regional Office blocks on homepage */
.pane-block-5 .pane-content {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.pane-block-8 .pane-content {
	-webkit-border-radius: 10px 10px 0px 0;
	-moz-border-radius: 10px 10px 0px 0;
	border-radius: 10px 10px 0px 0;
}
/* Move 2nd level nav above map controls */
.section.main_menu ul.links li ul,
section.main_menu ul.menu li ul {
	z-index: 9999;
}

/* Leaflet map controls positioning fix */

.front .leaflet-container .leaflet-top .leaflet-control {
	margin-top: 7em;
}

@media (min-width: 640px) {
	.front .leaflet-container .leaflet-top .leaflet-control {
		margin-top: 4em;
	}
}

/* Fix map width on communities page */
@media (min-width: 640px) {
	.large-12.main .communities-page .large-8 {
		width: 66.66%; 
	}
}

.pane-homepage-panel-pane-1 .view-content {
	background: #566C11 url(../images/newsl-bg-details.png) no-repeat bottom left;
}