/* @import url('Arvo/ArvoItalic.css'); */
@import url('https://fonts.googleapis.com/css?family=Droid+Sans:400,700%7CDroid+Serif:400,400i,700');

body {
  padding-top: 0px !important;
  
    font-family: 'Droid Serif', serif;

}
em, em a, .team em {
  
    font-family: 'Droid Serif', serif;

  font-weight: 400i;

}	


.panel em {
    font-family: 'Droid Serif', serif;
  font-weight: 400i;

}	

strong, strong a {
	
    font-family: 'Droid Serif', serif;

	font-weight: 700;
}

p {
	text-align: left;
}	

h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a {

    font-family: 'Droid Serif', serif;
	
}
.panel a, a {
    text-decoration: underline;
	color: #666 !important;	
    line-height: inherit;
}
/* HEADER */
.title-area h1 a{
	    font-family: 'Droid Sans', sans-serif !important;
	    font-weight: 700 !important;
	    font-size: 1.8rem;

}
.logo {
	padding-top: 150px;
	    font-family: 'Droid Sans', sans-serif;

}

.top-bar {
	height: 120px;
/* 	padding: 20px 0px; */
}

.top-bar-section ul li:hover:not(.has-form)>a {
  background: #f9f9ed !important;
  color: rgba(217, 19, 19, 1);
/*   padding-top: 50px; */
}

.top-bar-section ul{
    padding-top: 75px;
    background: #f9f9ed !important;
}

.top-bar, .top-bar-section, .right, .right ul, .right ul li, .right ul li a, .name, .name h1 a{
  background: #f9f9ed none repeat scroll 0 0;
  color: #333 !important;
}


/*
.top-bar-section{
	padding-top: 50px;
}
*/

.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
  background: #f9f9ed none repeat scroll 0 0;
  color: #333;
  font-weight: 700;
  border-bottom: 1px dashed #999;
}

.top-bar-section .dropdown li:hover:not(.has-form):not(.active) >a:not(.button) {
	color: rgba(217, 19, 19, 1);
    font-weight: 700;
}
/* mobile hamburger menu icon -> dark */
.top-bar .toggle-topbar.menu-icon a span::after {
  box-shadow: 0 0 0 1px #444,0 7px 0 1px #444,0 14px 0 1px #444;
}

.fixed {
	border-bottom: 1px dashed #333;
}

.top-bar-section ul li>a{
  background: #f9f9ed none repeat scroll 0 0;
  display: block;
  /*     color: #333; */
  font-size: 1rem;
  height: auto;
  margin: 0;
  text-decoration: none;
  
    font-family: 'Droid Sans', sans-serif;
font-weight: 700;

}

.top-bar-section li:not(.has-form) a:not(.button) {
  background: #f9f9ed none repeat scroll 0 0;
  color: #333 !important;
  line-height: 2.8125rem;
  padding: 0 0.9375rem;
}

.top-bar-section li:not(.has-form) a:hover:not(.button) {
  background: #f9f9ed none repeat scroll 0 0;
  color: rgba(217, 19, 19, 1) !important;
  line-height: 2.8125rem;
  padding: 0 0.9375rem;
}

.top-bar-section ul {
  background: #fff none repeat scroll 0 0;
}

/* CONTENT */

.skrollr-deck {
  padding-top: 50px;
}

.story h2 {
	font-size: 4rem;
	line-height: 4rem;
  /* 	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; */
  color:#000;
}

.readmore a{
/* 	font-family: 'ArvoItalic'; */
  font-weight: normal;
  text-decoration: underline;
  font-size: 0.8rem !important;
  color: #333 !important;	
}
.readmore {
	text-align: center !important;

}

.readmore p{
	text-align: center !important;
 font-size: 0.8rem !important;


} 

