/* Extra styles for Home Page
   ========================================================================== */

/* Temp */
.home-who {  }

/* Overall */
.home-section { padding: 8em 0; }
.home .sub-menu { float: right;  margin: 3em 3em 0 1em; width: auto; font-size: 120%; }
.home .visual-list-grid .col-sm-3,
.home .visual-list-grid .col-sm-6 { padding-right: 5px; padding-left: 5px; }

.bg-grey { background-color: #f0f1f5; }
.bg-lgrey { background-color: #fbfbfb; }
.bg-mgrey { background-color: #f8f8f8; }
.bg-dark { background-color: #111; }
.bg-blue { background-color: #2477c7; }
   

/* Header */
.home-header { background: #111; }
.feature-area { position: relative; }
.feature-caption { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; }
.feature-caption .wrapper { display: table; height: 100%; max-width: 680px; margin: 0 auto; }

.feature-caption h2 { 
	display: table-cell; 
	vertical-align: middle; 
	width: 100%; 
	text-align: center;
	font-size: 3.3em; 
	line-height: 1.25em;
	font-weight: normal;  
	color: #fff; 
	text-shadow: 0 0 12px rgba(0, 0, 0, 0.3);
	padding: 0 1em 1.5em; 
	}
.feature-caption h2 em {
	font-style: normal;
	color: #000; 
	display: block; 
	}
	
.feature-caption em { color: #000; }
.feature-caption:hover em { color: #2477c7; }
.feature-caption:hover { cursor: default; }

.feature-caption-title {
    right: 0px;
    left: 0px;
    bottom: 0;
    position: absolute;  
	cursor: default;
}
.feature-caption-title p {
    text-align: right;
    color: rgba(204,204,204,0.4); 
	font-size: 80%; 
	margin: 1em 2em 1em; 
}
.feature-caption-title:hover p {
    color: rgba(204,204,204,0.8);
}



/* Dots */
.dots  div {
    text-align: left;
}

.dots h2 {
    display: block;
	width: 100%;
	max-width: 218px;	
	margin: 0 auto 2em;
}
.dots h2 a {
	display: block;
	width: 100%;
	padding-bottom: 100%;
	background-position: top left;  
	background-size: 100% auto;
}

.dots h2 a:hover { background-position: bottom left; }
a.dot1 { background-image: url(../images/home-dot1.png); }
a.dot2 { background-image: url(../images/home-dot2.png); }
a.dot3 { background-image: url(../images/home-dot3.png); }
.dots p { margin: 0 0 0 2em; }

/* Video */
.video-feature {
    width: 100%;
	background: #fbfbfb url(../images/home-video.jpg) no-repeat top right;
	background-size: auto 100%;
}
.video-feature h2 {
	position: absolute;
	margin: 3em 0 0 2em;   
	}
.video-table {
	width: 100%;
	display: table;
}
.video-row {
   display: table-row;
}
.video-cell {
   display: table-cell;
   width: 100%;
   vertical-align: middle;
   text-align: center; 
}
a.home-video-play {
	display: block;
	width: 100px;
	height: 30em; 
	margin: 12em auto; 
	background: url(../images/home-video-button.png) no-repeat 50% 50%; 
	opacity: .55;               /* Standard style for transparency */
	-moz-opacity: .55;          /* Transparency for older Mozillas */
	filter: alpha(opacity=55);  /* Transparency for IE */
	}

a.home-video-play:hover { 
	opacity: .85;               /* Standard style for transparency */
	-moz-opacity: .85;          /* Transparency for older Mozillas */
	filter: alpha(opacity=85);  /* Transparency for IE */ }


/* Whats On */
.home-whats-on h2.big { margin-bottom: 1em; margin-left: 1em; }
.home-whats-on { padding: 1em 0 5em; }

.home-whats-on .visual-list-grid .item { margin-bottom: 0; min-height: 260px; }
.home-whats-on .visual-list-grid h2.news,
.home-whats-on .visual-list-grid h2.event { color: #0d80a2; }
.home-whats-on .visual-list-grid h2 { font-size: 95%; line-height: 1.1em; margin-bottom: 0; }
.home-whats-on .visual-list-grid h3 { font-weight: normal; font-size: 95%; line-height: 1.3em; margin-bottom: 0; }
.home-whats-on .visual-list-grid h3 a span { color: #999; }
.home-whats-on .visual-list-grid .blog-item-heading { max-height: 2.6em; overflow: hidden; }

.home-whats-on .visual-list-grid .lead-item { min-height: 520px; }
.home-whats-on .visual-list-grid .lead-image { overflow: hidden; width: 100%; }
.home-whats-on .visual-list-grid .lead-image img { max-width: none; height: 433px; width: auto; }


/* Global Activity */
.global-activity { padding: 8em 0 5em; }
.global-map { 
	margin: 0 auto;
	max-width: 1140px; 
	position: relative; 
	}
.global-info { 
	position: absolute;
    top: 0; 
	bottom: 0;
	width: 100%;   
	}
	
.global-map h2 { position: absolute; top: 0%; left: 2%; color: #fff; text-transform: uppercase; font-weight: 400; font-size: 2em; line-height: 1.1em; }
.global-map h3 { display: none; }
.global-info li.bold { font-weight: bold; }

.global-info ul { list-style-type: none; font-size: 90%; display: inline-block; }

.global-info li a { color: #000; }
.global-info li a:hover { color: #999; }
.global-info li a.bold { color: #000; font-weight: bold; }
.global-info li a.bold:hover { color: #999; }

.global-info .map-block { position: absolute; overflow: hidden; }
.global-info .map-block .inner { background-color: #fde247; padding: 0.8em 1em 0.8em 1em; border-radius: 2px; border: 1px solid #f1f1f1; border-color: rgba(245, 245, 245, 0.6); }
.global-info .secondary .inner { background-color: #f1f1f1; }

.arctic-links { top: 5%; left: 57%; height: 15%; width: 21%; background:url(../images/global-map-cap-arctic.png) no-repeat bottom left; }
.scotland-links { top: 0%; left: 30%; height: 40%; width: 21%; background:url(../images/global-map-cap-scotland-secondary.png) no-repeat bottom right; }

.northamerica-links { top: 41%; left: 1%; width: 29%; background:url(../images/global-map-cap-northamerica.png) no-repeat top right; }
.northamerica-links .inner { margin-right: 27%; }

.europe-links { top: 28%; left: 51%; width: 24%; background:url(../images/global-map-cap-europe-secondary.png) no-repeat 0 100%; }
.europe-links .inner { margin-left: 16%; }

.australia-links { top: 83%; left: 63%; width: 29%; background:url(../images/global-map-cap-australia-secondary.png) no-repeat top right; }
.australia-links .inner { margin-right: 28%; }

.southamerica-links { top: 73.5%; left: 11.4%; width: 18.2%; background:url(../images/global-map-cap-southamerica-secondary.png) no-repeat top right; }
.southamerica-links .inner { margin-top: 12%; }

.asia-links { top: 48%; left: 79%; width: 19%; background:url(../images/global-map-cap-asia-secondary.png) no-repeat top left; }
.asia-links .inner { margin-top: 12%; }

.london-links { top: 41.9%; left: 47.8%; width: 21%; background:url(../images/global-map-cap-london.png) no-repeat top left; }
.london-links .inner { margin-top: 38%; margin-left: 13%; }

.uk-links { top: 41.5%; left: 30.4%; width: 19%; background:url(../images/global-map-cap-uk.png) no-repeat top right; }
.uk-links .inner { margin-top: 90%; }


/* Global Activity -- dynamic area dots -- not used */
.global-areas { 	position: absolute; top: 0; bottom: 0; width: 100%; }
.global-areas div { position: absolute; border: 1px solid #f1f1f1; border-radius: 50%; background-color: rgba(1, 51, 119, 0.3); border-color: rgba(255, 255, 255, 0.5); }
.circle-scotland { top: 37%; left: 45.3%; width: 2.4%; padding-bottom: 2.3%; }
.circle-arctic { top: 2.5%; left: 43%; width: 20.5%; padding-bottom: 20.5%; }
.circle-northamerica { top: 19%; left: 8%; width: 28%; padding-bottom: 28%; }
.circle-southamerica { top: 72%; left: 28%; width: 2.4%; padding-bottom: 2.3%; }
.circle-australia { top: 66%; left: 77.5%; width: 20%; padding-bottom: 20%; }
.circle-asia { top: 37%; left: 73.5%; width: 15%; padding-bottom: 15%; }
.circle-europe { top: 37%; left: 44.5%; width: 9.5%; padding-bottom: 9.5%; }
.circle-uk { top: 38%; left: 45%; width: 5%; padding-bottom: 5%; }
.circle-london { top: 41.3%; left: 47.5%; width: 0.7%; padding-bottom: 0.6%; }

/* Who We Are */
.home-who { padding: 8em 0 8em; }
.who-blurb h2 { margin-top: 4em; } 
.who-blurb p { margin-right: 2em; } 

.who-blocks { width: 100%; overflow: hidden; }

.who-blocks div { float: left; position: relative; } 
.who-blocks div a { text-transform: uppercase; }
.who-blocks .who-label { position: absolute; bottom: 0; width: 100%; }
.who-blocks img { width: 100%; height: auto; }

.who-creatives { width: 43%; margin-right: 2%; margin-bottom: 2%; }
.who-creatives img { margin-top: 33.5%; }
.who-creatives .who-label { font-size: 1.8em; bottom: 9%; left: 10%; }

.who-core { width: 55%; margin-bottom: 2%; }
.who-core .who-label { font-size: 2.8em; bottom: 12%; left: 12%; }

.who-scientists { width: 38%; margin: 0 2% 2% 9%; }
.who-scientists .who-label { font-size: 1.8em; bottom: 9%; right: 10%; text-align: right; }

.who-informers { width: 44%; margin-bottom: 2%; }
.who-informers .who-label { font-size: 1.7em; bottom: 53%; right: 10%; text-align: right; }

.who-partners {  width: 40%; }
.who-partners a { font-size: 1.2em; display: block; background: #75675e; padding: 0.8em 0 5em 0.8em; color: #fff; }
.who-partners a:hover { background: #86786e; }

.home-who .who-creatives:hover img,
.home-who .who-core:hover img,
.home-who .who-scientists:hover img,
.home-who .who-informers:hover img { 
	opacity: .80;               /* Standard style for transparency */
	-moz-opacity: .80;          /* Transparency for older Mozillas */
	filter: alpha(opacity=80);  /* Transparency for IE */ }

/* How We Work */
.home-about { padding: 4em 0 6em; }
.home-about h2 { margin-bottom: 1em; margin-left: 1em; }

.about-blocks h3 { margin-top: 1em; margin-bottom: 0; text-transform: uppercase; }
.about-blocks { list-style-type: none;  }
.about-blocks li { padding-left: 0; min-height: 24em; }
.about-blocks p { line-height: 1.4em; }
.about-blocks .col-sm-5,
.about-blocks .col-sm-6,
.about-blocks .col-xs-6 { padding-right: 10px; padding-left: 0px; }

.home-about .breakout {	background-color: #fff; 	padding: 3em 2em; }
.home-about .breakout h2 { font-size: 2.1em; line-height: 1.3em; font-weight: normal; margin: 0 1.8em 1em 0; }
.home-about .breakout ul li { margin-right: 2em; }

.home .about-blocks img:hover { 
	opacity: .80;               /* Standard style for transparency */
	-moz-opacity: .80;          /* Transparency for older Mozillas */
	filter: alpha(opacity=80);  /* Transparency for IE */ }
	
/* Explore */
.home-explore { padding: 4em 0 6em; }
.home-explore h2 { margin-bottom: 1em; margin-left: 1em; }
.home-explore .visual-list-grid img { margin-left: -8px; }
.home-explore .visual-list-grid h3 { color: #ff3740; font-family: "Times New Roman", Georgia, Serif; font-size: 1.4em; margin-top: 0.9em; margin-bottom: 0;  font-weight: normal; }
.home-explore .visual-list-grid h4 { text-transform: uppercase; font-weight: 700; margin-bottom: 0.8em; font-size: 1.4em; line-height: 1.2em; margin-right: 1em; }
.home-explore .visual-list-grid h4 a { color: #000; }
.home-explore .visual-list-grid h4 a:hover { color: #ccc; }
.home-explore .visual-list-grid p { font-size: 100%; line-height: 1.5em; margin-right: 1.5em; }

.home-explore .visual-list-grid .item {
    margin-bottom: 4.5em; 
}

/* Support */
.home-support { padding: 4em 0 6em; }
.home-support h2 { margin-bottom: 1em; margin-left: 1em; }
.home-support .about-blocks li { background-color: #fff; padding: 10px 10px 20px; border-radius: 3px; }
.home-support .about-blocks li:first-child { padding-right: 5px; }
.home-support .about-blocks li:last-child { padding-left: 5px; }
.home-support .about-blocks h3 { margin-top: 1.5em; margin-left: 10px; }
.home-support .about-blocks p { margin-left: 10px; }
.home-support .about-blocks p:last-child { margin-top: 2em; }

.home-support .get-involved { margin-top: 4em; }
.home-support .get-involved h2 {
    margin-top: 1.5em;
	margin-left: -15px;
	
}

/* Signup form */
.home-signup { margin: 1.6em 0 1.8em; }
.home-signup .form-control { height: 40px; width: 60%; }
.btn-yellow {
	border-color: #d9d9d9; 
	background-color: #fcef14; 
	color: #000; 
	text-transform: uppercase; 
	font-family: "Arial Narrow", "Franklin Gothic Medium", sans-serif;
	font-size: 1.4em;
	}
.btn-yellow:hover {
	background-color: #fff839;  
	color: #111; 
	border-color: #d9d9d9;
	}

body.support .cf-content-main ul li { background-image: none; }
body.support .bg-grey { background: none; }
body.support .home-support { padding: 0; }
body.support .cf-content-main p { margin-right: 0; }
body.support .cf-content-main ul.social-list li { padding-left: 0; }

/* Support Us / Get Involved page version  */
.home-support .breakout { background-color: #fff; border-radius: 3px; padding: 3em 2em; }
.home-support .breakout p { margin-right: 2em; }
.home-support .social-list li.hide-text a {	background-image: url('../images/support-socials.png'); color: #fff; }
.home-support .social-list li {	margin-right: 5px; }


/* Twitter */
.twitter-holder { background: #eaeaea; border-radius: 3px; }
.home-support .twitter h2.big {
    position: relative;
	margin: 0;
	left: -150px;
	top: 270px;
}

@media (max-width: 1200px) {

.home-whats-on .visual-list-grid .item { min-height: 220px; }
.home-whats-on .visual-list-grid .lead-item { min-height: 440px; }
.home-whats-on .visual-list-grid .lead-item img { height: 360px; }

/* Spacing */
.home-section,
.home-whats-on,
.global-activity, 
.home-who,
.home-support,
.home-about,
.home-explore { padding: 4em 0; }
a.home-video-play { margin: 4em auto; }

/* Font size */
.feature-caption h2 { font-size: 3em; line-height: 1.2em; padding: 0 3.2em 2em; }
body .big, body h2.big, body h3.big { font-size: 2.4em; }
.who-creatives .who-label { font-size: 1.6em; }
.who-core .who-label { font-size: 2.2em; }
.who-scientists .who-label { font-size: 1.6em; }
.who-informers .who-label { font-size: 1.6em; }
.home-about .breakout h2 { font-size: 1.6em; margin-right: 1em; }
body .medium, body h2.medium, body h3.medium { font-size: 1.6em; }

}

@media (max-width: 992px) {
	
.home-whats-on .visual-list-grid .lead-item img { height: 328px; }
.global-activity { padding: 2em 0 4em; }
.global-info ul { line-height: 1.3em; }
.global-map h2 { font-size: 1.4em; }

/* Spacing */
.home-section,
.home-whats-on,
.home-who,
.home-support,
.home-about,
.home-explore { padding: 2em 0 2em; }
a.home-video-play { height: 24em; }

}

@media (max-width: 768px) {
.dots h2 { max-width: 180px; margin: 1.8em auto 1em; }
.dots p { margin-right: auto; margin-left: auto; max-width: 420px; font-size: 95%; }
.home .sub-menu { float: none; margin: 1em; width: auto; font-size: 100%; }
.home-whats-on .visual-list-grid .item { margin-bottom: 1em; min-height: 320px; }
.home-whats-on .visual-list-grid .lead-item img { height: auto; width: auto; max-width: 100%; }
.home-whats-on .visual-list-grid .lead-item { min-height: 0; width: 100%; }
.who-blurb h2 { margin-top: 2em; }
.home-support .breakout { background-color: transparent; padding: 1em 1em; }
.home-support .get-involved { margin-top: 0; }
.home-support .get-involved h2 { margin: 1em 1em 0 0; }
.home-signup .form-control { display: inline-block; }
.home-support .twitter h2.big {	margin: 0 0 0.5em; left: 0; top: 0; }
.home-explore .sub-menu { float: right; }
.home-explore .visual-list-grid img { margin-left: 0; }
.video-feature h2 { margin: 2em 0 0 1em; }
.about-blocks { margin: 0 1em; }
.home-about .breakout { background-color: transparent; padding: 1em 0 2em; }

/* Spacing */
.home-section,
.home-whats-on,
.home-who,
.home-support,
.home-about,
.home-explore { padding: 1em 0 1em; }
.home-section { padding-bottom: 3em; }
.home-explore .visual-list-grid .item { margin-bottom: 3em; margin-left: 1em; }
a.home-video-play { height: 20em; margin: 1em auto; }

/* Font size */
.feature-caption h2 { font-size: 1.8em; line-height: 1em; padding: 0 0.8em 0; }
.feature-caption-title p { font-size: 50%; margin: 1em; line-height: 80%; }
body .big, body h2.big, body h3.big { font-size: 2em; }
.global-map h2 { font-size: 1.5em; }
.who-creatives .who-label { font-size: 1.4em; }
.who-core .who-label { font-size: 2em; }
.who-scientists .who-label { font-size: 1.4em; }
.who-informers .who-label { font-size: 1.4em; }
.who-partners a { font-size: 1em; line-height: 1.2em;  padding-bottom: 4em }
.home-about .breakout h2 { font-size: 1.6em; margin: 0 1em 1em 0; }

}

@media (max-width: 620px) {
	
	.home-whats-on .visual-list-grid .item { min-height: 260px; }
	.global-activity { padding-bottom: 2em;}
	.global-map h2 { font-size: 1.3em; margin-top: 0.5em; margin-left: 1em; }
	.global-info { display: none; }
	
}

@media (max-width: 480px) {
	.dots h2 { max-width: 180px; margin: 1.8em auto 1em; }
	.dots h2 a { width: 80%; padding-bottom: 80%; }
	.dots p { font-size: inherit; }
	.home .sub-menu { font-size: 90%; }
	.home-whats-on .visual-list-grid .item { min-height: 150px; }
	.video-feature h2 { margin: 1.5em 0 0 0.5em; }
	.feature-caption h2 { padding-bottom: 1em; }
	.btn-yellow { font-size: 95%; }
	.home-signup .form-control { height: 30px; }
	.home-explore .visual-list-grid .item { min-height: 150px; margin-bottom: 0; }
	.home-explore .item p { display: none; }
	.home-explore .item img { max-height: 100px; width: auto; }
	.home-explore .visual-list-grid h3 { font-size: 1.1em; margin-top: 0.2em; }
	.home-explore .visual-list-grid h4 { font-size: 1.1em; margin-bottom: 0; }
		
	/* Spacing */
	.home-explore .visual-list-grid .item { margin-bottom: 2em; }
	a.home-video-play { height: 12em; }

	/* Font size */
	.feature-caption h2 { font-size: 1.4em; }
	body .big, body h2.big, body h3.big { font-size: 1.4em; }
	.home-whats-on .visual-list-grid h2 { font-size: 90%; margin-top: 0.5em; line-height: 1.3em; }
	.home-whats-on .visual-list-grid h3 { font-size: 90%; line-height: 1.3em; margin-top: 0.2em; }
	.global-map h2 { font-size: 1em; }
	.who-creatives .who-label { font-size: 1.1em; }
	.who-core .who-label { font-size: 1.4em; }
	.who-scientists .who-label { font-size: 1em; }
	.who-informers .who-label { font-size: 1em; }
	.who-partners a { font-size: 85%; padding-bottom: 3em }
	.home-explore .visual-list-grid h4 { font-weight: normal; }
	.home-about .breakout h2 { font-size: 1.2em; }
	a.button { font-size: 95%; padding: 5px 8px; }
  	
}