/**
 * Theme Name: Alta Vista Campus
 * Description: Child theme for Alta Vista.
 * Author: Juicebox Interactive
 * Author URI: http://juiceboxinteractive.com
 * Version: 1.0
 * Template: schoolcore
 */


 /* we'll add these later
#header-main-wrap { background-image: url('img/bg.jpg'); }
*/

#logo { top: 33px; }
#logo a { 
	background: url('img/logo.png') no-repeat 0 0; 
	width: 300px;
	height: 76px;
}

.panel.address-panel { background-color: #26264d; }

.address-panel .panel-header { background-color: #2c8fc1; }

/* This will reference a local copy of the pin - if it's white, delete this to use the parent copy
.address-block { background-image: url('img/icon-location-pin.png'); }
*/

.circle-letter { background-color: #2c8fc1; }

.panel.lunch-menu { background-color: #424242; }

.panel.calendar { background-color: transparent; color: #222; }
.panel.calendar:hover,
.panel.calendar:focus { color: #222; }
.panel.calendar .panel-icon { background-image: url('img/icon-panel-calendar.png'); }

.panel.news-panel { background-color: #2c8fc1; }

.news-panel .panel-header { 
	background-color: #036291; 
	color: #fff;
}

.news-panel a { color: #fff; }

.panel.hours { background-color: #26264d; }

.panel.misc { background-color: #b7b7b7; }

.resources-menu .resources-title { color: #2c8fc1; }

/* Referencing local copy - each site should have their own */
#nav > ul > li > a { background-image: none; }
#nav > ul > li > .nav-arrow { background-image: none; }

/* Retina icons */
@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
	#nav > ul > li > a,
	#nav > ul > li > .nav-arrow {
		background-image: url('img/bg-nav-sprite@2x.png');
		background-size: 19px 440px;
	}
}

#footer { background-color: #2c8fc1; }

.footer-social a { background-color: #56a5cd; }


.header-slides.slick-slider { margin-bottom: 4px; }
.header-slide { display: block; position: relative; }
.header-slide img { display: block; }
.header-slide .slide-headline {
	position: absolute;
	display: block;
	bottom: 0; left: 0; right: 0;
	background: rgba(0, 0, 0, 0.55);
	color: #fff;
	line-height: 1.3;
	font-size: 18px;
	font-weight: 600;
	padding: 20px;
}
.header-slides .slick-arrow { 
	z-index: 10; 
	width: 48px; height: 48px;
	margin-top: -24px;
	padding: 6px;
}
.header-slides .slick-prev::before,
.header-slides .slick-next::before { font-size: 36px; }
.header-slides .slick-prev { left: 12px; }
.header-slides .slick-next { right: 12px; }