/* info: alternative stylesheet */

@font-face {
  font-family: 'avenir-next-regular';
  src: url('fonts/avenir-next-regular.eot');
  src: url('fonts/avenir-next-regular.eot#iefix') format('embedded-opentype'),
     /* url('fonts/avenir-next-regular.woff2') format('woff2'),*/
       url('fonts/avenir-next-regular.woff') format('woff'),
       url('fonts/avenir-next-regular.ttf') format('truetype'),
       url('fonts/avenir-next-regular.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'avenir-next-medium';
  src: url('fonts/avenir-next-medium.eot');
  src: url('fonts/avenir-next-medium.eot#iefix') format('embedded-opentype'),
     /* url('fonts/avenir-next-regular.woff2') format('woff2'),*/
       url('fonts/avenir-next-medium.woff') format('woff'),
       url('fonts/avenir-next-medium.ttf') format('truetype'),
       url('fonts/avenir-next-medium.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {

  text-align: justify;
  font-size: 15pt;
  font-family: "avenir-next-regular";
  color: #A6AAAB;
}


body#layout-jumbotron-sidebar-right #sidebar { font-size:0.8em}


h1, h2, h3, h4, h5 {   font-family: "avenir-next-regular"; text-align:left; }

.jumbotron { font-family: 'avenir-next-regular'; font-size:1.4em; color:white;}


.navbar { position: fixed; margin-bottom:0; background-color: rgba(0,0,0,0.6) }

a.navbar-brand { font-family: 'Audiowide', 'Arial', sans-serif; font-size: 1.25em; font-variant: small-caps; }
.navbar-brand img { border-radius: 3px; margin-top:-4px}
.navbar-fixed-top { font-size:14px}

#sidebar {
	padding-top:20px;
}

.alert {
	margin-top:20px
}

 .btn-primary, .btn-default    { background-color: #023A53; border-color: rgba(43, 201, 224,0.5) }
.btn-default { color: #cccccc }


h2.caption { margin-bottom: 30px; border-bottom:1px solid #2BC9EE; padding-bottom:10px; color: #337AB7; }

h2 { text-align: left; color: #2BC9EE }
h3 { font-size: 20px; text-align:left; color: #2BC9EE }

.pager li > a, .pager li > span { background-color: transparent; border-color:  #2BC9EE; font-size:0.8em }



/* News */
h2.news-title, h2.caption { text-transform:uppercase; font-size:28pt;  !important;  color:#2BC9EE} /* opposite compat: FF7900 */
hr { border-color: #ddd  }



img.logo {
    margin-top: -5px;
    margin-right: 7px;
}


div.jumbotron { background-color: transparent; margin-bottom: 0; }
div.jumbotron h2 { color: white; text-transform: uppercase; text-align: center; margin-bottom: 30px; margin-top: -10px; }

footer, body {

    background-color: #202930;

 }

/* Footer  */
footer { padding-top: 30px; color: #949597;   padding-bottom: 25px; font-size:0.7em; color: white;}
footer a { color: #949597; }
footer a:hover { color: white; text-decoration:none; }
footer h5 {text-transform: uppercase; display:block; color:white; border-bottom:1px solid #2BC9EE}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover{ background-color: transparent }
.nav-footer li { width:100% }

.footer-row1 hr.blue { margin-top:50px}
.footer-row2        { margin-top:40px }



/* FAQS */
ul.faq-listall { padding-left: 15px; }
li.faq-listall {padding-top: 20px}
.faq-answer { color: #494E52; }


/* Donate */
div.donate-menu { text-align: justify;  }
div.donate-menu form { text-align: center; margin-top:30px}

img.e-banner { display:inline-block; }



#sitedisclaimer, #sitedisclaimer a { margin-top: 30px; color: rgba(255,255,255,0.4) }
/* Make posted content images responsive too */
img.bbcode { display: block; 	max-width: 100%; 	height: auto; margin-right: 25px;   margin-bottom: 5px; }

/* Sign in Page */

.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}



/* Page Sections */
.section,
.section-colored {
  padding: 50px 0;
}

.section-colored {
  background-color: #e1e1e1; /* change this to change the background color of a colored section */
}


.section-questions { background-color: #FFFFFF; color: #838699; padding-bottom:0}
.section-questions h4 { text-transform: uppercase; color: #0A5574; font-size:1.4em }
.section-moon { background-color: #FFFFFF; color: #838699; text-align:center; background-position: bottom center; background-repeat: no-repeat; padding:0; }
.moon-caption { text-transform:uppercase; font-size:1.2em; padding:15px; background-color:rgba(2, 58, 83,0.6); color: white; position: relative;
top: 420px;  font-family: "avenir-next-medium";
 }


.section-news { background-color: #0B2C3B }
.section-news h2 {display:block; text-align:center; color:#2BC9EE; text-transform:uppercase; margin-top:-25px; margin-bottom:20px; font-size: 2em;  }

.section-mailing { background-color:#07161D }


ul.news-menu-latest li { text-align:left }

.view-item .alert-warning { font-size: 0.8em; }

/* XURL */



.xurl-social-icons a {
    color: inherit;
    text-decoration: none;
    opacity: .7;
    padding-left:15px;
    transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
}

a.social-rss { padding:0 }

.xurl-social-icons a:hover {
	opacity: 1;
}

.btn-featurebox, .btn-cpage { margin-top:10px  }

.tab-pane { padding-top:15px }

/* CUSTOM Responsive Styles */
a.faq-submit-question
{
    text-align:right;
    float: right;
    margin-top:-74px;
    margin-bottom: 0;

}


.nav > li > a:focus, .nav.dropup > li > a:hover {
	text-decoration: none;
	background-color: transparent;
}



/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */


#wmessage-carousel { position: relative; background-color: black; }

/* Carousel base class */
.carousel-control  {
    top:auto;
    bottom:40%;
    z-index: 1005;
    display: block;
    position:absolute;
}

.carousel-control.left {
    right: auto;
    top:40%;

}

.carousel-control.right {
     top:40%;
    left: auto;
}

.carousel-caption { font-family: "avenir-next-regular"; text-transform: uppercase; font-size: 3em;  color: white   }

.carousel-caption a { color: rgb(47, 201, 235);  }

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
	z-index: 10;
	}


a.carousel-control  { opacity:0.2 }




.carousel-control.left, .carousel-control.right  {
	background-image: none;
	}

.carousel-indicators {
    display:none;
    bottom: 10px;
}


/*  Carousel FADE */

.carousel .carousel-inner .item {
  opacity: 0;
 -moz-transition: opacity ease-in-out 2.5s;
 -o-transition: opacity ease-in-out 2.5s;
 -webkit-transition: opacity ease-in-out 2.5s;
 transition: opacity ease-in-out 2.5s;
  transition-property: opacity;
}
.carousel .carousel-inner .active {
  opacity: 1;
  -moz-transition: opacity ease-in-out 2.5s;
  -o-transition: opacity ease-in-out 2.5s;
  -webkit-transition: opacity ease-in-out 2.5s;
  transition: opacity ease-in-out 2.5s;
}
.carousel .carousel-inner .active.left,
.carousel .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel .carousel-inner .next.left,
.carousel .carousel-inner .prev.right {
  opacity: 1;
}


/*----------------------------------------------------------------*/



div.jumbotron p a.lw-link { color: white; text-decoration:underline }

div.jumbotron { background-color: #023A53; border-bottom: 1px solid #ffffff; }

input:invalid:focus,
textarea:invalid:focus,
select:invalid:focus {
	border-color: red;
}

.othernews-block div.item h3  { text-align:left }

div.alert-info a.lw-link { text-decoration: underline; color: rgb(47, 201, 235);  }


div.e-debug table { color: #A0A0A0 }


div#ssp-book img { margin-left:auto; margin-right: auto }
div#dw-book img { margin-left:auto; margin-right: auto }

div.news-images-other img { margin-bottom:10px }


div.news-press .body p + p { padding: 10px 5px }
div.news-press .body p + p:nth-child(odd) { background-color: rgba(255,255,255,0.05); border-radius:3px}

div.news-cosmic-disclosure .body p + p { padding: 10px 5px }
div.news-cosmic-disclosure .body p + p:nth-child(odd) { background-color: rgba(255,255,255,0.05); border-radius:3px}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
	background-color: silver;
}

.multilan-nav.nav > li > a:focus {
	text-decoration: none;
	background-color: black;
}

.multilan-nav-footer.nav > li > a { padding:0; text-align:left; text-transform:uppercase; }
.multilan-nav-footer.nav > li > a:hover { background-color:transparent; }
.multilan-nav-footer.nav > li.disabled > a { color: #2BC9EE }


/* Jumbtron */
div#row-1 {  padding-bottom: 30px; }

figcaption { margin-bottom: 15px; font-size: 80%; text-align: center; color: white; background-color: black; padding: 5px; 	margin-top: -4px; }


.news-menu-latest h4 { text-align: left }

.jumbotron p { font-size: 0.8em; }
.jumbotron img { display:none}


.news-cosmic-disclosure .lw-corey { font-weight: bold; padding-right:5px; }
.news-cosmic-disclosure .lw-david { padding-right:5px  }
.news-press .lw-tompkins     { font-weight: bold; padding-right:5px  }

table label.checkbox {
    margin-left: 20px;
}


.news-cosmic-disclosure h3,
.news-intel h3,
.news-press h3 { clear:both; padding-top:20px; margin-bottom:20px; padding-bottom:10px; border-bottom:1px solid silver; }


iframe { max-width: 100%}

#sba-mailing-list #email { width:70% }

hr.blue { height:2px; margin:0; border:0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2acbe7+0,2acbe7+50,2acbe7+100&0+0,0.7+15,1+50,0.7+85,0+100 */
background: -moz-linear-gradient(left, rgba(42,203,231,0) 0%, rgba(42,203,231,0.7) 15%, rgba(42,203,231,1) 50%, rgba(42,203,231,0.7) 85%, rgba(42,203,231,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(42,203,231,0) 0%,rgba(42,203,231,0.7) 15%,rgba(42,203,231,1) 50%,rgba(42,203,231,0.7) 85%,rgba(42,203,231,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(42,203,231,0) 0%,rgba(42,203,231,0.7) 15%,rgba(42,203,231,1) 50%,rgba(42,203,231,0.7) 85%,rgba(42,203,231,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002acbe7', endColorstr='#002acbe7',GradientType=1 ); /* IE6-9 */ }


.donate-menu strong { hyphens: auto; font-weight: normal;}




#wmessage-carousel .carousel-inner #slide1 {   background-image: url(images/slide1.jpg);  background-position: top center; background-repeat:  no-repeat }
#wmessage-carousel .carousel-inner #slide2 {   background-image: url(images/slide2.jpg);  background-position: top center; background-repeat:  no-repeat }
#wmessage-carousel .carousel-inner #slide3 {   background-image: url(images/slide3.jpg);  background-position: top center; background-repeat:  no-repeat }



#wmessage-carousel .carousel-inner { position:relative;  }


.row-video { margin-top: 30px; }

.section-mailing p { color: #CCCCCC }
.jumbotron a { color: #28ADC5}

.e-related ul { list-style: none; padding-left:15px}
.e-related li::before {
    content: '\f054';
    color: #28ADC5;
    padding: 10px;
    margin-left: -25px;
    font: normal normal normal 14px/1 FontAwesome;
}

.news-list.row { margin-bottom:20px}
.alert a.close { color: white }

.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background-color: transparent;
}

.news-options { padding: 15px 0; }

small { font-size:0.7em}
.banner-menu-item img { border:1px solid black;  margin-bottom:20px;  }

/* ------------------- DARK ------------------------------    #33373A   #494E52 #023A53 */


.sba-container { background-color: transparent;  }

body#layout-jumbotron-sidebar-right { /* background-color: #33373A; */

 background: #0e0f13;
background: -moz-linear-gradient(left, #0e0f13 0%, #292d39 45%, #292d39 55%, #0e0f13 100%);
background: -webkit-linear-gradient(left, #0e0f13 0%,#292d39 45%,#292d39 55%,#0e0f13 100%);
background: linear-gradient(to right, #0e0f13 0%,#292d39 45%,#292d39 55%,#0e0f13 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e0f13', endColorstr='#0e0f13',GradientType=1 );



 }


hr { border-color: #2BC9EE}
h2 { color: #2BC9EE }
a { color: #FF7900 }
a.social-icon { padding-right:7px; padding-left:0}
.news-title a { color: #2BC9EE}

.panel-default { background-color:#343843; color: #cccccc;   border:0 }
.panel-default > .panel-heading { background-color: transparent; color: white; text-transform:uppercase; color: #2BC9EE ; border-color: #2BC9EE}


.alert-info { border-color: #2BC9EE; background-color:transparent; color: #2BC9EE; }
.alert-danger { border-color: red; background-color: transparent; color: red }
.alert-warning { border-color: #FF7900; background-color: transparent; color: #FF7900 }




/* ---------------------------------------- */
#zazzle .thumbnail { background-color:#494E52; color:white; border-color: #202930 }
#zazzle h4 { color: white; }


.multilan-nav-footer li {  display:block; float:left; width:50%; }
.multilan-hidden a:after { content: ' *'}


.alert-warning strong { font-weight:normal; }
.alert-info strong { font-weight:normal; }
.alert-info a { color: white; }



.section-questions, .section-moon { //* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0e0f13+0,292d39+45,292d39+55,0e0f13+100 */
background: #0e0f13; /* Old browsers */
background: -moz-linear-gradient(left, #0e0f13 0%, #292d39 45%, #292d39 55%, #0e0f13 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #0e0f13 0%,#292d39 45%,#292d39 55%,#0e0f13 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #0e0f13 0%,#292d39 45%,#292d39 55%,#0e0f13 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e0f13', endColorstr='#0e0f13',GradientType=1 ); /* IE6-9 */
color: #A6AAAB;
}


.section-questions h4 { color: #36C4EA}

.pagination li a { background-color:transparent; border-color: #28ADC5; color:  #28ADC5 }
.pagination li.active a { background-color: #28ADC5; border-color: #28ADC5; color: white }

a:focus, a:hover {     color: #DBF8FF; }

.table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: rgba(255,255,255,0.1);
  border:0;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
   border-top:0;

}


/* --------------------- */

.main-content { background-color: #343843; border-radius:5px; padding-bottom: 50px; }
#sidebar { padding-top:0}

.sba-mini-header { height:250px; background-image: url(images/sba-mini-header-250.jpg); border-bottom:1px solid #2BC9EE; margin-bottom:40px; background-position: top center; }
/* a {color: #FF7D00} */

.thumbnail { border-color: rgba(255, 255, 255, 0.3); }
.youtube .thumbnail.active { border-color:#2BC9EE }
.youtube .thumbnail {  background-color: rgba(0,0,0,0.4);  }




.news-press .sba-usage { display:none}

.news-intel blockquote, .news-cosmic-disclosure blockquote { font-size:0.8em; margin-top:25px;  }

h3 a, h2 a { color: inherit }

ol { margin-top:25px; margin-bottom:5px;}
ol li { padding-bottom:25px;}

#sidebar li { text-align:left; margin-bottom:10px}

.news-archive-menu { padding-left:15px;}
.news-archive-menu-months { padding-left:15px}
.news-archive-menu-items { padding-left:15px}



/* Large devices (large desktops, 1200px and up).col-lg  */
@media all and (max-width: 1200px) {

  .moon-caption { top: 80%}

  .section-moon img { max-width:100%; margin-top: 30px;}
   a.navbar-brand img                  { max-width: 230px; }
  #wmessage-carousel .carousel-inner #slide1 {   background-image: url(images/slide1-mobile.jpg); }
   #wmessage-carousel .carousel-inner #slide2 {   background-image: url(images/slide2-mobile.jpg); }
    #wmessage-carousel .carousel-inner #slide3 {   background-image: url(images/slide3-mobile.jpg); }
   .sba-mini-header { background-position: -720px }
 /* .sba-mini-header { height:1px; background: transparent; border:0; }
  body#layout-jumbotron-sidebar-right { padding-top:80px } */
}





/* Extra small devices Phones (<768px)  .col-xs */
@media all and (max-width: 767px) {
    body { font-size:14pt;}

    #wmessage-carousel .carousel-inner div { background-size: 100% ;  }
    .navbar                             { position:relative }

    a.faq-submit-question               {  margin-top:-10px; float: none;   }

	.news-images-main , .page-profile-image  { padding-left: 0; padding-bottom:15px; padding-right:0}


	#twitter-widget-0                   { width: 260px !important;     }
	a.twitter-timeline                  { width:260px !important; }
	div.news-options-right              { text-align:left }


	 .col-xs-12 { padding-bottom:25px }
    #sba-mailing-list #email { width:100%; }
    p { hyphens: auto; }
    body#layout-jumbotron-sidebar-right { padding-top: 0 }

  .section-news .img-responsive { width:100%; }
  .navbar-nav.dropup li.dropdown { margin:15px; border: 1px solid #2BC9EE; border-radius:5px;}
  .navbar-nav.dropup li.dropdown a.dropdown-toggle {  }
  .navbar-nav.dropup li.dropdown.open { background-color:#07161D;   text-align:left }
  .navbar-nav.dropup li a { color:#cccccc}
  .navbar-nav.dropup li a:hover { color:white; background-color: #0B2C3B}

  .main-content { background-color: transparent;}
  .sba-mini-header { background-size:1300px; background-position:top center; height:160px }
}

/* Small devices Tablets .col-sm */
@media all and (min-width: 768px) and (max-width: 991px)  {

	a.navbar-brand                      { font-size: 1.1em }
	.news-images-main , .page-profile-image  { padding-left: 0; padding-bottom:5px}
	 #wmessage-carousel .carousel-inner div { background-size: 100%; }

}

/* Medium devices Desktops (≥992px)  .col-md */
@media all and (min-width: 992px) and (max-width: 1199px)  {

	.news-images-main , .page-profile-image  { padding-left: 0; padding-bottom:5px}
	.multilan-nav                       { font-size: 85% }
	 #wmessage-carousel .carousel-inner div { background-size: 100%; }
 }

/* Large devices (large desktops, 1200px and up).col-lg  */
@media all and (min-width: 1200px) {


	.news-images-main  , .page-profile-image                  { padding-left: 0; padding-bottom:5px}
	.multilan-nav                       { font-size: 85% }
}