/* Section ID
------------------------------------ */

#id { }
#id:hover { }      

#id a { 
  width: auto; 
  display: block;
  text-align: left;
  padding:0; }

#id h1 {
  margin: 0 auto;
  margin-bottom: .25em;
  font-size: 40px;
  line-height: 1;
  font-weight: 800;
  text-transform: uppercase; }

#id a h1 { 
  color: #003959; }

#id a h1:after { content: "" }

/* Content
------------------------------------ */

#body {
  width: 1140px;
  background: #e1e1e1;
  padding: 30px;
  text-align: left;
  position: relative; } 

#content, #options { float: left; } 

#content {
  width: 825px;
  padding: 25px;
  background: #fff;
  text-align: left;
  -webkit-box-shadow: 2px 2px 3px 0 rgba(0,0,0,.1);
   box-shadow: 2px 2px 3px 0 rgba(0,0,0,.1); } 

#options {
  width: 250px;
  padding: 0 0 0 15px; } 

.wide #body { background-image: none; }
.wide #content {
  width: 1090px;
  float: none; }      
  
.half { 
   width: 48%;
   padding-right: 2%;
   float: left; }
   
.third {
   width: 30%;
   padding-right: 3%;
   float: left;
   padding-bottom: 2em; }

#contact-info {
   float: right;
   width: 200px;
   padding: 0 0 2em 1em;
   border-left: 1px #ddd solid;
   margin-left: 1em; }

.meta { margin: 0 0 1em 0; }

/* Photo with INSET Shadow
----------------------------- */ 

#content figure.photo {
  width: auto;
  position: relative;
  float: right;
  display: block;
  margin: 0 0 15px 15px; }  

#content figure.photo:before {
  -moz-box-shadow:    inset 2px 2px 5px rgba(0,0,0,.2);
  -webkit-box-shadow: inset 2px 2px 5px rgba(0,0,0,.2);
  box-shadow:         inset 2px 2px 5px rgba(0,0,0,.2); 
  content: "";
  position: absolute;   
  bottom: 0;
  left: 0;
  right: 0;
  top: 0; }   

#content figure.photo img {
  float: left;      }    
  
/* Expander 
--------------------------------------------------- */

.expander { margin: 0 0 5px; }

.expander-header { 
  cursor: pointer;
  padding: 10px 0;
  display: block;	
  -webkit-transition: background-color .35s ease-in-out, color .35s ease-in-out;
  -moz-transition:    background-color .35s ease-in-out, color .35s ease-in-out;
  -o-transition:      background-color .35s ease-in-out, color .35s ease-in-out;
  -ms-transition:     background-color .35s ease-in-out, color .35s ease-in-out;
  transition:         background-color .35s ease-in-out, color .35s ease-in-out; }

.expander-header h2 {
  font-size: 18px;
  color: #eb6e1f;
  line-height: 1;
  text-transform: none;
  margin: 0;
  padding: 0 25px 0 0;
  position: relative;
  padding-bottom: 0 !important; 
  transition:         color .3s ease-in-out;    
  -webkit-transition: color .3s ease-in-out;  
  -moz-transition:    color .3s ease-in-out;  
  -o-transition:      color .3s ease-in-out;  
  -ms-transition:     color .3s ease-in-out; }   
