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

#id {
    width: 960px;
    height: 50px;
    margin: auto;
    background: #0085c1; 
    -moz-box-shadow: 0 0 10px rgba(21,65,112,.2);
    -webkit-box-shadow: 0 0 10px rgba(21,65,112,.2); 
    box-shadow: 0 0 10px rgba(21,65,112,.2); 
    position: relative;
    }
    
    @media (min-width : 1200px) { #id { width: 1200px; } }   

#id .breadcrumb a {
    margin: 0 auto;
    display: inline-block;
    float: left;
    font-family: 'UniversLTW01-57Condense 723821','Arial','Helvetica',sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 1; 
    font-weight: 400; 
    color: #b7e6fb;
    padding: 17px;
    height: 16px;
    -webkit-transition: all .25s ease-in-out;  
    -moz-transition: all .25s ease-in-out;  
    -o-transition: all .25s ease-in-out;  
    -ms-transition: all .25s ease-in-out; 
    transition: all .25s ease-in-out;  
    }
       
    #id .breadcrumb a:hover { color: #d0f0ff; }
    
    #id .breadcrumb a:active { color: #98dbf9; }
         
#id .breadcrumb a:last-child { 
    padding-left: 0;
    }

#id .breadcrumb a:first-child { 
    color: white;
    font-family: 'UniversLTW01-67BoldCn','Arial','Helvetica',sans-serif;
    padding-left: 17px
    }
    
    #id .breadcrumb a.chevron { padding-right: 5px; }
    #id .chevron:after { content: ' » '; }
    


/* --------------- Connect --------------- */
  
/* --------------- Email Signup --------------- */

#mailing-list {
    position: absolute;
    top: 7px;
    right: 86px;
    height: 36px;
    width: 263px;
    -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;   
    }
    

/* ---- Join ---- */ 
#interior #mailing-list {
  background: #0085c1;
  height: 39px;
  z-index: 999;
  padding: 0px 10px;
  overflow:hidden;
	
}


#signup-form { 

    }

#signup-form ol li {  }

#signup-form input {
    background: #00618d;
    width: 95px;   
    height: 15px;
    border: none;
    padding: 10px 11px 11px 11px !important;
/*     margin-right: 6px; */
    font-size: 15px;
    line-height: 1;
    font-family: 'UniversLTW01-57Condense 723821','Arial','Helvetica',sans-serif;
    text-transform: uppercase;
    color: #b7e6fb;
    cursor: pointer;
    -moz-box-shadow: inset 0 0 10px rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,.2);
    box-shadow: inset 0 0 10px rgba(0,0,0,.2);
    -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;    
    }


#signup-form ol li span.float {display: none; opacity: 0;}



#signup-form ol li.first input {
    float: left;
    width: 82%;
    display: block;
    
    }
	
 
#signup-form ol li.last input {
    float: right;
    width: 82%;
    display: block;
    }
    
#signup-form ol li.email input {
    top: 115px;
    right: 15px;
    display: inline-block;
	  float:left;
    width: 92%;
    margin-top: 0px;

    } 

.first, .last {
opacity: 1;
height: 0px;
display: block;
overflow: hidden;
width: 131px;
position: relative;
}
.first{float: left;}
.last{float:right;}

#signup-form ol li.join input {
    bottom: 0;
    left: 15px;
    width: 241px;
    } 

#signup-form input:hover,
#signup-form input:focus { 
    -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0);
    -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0);
    box-shadow: inset 0 0 10px rgba(0,0,0,0);
    }
input.error {
    -moz-box-shadow: inset 0 0 10px rgba(198,0,0,.5);
    -webkit-box-shadow: inset 0 0 10px rgba(198,0,0,.5);
    box-shadow: inset 0 0 10px rgba(198,0,0,.5);
    }

#signup-form button {
    background: #f5bc44;
    border: none;
    padding: 4px 5px 5px 5px;
    margin:5px;
    margin-top: -30px !important;
    line-height: 1;
    font-size: 15px;
    text-transform: uppercase;
    color: white;
    cursor: pointer;
    -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; 
    /*     position: absolute; */
    bottom: 0;
    right: 0;
    float:right;
    }
  
#signup-form button:hover { 
    background: #f3ab15; 
    padding: 11px 11px 11px 11px;
    margin-top: -36px !important;
	  margin-right: -1px !important;
    }
  
#signup-form button:active { 
    background: #d69612;
    -moz-box-shadow:    inset 1px 1px 2px rgba(0, 0, 0, .25);
    -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .25);
    box-shadow:         inset 1px 1px 2px rgba(0, 0, 0, .25); 
    }
  
