/*
Theme Name: Fall Workshop 2014
Theme URI: http://wordpress.org/themes/twentythirteen
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: twentythirteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

body {
  background-color: white;
  -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

h1, h2, h3, h4, h5, h6, p {
 font-family: "proxima-nova", Arial, sans-serif; 
}

h2 {
 text-transform: uppercase; 
}

.page a {
  color: #bbb;
}

.fix {
clear: both;
}

.header-container {
/*height: 100px;*/
background-color: black;
color: white;
/*margin-bottom: 20px;*/
}

.logo {
/*background-color: pink;*/
padding-top: 15px;
}

.logo img {
width: 100px;
}

.header-nav {
/*background-color: limegreen;*/
text-align: center;
}

.header-nav ul {
display: inline-block;
margin: 0px auto;
}

.header-nav ul li {
float: left;
padding-left: 20px;
padding-right: 20px;
  line-height: 100px;
}

.header-nav ul li a {
display: block;
font-family: "proxima-nova", Arial, sans-serif;
font-size: 20px;
text-transform: uppercase;
color: white;
font-weight: bold;
  text-decoration: none;
}

.header-nav ul li a:hover {
color: #fbde05;
}

.header-nav ul li.current_page_item a {
  color: #fbde05;
}


.header-social-icons {


text-align: right;
/*background-color: cyan;*/
}

.header-social-icons ul {
display: inline-block;

}

.header-social-icons ul li {
float: left;
padding-left: 10px;
padding-right: 10px;
  line-height: 100px;
}

.header-social-icons ul li a {
color: #CCC;
font-size: 24px;
}

.header-social-icons ul li a:hover {
color: #fbde05;
}

.flex-video {
  position: relative;
  padding-top: 1.5625rem;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 1rem;
  overflow: hidden; }
  .flex-video.widescreen {
    padding-bottom: 56.34%; }
  .flex-video.vimeo {
    padding-top: 0; }
  .flex-video iframe,
  .flex-video object,
  .flex-video embed,
  .flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }



.sponsor-bar-container {
background-color: #9a9a9a;
padding-top: 20px;
padding-bottom: 20px;
color: white;
}

.school-link-bar-container {
background-color: black;
padding-top: 20px;
padding-bottom: 20px;
color: white;
}

.event-date-container {
background-color: #888;
padding-top: 10px;
padding-bottom: 10px;
  /*margin-top: -20px;*/
}

.event-date {
color: white;
font-family: 'Oswald', sans-serif;
  letter-spacing: 1.25px;
font-size: 30px;
font-weight: 400;
text-align: center;
  text-transform: uppercase;
}


.event-date span {
  padding-left: 20px;
	  padding-right: 20px;
	}

.home-video-container {
	 position: relative; 
	}

.home-video-bg {
   width: 100%;
	   position: absolute;
	  background-repeat: no-repeat;
	  background-size: cover;
	  background-position: center center;
  top: 0px;
  left: 0px;
  z-index: 1;
	}
	
	.home-video-bg img {
		 width: 100%; 
		}

.home-video-container-white {
	 width: 100%;
	  background-color: rgba(255,255,255,.75);
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 2;
	}
	
.home-video-content {
		 text-align: center; 
		}


	
.home-video-content h2 {
  font-size: 42px;
	  font-weight: 300;
	  font-family: "proxima-nova", Arial, sans-serif;
	}

	.home-video-content h3 {
	  font-family: Georgia;
		  font-style: italic;
		  margin-bottom: 20px;
		}

ul.participants-list {
 display: inline-block;
  margin: 0px auto;
  text-align: center;
}

.parent-bio-block {
width: 240px;
height: 240px;
position: relative;
display: inline-block;
  text-align: center;
}

.child-bio-image {
width: 240px;
height: 240px;
position: absolute;
top: 0px;
left: 0px;
z-index: 1;
}

.child-bio-image img {
width: 100%;
height: auto;
}

.child-bio-text {
width: 240px;
height: 240px;
position: absolute;
top: 0px;
left: 0px;
z-index: 2;
background-color: rgba(255,255,255,.8);
color: black;
text-align: center;
opacity: 0;
}