.backtomenu p{
	text-align: right;
  font-weight: normal;
  font-size: 0.6rem !important;
  color: #333 !important;	
	
} 
.backtomenu  a{
	text-align: right;
/* 	font-family: 'ArvoItalic'; */
  font-weight: normal;
  text-decoration: underline;
  font-size: 0.6rem !important;
  color: #666 !important;	
	
}   
.text {
	padding-top: 100px;
}

.title h1 {
	color: #000;
	font-size: 4rem;
	padding-top: 110px;
	line-height: 4rem;
}

.title_fr h1 {
	color: #000;
	font-size: 4rem;
	padding-top: 100px;
	line-height: 4rem;
}

.title3 h1 {
	color: #FFF;
	font-size: 4rem;
	padding-top: 100px;
}

.title2 h1 {
	color: #000;
	font-size: 4rem;
	padding-top: 100px;
}
.text h2 {
	color: #fff;
	font-size: 2rem;
}

.team h2{
	text-align: center;
	padding-top: 20px;
}

.team a{
	text-decoration: underline;
	color: #666 !important;	

}

.team h1 {
	margin-top: 50px;
	text-align: center;
}
.centered-content {
  display: block;
  clear:both;
 /* position: relative;
  top: 30%;
  transform: translateY(-30%);*/
  max-width: 500px;
  margin: auto;
  /*opacity: 0.5;*/

}

.centered-content2 {
  display: block;
  clear:both;
  position: relative;
  /* I had to change this from 25% to 5% for it to display properly in my browser... */
  top: 5%;
  transform: translateY(-5%);
  max-width: 500px;
  margin: auto;
  /*opacity: 0.5;*/
}

.skrollr-deck {
  position: relative;
  box-sizing: border-box;
  text-align: center;
  z-index: 10;
}

.float-void {
  visibility: hidden;
}

.float-deck {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: -10;
}

.submenu {
  position: absolute;
  top: 75%;
}
.submenu a{
  color: #fff !important;
}
.credits {
	text-align: left;
/*
	background: rgba(255, 255, 255, 0.7);
	padding: 10px;
*/
}
.creditsw h3{
	text-align: center;
}

.creditsw p{
	font-size: 0.8em;
}

.creditsw a{
color: #666;
text-decoration: underline;
}
.panelconv{
  background: none;
  border-left: 5px solid #333;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 10px;

}		
.panelcredits {
background: rgba(255, 255, 255, 0.7);
	padding: 15px;
	min-height: 900px;
	
}

.panelcredits_ed {
background: rgba(255, 255, 255, 0.7);
	padding: 15px;
	
	
}

.edu p{
	font-size: 0.8rem;
	
}
.text_xtra p{
	font-size: 0.8rem;
}

.text_xtra li>a {
	font-size: 0.8rem;
	text-decoration: underline;
	color: #333;

}
.submenu {
	text-align: left;
	font-size: 0.8em;
	line-height: 2em;
}
.submenu li>a{
color: #333 !important;
text-decoration: underline;}
/* SECTIONS */
.skrollr-deck {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
}

#about {
  background-image: url('../images/pigeons.jpg');
}

#about-2 {
  background-image: url("../images/05.jpg");
}

#third {
  background-image: url("../images/widd_03.gif");
   padding-top: 50px;
  padding-bottom: 50px; 
}

#widdvideo {
  background-image: url("../images/widd_02.gif");
    padding-top: 50px;
  padding-bottom: 50px; 
}

#widdvideo2 {
  overflow: hidden;
  background: #000;
}

#widdvideo3 {
  background: #000;
}

#second {
  background-image: url("../images/widds3.gif");
     padding-top: 150px;
  padding-bottom: 50px; 
}

#credits {
  background-image: url("../images/casas.gif");
  background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
padding-top: 20px;

}
#conversation {
		background-image: url("../images/alphabet.gif");

}
#gallery {
	padding-top: 20px;
/*   padding-bottom: 10px;  */
}
#widdxtra {
/* 	background-image: url("../images/alphabet.gif"); */
background: #EBE5CF;
}

#endhp {
	background-image: url("../images/puzzle02.jpg");
}

