/*
Theme Name: SAMW Theme
Theme URI: http://www.wumb.org/samw/
Description: Custom theme for WUMB's Summer Acoustic Music Week web site.
Author: Robert Tobey
Version: 1.0
*/

@import url(https://fonts.googleapis.com/css?family=Muli:400,600,700);
@import url("reset.css");

/***************
BODY
***************/

body {
	font-family: 'Arial', sans-serif;
	font-weight: 400;
	font-size:  1em;
	color: #000000;
	background-color: #CCCCCC;
	line-height: 1.4;
}

/***************
GENERAL STYLES
***************/

/*** Bold, Italic, Underline ***/

body b {
	font-weight: bold;
}

body i {
	font-style: italic;
}

body strong {
	font-weight: bold;
}

body em {
	font-style: italic;
}

body u {
	text-decoration: underline;
}

/*** Link Styles ***/

a, a:link, a:visited, a:active {
	color: #0079C1;
	text-decoration: none;
} 

a:hover {
	text-decoration: underline;
}

/*** Images ***/

img {
	max-width: 100%;
	display: block;
}

/*** Listen Button ***/

#header_banner .player_wrapper {
	position: absolute;
	z-index: 3;
}

.post_formatting .player_wrapper {
	margin: 30px 0;
}

a.listen_button {
	height: 35px;
	padding: 0 10px;
	background-color: #0073CF;
	background-image: url('images/listen_icon.png');
	background-position: 98% center;
	background-repeat: no-repeat;
	border: 2px solid #4DA1D4;
	border-radius: 5px;
	font-family: Arial, sans-serif;
	font-size: 1.125em;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
	line-height: 35px;
	display: block;
}

a:hover.listen_button {
	text-decoration: none;
}

#header_banner a.listen_button {
	width: 100%;
}

.post_formatting a.listen_button {
	width: 200px;
}

/***************
LAYOUT
***************/

/*** Box Sizing ***/

* { 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*** Site Wrappers ***/

#site_wrapper {
	max-width: 1025px;
	background-color: #FFFFFF;
	display: flex;
	min-height: 100vh;
	flex-direction: column;
}

#site_content {
	flex: 1;
}

#site_footer {
	margin-top: 40px;
}

.container {
	position: relative;
	margin: 0 5%;
}

/*** Clearing Floats ***/

.clr:after { 
	content: ""; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/***************
HEADER
***************/

#header {
	padding-top: 40px;
}

/*** Header Banner ***/

#header_banner {
	position: relative;
	height: 170px;
	background: url('images/header_banner.jpg') left center no-repeat;
}

#header_banner .logo {
	position: absolute;
	top: 12px;
	left: 25px;
	width: 100px;
	height: 148px;
	z-index: 2;
}

#header_banner .logo a {
	width: 100%;
	height: 100%;
	background-image: url('images/samw_logo.png');
	background-position: center center;
	background-repeat: no-repeat;
	color: transparent;
	display: block;
}

#header_banner .title_bar {
	position: absolute;
	width: 100%;
	background-color: #B0BC22;
	font-family: 'Muli', sans-serif;
	font-weight: 600;
	font-style: italic;
	color: #FFFFFF;
	text-shadow: 2px 2px 4px #333333;
	z-index: 1;
}

/*** Main Navigation ***/

#main_nav_wrapper {
	padding: 22px 0;
	background-color: #0079C1;
	font-size: .875em;
}

#main_nav li a:hover {
	text-decoration: none;
}

/***************
PAGE CONTENT
***************/

#page_content {
	margin-top: 40px;
}

#page_title {
	margin-bottom: 30px;
	font-family: 'Arial', sans-serif;
	font-size: 1.625em;
	font-weight: 600;
	color: #0079C1;
	line-height: 1.2;
}

.admin_edit_link {
	margin-bottom: 10px;
	text-transform: uppercase;
}

#content_column .image {
	width: 25%;
}

#content_column .content_section {
	margin-top: 30px;
	padding-top: 20px;
	border-top: 1px solid #B0BC22;
}

#content_column .content_spacer {
	margin-top: 30px;
}

