/*	Theme Details
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -   
Theme Name: 2015 Lakeway Publishers Wordpress Template
Theme URI: www.LakewayPublishers.com
Description: Theme for all newspapers across Lakeway Publishers, Inc.
Author: Lakeway Publishers, Inc.
Author URI: www.LakewayPublishers.com
Template: 
Version: 2.0
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

@charset "UTF-8";
@import "desktop.css";
@import "tablet.css";
@import "mobile.css";

/*	1. [BE] Basic Elements
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* CSS Reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
html, body {
	width: 100%;
	height: 100%;
	background-color: #F1F1F1;
	font-family: "Oxygen", sans-serif;
	font-size: 1em;
}
p {
	font-size: 0.85em;
	line-height: 1.5em;
}
object {
	display: block;
}
ul, ol {
	list-style: none;
}
iframe {
	border: 0px;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Arvo", serif;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #333;
	text-decoration: none;
	font-weight: 400;
}



/*	3. [GC] General Classes
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.clear {
	clear: both;
}
.center {
	margin-left: auto;
	margin-right: auto;
}
.pss-dateline {
	color: #333;
	font-family: 'Arvo', serif;
}
.pss-masthead {
	text-align: center;
}
p.meta {
	font-size: 0.65em;
}
.pss-copyright {
	font-size: 0.65em;
	text-align: center;
	padding: 20px;
}
.pss-container {
	margin-left: auto;
	margin-right: auto;
	background-color: white;
	box-shadow: 0 0 3px #ccc;
}


/* * * * * * * * * * * * * * * * * * * * * * * * 
/*
/* Primary Site Structure (PSS):
/* Top Navigation including Primary and Secondary
/*
/* * * * * * * * * * * * * * * * * * * * * * * */
.pss-nav-primary {
	background: #f1f1f1; /* Old browsers */
	background: -moz-linear-gradient(top,  #f1f1f1 0%, #dbdbdb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#dbdbdb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f1f1f1 0%,#dbdbdb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f1f1f1 0%,#dbdbdb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f1f1f1 0%,#dbdbdb 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f1f1f1 0%,#dbdbdb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */
}
.pss-nav-bottom {
	padding-top: 20px;
	border-top: solid 2px #F1F1F1;
	background:#FBF9F9;
}
.pss-nav-bottom ul {
	text-align: center;
}
.pss-nav-bottom ul li {
	display: inline-block;
	padding: 4px 10px;
}
.pss-nav-secondary {
	border-bottom: solid 2px #F1F1F1;
}
.pss-nav-primary ul li,
.pss-nav-secondary ul li {
	float: left;
}
.pss-nav-primary a,
.pss-nav-bottom a {
	font-weight: 700;
	text-decoration: none;
	color: #333;
}
.pss-nav-secondary a {
	text-decoration: none;
	color: #333;
}

/* * * * * * * * * * * * * * * * * * * * * * * * 
/*
/* Primary Site Structure (PSS):
/* Video Player
/*
/* * * * * * * * * * * * * * * * * * * * * * * */
.two-col .player {
	position: relative;
	height: 0;
	padding-bottom: 41.5811%;
}
.one-col .player {
	position: relative;
	height: 0;
	padding-bottom: 78.4722%;
}
.one-col-list .player {
	position: relative;
	height: 0;
	padding-bottom: 125%;
}
.BrightcoveExperience {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* * * * * * * * * * * * * * * * * * * * * * * * 
/*
/* Primary Site Structure (PSS):
/* Stories Below the Fold
/*
/* * * * * * * * * * * * * * * * * * * * * * * */
.btfcol .col1,
.btfcol .col2, 
.btfcol .col3 {
	margin-bottom: 20px;
}
.btf-col {
	margin-bottom: 20px;
}
.btfcol .top-story img {
	width: 100%;
	height: auto;
}
.btfcol h3 {
	display: block;
	width: 100%;
	text-align: center;
	background: #f1f1f1;
	padding: 10px 0;
	margin-bottom: 15px;
	font-size: 1.75em;
}
.btfcol a.read-more {
	font-family: "Arvo", serif;
	text-decoration: none;
	color: #333;
	font-size: 1.25em;
}
.btfcol a.read-more h3 {
	
}
.btfcol a.read-more p {
	display: block;
	width: 100%;
	text-align: center;
	background: #f1f1f1;
	padding: 10px 0;	
}

/* * * * * * * * * * * * * * * * * * * * * * * * 
/*
/* Primary Site Structure (PSS):
/* Full Story 
/*
/* * * * * * * * * * * * * * * * * * * * * * * */
.pss-fullstory .sidebar .rectangle {
	margin-bottom: 10px;
}
.pss-fullstory div.wp-caption,
.pss-fullstory img {
	display: block;
	max-width: 100%;
	height: auto;
}
.pss-fullstory p.wp-caption-text {
	font-style: italic;
	font-family: "Arvo", serif;
	font-size: 1em;
	margin: 0px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * 
/*
/* Standard Page Template
/* page.php
/*
/* * * * * * * * * * * * * * * * * * * * * * * */
h4.page-title,
.pss-video h3 {
	display: block;
	width: 98%;
	margin: 1%;
	height: auto;
	padding: 10px 0;
	text-align: center;
	font-size: 2em;
	background-color: #dbdbdb;
}

/* * * * * * * * * * * * * * * * * * * * * * * * 
/*
/* Standard Page Template
/* search.php
/*
/* * * * * * * * * * * * * * * * * * * * * * * */
ul.search-results {
	display: block;
	width: 100%;
}
ul.search-results li {
	display: block;
	width: 96%;
	height: auto;
	padding: 2%;
	margin-bottom: 2%;
}
ul.search-results img {
	width: 25%;
	max-width: 100px;
	height: auto;
	float: left;
	margin: 5px 10px 0 0;
}
h3.no-search-results {
	display: block;
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;
}

/* * * * * * * * * * * * * * * * * * * * * * * * 
/*
/* Standard Page Template
/* 404.php
/*
/* * * * * * * * * * * * * * * * * * * * * * * */
p.four-oh-four {
	display: block;
	width: 80%;
	text-align: center;
	padding: 10% 0;
	margin: 0 auto;
}

/* * * * * * * * * * * * * * * * * * * * * * * * 
/*
/* Standard Page Template
/* Display Advertising
/*
/* * * * * * * * * * * * * * * * * * * * * * * */
.pss-promo-slider {
	min-height: 120px;
	width: 100%;
	height: auto;
	font-size: 0.5em;
	font-style: italic;
	text-align: center;
	line-height: 120px;
}

.mobile-slider {
}

.pss-leaderboard {
	width: 100%;
	border-bottom: solid 2px #F1F1F1;
	text-align: center;
	padding: 15px 0;
}
.medium-rectangle {
	text-align: center;
	margin: 20px auto;
}

/* * * * * * * * * * * * * * * * * * * * * * * * 
/*
/* Standard Page Template
/* Native Advertising
/*
/* * * * * * * * * * * * * * * * * * * * * * * */
p.pss-native-label {
	display: block;
	width: 100%;
	padding: 10px 0;
	color: #ffffff; 
	background-color: #377ECD;
	text-align: center;
	font-weight: 700;
	font-size: 1em;
	margin-bottom: 10px;
}
.videowrapper  {
    display: block; 
    margin: 0 auto;
	float: none;
    clear: both;
    width: 99%;
    position: relative;
    padding-bottom: 26.25%;
    padding-top: 120px;
	margin-bottom:10px;
    height: 0;
	
}
.videowrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.videowrapper-flyers  {
    display: block; 
    margin: 0 auto;
	border: 5px #758FAA solid;
	float: none;
    clear: both;
    width: 93%;
    position: relative;
    padding-bottom: 55.25%;
    padding-top: 25px;
	margin-bottom:10px;
    height: 0;
	
}
.videowrapper-flyers iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.btfcol-flyers h3 {
	display: block;
	width: 100%;
	text-align: center;
	background: #f1f1f1;
	padding: 10px 0;
	margin-bottom: 15px;
	font-size: 1.5em;
	
}



<pre class="code" style="margin: 0px 0px 1em; padding: 1em; border: 0px; outline: 0px; font-size: 1.1em; vertical-align: baseline; font-family: monospace; white-space: pre-wrap; color: rgb(255, 255, 255); font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 19.5px; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; widows: 1; word-spacing: 0px; -webkit-text-stroke-width: 0px; background: rgb(68, 68, 68);">/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }</pre>


/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {
	.span_2_of_2, .span_1_of_2 { width: 100%; }
}

.spacer {
padding:5px;
margin-top:20px;

}

.youtube-video {
display: block;
	width: 98%;
	margin: 1%;
	height: auto;
	padding: 10px 0;
	text-align: center;
	
}
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
}
}
.grow {
  height: 70px;
  width: 100%;
  float: left;
  padding:10px;
  margin-bottom:10px;
  position: relative;
  transition: height 0.5s;
  -webkit-transition: height 0.5s;
  overflow: hidden;
  padding-bottom:5px;
  padding-top:5px;
             
}

.grow:hover {
  height: 250px;
   
 }