@media only screen and (min-device-pixel-ratio : 1.5), only screen and (-webkit-min-device-pixel-ratio : 1.5) { 
#background-image{display:none;}

}

@media only screen and (max-width:480px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (max-width:480px) and (max-device-width: 480px) and (min-device-pixel-ratio : 1.5) { 

/*
-------------------------------** SITE STYLES **--------------------------------------
*/

.hide-mobile{display:none;}
.show-mobile{display:block;}

body, body.theme-halloween, body.theme-fall, body.theme-christmas, body.theme-newyears, body.theme-mardigras, body.theme-easter{border-top:0; background:#5d7599!important;}

#background-image{display:none;}

#wrapper-center, .wrapper-footer{width:100%; z-index:2;}
#wrapper{width:100%;}

img{width:100%; height:auto;}

/*------------HEADER-------------------------------------------*/

#main-header{height:auto;}
#main-header h1, .theme-school #main-header h1, .theme-halloween #main-header h1, .theme-fall #main-header h1, .theme-christmas #main-header h1, .theme-newyears #main-header h1, .theme-mardigras #main-header h1, .theme-easter #main-header h1{background:url(../img/lhsaa-logo-web.png) -25px 0px no-repeat; width:273px; height:64px; position:inherit; background-size:100%;}
#main-header h1 a{width:273px; height:64px;}

#primary-nav{overflow:auto; width:100%; margin:0; border:none; position:inherit; padding:5px 0;}

#primary-nav li{background:none; width:48%; margin:1px 1%;}

#primary-nav li a{color:#384d63; font-size:13px; padding:3px 1%; height:inherit; line-height:inherit;  display:block; font-weight:800; width:100%; border:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align:center; border:1px solid #C0C8D1;background: #edf1f6; background: -moz-linear-gradient(top, #edf1f6 0%, #c5cfd8 99%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#edf1f6), color-stop(99%,#c5cfd8)); background: -webkit-linear-gradient(top, #edf1f6 0%,#c5cfd8 99%); background: -o-linear-gradient(top, #edf1f6 0%,#c5cfd8 99%); background: -ms-linear-gradient(top, #edf1f6 0%,#c5cfd8 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf1f6', endColorstr='#c5cfd8',GradientType=0 );
background: linear-gradient(top, #edf1f6 0%,#c5cfd8 99%);}

#primary-nav li.drop a span{display:none;}
#primary-nav li.drop a:hover span, ul#primary-nav li.current a span{display:none;}
#primary-nav li div.drop-menu {display:none;}
#primary-nav li.hover > a{}

#primary-nav li.hover span, ul#primary-nav li.hover span{background:none;}
#primary-nav li.hover div.drop-menu{display:none;}

#primary-nav li.current a{background: #52556e;
background: -moz-linear-gradient(top, #52556e 0%, #2d3152 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#52556e), color-stop(100%,#2d3152));
background: -webkit-linear-gradient(top, #52556e 0%,#2d3152 100%);
background: -o-linear-gradient(top, #52556e 0%,#2d3152 100%);
background: -ms-linear-gradient(top, #52556e 0%,#2d3152 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#52556e', endColorstr='#2d3152',GradientType=0 );
background: linear-gradient(top, #52556e 0%,#2d3152 100%); color:#e0e0e4;text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);}

#secondary-nav, #site-search{display:none;}

#corporate-sponsors{position:absolute; top:5px; right:35px; width:112px; height:auto; background:none; padding:0; margin:0; border:none;}
#corporate-sponsors div{width:100%; margin:0; height:53px;}
#corporate-sponsors a{width:100%; height:auto;}

#secondary-btns{position: absolute; top:5px; right:5px;}
#secondary-btns a{float:right; clear:right; width:24px; height:24px; margin-bottom:5px; background:#9bafc8 url(../img/secondary-btns.gif) no-repeat; border-radius:3px; }
#secondary-btns a.search-btn{background-position:3px 3px;}
#secondary-btns a.nav-btn{background-position:3px -36px;}

/*------------FOOTER-------------------------------------------*/

#main-footer{padding:3%; margin-top:0px; width:94%;}
#main-footer p{width:100%;}
#main-footer nav{width:100%; margin-left:0; height:auto;}
#footer-nav li.title{margin-right:3%; width:47%; margin-bottom:8px; clear:left;}
#footer-nav li ul li{margin:1% 0; line-height:18px;}
#footer-nav li ul a{font-size:12px;}
#footer-nav li.even{float:right; clear:right;}

#main-footer #footer-links{ float:left; width:47%; margin-right:3%;}
#main-footer #social-links {float:left;}
#main-footer #social-links li {margin-right:5px; float: left;}

#main-footer #social-links li.show-mobile a{width:inherit; height:inherit; background-color:#9bafc8; opacity: 1; color:#384d63; border-radius:3px; padding:3px 7px; margin-top:15px; font-weight:bold; float:left;}

#footer-ads a img{width:auto; height:auto;}

.nfhs{left:1%; top:430px;}

/*------------INTERIOR-------------------------------------------*/

#interior-header{margin:0;}
#interior-header h1{font-size:20px;}

.sub-navigation{background: #e3eaf1; /* Old browsers */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3eaf1), color-stop(99%,#b0bbc6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e3eaf1 0%,#b0bbc6 99%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(top, #e3eaf1 0%,#b0bbc6 99%); /* W3C */
overflow:auto; width:100%;}


.sub-navigation ul{float:right;}
.sub-navigation li{float:left;}
.sub-navigation li a{color:#384d63; font-size:13px; text-shadow: 0 1px 0 #e3ecef; border-right:1px solid #ced8e3; padding:0 10px; height:33px; line-height:33px; display:block; float:left; font-weight:700;}
.sub-navigation li.here a, .sub-navigation li.parent-here a{background:#eef1f5!important;}


.breadcrumbs{display:none;}


/*------------MAIN-------------------------------------------*/


#main{width:100%;padding:0;}

.left-column{width:100%; float:left;  margin-top:15px;}
.right-column{width:100%; float:right; margin-top:15px;}
.center-column{width:100%; float:left; margin-left:0; margin-top:15px;}
.full-right-column{width:100%; float:right;}
.entry{padding:2%; margin-bottom:10px;}
.full-column{background-color:white; border:1px solid #cdd2da;}

.module{margin-bottom:10px;}

.module-header h1{font-size:16px;}

.module, .entry{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.entry p{margin-bottom:10px; font-size:12px;}
.module p{margin-bottom:10px; font-size:12px;}

.module .padding{padding:2%;}

.rightcolumn-ad{text-align:center; margin-bottom:5px;}
.rightcolumn-ad img{width:60%; height:auto;}

.sports-left, .left-bar{width:100%; border: 1px solid #CDD2DA; background-color:#E6EAEE; padding:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.sports-left select, .left-bar select{width:100%;}

.map-center{width:276px; margin:0 auto;}

/*------------HOME-------------------------------------------*/

#home-stories{ margin:10px 0;}
#home-stories figure{overflow:auto; border:1px solid #E1E4E9; padding:5px; background-color:white;}
#home-stories img{width:115px; height:85px; float:left; margin-right:10px;}

section.featured-video{width:100%;}

section.the-huddle{width:100%;}

section.stay-updated{display:none;}

/*------------NEWS OVERVIEW-------------------------------------------*/


/*------------SINGLE NEWS-------------------------------------------*/

article.single header h2{font-size:16px;}

.addthis_toolbox{display:none;}


/*------------SPORTS OVERVIEW-------------------------------------------*/

h2.season-title{ border-bottom:none; padding-top:5px;}
.sportsbox{float:left; width:100%;  margin:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.sportsbox p{margin-bottom:0;}
.sportsbox figure{width:50px; height:50px;}


/*------------SPORTS SEASON DATES-------------------------------------------*/



/*------------FORMS & DOWNLOADS-------------------------------------------*/

#accordion .forms-column-one {width:100%; margin-right:0;}
#accordion .forms-column-two {width: 100%;}


/*------------CALENDAR-------------------------------------------*/

.calendar-legend{margin:1%; padding:1%;}

.calendar-legend div.event, .calendar-legend div.cat{padding:1%; margin:5px 2%;}

.all_day{padding:0 1%;}
.multi_day{margin-bottom:2px!important;}

/*------------CLASSIFIEDS-------------------------------------------*/

div.classifieds-search label{display:block; margin:0 0 10px 0;}
ul.results-column{width:45%;}

/*------------HANDBOOK-------------------------------------------*/


/*------------STAFF-------------------------------------------*/

ul.staff-members img{width:auto; height:auto;}
ul.staff-members, ul.staff-members ul, ul.staff-members ul ul{border:none!important; padding:0!important; margin:0!important;}
ul.staff-members li{padding:1%;}
ul.staff-members ul{margin:10px 0 0 10%!important;}

ul.staff-members ul ul{margin:10px 0 0 10%!important;}
ul.staff-members li li li{padding:5px 1%!important;}

/*------------SEARCH-------------------------------------------*/


/*------------ADS-------------------------------------------*/


.btmcontent-ads figure img{float:none;}
figure.bottomleft-ad{float:none; text-align:center;}
figure.bottomleft-ad{width:30%; margin:0 auto 5px;}
figure.bottomright-ad{float:none;}

/*------------SITE MAP-------------------------------------------*/


/*------------ENTRY-------------------------------------------*/

.entry h1, .entry-style h1{font-size:18px;}
.entry h2, .entry-style h2{font-size:14px;}
.entry h3, .entry-style h3{margin-bottom:4px;}

.entry table td{padding:0;}

/*------------TABS-------------------------------------------*/


/*---------------------------- Common Classes ----------------------------------------------------------*/

.tinynav{display:block;}

.entry th, .entry-style th{font-size:11px;}


/* Layout helpers
----------------------------------*/