#content_column .section_title {
	margin-bottom: 30px;
	font-family: 'Arial', sans-serif;
	font-size: 1.375em;
	font-weight: 600;
	color: #0079C1;
	line-height: 1.2;
}

/***************
POST FORMATTING
***************/

/*** Headings ***/

.post_formatting h1, .post_formatting h2, .post_formatting h3, .post_formatting h4, .post_formatting h5, .post_formatting h6 {
	margin-bottom: 30px;
	font-family: 'Arial', sans-serif;
	font-weight: 600;
	color: #0079C1;
	line-height: 1.2;
}

.post_formatting h1, .post_formatting h2 {
	font-size: 1.375em;
}

.post_formatting h3 {
	font-size: 1.250em;
}

.post_formatting h4, .post_formatting h5, .post_formatting h6 {
	font-size: 1.125em;
}

/*** Paragraphs ***/

.post_formatting p {
	margin-bottom: 30px;
}

.post_formatting p:last-child {
	margin-bottom: 0;
}

/*** Blockquote ***/

.post_formatting blockquote {
	margin: 25px 10%;
	font-style: italic;
	color: #0079C1;
}

.post_formatting + blockquote {
	margin-top: 0;
}

/*** Lists ***/

.post_formatting ul {
	margin: 0 0 30px 0;
	padding-left: 15px;
	list-style-type: disc;
	list-style-position: outside;
}

.post_formatting ol {
	margin: 0 0 30px 0;
	padding-left: 15px;
	list-style-type: decimal;
	list-style-position: outside;
}

.post_formatting li {
	padding-bottom: 8px;
}

.post_formatting ul li:last-child, .post_content ol li:last-child {
	padding-bottom: 0;
}

/*** Divider ***/

.post_formatting hr {
	clear: both;
	margin: 5px 0;
	width: 100%;
	height: 1px;
	background-color: transparent;
	border: 0;
	border-top: 1px solid #B0BC22;
}

.post_formatting hr + p, .post_formatting hr + h1, .post_formatting hr + h2, .post_formatting hr + h3, .post_formatting hr + h4, .post_formatting hr + h5, .post_formatting hr + h6 {
	margin-top: 30px;
}

/*** Images ***/

.post_formatting img {
	display: inline-block;
}

.post_formatting .alignnone {
    margin: 5px 30px 30px 0;
}

.post_formatting .aligncenter,
.post_formatting div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.post_formatting .alignright {
    float: right;
    max-width: 50%;
    margin: 5px 0 10px 30px;
}

.post_formatting .alignleft {
    float: left;
    max-width: 50%;
    margin: 5px 30px 10px 0;
}

.post_formatting a img.alignright {
    float: right;
    max-width: 50%;
    margin: 5px 0 10px 30px;
}

.post_formatting a img.alignnone {
    margin: 5px 30px 30px 0;
}

.post_formatting a img.alignleft {
    float: left;
    max-width: 50%;
    margin: 5px 30px 10px 0;
}

.post_formatting a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.post_formatting .wp-caption {
    max-width: 96%;
    padding: 10px 3px;
    text-align: center;
}

.post_formatting .wp-caption.alignnone {
    margin: 5px 30px 30px 0;
}

.post_formatting .wp-caption.alignleft {
	max-width: 50%;
    margin: 5px 30px 10px 0;
}

.post_formatting .wp-caption.alignright {
	max-width: 50%;
    margin: 5px 0 10px 30px;
}

.post_formatting .wp-caption img {
	width: auto;
    height: auto;
    margin: 0;
    max-width: 100%;
    padding: 0;
}

.post_formatting .wp-caption p.wp-caption-text {
	padding: 0 4px 5px;
    font-size: .875em;
	font-style: italic;
}

#post_content .wp-smiley {
	width: auto;
	border: none;
}

.post_formatting iframe {
	margin: 0 auto;
	display: block;
}

/***************
SIDEBAR
***************/

#sidebar_column .sidebar_section .sidebar_widget:first-child {
	margin-top: 40px;
}

#sidebar_column .sidebar_widget {
	margin-bottom: 40px;
}

