#id {
   height: 90px;
   font-size: 18px;
   text-transform: uppercase;
   margin-bottom: 1%;
   font-weight: 600;
   background-color: #004168; 
   background-image: url('/theme/img/id-tile.png');
   background-repeat: no-repeat;
   background-position: bottom right;
   background-size: auto;
   border-bottom: 10px #2d8c02 solid; 
   width: 96%;
   margin: 0 2%;
   padding-top: 120px;
   text-align: left; }
#id h1 { font-family: "bebas-neue", sans-serif; font-size: 36px; line-height: 90px; margin: 0; padding: 0; color: white; letter-spacing: 1px; display: inline-block; }
#id a h1{ 
   font-family: "bebas-neue", sans-serif;
   color: white;   
   -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;
   transition:         color .3s ease-in-out; }
#id a:hover h1 { color: #009fff; }
#id a:active h1 { color: #91bbd5; }
#id .chevron:before { color: #236085; font-size: 34px; font-family: 'trilogyicons'; content: ')'; margin: -3px 10px 0; }

.photo.folder, .photo.page {
   float: right;
   position: relative;
   border: 5px #004168 solid;
   padding: 0;
   margin: -90px 0 1em 2em;
   display: flex; }

.content {
   margin: 0 auto;
   width: 100%;
   padding: 3% 0;
   background: none;
   text-align: left;
   z-index: 99; }
   
   .left {
      float: left;
      width: 48%; }
   .right {
      float: right;
      width: 48%; }
   
.meta time {
   font-size: 12px;
   text-transform: uppercase;
   font-weight: bold; }
   
.meta h1 { margin-bottom: .25em; }
.meta h3 { 
   color: #333;
   margin-bottom: 1em; }
   
   
/* Signup */
#signup {
   display: block;
   background: #2d8c02;
   width: 90%;
   padding: 3% 5%; }
   
#signup h1 { color: white; font-family: "bebas-neue", sans-serif;
      text-transform: uppercase;
      letter-spacing: 1px; }
#signup p { color: white; }

#signup form { width: 60%; margin: 0 auto; }

#signup #subscribe-response h2 { color: white; }


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

ul.folder-list li { margin: 5px auto; border-bottom: 1px #ddd solid; }  
ul.folder-list li a { 
   margin: 15px auto; 
   display: block;
   font-size: 22px; 
   -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:last-child { border-bottom: 0; } 

ul.folder-list li:hover a { 
   color: #009fff; } 
   
ul.folder-list li a span.title:before { color: #236085; font-size: 14px; font-family: 'trilogyicons'; content: '>'; margin: 0 5px; top: -4px; position: relative;}
ul.folder-list.no-chevron li a span.title:before { display: none; }

ul.folder-list li a span.title { 
   font-size: 26px; 
   line-height: 1;
   margin: 5px 0;
   text-transform: capitalize;
   font-weight: 600;
   letter-spacing: -1px;
   display: block; }
   
ul.folder-list li span.resource { 
   font-size: 22px !important; 
   line-height: 1;
   margin: .5em 0;
   text-transform: none;
   letter-spacing: -1px;
   font-weight: 400; 
   display: block; }
ul.folder-list li span.resource:before { color: #236085; font-size: 12px; font-family: 'trilogyicons'; content: '>'; margin: 0 5px; top: -4px; position: relative;}
ul.folder-list.no-chevron li span.resource:before { display: none; }
   
ul.folder-list li span.resource a { display: inline-block; font-size: 24px !important; margin: 0; font-weight: 600; }

ul.folder-list li a time {
   display: block;
   font-size: .6em;
   text-transform: uppercase;
   color: #000;
   font-weight: 400; }
   
ul.folder-list li a p {
   color: #646464;
   font-size: .75em;
   text-transform: none;
   margin: 0; }
   
ul.folder-list li a small {
   display: block;
   font-size: .7em;
   text-transform: uppercase;
   color: #000; }