#signup-form-response { 
    color: white;
    line-height: 1.1;
    padding-top: 10px;
    }  

    @media (min-width : 1200px) { #signup-form-response { padding-top: 5px; } } 
    
#signup-form-response a { color: #a1e6ff; }



/* --------------- Social Media  --------------- */

#social-media {
    color: white;
    position: absolute;
    top: 7px;
    right: 7px;
    height: 36px;
    width: 72px;
    }
    
    @media (min-width : 1200px) { #social-media {  } } 
    
#social-media h2 { display: none; }
    

#social-media a {
    font-family: 'trilogyicons';
    content: attr(data-icon);
    speak: none;
  	font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
    color: white; 
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;	
    height: 16px;
    width: 16px;
    font-size: 16px;
    padding: 10px;
    position: absolute;
    -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;
    }
    
    @media (min-width : 1200px) { #social-media a { height: 20px; width: 20px; font-size: 20px; padding: 8px; } } 

    #social-media a:hover {
        height: 20px;
        width: 20px;
        font-size: 20px;
        padding: 8px;
        }
        
        @media (min-width : 1200px) { #social-media a:hover { height: 24px; width: 24px; font-size: 24px; padding: 6px;} }

#social-media a.facebook {
    background: #4a6ebb; 
    top: 0;
    left: 0;
    }
        
    #social-media a.facebook:hover { background: #5883de; }
    
#social-media a.twitter {
    background: #55acee;
    top: 0;
    right: 0;
    }
    
    #social-media a.twitter:hover { background: #74c3ff; }






/* Social Media Widgets
------------------------------------ */

.twitter, 
.facebook {
    background: #f6f6f6;
    padding: 10px 15px;
    margin-bottom: 20px;
    }

    @media (min-width : 1200px) { .twitter, .facebook { padding: 15px 20px; } }


.twitter h3,
.facebook h3 {
    text-transform: uppercase;
    font-size: 20px;
    line-height: 1;
    }
    
.twitter h3 a,
.facebook h3 a { color: #89898a; }

.facebook iframe {
    border: 1px solid #e8e8e8 !important;
    background: white;
    }



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

#video {
    position: relative;
    overflow: hidden;
    height: 360px;
    }
    
    @media (min-width : 1200px) { #video { height: 445px }}  
       
#video iframe {
    width: 640px;
    height: 360px;
    -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;
    }

    @media (min-width : 1200px) { #video iframe { width: 790px; height: 445px } }   

#video .video-description {
    background: rgba(21,63,114,.8);
    width: 60%;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 15px 20px;
    -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;
    }

#video h2, 
#video p,
#video small { 
    color: white; 
    }
  
#video h2 { 
    margin: 0 0 4px 0;
    }
    
#video p { 
    line-height: 1.2;
    margin: 0; 
    }
    
#video small { 
    font-size: 14px;
    text-transform: uppercase; 
    }

/*#video:hover .video-description {
    bottom: -100px;
    }*/



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

.feed.video { 
    width: 640px; 
    position: relative;
    margin: 30px 0 10px;
    }

    @media (min-width : 1200px) { .feed.video { width: 790px; }}  


.feed h2 {
    font-size: 24px !important;
    line-height: 1;
    text-transform: uppercase;
    margin: 0; 
    color: #8a8a8a;
    text-align: center;
    background: #f6f6f6;
    padding: 15px;
    }  


/* ---- Feed Controls ---- */   

.feed.video ul { display: none; }


/* --- Back/Next Buttons --- */

.feed.video .control {
    background-color: white;   
    width: 32px;
    height: 32px;
    padding: 1px 5px 9px 5px;
    -moz-border-radius:    21px;
    -webkit-border-radius: 21px;
    border-radius:         21px;
    position: absolute;
    top: 6px; 
    font-family: 'UniversLTW01-57Condense 723821','Arial','Helvetica',sans-serif;
    font-size: 32px;
    line-height: 1;
    text-align: center;
    color: #808080; 
    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; 
    z-index: 9;
    }

    .feed.video .control:hover { 
        background: #00aeee;
        color: white;
        width: 40px;
        height: 40px;
        padding: 2px 5px 8px 5px;
        font-size: 36px;
        top: 1px; 
        -moz-border-radius:    25px;
        -webkit-border-radius: 25px;
        border-radius:         25px;
        }
    
    .feed.video .control:active { 
        color: #a7a7a7; 
        background: #123c68;
        }

.control.back { 
    left: -21px; 
    }
    
    .control.back:hover { left: -25px; }
   
.control.next { 
    right: -21px;
    }  
  
  .control.next:hover { right: -25px; }  

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

.feed.video article {
    width: 30%;
    min-height: 180px;
    padding: 15px 1.5%;
    float: left;
    }

.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: #f6f6f6; 
    }

.feed.video article figure {
    width: 100%;
    height: 140px;
    margin-bottom: 10px;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -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;
    }
  
    @media (min-width : 1200px) { .feed.video { height: 200px; }}   

.feed.video article h3 { 
    font-size: .85em; 
    margin-bottom: 0;
    }



/* News Index
------------------------------------ */ 

.twocol .list {
    width: 49%;
    float: left;
    margin-bottom: 20px;
    }

.twocol .list:nth-child(even) {
    margin-left: 2%;
    }



/* Commentaries
------------------------------------ */ 
  
#author {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 10px;
    margin-bottom: 20px;
    font-size: 12px;
    line-height: 1;
    color: #9a9a9b;
    -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; 
    }
    
     @media (min-width : 1200px) { #author { font-size: 15px; } }

#author figure {
    position: relative;
    float: left;
    display: block;
    margin: 0 10px 0 0; 
    width: 50px;
    } 
    