.child-bio-text h3 {
color: black;
padding: 0px;
margin: 0px;
  margin-bottom: 5px;
}

.child-bio-text h4 {
color: black;
padding: 0px;
margin: 0px;
  font-size: 18px;
  font-style: italic;
  margin-bottom: 10px;
  font-weight: 300;
}

.child-bio-text h5 {
color: black;
padding: 0px;
margin: 0px;
}

.child-bio-text h5 a {
 background-color: #fbde05; 
  display: inline-block;
  color: black;
  padding: 5px;

  
}

.page-template h1, .page-template h2 {
  text-align: center;
	}
	
.page-template h2 {
	  margin-top: 60px;
  text-transform: uppercase;
	}


ul.schedule-list li {
 padding-bottom: 10px;
  padding-top: 10px;
  border-bottom: 1px solid #AAA;
  font-family: "proxima-nova", Arial, sans-serif;
  font-size: 18px;
}

.page-id-47 h2 {
  margin-top: 60px;
}


ul.student-list li {
 padding-bottom: 10px;
  padding-top: 10px;
  /*border-bottom: 1px dotted #AAA;*/
  font-family: "proxima-nova", Arial, sans-serif;
	  font-size: 18px;
	  text-align: left;
}

/* ------ footer sponsors ------ */

.sponsors {
  text-align: center;
  }

.sponsors h2 {
  font-family: "proxima-nova", Arial, sans-serif;
  }

ul.footer-sponsors {
 display: inline-block; 
	  text-align: center;
	  margin: 0px auto;
}

ul.footer-sponsors li {
 
   display: inline-block;
  margin-right: 10px;
	  margin-left: 10px;
}

ul.footer-sponsors li {

}

ul.footer-sponsors li img {
  
}


/* --- tumblr ---- */

.tumblr-container {
  padding-top: 30px;
	  padding-bottom: 30px;
	  background-color: black;
	}
	
	.tumblr-container h2 a {
  color: white;
		}

.tumblr_ajax_post {
 width: 360px;
margin-bottom: 20px;
	background-color: white;
  }

.tumblr-ajax-post-padding {
padding: 20px;  
}
  
.tumblr_ajax_photo img {
float: left;
	  width: 100%;
	  height: auto;
	  margin-right: 10px;
	  margin-bottom: 10px;
	
  }
	
.tumblr_ajax_post h3, .tumblr_ajax_post h3 a {
		 font-family: "proxima-nova", Arial, sans-serif;
		font-weight: 700;
		color: black;
	  }

	
.tumblr_ajax_post h3, 	
.tumblr_ajax_post p,
.tumblr_ajax_quotesource{
	padding: 10px;
  }
.tumblr_ajax_quotesource {
	text-align: right;
  background-color: #eee;
  text-transform: uppercase;
  }

.tumblr_ajax_quote {
	font-size: 28px;
  font-weight: 300;
	font-style: italic;
  }

blockquote {
  border-left: 5px solid #fbde05;
}






/* ------- HOME 2014 -------- */

ul.home2014-projectlist {
  
}

ul.home2014-projectlist li .article-content {
 opacity: 0; 
  position: relative;
  z-index: 5;
}

ul.home2014-projectlist li {
 
  height: 180px;
 
 position: relative;

  text-align: center;
 overflow: hidden;
}


ul.home2014-projectlist li h2 {
 padding: 0px;
  margin: 0px;
  font-size: 24px;
  line-height: 24px;
   font-family: "proxima-nova", Arial, sans-serif;
		font-weight: 700;
  padding-bottom: 5px;
}


/* ------- single ------- */

.single-project {
  width: 100%; 
	  background-repeat: no-repeat; 
	  background-size: cover; 
	  background-position: center center;
	  position: relative;
  overflow: hidden;
	}

.single-project-white-layer {
  width: 100%;
	 background-color: rgba(255,255,255,.85);
	  position: absolute;
	  top: 0px;
	  left: 0px;
	  z-index: 2;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
	}