#sidebar_column .sidebar_widget:last-child {
	margin-bottom: 0;
}

#sidebar_column h2.widget_title {
	margin-bottom: 10px;
	padding: 8px;
	background-color: #B0BC22;
	border-radius: 3px;
	font-family: 'Arial', sans-serif;
	font-weight: 600;
	font-size: 1.125em;
	color: #FFFFFF;
	text-transform: uppercase;
	text-align: center;
	line-height: 1.2
}

#sidebar_column h2.widget_title.sidebar_title {
	margin-bottom: 20px;
}

#sidebar_column .sidebar_widget {
	font-size: .875em;
}

#sidebar_column .sidebar_widget p {
	margin-bottom: 16px;
}

#sidebar_column .sidebar_widget p:last-child {
	margin-bottom: 0;
}

#sidebar_column .sidebar_widget ul {
	margin: 0 0 16px 0;
	padding-left: 15px;
	list-style-type: disc;
	list-style-position: outside;
}

#sidebar_column .sidebar_widget ol {
	margin: 0 0 16px 0;
	padding-left: 15px;
	list-style-type: decimal;
	list-style-position: outside;
}

#sidebar_column .sidebar_widget li {
	padding-bottom: 5px;
}

#sidebar_column .sidebar_widget ul li:last-child, #sidebar_column .sidebar_widget ol li:last-child {
	padding-bottom: 0;
}

#sidebar_column .sidebar_widget img {
	max-width: 100%;
	height: auto;
}

#sidebar_column .sidebar_widget .aligncenter, #sidebar_column .sidebar_widget .alignright, #sidebar_column .sidebar_widget .alignleft {
    display: block;
    margin: 0 auto;
}

#sidebar_column .sidebar_widget .widget_sp_image-description {
	margin-top: 8px;
	font-style: italic;
	text-align: center;
}

#sidebar_column .sidebar_widget .widget_image {
	margin-bottom: 16px;
}

#sidebar_column .sidebar_widget .widget_image.with_caption {
	margin-bottom: 8px;
}

#sidebar_column .sidebar_widget .widget_image_caption {
	font-style: italic;
	margin-bottom: 16px;
	text-align: center;
}

/***************
FOOTER
***************/

#footer {
	padding: 10px 0 40px 0;
	border-top: 1px solid #B0BC22;
	font-size: .875em;
}

/***************
APPLICATION
***************/

#application_wrapper {
	margin-top: 30px;
}

#application_wrapper input[type="submit"] {
	padding: 0 15px;
	height: 30px;
	background-color: #0079C1;
	border: 2px solid #4DA1D4;
	border-radius: 5px;
	font-size: 1.125em;
	color: #FFFFFF;
	line-height: 30px;
	cursor: pointer;
}

/***************
ARCHIVE TEMPLATES
***************/

/*** Archive Header ***/

#archive_header {
	margin-bottom: 30px;
}

#archive_header ul li {
	padding-bottom: 8px;
}

#archive_title {
	font-family: 'Arial', sans-serif;
	font-size: 1.625em;
	font-weight: 600;
	color: #0079C1;
	line-height: 1.2;
}

#archive_header .archive_sub_title {
	font-family: 'Arial', sans-serif;
	font-size: 1.125em;
	font-weight: 600;
	color: #0079C1;
	line-height: 1.2;
}

/*** Content Items ***/

.content_wrapper .content_item {
	margin-bottom: 30px;
}

.content_wrapper .content_item:last-child {
	margin-bottom: 0;
}

.content_item .item_header {
	margin-bottom: 20px;
	color: #0079C1;
}

.content_item h3.item_title {
	font-family: 'Arial', sans-serif;
	font-size: 1.250em;
	font-weight: 600;
	color: #0079C1;
	line-height: 1.2;
}

.content_item .item_sub_title {
	font-family: 'Arial', sans-serif;
	font-size: 1em;
	font-weight: 600;
	color: #0079C1;
	line-height: 1.2;
}

.content_item .item_date {
	font-size: .875em;
	font-weight: 600;
	color: #0079C1;
	text-transform: uppercase;
}

