@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Raleway:300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab:400,700);
/* CSS Document */

body { font-family: 'Raleway', sans-serif; font-weight:400; color:#5d5d5d;font-size: 16px;
line-height: 20px; }
#desktop-header #date-text { font-size:22pt;line-height: 100%; }
.container { padding: 0 20px;  }
.navbar-default { background-color:transparent; border:none; }
.navbar-default .navbar-nav>li>a { color:#CCD8AF; }
.navbar-default .navbar-nav>li> { color:#fff; }
.navbar-default .navbar-nav>li>a:hover { color:#fff; }
.nav>li { font-size: 16pt; color:#fff; line-height:100%; padding-right: 20px; }
/*get desktop menubar on same line*/
.navbar-nav>li>a { padding: 0; line-height:100%; }
.navbar-nav>li> { padding: 0; line-height:100%; }
/*push menubar into place on desktop*/
.navbar-nav { padding-top: 12px; }
/*make current tab bolder font*/
.navbar-nav li.current { font-weight:600; }
.row { margin:0 ; }
.col-sm-6, .col-sm-4 { margin:0; }
.navbar-collapse { margin:0; padding:0 15px; background-color:#96a36d;border:none; }
.navbar { position: relative; min-height: 40px; margin-bottom: 0; border:none; }
#desktop-header,
#phone-header { position: relative; /*height:400px;*/ }
#phone-header #date-text { position: absolute; bottom: -18%; /*left: 15px;*/ font-size: 12pt; color: white; font-weight: 500; margin-bottom:0; z-index:1000; line-height: 100%;}
#desktop-header #date-text { position: absolute; bottom: 5%; left: 15px; font-size: 24pt; color: white; font-weight: 500; margin-bottom:0; }
#desktop-header .header-logo { position: absolute; right: 15px; bottom: 5%; }
#desktop-header .fbc-menubar { position: absolute; right: 15px; bottom: -38px; }
#phone-header .header-logo { position: absolute; bottom: 4%; }
.category { margin:20px 0 20px 0; border-top:#CCC 2px solid; padding-top:5px; font: 700 30px/32px 'Roboto Slab', serif; color: #849FC0; }
a { color:#849FC0; }
a:hover { color:#4581D5; text-decoration:none; }
.contact-info { font-weight:700; }
h3 { font-size:20px; font-family: 'Raleway', sans-serif; font-weight:600; color: #666; }
h3 a { color: #666; }
ul.highlights { padding-left:0; font-weight:700; }
ul.highlights li { margin-left:20px; font-weight:400; }
.footer { color:#FFF; padding:20px 20px 50px 20px; margin-top:20px; overflow: auto; }
#bottom { clear:both; background-color:#96a36d; font: 400 16px/18px 'Roboto Slab', serif; color:#FFF; }

.description {margin-bottom:30px;}


/* special footer */

.copyright { font-size:12px; color:#CCD8AF; margin-top:20px; font-family: Arial, Helvetica, sans-serif; }
.fbc-logo {  }
/*push down rows on second page*/
div.row.second { margin-top:50px; }

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 0;
  padding-left: 0;
}
.col-sm-6 {margin-right:4%; width:48%;}
div.col-sm-6.col-xs-12.last {margin-right: 0;}

.col-sm-6 .pulled-img {margin: 0 0 5px 20px; width:55%;}
.pulled-img {float:right !important;}

.col-sm-4 {margin-right:3%; width:31.33%;}
div.col-sm-4.col-xs-12.last {margin-right: 0;}

.col-sm-8 {width:65%;}


.navbar-nav { padding: 12px; }
.active {color:#FFF !important;}
  .navbar { margin-bottom: 0px; }
  .pulled-img { padding-left: 0px; }
  #desktop-header { padding: 0px; }
 
#bottom-phone {display:none;}
.more {clear:both; text-transform:uppercase; font-size:14px; font-weight:bold; text-align:right;}
.credit {font-size:10px; color:#999; text-transform:uppercase; margin-top:-20px; line-height:100%; margin-bottom:20px;}
.time {font-variant: small-caps; white-space:nowrap;}
.empty {display:block;}
 @media only screen and (min-width: 768px) and (max-width: 949px) {
/*shrink dateline for tablet*/
#desktop-header #date-text {
font-size:18pt;
line-height: 100%;
}
#desktop-header .fbc-menubar {
display:none;
}


}
 @media only screen and (min-width: 280px) and (max-width: 767px) {

/*shrink logo for phone*/
.header-logo { width:210px; }
body { background: url(/west/graphics/la-skyline-phone.jpg) repeat-x center top; background-size: 642px 264px; }
#phone-header { height: 214px; }
div.navbar-header { /*background-color:#6b6b51; */background-color:transparent;  }
/*menubar*/
.nav { padding:20px 20px 5px 20px; /*background-color:#6b6b51; */background-color:transparent; }
.navbar-nav { margin:-5px -15px; }
.nav>li { margin-bottom:15px; }
.navbar-collapse { border:none; }
.contact-info { margin-bottom:30px; }

.col-sm-6 {margin-right:0; width:100%;}
.col-sm-4 {margin-right:0; width:100%;}
.col-sm-6 .pulled-img {margin: 0; width:100%;}
.col-sm-8 {width:100%;}
.pulled-img {float:none !important;}
.row #menubar {background-color:#0C9; margin-bottom:80px;}
#menubar {background-color:transparent;margin-left: -20px;
margin-right: -20px;}
.navbar-toggle {margin-right:20px; }
#bottom-phone {display:block;background-color:#96a36d;margin-right: -20px;
margin-left: -20px; }
#bottom {display:none;}
.footer { padding:20px 15px 30px 20px; margin-top:0px;  }
.more {margin-bottom:10px;}
.empty {display:none;}
}

.small, small { font-size: 100%; font-variant: small-caps; white-space:nowrap;  }
.container .row .row { margin-bottom: 30px; }