.expander-header:hover h2,
.expander-header.selected h2 { color: #fdb825 !important; }   
.expander-header.selected:hover h2 { color: #00aec5 !important; }   

.expander-header h2:after {
  background: #00aec5 url(/theme/img/expander.png) no-repeat center 5px; 
  width: 22px;
  height: 21px;
  display: block;
  content:" ";
  -moz-border-radius:    20px;
  -webkit-border-radius: 20px;
  border-radius:         20px;    
  color: #fff;
  font-size: 22px;
  line-height: 19px;
  font-weight: 300;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  transition:         background-color .3s ease-in-out;    
  -webkit-transition: background-color .3s ease-in-out;  
  -moz-transition:    background-color .3s ease-in-out;  
  -o-transition:      background-color .3s ease-in-out;  
  -ms-transition:     background-color .3s ease-in-out; }
  
.expander-header:hover h2:after { 
  background-color: #eb6e1f;
  color: #00aec5; }

.expander-header:active h2:after { 
  background-color: #fdb825; 
  box-shadow:         inset 1px 1px 2px rgba(0, 0, 0, 0.3);       
  -moz-box-shadow:    inset 1px 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.3);  }

.expander-header.selected h2:after { background-position: center -47px !important; }

.expander-header p { margin-bottom: 0; }

.expander-header:hover { background-position: 630px -68px; }
.expander-header:active {  }        

.expander-body { 
  background: #fff;
  padding: 5px 0; }       
.expander-body p:last-child { margin-bottom: 0; }           


/* Three Column Layout
------------------------------------ */

.threecol { }

.threecol .col1,
.threecol .col2,
.threecol .col3 { 
  width: 326px;
  float: left; }   

.threecol .col1 { 
  background: #eee;      
  width: 280px;
  padding: 25px;
  -moz-border-radius:     6px;
  -webkit-border-radius:  6px;
  border-radius:          6px; 
  -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; }
.threecol .col1:hover { background: #e4e4e4; }

.threecol .col2 { 
  width: 350px;
  padding: 0 25px; }

.threecol .col3 { 
  width: 205px;
  text-align: center;
  padding: 0 0 0 15px; } 


/* Forms
------------------------------------ */

#content form li.textarea { float: right; }

#content form li.submit { 
  padding-top: 15px;
  text-align: center;
  display: block; }

#content form li { 
  margin: 0 0 7px;
  display: block; }

#content input,
#content select,
#content textarea { 
  background: #677d86;   
  border: none;
  margin: 0 auto;
  padding: 9px 7px 7px 7px; 
  border-radius:         4px;
  -moz-border-radius:    4px; 
  -webkit-border-radius: 4px;    
  cursor: pointer; 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 1;
  color: #fdbc32;
  transition:         all .35s ease-in-out;    
  -webkit-transition: all .35s ease-in-out;  
  -moz-transition:    all .35s ease-in-out;  
  -o-transition:      all .35s ease-in-out;  
  -ms-transition:     all .35s ease-in-out; } 

#content input:hover,
#content select:hover,
#content textarea:hover { 
  background: #eb6e1f; 
  color: #fff; 
  box-shadow:         1px 1px 3px rgba(0, 0, 0, 0.2);       
  -moz-box-shadow:    1px 1px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); }

/* ---- Placeholder Text Equalizer - NEEEDED!! ---- */
#content input:-moz-placeholder                 { opacity: 1; }
#content input::-moz-placeholder                { opacity: 1; }
#content input:-ms-input-placeholder            { color: #fdbc32; }
#content input::-webkit-input-placeholder       { color: #fdbc32; }
#content input:hover:-ms-input-placeholder      { color: #fff; }
#content input:hover::-webkit-input-placeholder { color: #fff; }     
#content input:active:-moz-placeholder          { opacity: .5; }
#content input:active::-moz-placeholder         { opacity: .5; }

#content textarea:-moz-placeholder                 { opacity: 1; }
#content textarea::-moz-placeholder                { opacity: 1; }
#content textarea:-ms-input-placeholder            { color: #fdbc32; }
#content textarea::-webkit-input-placeholder       { color: #fdbc32; }
#content textarea:hover:-ms-input-placeholder      { color: #fff; }
#content textarea:hover::-webkit-input-placeholder { color: #fff; }      
#content textarea:active:-moz-placeholder          { opacity: .5; }
#content textarea:active::-moz-placeholder         { opacity: .5; }

#content input:focus,
#content select:focus,
#content textarea:focus { 
  background: #8c9ca3 ;   
  color: #fff;
  cursor: text; 
  box-shadow:         inset 1px 1px 1px rgba(0, 0, 0, 0.35);       
  -moz-box-shadow:    inset 1px 1px 1px rgba(0, 0, 0, 0.35);
  -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.35); }    

.contact #content input { 
  width: 325px; 
  padding: 9px 7px 9px 7px; }
.contact #content textarea { 
  width: 330px;
  height: 140px; }


#content option { 
  border-radius:         4px;
  -moz-border-radius:    4px; 
  -webkit-border-radius: 4px; }    

#content button,
#content .button { 
   color: #FFFFFF;
   display: inline-block;
   font-family: "proxima-nova", sans-serif;
   font-weight: 800;
   margin-top: 10px;
   padding: .5em 1em;
   text-transform: uppercase;
   border-radius: 4px 4px 4px 4px;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   background: #003659; 
  -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; }
#content button:hover,
#content .button:hover { 
  background: #ad2624; 
  -moz-box-shadow:    0 1px 1px rgba(0,0,0,.15);
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.15);
  box-shadow:         0 1px 1px rgba(0,0,0,.15); }   
#content button:active,
#content .button:active { 
  background: #009bff;
  -moz-box-shadow:    inset 0 1px 1px rgba(0,0,0,.35);
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.35);
  box-shadow:         inset 0 1px 1px rgba(0,0,0,.35); }  

.join-long p { line-height: 1; } 

.join-long input { width: 270px; } 
.join-long input.zip { width: 100px; } 

