/*!
Theme Name:   Enable Infrastructure Child Theme
Theme URI:    http://www.enable-team.com
Description:  An Enable child theme 
Author:       EBClark UX Design
Author URI:   https://www.ebclark.co.uk/
Template:     enable
Version:      1.0.0
Text Domain:  enablechild
*/

body { --site: #A12B2A !important; --site-tint: rgba(161, 43, 42, 0.10) !important; }

header .main-navigation ul li.social.linkedin a { background-image: url('images/linkedin.svg'); }
header .main-navigation ul li.social.twitter a { background-image: url('images/twitter.svg'); }
header .main-navigation ul li.social.insta a { background-image: url('images/insta.svg'); }
header .main-navigation ul li.social.facebook a { background-image: url('images/facebook.svg'); }

header a.button.join-us { display: none; }

header.page-has-bg-img .main-navigation ul li.social.linkedin a { background-image: url('images/linkedin-wht.svg'); }
header.page-has-bg-img .main-navigation ul li.social.twitter a { background-image: url('images/twitter-wht.svg'); }
header.page-has-bg-img .main-navigation ul li.social.insta a { background-image: url('images/insta-wht.svg'); }
header.page-has-bg-img .main-navigation ul li.social.facebook a { background-image: url('images/facebook-wht.svg'); }


@media screen and (min-width: 64rem) {
	.main-navigation ul ul ul {
		left: 12rem;
	}
	header .main-navigation ul ul li a,
		header .main-navigation ul ul li.menu-item-has-children a { width: 12rem !important; }

	header a.button.join-us { display: inline-block; float: right; font-size: .85rem !important; padding: .2rem 1rem !important; margin-left: 2rem; }
	header a.button.join-us:after { content: ''; padding: 0; margin: 0; }
}


.download-container { padding-bottom: 1rem; }

@media screen and (min-width: 48rem) {
	.download-container { padding-bottom: 0; display: flex; justify-content: space-between; align-items: flex-start; }
}


section.content-list ul li.button .more { color: #fff !important; }


/* CONTACT MAP */
.contact-map .container { position: relative; text-align: center; }
.contact-map h2 { text-transform: uppercase; font-size: 1.25rem; }

.contact-map .mapSVG { width: 100%; height: auto !important; margin: 0 auto; max-width: 40rem; }
.contact-map .mapSVG.desktop { display: none; }
.contact-map .mapSVG .pin { fill: #3D3935; cursor: pointer; z-index: 0; position: relative;}
.contact-map .mapSVG .pin:hover,
	.contact-map .mapSVG .pin.active { fill: var(--site); z-index: 1000; }

.contact-map .mapSVG .pin#reading { display: none; }

.contact-map .location-details { display: none; background: var(--site); color: #fff; padding: 1rem; text-align: left; text-transform: uppercase; }
.contact-map .location-details:first-child { display: block; }
.contact-map .location-details a.button { border: 2px solid #fff; }
.contact-map .location-details a.button:after { content: ''; padding: 0; }

@media screen and (min-width: 48rem) {
	.contact-map .mapSVG.desktop { display: block; }
	.contact-map .mapSVG.mobile { display: none; }

	.contact-map h2 { font-size: 1.5rem; }

	.contact-map .location-details { position: absolute; top: 10rem; left: 1rem; }
	.contact-map .location-details h3 { font-size: 1.5rem; }
	.contact-map .location-details .more { display: flex; justify-content: space-between; align-items: flex-start; }
	.contact-map .location-details .more p { margin: 0 2rem 0 0; }
}
@media screen and (min-width: 69rem) {
	.contact-map .location-details { left: 0; }
}