.content_item .item_read_more {
	margin-top: 8px;
	font-size: .875em;
	text-transform: uppercase;
}

/*** Paging ***/

#paging_wrapper {
	margin-top: 30px;
	padding-top: 10px;
	border-top: 1px dashed #B0BC22;
}

#paging_wrapper a {
	float: left;
	height: 30px;
	padding: 0 16px;
	background-color: #0079C1;
	border-radius: 5px;
	font-size: 1em;
	color: #FFFFFF;
	text-transform: uppercase;
	line-height: 30px;
	display: inline-block;
}

#paging_wrapper a:last-child {
	float: right;
}

/***************
CAMPS
***************/

/*** Camps Sidebar ***/

.windowshade .title_bar {
	height: 30px;
	margin-bottom: 20px;
	padding-left: 10px;
	background-color: #0079C1;
	background-image: url('images/sorting_arrow_down.png');
	background-position: 96% 50%;
	background-repeat: no-repeat;
	border-radius: 3px;
	font-family: "Arial", serif;
    font-size: 1.125em;
    font-weight: 400;
    color: #FFFFFF;
    text-transform: uppercase;
	line-height: 30px;
	cursor: pointer;
}

.windowshade .title_bar.expanded {
	background-image: url('images/sorting_arrow_up.png');
}

.windowshade .windowshade_content {
	display: none;
	padding-bottom: 20px;
}

.windowshade .windowshade_content.expanded {
	display: block;
}

#sidebar_column .sidebar_links li {
	margin-bottom: 7px;
}

#sidebar_column .view_all {
	margin-top: 20px;
	font-size: .875em;
}

#sidebar_column .view_all a {
	text-transform: uppercase;
}

/***************
CONTACT
***************/

/*** Contact Info ***/

.contact_divider {
	margin-top: 20px;
}

#footer .contact_divider {
	margin-top: 0;
}

.contact_label {
	padding-right: 5px;
}

.social_icons a {
	float: left;
	width: 28px;
	height: 28px;
	margin-right: 6px;
	background-repeat: no-repeat;
	background-position: center center;
	color: transparent;
	text-decoration: none;
	display: block;
	overflow: hidden;
}

.social_icons a:last-child {
	margin-right: 0;
}

#footer .social_icons a {
	float: right;
	color: transparent;
}

#footer .social_icons a:last-child {
	margin-right: 6px;
}

#footer .social_icons a:first-child {
	margin-right: 0;
}

.social_icons a.facebook_icon {
	background-image: url('images/social_facebook_icon.png');
}

.social_icons a.twitter_icon {
	background-image: url('images/social_twitter_icon.png');
}

.social_icons a.youtube_icon {
	background-image: url('images/social_youtube_icon.png');
}

.acf-map {
	width: 100%;
	height: 300px;
	border: 1px solid #FFFFFF;
	margin: 40px 0;
}

#content_column .post_formatting .contact_info:last-of-type .acf-map {
	margin-bottom: 0;
}

/***************
HOME PAGE
***************/

/*** Sections ***/

.home_section {
	margin-bottom: 30px;
}

#content_column .home_section:last-child {
	margin-bottom: 0;
}

.home_section h2.home_title {
	margin-bottom: 20px;
	font-family: 'Arial', sans-serif;
	font-size: 1.5em;
	font-weight: 600;
	color: #0079C1;
	line-height: 1.2;
}

/*** Slideshow ***/

.home_slide {
	position: relative;
}

.home_slide .slide_label h3 {
	font-family: 'Arial', sans-serif;
	font-weight: 600;
	line-height: 1.2;
}

.home_slide .slide_label .slide_more a {
	text-transform: uppercase;
}

/*** Owl Theme ***/