/* Thank You
------------------------------------ */

.thank-you .share {
  background-color: #f6f6f6;
  padding: 10px;
  -moz-border-radius:    6px;
  -webkit-border-radius: 6px;
  border-radius:         6px; }

.thank-you .share section {
  background-color: #ececec; 
  width: 263px;
  padding: 20px;
  margin-right: 10px;
  float: left; 
  text-align: center;
  -moz-border-radius:    6px;
  -webkit-border-radius: 6px;
  border-radius:         6px;   
  -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; }
.thank-you .share section:last-child { margin-right: 0; }

.thank-you .share section:hover {
  background-color: #dedede; 
  -moz-box-shadow:    1px 1px 2px rgba(0,0,0,.15);
  -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.15);
  box-shadow:         1px 1px 2px rgba(0,0,0,.15); }   

.share h3 { 
  margin: 0 0 12px 0;
  font-size: 22px;
  line-height: 1;
  color: #00aec5;
  text-align: left;
  text-transform: uppercase; }

.share h3 .icon { 
  background-color: #00aec5;
  background-repeat: no-repeat;
  background-position: center center; 
  background-size:         16px auto;
  -webkit-background-size: 16px auto;
  -moz-background-size:    16px auto;
  -o-background-size:      16px auto;      
  width: 22px;
  height: 22px;
  margin: 0 5px 0 0;
  float: left;
  display: inline-block;
  -moz-border-radius:    4px;
  -webkit-border-radius: 4px;
  border-radius:         4px; }   
.tweet h3 .icon { background-image: url(/theme/img/twitter.png); }
.facebook h3 .icon { background-image: url(/theme/img/facebook.png); }
.email h3 .icon { background-image: url(/theme/img/email.png); }

.share textarea { 
  width: 249px;
  height: 120px;
  line-height: 1.5;
  cursor: default !important; }  
.share textarea:focus { background: #eb6e1f !important; }

.share .button { margin: 10px 0 0; }

/* VIDEO
------------------------------------ */

#video {
  border-bottom: 1px solid #d9dee0;
  padding-bottom: 20px;
  margin-bottom: 20px;
  position: relative; }

#video iframe,
#video embed,
#video object {
  width: 700px;
  height: 390px;
  -moz-border-radius:     6px;
  -webkit-border-radius:  6px;
  border-radius:          6px; }

#video h2 { text-transform: none; }

/* --------------- AddThis --------------- */

#video .addthis_toolbox {
  background: url('/theme/img/video-share.png') no-repeat right top;  
  width: 33px;
  padding-top: 3px;
  position: absolute;
  top: 240px;
  right: -3px; }

#video .addthis_button_facebook,
#video .addthis_button_twitter,
#video .addthis_button_email {
  display: block;
  width: 33px;
  height: 33px;
  float: left;
  padding: 0;
  -webkit-transition: background-color .5s ease-in-out;
  -moz-transition:    background-color .5s ease-in-out;
  -o-transition:      background-color .5s ease-in-out;
  -ms-transition:     background-color .5s ease-in-out;
  transition:         background-color .5s ease-in-out; }  

#video .addthis_button_facebook span,
#video .addthis_button_twitter span,
#video .addthis_button_email span {
  text-indent: -99999px;
  background: transparent !important; }  


#video .addthis_button_facebook { background: #435466 url('/theme/img/facebook.png') no-repeat center center; }
#video .addthis_button_twitter { background: #6f8892 url('/theme/img/twitter.png') no-repeat center center; }
#video .addthis_button_email { background: #7b5f59 url('/theme/img/email.png') no-repeat center center; }

#video .addthis_button_facebook:hover { background-color: #316fad; opacity: 1; }
#video .addthis_button_twitter:hover { background-color: #2ba9dd; opacity: 1;}
#video .addthis_button_email:hover { background-color: #f36e51; opacity: 1; }

#at15s { display: none; }


/* --------------- Video Feed --------------- */


.feed  h2 {
  font-family: "museo-sans", arial;
  font-size: 25px;
  line-height: 1;
  text-transform: uppercase;
  font-weight: 300;
  color: #eb6e1f;
  margin: 0 0 10px; }     

