@charset "utf-8";
/* CSS Document */

@import url('../vendor/fonts.css');


/* Basics */
/* ------ */

body, html { height: 100%; margin: 0; font-size: 15px; line-height: 1.8; font-family: 'Noto Sans', "Helvetica Neue", Helvetica, Arial, sans-serif; color: #666; background-color: white; text-align: left; }

html { box-sizing: border-box; }

*, *:before, *:after { box-sizing: inherit; }

a, a:link { text-decoration: underline; color: #AC2832; }

a:visited { text-decoration: underline; color: #CB994E; }

a:hover { text-decoration: none; color: #5C4A40; background-color: #e2dbd0 }

h1 { letter-spacing: 5px; text-transform: uppercase; font-size: 1.5em; color: #111; margin: 0; padding: 0; }

h2 { font-size: 1.3em; margin: 1.5em 0 0.25em; font-weight: normal; }

h3 { font-size: 1.1em; margin: 1em 0 0.15em; font-weight: normal; }

p { font-size: 1em; margin: .5em 0; text-align: left; line-height: 1.6em; }

.map-listings { font-size: .8em; line-height: normal; text-align: left; }

.sm { font-size: 13px; line-height: 1.5em; font-family: 'Noto Sans', "Helvetica Neue", Helvetica, Arial, sans-serif; color: #666; text-align: left; }

.ft-text { font-size: 13px; line-height: 1.5em; font-family: 'Noto Sans', "Helvetica Neue", Helvetica, Arial, sans-serif; color: #CCC; text-align: center; }

code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4;  border-radius: 4px;}



/* Placement */
/* --------- */


.fl_left { float: left; }

.fl_right { float: right; }

.fl_center {margin: 2% auto;}

.imgl, .imgr { border: 1px solid #ccc; padding: 5px; }

.imgl { float: left; margin: 0 15px 8px 0; clear: left; }

.imgr { float: right; margin: 0 0 15px 8px; clear: right; }

p.clear, div.clear { clear: both; }



/* Navigational Bar */
/* ---------------- */
.navbar { overflow: hidden; background-color: #333; top: 0; width: 100%; position: fixed; z-index: 200; font-size: 1em; }

.navbar a, .navbar a:visited { float: left; display: block; color: #f2f2f2; text-align: center; padding: 14px 16px; text-decoration: none; }

.navbar a:hover { background-color: #AC2832; }

.navbar .icon { display: none;}



/* Heading Sections */
/* ---------------- */

.heading { position: absolute; left: 0; bottom: 0%; width: 100%; text-align: center; color: #000; }

.main-heading { position: absolute; left: 0; top: 40%; width: 100%; text-align: center; color: #000; }

.heading span.border { background-color: #fff; color: #333; padding: 18px; letter-spacing: 5px; z-index: 150; position: relative; text-transform: uppercase; /*border-radius:20px 20px 0px 0px;	-moz-border-radius:20px 20px 0px 0px;	-webkit-border-radius:20px 20px 0px 0px;*/ }

.main-heading h1.border { background-color: #333; color: #fff; ont-size: 30px; letter-spacing: 10px; z-index: 150; position: relative; opacity: 1; padding: 0 10px; line-height: 1.8; }

.main-heading h1.border a, .main-heading h1.border a:visited { color: #fff; text-decoration: none; text-align: center; }

.main-heading span.border a:hover { color: #AC2832; text-decoration: none; background-color: transparent; text-align: center; }

/* Main Sections */
/* ------------- */

.main { margin-top: 30px; }

.content-section { position: relative; background: white; padding: 2% 4%; }

.content-section-final { position: relative; background: white; padding: 50px 80px 200px 80px; }

.section-first, .section-intro, .section-trailer, .section-interviews, .section-documentary, .section-news, .section-faq, .section-acknowledgements, .section-contact { position: relative; opacity: 1; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; }

/*  Attribution for background image:
	By Rolfmueller (Own work) [GFDL (http://www.gnu.org/copyleft/fdl.html), 
	CC-BY-SA-3.0 (http://creativecommons.org/licenses/by-sa/3.0/) or FAL], via Wikimedia Commons
*/


.section-first { background-image: url(../images/backgrounds/index-bg2.jpg); /* margin-top: 50px; */ min-height: 100%; }

.section-intro  { background-image: url(../images/backgrounds/intro-bg2.jpg); min-height: 60%; }

.section-trailer { background-image: url(../images/backgrounds/trailer-bg.jpg); min-height: 60%; }

.section-interviews { background-image: url(../images/backgrounds/interviews-bg.jpg); min-height: 60%; }

.section-documentary { background-image: url(../images/backgrounds/documentary-bg.jpg); min-height: 60%; }

.section-news { background-image: url(../images/backgrounds/documents-bg2.jpg); min-height: 60%; }
/*  Attribution for background image:
	Special Collections & Archives, UC San Diego, La Jolla, 92093-0175 (http://libraries.ucsd.edu/collections/sca/) 
	Image URL: https://library.ucsd.edu/dc/object/bb11615959
*/

.section-faq { background-image: url(../images/backgrounds/faq-bg.jpg); min-height: 60%; }

.section-board, .section-acknowledgements { background-image: url(../images/backgrounds/board-bg2.jpg); min-height: 60%; } 
/* 	Attribution for background image:
	Special Collections & Archives, UC San Diego, La Jolla, 92093-0175 (http://libraries.ucsd.edu/collections/sca/) 
	Image URL: https://library.ucsd.edu/dc/object/bb9557574s
*/

.section-contact { background-image: url(../images/backgrounds/contact-bg.jpg); min-height: 75%; }

/* Fixed header and footer */
#header { position: fixed; height: 50px; display: block; width: 100%; background: #333; z-index: 250; text-align: center; color: #f2f2f2; padding: 10px 0 0 0; }

#footer { position: fixed; height: 100px; display: block; width: 100%; background: #333; z-index: 250; text-align: center; color: #f2f2f2; padding: 10px 10px; }

#footer a { color: #FFFFFF; }

#footer a:hover { color: #AF433D; }

#header { top: 0px; }

#footer { bottom: 0px; }

#footer p{  }

.wrap { margin-left: auto; margin-right: auto; position: relative; }


/* Video or Map  display*/
/* -------------------- */

.media-section { max-width: 50%;}

.media-container { width: 960px; max-width: 46%; margin: 2%; background-color: #F7F7F7; padding: 1em;}
.media-container-grid { width: 400px; max-width: 50%; margin: 1%; background-color: #F7F7F7; padding: 1em;}
.media-container-centered { width: 960px; max-width: 50%; margin: 2% auto; background-color: #F7F7F7; padding: 1em;}


.videoWrapper {	position: relative;	padding-bottom: 56.25%; /* 16:9 */	padding-top: 25px;	height: 0;}
.videoWrapper iframe {	position: absolute;	top: 0;	left: 0;	width: 100%;	height: 100%;}

.map-container { width: 960px; max-width: 70%; margin: 2%;}


/* Button and Show/Hide */
/*---------------*/

.btn-info { background: none!important; color: #AC2832;  padding: 0!important; font: inherit; font-size: .8em; text-decoration: underline;margin: 0; border:0; box-shadow:none;}

.btn-info:hover {text-decoration: none; outline: none; border:0;box-shadow:none;}

.btn-info.focus,.btn-info:focus,.btn-info:hover,.btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info, .btn-info.active.focus,.btn-info.active:focus,.btn-info.active:hover,.btn-info:active.focus,.btn-info:active:focus,.btn-info:active:hover,.open>.dropdown-toggle.btn-info.focus,.open>.dropdown-toggle.btn-info:focus,.open>.dropdown-toggle.btn-info:hover, .btn-info.active,.btn-info:active,.open>.dropdown-toggle.btn-info,.btn-info.disabled.focus,.btn-info.disabled:focus,.btn-info.disabled:hover,.btn-info[disabled].focus,.btn-info[disabled]:focus,.btn-info[disabled]:hover,fieldset[disabled] .btn-info.focus,fieldset[disabled] .btn-info:focus,fieldset[disabled] .btn-info:hover, .btn-info .badge {background: none!important; color: #AC2832; border:0; box-shadow:none;}


/* Accordion Styles */
/* ---------------- */

button.accordion { background-color: #eee; color: #444; cursor: pointer; padding: 5px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; transition: 0.5s; background: -moz-linear-gradient(left, rgba(238,238,238,0.65) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(238,238,238,0.65) 0%, rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(238,238,238,0.65) 0%, rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6eeeeee', endColorstr='#00ffffff', GradientType=1 ); /* IE6-9 */
}

button.accordion.active, button.accordion:hover { background: -moz-linear-gradient(left, rgba(221,221,221,0.65) 0%, rgba(221,221,221,0.64) 1%, rgba(255,255,255,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(221,221,221,0.65) 0%, rgba(221,221,221,0.64) 1%, rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(221,221,221,0.65) 0%, rgba(221,221,221,0.64) 1%, rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6dddddd', endColorstr='#00ffffff', GradientType=1 ); /* IE6-9 */
}

div.panel { padding: 0 5px; display: none; background-color: white; }

/*Modal Subscription Window*/
.dim{height:100%;width:100%;background-color:black;position:fixed;z-index:151;opacity:.6;}

#subscribe{display:none;  position:fixed;   top:50%;  transform: translate(-50%, -50%);  margin: 0% auto;   width:310px;  left: 50%;  padding: 10px;   border:2px solid black;  border-radius:5px;  background-color: white;  box-shadow: 10px 10px 5px #888888;  height:150px;  z-index:6001;  }

#closeModal{border:1px solid;float:right;cursor: pointer;}
#contactFormContainer{padding-top: 10px; clear:both;}

.sublink{cursor: pointer;}

/*Shadowbox popup*/

#thover{  position:fixed;  background:#000;  width:100%;  height:100%;  opacity: .6;  z-index: 900;  top: 0;}

#tpopup{  position:absolute;  max-width:60%;  background:#fff;  left:20%;  top:10%;  border-radius:5px;  padding: 0px 25px 0 25px ;  margin: 70px auto 0 auto;  text-align:center;  box-shadow:0 0 10px 0 #000;  z-index: 1000;}

#tclose{   position:absolute;  background:#AC2832;  color:white;  right:-15px;  top:-15px;  border-radius:50%;  width:30px;  height:30px;  line-height:30px;  text-align:center;  font-size:8px;  font-weight:bold;  font-family:'Arial Black', Arial, sans-serif;  cursor:pointer;  box-shadow:0 0 10px 0 #000;}

p.center, h2.center {text-align: center;}


@media only screen and (min-width: 960px) and (max-width: 1310px) {
	
.navbar a, .navbar a:visited {padding: 14px 8px; font-size: .8em; }
	
}

@media only screen and (min-width: 768px) and (max-width: 1000px) {

.media-section {width: 100%; max-width:100%;}	
	
}

@media only screen and (max-width: 959px) {
	
.navbar a:not(:first-child) {display: none;}
.navbar a.icon {float: right; display: block; background-color: #AC2832;}
.navbar.responsive {position: relative;}
.navbar.responsive a.icon {position: absolute; right: 0; top: 0;  }
.navbar.responsive a {float: none; display: block; text-align: left;}
}

@media only screen and (max-width: 767px) {
	
.media-section {width: 100%; max-width:100%;}	
	
.fl_left { float: none; }
.fl_right { float: none; }

.media-container  { max-width: 95%;}
}


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

.media-section { max-width:100%;}	
	
.fl_left { float: none; }
.fl_right { float: none; }

.media-container { width: 450px; max-width: 95%; margin: 1%;}

.navbar.responsive {position: relative;}
.navbar.responsive a.icon {position: absolute; right: 0;  top: 0;  }
.navbar.responsive a {float: none; display: block;text-align: left;  }
.navbar a, .navbar a:visited {font-size: 1em;}

}

/*Turn off parallax scrolling for tablets and phones*/ 
@media only screen and (max-device-width: 1024px) {

.section-first, .section-intro, .section-trailer, .section-interviews, .section-documentary, .section-news, .section-faq, .section-acknowledgements, .section-contact { background-attachment: scroll; }
}