.owl-theme .owl-controls {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-controls .owl-nav [class*='owl-'] {
  color: white;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #0079C1;
  display: inline-block;
  cursor: pointer;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.owl-theme .owl-controls .owl-nav [class*='owl-']:hover {
  background: #B3E3FF;
  color: white;
  text-decoration: none;
}
#gallery_slideshow .owl-nav .owl-prev {
	position: absolute;
	left: 0;
	top: -40px;
}
#gallery_slideshow .owl-nav .owl-next {
	position: absolute;
	right: 0;
	top: -40px;
}
.owl-theme .owl-controls .owl-nav .disabled {
  opacity: 0.5;
  cursor: default;
}
.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.owl-theme .owl-dots .owl-dot span {
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  background: #B3E3FF;
  display: block;
  -webkit-backface-visibility: visible;
  -webkit-transition: opacity 200ms ease;
  -moz-transition: opacity 200ms ease;
  -ms-transition: opacity 200ms ease;
  -o-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #0079C1;
}

/***************
FANCYBOX
***************/

.fancybox-title-float-wrap .child {
    background: rgba(0, 121, 193, 0.8) none repeat scroll 0 0;
}

/***************
SINGLE TEMPLATES
***************/

#single_featured_image {
	margin-bottom: 20px;
	text-align: center;
}

#single_featured_image img {
	display: inline-block;
}

#single_header {
	margin-bottom: 30px;
	color: #0079C1;
}

#single_header ul li {
	padding-bottom: 8px;
}

#single_title {
	font-family: 'Arial', sans-serif;
	font-size: 1.625em;
	font-weight: 600;
	color: #0079C1;
	line-height: 1.2;
}

#single_header .single_sub_title {
	font-family: 'Arial', sans-serif;
	font-size: 1.125em;
	font-weight: 600;
	color: #0079C1;
	line-height: 1.2;
}

#single_header .single_date {
	font-family: 'Arial', sans-serif;
	font-size: 1em;
	font-weight: 600;
	color: #0079C1;
	text-transform: uppercase;
	line-height: 1.2;
}

.single_links {
	margin-top: 30px;
}

.single_links h3 {
	margin-bottom: 15px;
	font-family: 'Arial', sans-serif;
	font-size: 1.125em;
	font-weight: 600;
	color: #0079C1;
	line-height: 1.2;
}

.single_links ul {
	margin-top: 15px;
}

.single_links ul li {
	padding-bottom: 8px;
}

.single_links ul li:last-child {
	padding-bottom: 0;
}

/***************
1025 AND UP
***************/

@media screen and (min-width:1025px) {

	/***************
	LAYOUT
	***************/

	/*** Site Wrappers ***/

	#site_wrapper {
		margin: 0 auto;
	}

}

/***************
769 AND UP
***************/

@media screen and (min-width:769px) {

	/***************
	HEADER
	***************/
	
	/*** Header Banner ***/

	#header_banner .title_bar {
		font-size: 2.250em;
		word-spacing: 15px;
	}
	
	/*** Main Navigation ***/
	
	#mobile_menu_button {
		display: none;
	}

	#main_nav {
		text-align: center;
	}

	#main_nav li {
		position: relative;
	}

	#main_nav > li {
		padding: 0 .75em;
		display: inline-block;
	}

	#main_nav > li > a {
		font-weight: 600;
		color: #FFFFFF;
		text-transform: uppercase;
	}

	#main_nav > li.current-menu-item > a {
		color: #E8E8E8;
	}

	#main_nav > li > a:hover {
		color: #E8E8E8;
		text-transform: uppercase;
	}

	#main_nav > li > a::after {
		color: #FFFFFF;
		content: " •";
		margin-left: 1em;
	}

	#main_nav > li:last-child > a::after {
		content: "";
	}

	#main_nav > li > ul {
		position: absolute;
		top: 2.6em;
		left: 0;
		width: 204px;
		margin-left: .75em;
		background-color: #FFFFFF;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
		text-align: left;
		z-index: 9999;
		visibility: hidden;
		opacity: 0;
		transition: visibility 0s linear 0.5s, opacity 0.5s linear;
	}

	#main_nav > li:hover > ul {
		visibility: visible;
		opacity: 1;
		transition-delay: 0s;
	}

	#main_nav > li > ul li:hover {
		background-color: #EBEBEB;
	}

	#main_nav > li > ul li a {
		padding: 16px 8px;
		color: #4F4F4F;
		text-transform: uppercase;
		display: block;
	}

	#main_nav > li > ul li a:hover {
		color: #0079C1;
	}

	#main_nav > li > ul > li > ul {
		position: absolute;
		top: 0;
		left: 100%;
		width: 204px;
		margin-left: 0;
		background-color: #FFFFFF;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
		z-index: 9999;
		visibility: hidden;
		opacity: 0;
		transition: visibility 0s linear 0.5s, opacity 0.5s linear;
	}

	#main_nav > li > ul > li:hover > ul {
		visibility: visible;
		opacity: 1;
		transition-delay: 0s;
	}
	
	/***************
	PAGE CONTENT
	***************/
	
	#page_content.one_column #content_column {
		width: 100%;
	}

	#page_content.two_column #content_column {
		float: left;
		width: 70%;
		padding-right: 40px;
	}

	#sidebar_column {
		float: left;
		width: 30%;
	}

}