.feed h2:hover { color: #0099ad; }

.feed a.rss,
.feed a.youtube {
  width: 18px;
  height: 18px;
  -moz-border-radius:    9px;
  -webkit-border-radius: 9px;
  border-radius:         9px;    
  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; }

.feed a.rss { background: #0099ad url(/theme/img/rss.png) no-repeat center center;  }
.feed a.youtube { background: #0099ad url(/theme/img/youtube.png) no-repeat center center;  }    

.feed a.rss:hover,
.feed a.youtube:hover {
  background-color: #eb6e1f;
  -moz-box-shadow:    0 1px 1px rgba(0,0,0,.2);
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2);
  box-shadow:         0 1px 1px rgba(0,0,0,.2); }

.feed a.rss:active,
.feed a.youtube:active {
  background-color: #00aec5;
  -moz-box-shadow:    inset 0 1px 1px rgba(0,0,0,.2);
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
  box-shadow:         inset 0 1px 1px rgba(0,0,0,.2); }   

.feed.video { width: 700px; }
.feed.video .panel { min-height: 500px; } 

.feed.video article {
  width: 145px;
  min-height: 180px;
  padding: 15px;
  float: left;
  -moz-border-radius:     4px;
  -webkit-border-radius:  4px;
  border-radius:          4px; }

.video-feed.blocks article:last-child { margin-right: 0; }

.feed.video article:hover {
  background-color: #f6f6f6; 
  -moz-box-shadow:    0 1px 2px rgba(0,0,0,.15);
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
  box-shadow:         0 1px 2px rgba(0,0,0,.15); }

.feed.video article:active,
.feed.video article.active{
  background-color: #f3f3f3; 
  -moz-box-shadow:    inset 0 1px 2px rgba(0,0,0,.15);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.15);
  box-shadow:         inset 0 1px 2px rgba(0,0,0,.15); }

.feed.video article img {
  width: 145px;
  height: 109px;
  -moz-border-radius:     6px;
  -webkit-border-radius:  6px;
  border-radius:          6px; }

.feed.video article h3 { text-transform: none; }

/* PHOTOS
------------------------------------ */

.photo-thumbnail {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover !important;  
  width: 130px;
  height: 100px;  
  display: block;
  float: left;
  margin: 0 10px 10px 0;
  text-indent: -999999px;
  -moz-border-radius:     6px;
  -webkit-border-radius:  6px;
  border-radius:          6px; }

/* LISTS
------------------------------------ */
ul.folder-list {
   clear: both;
   margin: 1em 0;
   padding: 1em 0;
   border-top: 1px #ddd solid;
   list-style: none; 
}
   
ul.folder-list li { margin: 2px auto; }  
ul.folder-list li a { 
  background: rgba(0,0,0,0);
  padding: 6px 5px 6px 0px; 
  display: block;
  font: 300 20px/1 "proxima-nova", sans-serif;
  text-transform: uppercase;
  color: #ad2624;
  border-bottom: 1px #eee solid;
  -webkit-transition: all .35s ease-in-out;
  -moz-transition:    all .35s ease-in-out;
  -o-transition:      all .35s ease-in-out;
  -ms-transition:     all .35s ease-in-out;
  transition:         all .35s ease-in-out; }  
ul.folder-list li:hover a {
  background: rgba(0,0,0,.2);
  padding: 6px 5px 6px 15px;  }
ul.folder-list li:active a { 
  background: rgba(0,0,0,.5);
  padding: 6px 5px 6px 5px;  
  color: #003659; }    

ul.folder-list li a h3 { margin: .15em 0 .25em 0; }
ul.folder-list li a h3:after { font-family: 'trilogyicons'; font-size: 14px; content: " )" }
   
   
/* Custom Content
------------------------------------- */
article.timeline {
   margin: .5em 0;
   border-bottom: 1px #ddd solid; }
article.timeline img {
   position: relative;
   float: left;
   display: block;
   margin: 0 .5em 0 0;
   width: 60px;
   height: 60px;
   border: 1px #aaa solid; }
article.timeline p {
   width: auto;
   padding-left: .5em; }
article.timeline span.title {
   display: block;
   font-size: 18px;
   color: #ad2624; }
article.timeline span.description {
   font-size: 13px;
   line-height: 15px; }

.promo400 {
   margin-top: 2em;
   width: 100%;
   height: 150px;
   padding-top: 50px;
   text-align: center;
   display: block;
   background-size: cover;
   -webkit-box-shadow:inset 0 0 30px 0 rgba(0,54,89,.8);
   box-shadow:inset 0 0 30px 0 rgba(0,54,89,.8);
   background-color: rgba(0, 54, 89, .5); }

.promo400 h4 {
   font-size: 30px;
   color: #fff;
   text-shadow: 0 0 5px #003659; }

#content .promo400 span.button {
    color: #FFFFFF;
    display: inline-block;
    font-weight: 700;
    margin-top: 10px;
    padding: .5em 1em;
    text-transform: uppercase;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #003659;}
  
#content .promo400 span.button:hover { background: #ad2624;}