#widd_desc {
	background-image: url("../images/widds.gif");
}

.clearing-thumbs li {
  margin-bottom: 10px;
}

#conversation .row div {
  margin-bottom: 50px;
}

#back-top {
  position: fixed;
  bottom:20px;
  right: 2%;
  z-index: 100; }
  
.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%;
}



/* FOOTER */
.footer {
	background: #CCCCCC;
	padding-bottom: 10px;
	padding-top: 10px;
	font-size: 0.6em;
	height: 80px;
/*     position: fixed; */
    bottom: 0px;
    left: 0px;
    line-height: 50px;
    color: #333;
    text-align: center;
/*     width: 100%; */
}

.mat3rial {
	text-align: right;
	padding-top: 10px;
	
}
footer{
position:fixed;
bottom:0;
}

.fullWidth {
   width: 100%;
/*    height: auto; */
   margin-left: auto;
   margin-right: auto;
   max-width: initial;
}

/* LIGHTBOX */
#widdxtra {
  position: initial !important;
}
.clearing-assembled .clearing-container .carousel > ul{ width: auto !important; }

@media only screen and (max-width: 768px) {
  .title h1, .title2 h1, .title3 h1, .title_fr h1 {
    font-size: 2rem;
    padding-bottom: 50px;
    line-height: 2.2rem;
    padding-top: 10px;
  }
  #about-2 .column, #about-2 .columns {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  .panel p{
	  font-size: 0.7rem;
  }
  
  .panelcredits p{
	  font-size: 0.7rem;
  }
  
  .panelcredits {

	min-height: 400px;
	border-bottom: 1px dashed #999;
	
}

.panelcredits_ed p{
	  font-size: 0.7rem;
  }
  
  .panelcredits_ed {

	min-height: 200px;
	border-bottom: 1px dashed #999;
	
}


  
  #widdxtra p{
	  font-size: 0.7rem;
	  padding: 5px;
  }
  
  #widdxtra h2{
	  padding: 10px;
  }
  
  .columns p{
	  font-size: 0.7rem;
  }
  
  .panelconv li{
	  font-size: 0.7rem;
  }

}


  .story h2 {
    padding-top: 0;
    font-size: 1.7rem;
    padding-bottom: 50px;
  }
  .centered-content {
    top: 0 !important;
    transform: translateY(0) !important;
  }
  .logo {
    margin-bottom: 10px;
	
  }
  h1 img { position: relative; z-index: 100;} 
  
  .skrollr-deck {
    position: inherit !important;
  }
  .text {
    padding-top: 0;
  }
  .panel {
    border-width: 0 !important; 
    background: rgba(255, 255, 255, 0.8) !important;

  }
  .credits ul {
    margin-left: 2.1rem;
  }
  .submenu {
    position: inherit !important;
  }
  .panelconv {
    margin-left: 4px;
  }
  
  
  
  #widdvideo2, #widd_desc {
    overflow: inherit !important;
  }
 /* #widdvideo2 iframe {
   position: static !important; 
   z-index: inherit !important;
   height: auto !important;
   width: auto !important;
}*/
#widdvideo2 .submenu {
  display: none !important;
}
}

/* PAGE STORY */
figure {
	text-align: center;
}

.credits {
	font-family: 'Droid Sans', sans-serif !important;
	text-transform: uppercase;
	font-size: 0.8rem;
	text-align: center;
	font-weight: 700 !important;
	letter-spacing: 3px;

}

.panelcredits {
background: rgba(255, 255, 255, 0.7);
	padding: 15px;
	border-left: 1px dashed #666;}
	
.panelcredits_ed {
background: rgba(255, 255, 255, 0.7);
	padding: 15px;
	border-left: 1px dashed #666;}	
	
/*
#credits {
  background-image: url("../images/casas.gif");
}
*/
#artist {
    padding-top: 50px;
    padding-bottom: 50px;
    background-image: url("../images/casas.gif");
}

.thumbnails li{
	padding-top: 10px;
	
}