/*
 Theme Name:   LA West Media
 Theme URI:    http://quadshot.com
 Description:  LA West Media
 Author:       Quadshot
 Author URI:   http://quadshot.com
 Template:     canvas
 Version:      2.0.0
 Tags:         light, three-columns, responsive-layout, accessibility-ready
 Text Domain:  canvas-child
*/

@import url("../canvas/style.css");

/* Font Families */

/* =Theme customization starts here
-------------------------------------------------------------- */

body .entry img,
body img.thumbnail,
body #portfolio .group.portfolio-img img { padding:0; border:0; }

/* Grid System */
.row-fluid [class*="span"] {
	display: block;
	width: 100%;
	min-height: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	margin-left: 0%;
}
.row-fluid [class*="span"]:first-child {
	margin-left: 0;
}
.row-fluid .span3 {
	width: 24.999999999999996%;
}
.row-fluid .span4 {
	width: 33.33333333333333%;
}
.row-fluid .span6 {
	width: 49.99999999999999%;
}
.row-fluid .span8{
	width: 66.66666666666666%;
}
.content-level { clear:both; }

/* Global Styles */
a, a:link, a:visited {
	color: #617284;
	cursor: pointer;
}
h2, h3, h4, h5, h6, #menu-main-menu a, .head-banner-date, tr, .ai1ec-posterboard-view .ai1ec-event-title {
	font-family: 'Oswald', sans-serif;
	font-weight: bold;
	line-height: 20px;
	margin: 10px 0;
	text-transform: uppercase;
}
i {
	margin-right: 4px;
}
p {
	margin-bottom: 15px;
}
.bigger {
	font-size: 150%;
	font-weight: bold;
}
.clearfix {
	overflow: hidden;
}
.lawest-dk-blue {
	color: #1b5d9a;
}
.lawest-lt-blue {
	color: #3289d8;
}
.text-center {
	text-align: center;
}
.color-meta {
	color: #A8A8A8;
}
.shadow {
	display: inline-block;
	max-width:100%;
	margin-bottom: 0;
	overflow: hidden;

	-webkit-box-shadow: 4px 7px 15px rgba(50, 50, 50, 0.33);
	-moz-box-shadow: 4px 7px 15px rgba(50, 50, 50, 0.33);
	box-shadow: 4px 7px 15px rgba(50, 50, 50, 0.33);
}
.sfv-org {
	color: #1b5d9a;
}

/* Top Bar (Login / Register) */
body #top {
	background-color: #185a97;
	box-shadow: inset 0px 8px 17px -5px #000000;
}
	/*
#google_translate_element { float:right; clear:none; margin:5px 10px 0 0; }
	*/
#top .tagline {
	color: #DEE4E2;
	font-family: 'Lato', sans-serif;
	font-size: 18px;
	font-weight: normal;
	float: left;
	margin: 8px 0 0;
	text-transform: uppercase;
}
#top .todays-date {
	float: left;
	font-family: 'Oswald', sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 10px 40px;
	text-transform: uppercase;
}
#top-nav {
	float: right;
}
body #top ul.nav li {
	font-size: 12px;
	padding: 10px !important;
}
body #top ul.nav li a {
	line-height: 1em;
	padding: 0 !important;
}

/* Header (Logo / Widgets) */
#header-container {
	background-color: #f4f4f6;
	box-shadow: 0px 5px 20px -5px;
}
#logo img { height:120px; float:left; }
body #header { background-size:auto auto; }
#header .header-widget { width:auto; clear:none; float:none; }
#header .widget { text-align:center; margin-top:0; width:100%; float:right; }
.wp_wunderground thead,
.wp_wunderground th { display:none; }
.wp_wunderground td { font-size:11px; line-height:11px; }
.wu-cond-high, .wu-cond-low { display:block; }

/* Main Navigation */
body #navigation {
	background: transparent;
	margin-bottom: 0;
	text-transform: uppercase;
}
.menu-featured-container {
	margin: 0 auto;
	max-width: 1080px;
}
.trending-date { float:left; padding:10px; text-transform:uppercase; font-weight:bold; }
.trending-date .trending { padding-left:10px; }
#menu-featured {
	overflow: hidden;
}
#menu-featured li {
	float: left;
	font-size: 12px;
	padding: 10px 15px;
	text-transform: uppercase;
}
#menu-featured a {
	color: #53585D;
	text-decoration: none;
}