/***************
668 AND UP
***************/

@media screen and (min-width:668px) {

	/***************
	HEADER
	***************/
	
	/*** Header Banner ***/

	#header_banner .title_bar {
		padding-left: 148px;
	}
	
	/***************
	GALLERIES
	***************/

	#gallery_slideshow {
		margin-top: 80px;
	}
	
	#gallery_slideshow .gallery_image {
		text-align: center;
		background-color: #e6e6e6;
	}

	#gallery_slideshow.owl-carousel .owl-item img {
		width: auto;
		margin: 0;
		vertical-align: top;
		display: inline-block;
	}
	
	/***************
	HOME PAGE
	***************/
	
	/*** Slideshow ***/

	.home_slide .slide_label {
		position: absolute;
		bottom: 0;
		width: 100%;
		padding: 10px;
		background: rgba(0, 121, 193, 0.8);
		color: #FFFFFF;
	}

	.home_slide .slide_label h3 {
		font-size: 1.125em;
		color: #FFFFFF;
	}

	.home_slide .slide_label a {
		color: #FFFFFF;
		text-decoration: underline;
	}

	.home_slide .slide_label .slide_copy {
		font-size: .938em;
	}

	.home_slide .slide_label .slide_copy p {
		padding: 2px 0;
	}

	.home_slide .slide_label .slide_more a {
		font-size: .875em;
		text-decoration: none;
	}

	.home_slide .slide_label .slide_more a:hover {
		text-decoration: underline;
	}
	
}

/***************
481 AND UP
***************/

@media screen and (min-width:481px) {

	/***************
	FOOTER
	***************/

	#footer .footer_column.address_column {
		float: left;
		width: 80%;
		padding-right: 40px;
	}

	#footer .footer_column.social_column {
		float: right;
		width: 20%;
	}
	
	/***************
	ARCHIVE TEMPLATES
	***************/
	
	/*** Content Items ***/
	
	.content_item .item_image {
		float: left;
		width: 160px;
	}

	.content_item .item_image img {
		width: 100%;
		height: auto;
	}

	.content_item.has_image .item_content {
		float: left;
		width: calc(100% - 160px);
		padding-left: 30px;
	}
	
	/***************
	SINGLE TEMPLATES
	***************/
	
	#single_image {
		float: left;
		width: 25%;
	}

	#single_image img {
		width: 100%;
		height: auto;
	}

	#single_post.has_image #single_content {
		float: left;
		width: 75%;
		padding-left: 30px;
	}
	
}

/***************
376 AND UP
***************/

@media screen and (min-width:376px) {

	/***************
	GENERAL STYLES
	***************/
	
	/*** Listen Button ***/

	#header_banner .player_wrapper {
		top: 24px;
		right: 20px;
		width: 200px;
		height: 35px;
	}

	/***************
	HEADER
	***************/
	
	/*** Header Banner ***/

	#header_banner .title_bar {
		top: 82px;
		height: 58px;
		line-height: 58px;
	}

}

/***************
1024 AND UNDER
***************/

@media screen and (max-width:1024px) {

	/***************
	LAYOUT
	***************/

	/*** Site Wrappers ***/

	#site_wrapper {
		width: 100%;
	}

}