#author figure:before {   
    -moz-box-shadow:    inset 2px 2px 5px rgba(0,0,0,.3);
    -webkit-box-shadow: inset 2px 2px 5px rgba(0,0,0,.3);
    box-shadow:         inset 2px 2px 5px rgba(0,0,0,.3); 
    content: "";
    position: absolute;   
    bottom: 0;
    left: 0;
    right: 0;
    top: 0; 
    }   

#author figure img {
    float: right;  
    width: 100%;
    }   
  
#author .author { 
    color: #444444; 
    font-family: 'UniversLTW01-57Condense 723821','Arial','Helvetica',sans-serif;
    font-size: 16px;
    display: block;
    margin-bottom: 3px;
    } 

#author p { 
    margin: 0;
    font-size: 15px;
    line-height: 1.2;
    color: #89898a;
    }

body.commentary time { 
    display: block;
    margin: 0 0 1em 0;;
    font-size: 14px;
    line-height: 1.2;
    color: #89898a;
    text-transform: uppercase;
    }




/* Partner logo
----------------------------- */ 

.partners figure {
    width: 35%;
    float: right;
    display: block;
    margin: 0 0 20px 20px; 
    }  


.partners figure img {
    width: 100%
    }        








/* Addthis - Sharing
------------------------------------ */ 
  
#share {
    font-family: 'trilogyicons';
    content: attr(data-icon);
  	speak: none;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
    color: #1a3947; 
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;	
    position: absolute;
    top: 0;
    left: 0;
    width: 36px;
    }
      
#share a {
    color: white; 
    background: rgba(81,200,244,.6);
    -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;
    padding: 10px;
    margin: 0 0 5px 0;
    font-size: 16px;
    width: 16px;
    height: 16px;
    float: left;
    }  
    
#share a:hover { background: rgba(81,200,244,1); font-size: 20px; width: 20px; height: 20px; padding: 8px; }   

#share a:active { background: rgba(81,200,244,.5); width: 20px; height: 20px; padding: 8px; }
 
#share span { display: none; }

#at15s { display: none; }





/* Video Addthis - Sharing
------------------------------------ */ 
  
#video #share {
    bottom: 0;
    right: 0;
    left: auto;
    top: auto;
    width: 36px;
    }
      
#video #share a {
    padding: 10px 5px 10px 10px;
    margin: 0 0 5px 5px;
    }  
    
#video #share a:hover { margin: 0 0 5px 0;}   

#video #share a:active { margin: 0 0 5px 0; }
 




/* Partner Logos
------------------------------------ */

#partners {
    width: 100%;
    text-align: center;
    padding: 30px 0;
    color: #ededed; 
    }
    
#partners h4 {
    color: #8e8e8e;
    font-size: 16px;
    text-transform: uppercase;
    }
    
#partners .cf { width: 440px; /*width: 960px;*/ } 
        
    @media (min-width : 1200px) { #partners .cf { /*width: 1200px;*/ } }  
    
    
#partners a {
    position: relative;  
    display: block;
    float: left;
    /*width: 10%;*/
    width: 24%;
    height: 80px;
    margin: 0 .5%;
    text-indent: -99999px;
    -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; 
    }
    
     @media (min-width : 1200px) { #partners .cf { height: 100px; } } 
    
#partners a .gray {
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 85%;
    -moz-background-size:    85%;
    -o-background-size:      85%;
    background-size:         85%;  
    display: block;
    float: left;
    width: 100%;
    height: 100px;
    opacity: .6;
    -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; 
    }

#partners a:hover .gray {
    opacity: 0;
    -webkit-background-size: 95%;
    -moz-background-size:    95%;
    -o-background-size:      95%;
    background-size:         95%; 
    }

#partners a .color {
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 85%;
    -moz-background-size:    85%;
    -o-background-size:      85%;
    background-size:         85%;  
    display: block;
    float: left;
    width: 100%;
    height: 100px;
    opacity: 0;
    -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; 
    }
    
.ie8 #partners a,
.ie8 #partners a:hover { 
    }
    
    

#partners a:hover .color {
    opacity: 1;
    -webkit-background-size: 95%;
    -moz-background-size:    95%;
    -o-background-size:      95%;
    background-size:         95%; 
    }













/* 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; }

.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; }           




/* Search Results 
--------------------------------------------------- */

.search-results .gsc-table-result, 
.search-results .gsc-thumbnail-inside, 
.search-results .gsc-url-top {
    padding-left: 0 !important;
    padding-right: 0 !important;
    }
    
.gsc-input-box table { margin: 0; }

input.gsc-input { background: transparent !important; margin-top:-10px !important;}

/*.search-results table      { margin: auto; width: auto; font-size: auto; background: transparent; border-bottom: none; }
.search-results th         { font-weight: bold;  background: transparent;}
.search-results th,td      { padding: auto; line-height: auto; }
.search-results td         { vertical-align: top; }*/