/* Content */
body.home .content-level { position:relative; }
body.home #home-right-sidebar .widget:first-child { margin-top:0; }
#content {
	padding-bottom: 0;
}
.single-box-bg {
	background-image: url(http://lawestmedia.com/wp-content/themes/canvas-child/images/bg1.png);
	box-sizing: border-box;
	margin: 12px;
	overflow: hidden;
	padding: 0;
}
.single-box-bg > *  {
	background-color: white;
	border: 1px solid #E7E7E7;
	overflow: hidden;
	padding: 15px;
}
.single-box-bg.no-border, .single-box-bg.no-border > .single-box-entry{
	padding: 0;
}
body .title-container h1 {
	color: #333;
	font: bold 50px/1.1em 'Oswald', arial, sans-serif;
	margin-bottom: 0;
	margin-top: 0;
	text-align: center;
}
body .title-container h1.span4 {
	margin-top: 10px;
}
body.home.page .title-container {
	display: none;
}
body .single-box-bg .category-ads .single-box-bg {
	background: transparent;
	text-align: right;
}
body .single-box-bg .category-ads .single-box-entry {
	background: transparent;
	border: 0;
	padding: 0;
}
body .post .title.entry-title {
	text-transform: uppercase;
}
.post-meta {
	border-bottom: 1px solid #E7E7E7;
	margin-bottom: 15px;
}
.post-utility, .post-entries {
	display: none;
}
.post .entry img {
	width:inherit;
}
.single-post-meta .label {
	background-color: #ddd;
	border-radius: 5px;
	margin-right: 5px;
	padding: 2px 5px;
}
.addthis_toolbox {
	margin-top: 10px;
}

/* Post Grid */
.post {
	margin-bottom: 0;
}
.post img {
	height:auto;
	max-width:100%; 
	width:auto;
	float:none;
}
.post.stacked .single-media-thumb {
	margin-right: 20px;
}



/* Widgets */
body .widget {
	margin-bottom: 0;
}
.widget .post-item {
	padding-top: 1em;
	border-bottom: 1px solid #ccc;
}
.widget .post-item:last-child {
	border: 0;
}
.widget-title {
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3);
	text-transform: uppercase;
}
.single-box-entry h2 a {
	color: #000;
}
h2.single-title {
	clear: left;
	line-height: 1em;
}
.widget_sfv_crime_widget .single-box-entry {
	background: #3289d8;
	color: black;
	text-shadow: none;
}
.widget_sfv_crime_widget .single-box-entry li {
	list-style: none;
}
.widget_sfv_crime_widget .single-box-entry li img {
	height: auto;
	margin-right: 10px;
	width: 60px;
}
.widget_sfv_crime_widget .single-box-entry h2.single-title {
	clear: none;
}
.widget.widget_sfv_crime_widget ul li a {
	line-height: 18px;
}
.widget .nav.nav-tabs a {
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 1em;
}
.widget #obi-stats {
	margin-bottom: 20px;
}
.widget .nav-tabs {
	background: transparent;
	border: 0;
	font-size: 0.8em;
}

/* Pagination */
.single-post-navigation {
	background-color: transparent;
	overflow: hidden;
}
.pagination {
	padding: 0px 0px;
	height: auto;
	background-color: #fff;
	border: 1px solid #E7E7E7;
	margin: 12px;
	font-size: 12px;
}
span.page-numbers.current {
	background-color: #f7f8f9;
}
a.page-numbers, span.page-numbers {
	display: inline-block;
	background-color: #FFF;
	float: left;
	border: 0;
	border-right: 1px solid #E7E7E7;
	padding: 10px 15px;
}

/* Footer / Widget Areas */
#footer-widgets {
	margin-top: 10px;
	padding: 0 !important;
}
#footer-widgets .widget {
	background-color: white;
	border: 1px solid #E7E7E7;
	padding: 12px;
}

/* Footer / Basement */
#footer {
	padding: 0 !important;
}
#footer li{
	float: left;
}
#footer a {
	color: #b8b8b8;
	
	transition: color 1s linear;
	-moz-transition: color 1s linear;
	-webkit-transition: color 1s linear;
}
#footer a:hover {
	color: #4D4D4D;
}

#footer .col-left {
	margin-left: 20px;
}
#footer .col-right {
	margin-right: 20px;
}

/* WU Weather Page */
.weather-location-info {
	margin-bottom: 20px;
	overflow: hidden;
}
.week-day {
	float: left;
	margin-right: 1.5%;
	width: 12%;
}

/* AI1EC */
#ai1ec-container code.ai1ec-autoselect {
	display: none;
}
#ai1ec-calendar-view-container {
	min-height: 600px;
}