.single-project-image-bg {
 width: 100%;
	position: absolute;
	  top: 0px;
	  left: 0px;
	  z-index: 1;  
  overflow: hidden;
}

.single-project-image-bg img {
  width: 100%;
	}

.video-layer {
  width: 100%;
	   position: absolute;
	  top: 0px;
	  left: 0px;
	  z-index: 1;
  opacity: 0;
	}

.single-project-content {
position: relative;  
}
	
	.backToStories {
	position: absolute;
		top: 0px;
		left: 0px;
		display: inline-block;
		background-color: #fbde05;
		color: black;
		padding: 10px;
		 font-family: "proxima-nova", Arial, sans-serif;
		line-height: 24px;
		text-transform: uppercase;
 /* border-left: 1px solid black;
  border-bottom: 1px solid black;
  border-right: 1px solid black;*/
	  }
	  
	  .backToStories a {
	  color: black;
		}

.single-project-content h2 {
    font-family: "proxima-nova", Arial, sans-serif;
	  font-size: 40px;
	  font-weight: 300;
	}
	
.single-project-content h3 {
    font-family: Georgia;
		  font-style: italic;
	}

ul.home2014-projectlist li h2 a {
 color: black; 
}

ul.home2014-projectlist li h3 {
 color: black; 
  padding: 0px;
  margin: 0px;
  font-size: 18px;
  line-height: 18px;
  font-family: Georgia;
  font-style: italic;
  font-weight: 100;
  padding-bottom: 5px;
  
}

ul.home2014-projectlist li h4 {
 color: black; 
  padding: 0px;
  margin: 0px;
  font-size: 42px;
  line-height: 42px;
  margin-bottom: 5px;
}

ul.home2014-projectlist li h4 a {
 color: black; 
}

.article-padding {
	 padding-left: 10px;
	  padding-right: 10px;
	}

.article-bg-image {
	 width: 100%;
	  height: 180px;
	  position: absolute;
	  top: 0px;
	  left: 0px;
	  z-index: 3;
  	background-repeat: no-repeat;
	  background-size: cover;
	  background-position: center center;
	}
	
.article-bg-color {
	 width: 100%;
	  height: 180px;
	  position: absolute;
	  top: 0px;
	  left: 0px;
	  z-index: 2;
  background-color: rgba(255,255,255,.75);
	}




/* ------ slideshow ------ */
.slideshow-black-layer {
	 width: 100%;
	  background-color: black;
	  color: white;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 500;
  display: none;
	}

.directional-icons {
  /*position: relative;*/
	 /* height: 60px;*/
	  width: 100%;

  text-align: right;
	}

.directional-icons .prev-col, .directional-icons .next-col, .directional-icons .exit-col  {
	 position: relative; 
  /*height: 60px;*/
	}
	
#prev-icon, #next-icon, #close-icon {
	 width: 40px;
	  height: 40px;
	  font-size: 24px;
	  line-height: 40px;
	  text-align: center;
	  border: 1px solid white;
	  cursor: pointer;

  display: inline-block;
	}
	
	#prev-icon:hover, #next-icon:hover, #close-icon:hover {
		 border: 1px solid yellow;
		color: yellow;
	  }
	 
	ul.slideshow-list {
 	width: 100%; 
}

ul.slideshow-list li {
	 display: none; 
	  /*margin-top: 40px;*/
	}

ul.slideshow-list li img {
width: 100%;  
}
	
	
	p.slide-caption {
	   font-family: "proxima-nova", Arial, sans-serif;
	  font-size: 18px;
	  font-weight: 300;
	  color: white;
	  margin-top: 15px;
	}

p.single-cta {
 margin-top: 30px; 
}

p.single-cta a {
   font-family: "proxima-nova", Arial, sans-serif;
	  font-size: 14px;
	  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 10px;
  border: 1px solid black;
  color: black;
}

/* ---- still -------*/

.still-black-layer {
	 width: 100%;
	  background-color: black;
	  color: white;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 500;
  display: none;
	}