/***************
768 AND UNDER
***************/

@media screen and (max-width:768px) {

	/***************
	HEADER
	***************/

	/*** Main Navigation ***/
	
	#main_nav_wrapper {
		text-align: center;
	}
	
	#mobile_menu_button {
		height: 25px;
		margin: 0 auto;
		padding-left: 45px;
		background-image: url('images/menu_burger.png');
		background-position: left center;
		background-repeat: no-repeat;
		font-size: 1.250em;
		font-weight: 600;
		color: #FFFFFF;
		text-transform: uppercase;
		line-height: 25px;
		cursor: pointer;
		display: inline-block;
	}
	
	#main_nav {
		position: absolute;
		width: 100%;
		padding: 15px 5% 0 5%;
		background-color: #0079C1;
		text-align: left;
		z-index: 9999;
		display: none;
	}
	
	#main_nav li {
		color: #FFFFFF;
	}
	
	ul#main_nav > li {
		padding: 15px 0;
		border-bottom: 1px solid #E8E8E8;
	}
	
	ul#main_nav > li:last-child {
		border-bottom: none;
	}
	
	ul#main_nav > li.menu-item-has-children {
		background-image: url('images/plus_icon.png');
		background-position: 98% center;
		background-repeat: no-repeat;
		cursor: pointer;
	}
	
	ul#main_nav > li.expanded {
		background-image: url('images/minus_icon.png');
		background-position: 98% 17px;
		background-repeat: no-repeat;
	}
	
	ul#main_nav > li > ul > li {
		padding-bottom: 12px;
	}
	
	#main_nav li a {
		font-size: 1em;
		font-weight: 600;
		color: #FFFFFF;
		text-transform: uppercase;
	}
	
	#main_nav li a:hover {
		color: #E8E8E8;
	}
	
	#main_nav li ul {
		margin-top: 15px;
		list-style-type: disc;
	}
	
	#main_nav > li > ul {
		padding-left: 15px;
		display: none;
	}
	
	#main_nav > li > ul li ul {
		padding-left: 15px;
		display: none;
	}
	
	#main_nav > li > ul > li ul {
		padding-left: 20px;
	}
	
	ul#main_nav > li > ul > li > ul li {
		padding-bottom: 8px;
	}
	
	/***************
	PAGE CONTENT
	***************/
	
	#content_column {
		width: 100%;
	}

	#sidebar_column {
		margin-top: 40px;
	}

}

/***************
667 AND UNDER
***************/

@media screen and (max-width:667px) {

	/***************
	HEADER
	***************/
	
	/*** Header Banner ***/

	#header_banner .title_bar {
		padding-left: 138px;
	}
	
	/***************
	GALLERIES
	***************/

	#gallery_slideshow {
		margin-top: 30px;
	}
	
	#gallery_slideshow.owl-carousel {
		display: block;
	}
	
	#gallery_slideshow .gallery_image {
		margin-top: 10px;
		text-align: center;
	}
	
	#gallery_slideshow .gallery_image img {
		margin: 0;
		vertical-align: top;
		display: inline-block;
	}
	
	/***************
	HOME PAGE
	***************/
	
	/*** Slideshow ***/
	
	.owl-carousel {
		display: block;
	}
	
	#home_slideshow .home_slide {
		margin-bottom: 30px;
	}

	#home_slideshow .home_slide:last-child {
		margin-bottom: 0;
	}

	.home_slide .slide_label h3 {
		margin-bottom: 20px;
		font-size: 1.250em;
		color:  #0079C1;
	}

	.home_slide .slide_label .slide_copy p {
		padding-bottom: 20px;
	}
	
	.home_slide .slide_label .slide_copy p:last-child {
		padding-bottom: 0;
	}
	
	.home_slide .slide_label .slide_more {
		margin-top: 8px;
		font-size: .875em;
		text-transform: uppercase;
	}

}

/***************
480 AND UNDER
***************/