/* Schools - Tabs */
#sbc-output .ui-widget {
	font-family: inherit;
}
#sbc-output.ui-widget-content, #sbc-output .ui-widget-header, #sbc-output .nav-tabs li {
	background: transparent;
	border: 0;
}
#sbc-output .ui-widget-content {
	border-width: 1px 0 0;
}
#sbc-output .nav-tabs li.ui-tabs-active {
	border-color: #ddd;
	border-style: solid;
	border-width: 1px 1px 0 1px;
}
body #sbc-output ul.nav li a {
	color: #000;
	padding: 10px;
}

/* 
=======================================================================================================================
	*
	*	Flex Slider
	*
=======================================================================================================================	
*/


/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 


/* FlexSlider Necessary Styles */ 
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; padding:0; position:relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; height: auto; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme */
.flexslider {clear: both; position: relative;  zoom: 1; }
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px}
.blog-widget .single-media-thumb {
	margin-right: 15px;
	margin-bottom: 10px;
}
body .slides h2{
	font-size: 14px;
}
.single-media-thumb .mask, .single-box-entry .mask {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(255, 255, 255, 0.2);
moz-opacity: 0;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha"(Opacity=0);
filter: alpha(opacity=0);
-webkit-transition: opacity 0.5s ease;
-moz-transition: opacity 0.5s ease;
-ms-transition: opacity 0.5s ease;
-o-transition: opacity 0.5s ease;
transition: opacity 0.5s ease;
}
.single-media-thumb .mask a, .single-box-entry .mask a {
	width: 100%;
	height: 100%;
	display: block;
}

/* Direction Nav */
.widget ul.flex-direction-nav {
	list-style: none;
	margin: 0;
	padding: 0;
}
.flex-direction-nav a {width: 30px; height: 30px; margin: -15px 0 0; display: block; background: url('images/bg_direction_nav.png') no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: -30px 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: -5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: -5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: 0!important; filter:alpha(opacity=0); cursor: default;}
.flexslider:hover .flex-next.flex-disabled {opacity: 0.8; right: 0px;}


/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center; }
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

.widget .read-more { position:relative; top:-1em; }
.widget .post-item { padding-top:1em; }
.widget .post-item:first-child { padding-top:0; }

body .nav-toggle { margin:0; }
body #oiopub-container { padding-left:1em !important; padding-right:1em !important; }

@media only screen and (max-width:1065px) {
	#top .tagline { font-size:14px; }
	#wpadminbar #wp-admin-bar-aiosrs,
	#wpadminbar #wp-admin-bar-itsec_admin_bar_menu,
	#wpadminbar #wp-admin-bar-wpseo-menu,
	#wpadminbar #wp-admin-bar-wtf-bar { display:none !important; }
	#header .widget_text:first-child { margin:0; }
	#header .header-widget .widget { margin:0 1em 1em 1em; }
	#menu-featured li { padding:10px 0.8em; }
}

@media only screen and (min-width:1005px) {
	#header .widget_text { margin:1.5em 0 0 0; }
	#header .widget_text:first-child { margin:0 0 0 5%; width:33%; }
}

@media only screen and (min-width:976px) {
	body ul.nav li a { padding: 10px 16px !important; }
}

@media only screen and (max-width:1000px) {
	body ul.nav li a,
	body #navigation ul.rss a,
	body #navigation .cart-contents,
	body #navigation .cart-contents #navigation ul.rss,
	body #navigation ul.cart .cart_list a,
	body #navigation ul.nav-search,
	body #navigation ul.nav-search a { font-size:15px; line-height:1.65em; padding:10px 1em !important; }
	#menu-featured li { padding:10px 0.8em; font-size:11px; }
	.trending-date { font-size:13px; padding:10px 5px; }
	
	body.full-width #header,
	body #nav-container,
	body.full-width #content,
	body.full-width #footer-widgets,
	body.full-width #footer { padding-left:0; padding-right:0; }
	body.full-width #footer-widgets { padding-left:1em !important; padding-right:1em !important; }
}

@media only screen and (max-width:915px) {
	body ul.nav li a,
	body #navigation ul.rss a,
	body #navigation .cart-contents,
	body #navigation .cart-contents #navigation ul.rss,
	body #navigation ul.cart .cart_list a,
	body #navigation ul.nav-search,
	body #navigation ul.nav-search a { font-size:14px; padding:10px 0.8em !important; }
	#menu-featured li { padding:0 0.6em; font-size:10.5px; }
	.trending-date { font-size:12px; padding:0 3px 0 12px; }
	.trending-date .trending { padding-left:3px; }
}

