/* --- Section Fronts --- */
#id {
   font-size: 300%; 
   line-height: 1; 
   font-weight: 700;
   color: #fff;
   background-color: #30e3ea;
   text-align: center;
   padding: 0;
   position: relative;
   height: auto;
   min-height: 60px;
   margin-top: 66px;
   z-index: 2; }
   
   body #id.transparent {
      background: rgba(27,53,92,.5); }
   
#id h1 { 
   font-family: 'Raleway', sans-serif;
   font-size: 40px;
   line-height: 1;
   letter-spacing: 0px;
   color: white;
   margin: 14px 0; 
   text-transform: uppercase;
   width: 100%;
   font-weight: 700; }


figure.photo.section-front {
   width: 100%;
   height: 500px;
   background: #0d2547;
   z-index: 1;
   position: relative;
   background-repeat: no-repeat;
   background-size: cover;
   background-position: top center;}

figure.photo.section-front .overlay {
   font-family: 'Raleway', sans-serif;
   color: #fff;
   text-transform: uppercase;
   text-align: center;
   width: 100%;
   height: auto;
   padding: 1em 0;
   display: inline-block;
   background: rgba(48,227,234,.5);
   bottom: 0;
   position: absolute;
   left: 0;
   }  

   
figure.photo.section-front .overlay span {
   top: initial;
   display: block; 
   position: relative; }
   
figure.photo.section-front .overlay h1 {
    font-size: 280%;
    text-align: center;
    color: white;
    position: relative;
    text-transform: uppercase;
    margin: 0;}
   


/* --- Meta Styles --- */
.meta time {
   text-transform: uppercase;
   font-weight: 700; }
   
.meta h1 { margin-bottom: .25em; }
.meta h3 { 
   font-weight: 300;
   color: #888;
   margin-bottom: 1em; }


/* --- Body Content Layout --- */
#content, #options { float: left; } 

#content {
   width: 70%;
   margin: 2em 5% 2em 0;
   padding: 0;
   text-align: left;} 
#content img {
   max-width: 100%;
   height: auto !important;
}   
   div.left {
   float: left;
   width: 48%; }

   div.right {
      float: right;
      width: 48%; }
   
   div.one-third {
      float: left;
      width: 37%; }
      
   div.two-thirds {
      float: right;
      width: 60%; }
      
   #content.wide, body.simple #content {
      width: 100%; 
      margin: 2em auto ;}

   .news #content .left { float: left; width: 31%; margin-right: 1%; }
   .news #content .center { float: left; width: 31%; margin: 0 1%; }
   .news #content .right { float: left; width: 31%; margin-left: 1%; }

#options {
   width: 25%;
   padding: 0;
   background: none;
   text-align: center;
   position: relative;
   top: 2em;
   right: 0;} 
   

/* LISTS
------------------------------------ */
ul.folder-list {
   margin: 50px 0 0 0;
   padding: 0;
   list-style: none; 
   clear: both; }

ul.folder-list li { margin: 2px auto; border-bottom: 1px #ddd solid; } 
ul.folder-list li:last-child { border-bottom: 0; }
ul.folder-list li a { 
  margin: 15px auto; 
  display: block;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition:    all .3s ease-in-out;
  -o-transition:      all .3s ease-in-out;
  -ms-transition:     all .3s ease-in-out;
  transition:         all .3s ease-in-out; }  
  

ul.folder-list li a span.title { 
   font-family: "Raleway", sans-serif;
   font-weight: 800;
   font-size: 120%; 
   color: #0d2547;
   text-transform: uppercase;
   line-height: 1;
   margin: 5px 0;
   display: inline-block; 
  -webkit-transition: all .3s ease-in-out;
  -moz-transition:    all .3s ease-in-out;
  -o-transition:      all .3s ease-in-out;
  -ms-transition:     all .3s ease-in-out;
  transition:         all .3s ease-in-out;}
   
   ul.folder-list li:hover a span.title { color: #2edae2;  }

ul.folder-list li a time {
   display: block;
   font-size: 80%;
   text-transform: uppercase;
   color: #4e4e4e;
   font-weight: 400; }
   
ul.folder-list li a p {
   color: #4e4e4e;
   font-size: 100%;
   text-transform: none;
   margin: 0;
   -webkit-transition: all .2s ease-in-out;
   -moz-transition:    all .2s ease-in-out;
   -o-transition:      all .2s ease-in-out;
   -ms-transition:     all .2s ease-in-out;
   transition:         all .2s ease-in-out; }
   
   ul.folder-list li:hover a p { color: #4e4e4e; }
   
ul.folder-list li a small {
   display: block;
   text-transform: uppercase;
   color: #4e4e4e; }
   
ul.folder-list li a .source { 
   margin-top: .5em;
   font-size: 80%;
   display: block;
   color: #4e4e4e; }

   
figure.logo {
   display: inline-block;
   width: 140px;
   height: 140px;
   margin: 1%;
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;}
   
figure.logo span {
   display: none; }
   
   
.pullquote {
   float: right;
   width: calc(50% - 3em);
   margin: 0 0 1.5em 1.5em;
   background: #eee;
   padding: 1.5em; }
   
.pullquote .quote { 
   display: block;
   color: #d47841;
   font-size: 130%;
   line-height: 1.4em; }
   
.pullquote .name {
   display: block;
   font-family: 'Raleway', sans-serif;
   font-weight: 800;
   color: #0d2547;
   font-size: 130%; 
   text-transform: uppercase; }

.pullquote .subhead {
   display: block;
   font-family: 'Raleway', sans-serif;
   font-weight: 800;
   color: #c4c4c4;
   font-size: 100%;
   text-transform: uppercase; }
   
body#interior section#testimonials {
   margin: 0;
   padding: 0;
   background: none; }
   
body#interior .testimonial:nth-child(odd) {
   background: rgb(247, 245, 235);
}
   
/* Responsive Video */
.video-container {
  position: relative;
   padding-bottom: 56.25%; /* 16:9 */
   padding-top: 25px;
	height: 0;
}
.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}