@media screen and (max-width:480px) {

	/***************
	FOOTER
	***************/
	
	#footer .footer_column {
		text-align: center;
	}

	#footer .footer_column.social_column {
		width: 96px;
		margin: 20px auto 0 auto;
	}
	
	/***************
	ARCHIVE TEMPLATES
	***************/
	
	/*** Content Items ***/
	
	.content_item .item_image {
		text-align: center;
	}

	.content_item .item_image img {
		display: inline-block;
	}

	.content_item.has_image .item_content {
		margin-top: 20px;
	}
	
	/***************
	HOME PAGE
	***************/
	
	/*** Slideshow ***/
	
	.home_slide .slide_image {
		text-align: center;
	}

	.home_slide .slide_image img {
		display: inline-block;
	}

	.home_slide .slide_label {
		margin-top: 20px;
	}
	
	/***************
	SINGLE TEMPLATES
	***************/
	
	#single_image {
		text-align: center;
	}

	#single_image img {
		display: inline-block;
	}

	#single_post.has_image #single_content {
		margin-top: 30px;
	}
	
}

/***************
375 AND UNDER
***************/

@media screen and (max-width:375px) {

	/***************
	GENERAL STYLES
	***************/
	
	/*** Listen Button ***/
	
	#header_banner .player_wrapper {
		top: 15px;
		height: 35px;
	}
	
	#header_banner a.listen_button {
		font-size: 1em;
	}

	/***************
	HEADER
	***************/
	
	/*** Main Navigation ***/
	
	#mobile_menu_button {
		height: 20px;
		padding-left: 38px;
		background-size: 28px 20px;
		line-height: 20px;
	}

}

/***************
TABLET PORTRAIT
***************/

@media screen and (min-width:668px) and (max-width:768px) {

	/***************
	HEADER
	***************/
	
	/*** Header Banner ***/

	#header_banner .title_bar {
		font-size: 2em;
	}

}

/***************
MOBILE LANDSCAPE WIDE
***************/

@media screen and (min-width:569px) and (max-width:667px) {

	/***************
	HEADER
	***************/
	
	/*** Header Banner ***/

	#header_banner .title_bar {
		font-size: 1.750em;
	}
	
	/***************
	HOME PAGE
	***************/
	
	/*** Slideshow ***/
	
	.home_slide .slide_image {
		float: left;
		width: 25%;
	}

	.home_slide .slide_image img {
		width: 100%;
		height: auto;
	}

	.home_slide .slide_label {
		float: left;
		width: 75%;
		padding-left: 30px;
	}

}

/***************
MOBILE LANDSCAPE MEDIUM
***************/

@media screen and (min-width:481px) and (max-width:568px) {

	/***************
	HEADER
	***************/
	
	/*** Header Banner ***/

	#header_banner .title_bar {
		font-size: 1.5em;
	}

}

/***************
MOBILE LANDSCAPE NARROW
***************/

@media screen and (min-width:376px) and (max-width:480px) {

	/***************
	HEADER
	***************/
	
	/*** Header Banner ***/

	#header_banner .title_bar {
		font-size: 1.125em;
	}

}

/***************
MOBILE PORTRAIT WIDE
***************/

@media screen and (min-width:321px) and (max-width:375px) {

	/***************
	GENERAL STYLES
	***************/
	
	/*** Listen Button ***/

	#header_banner .player_wrapper {
		left: 135px;
		width: 150px;
	}
	
	#header_banner a.listen_button {
		font-size: 1em;
	}

	/***************
	HEADER
	***************/
	
	/*** Header Banner ***/

	#header_banner .title_bar {
		top: 62px;
		height: 78px;
		padding-top: 10px;
		font-size: 1.250em;
	}

}

/***************
MOBILE PORTRAIT NARROW
***************/

@media screen and (max-width:320px) {

	/***************
	GENERAL STYLES
	***************/
	
	/*** Listen Button ***/

	#header_banner .player_wrapper {
		left: 135px;
		width: 130px;
	}
	
	#header_banner a.listen_button {
		font-size: .875em;
	}

	/***************
	HEADER
	***************/
	
	/*** Header Banner ***/

	#header_banner .title_bar {
		top: 67px;
		height: 73px;
		padding-top: 15px;
		font-size: 1em;
	}

}