@media only screen and (max-width:805px) {
	body ul.nav li a,
	body #navigation ul.rss a,
	body #navigation .cart-contents,
	body #navigation .cart-contents #navigation ul.rss,
	body #navigation ul.cart .cart_list a,
	body #navigation ul.nav-search,
	body #navigation ul.nav-search a { font-size:13px; padding:10px 0.7em !important; }
}

@media only screen and (min-width:768px) {
	body ul.nav li.current-post-parent a,
	body ul.nav li.current-menu-parent a { background-color: #d2631d !important; color: #fff; }
	body ul.nav li ul.sub-menu { position: fixed; width: 1080px; max-width:100%; opacity: 0; transition: opacity 0.5s linear, visibility 1s linear; -moz-transition: opacity 0.5s linear, visibility 1s linear;
			-webkit-transition: opacity 0.5s linear, visibility 1s linear; }
	body ul.nav li:hover ul.sub-menu { opacity: 1; }
	body ul.nav li ul.sub-menu li { float: left; }
	#header .header-widget { margin-left:180px; }
	body #navigation ul.nav li ul,
	body #navigation ul.cart > li > ul > div { max-width:100%; }
	body #nav-container { background-color: rgba(0, 0, 0, 0.1); height: 40px; }

	body.home #home-left-two { margin-right:340px; }
	body.home #home-left-two .widget { margin-right:0; }
	body.home #home-right-sidebar { position:absolute; right:0; top:0; width:340px; }
}

@media only screen and (max-width:900px) {
	body #header .header-widget { width:auto; margin-top:0; }
	body #header .widget.oio { clear:both; }
	body #header .widget.oio > div { width:auto !important; }
	body #header .widget .span3 { width:100%; }
}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}

@media only screen and (max-width:767px) {
	body.one-col,
	body { padding:0 !important; }
	body #logo { float:left; }
	.row-fluid .span8,
	.row-fluid .span4 { width:100%; }
	#footer-widgets .block { width:50% !important; }
	#inner-wrapper { padding-left:0 !important; padding-right:0 !important; }
	.menu-featured-container { display:none; }
	body #content { padding-top:0; }
}

@media only screen and (max-width:750px) {
	body #logo { float:none; text-align:center; }
	body #header .header-widget .widget,
	body #header .header-widget .widget:first-child { margin:0 0 1em 0; }
	body #header .widget.oio { text-align:center; }
}

@media only screen and (max-width:600px) {
	.row-fluid .span3,
	.row-fluid .span6 { width:100%; }
	#footer-widgets .block { width:auto !important; }
	#footer .col-right,
	#footer .col-left { width:auto; float:none; clear:both; display:block; margin:0; padding:0 1em; }
	#footer ul { margin:0 0 10px; }
	.ai1ec-single-event .ai1ec-event-details { width:100%; clear:both; }
}

@media only screen and (max-width:1020px) and (min-width:768px) {
	body #home-left-two .span6 { float:none; clear:both; width:auto; }
	body #home-left-two .span6 .textwidget ins { display:block !important; margin:0 auto !important; }
}

@media only screen and (min-width:500px) and (max-width:974px) {
	#header .widget { margin-right:1em; }
}

@media only screen and (min-width:500px) {
	#header .widget { width:auto; }
}


/* WEATHER ONLY */
.wu-copyright,
.wu-search { display:none !important; }
@media only screen and (max-width: 1079px) {
	/* bootstrap 'buffer zone' fix.... annoying */
	.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container { width:100% !important; }
}

@media only screen and (max-width: 1079px) and (min-width: 768px) {
	.weather-display .week-report .week-day { width:23%; margin:0 1%; }
	.weather-display .week-report .week-day:nth-child(4n+1) { clear:left; }
}

@media only screen and (max-width: 767px) and (min-width: 520px) {
	.weather-display .week-report .week-day { width:31.3333%; margin:0 1%; }
	.weather-display .week-report .week-day:nth-child(3n+1) { clear:left; }
}

@media only screen and (max-width: 519px) and (min-width: 340px) {
	.weather-display .week-report .week-day { width:48%; margin:0 1%; }
	.weather-display .week-report .week-day:nth-child(2n+1) { clear:left; }
}

@media only screen and (max-width: 339px) {
	.weather-display .week-report .week-day { width:100%; margin:0; }
}

@media only screen and (max-width: 500px) {
	.banner #oio-banner-2 { max-width:100%; width:auto !important; }
	.banner #oio-banner-2 img { max-width:100%; }
	#header .wp_wunderground { display:none; }
}