﻿@charset "utf-8";
/* CSS Document */

/*-------MEDIA QUERIES------*/

img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

@media screen and (max-width: 1250px) {
	
	.wrapper {
		width: 960px;
	}

	
	#navigation li a {
		font: 11px/32px 'Montserrat', Arial, sans-serif;
		padding: 0 12px;
	}	
	
	/*INTERIOR*/
	.interior h2 {
		font: 600 31px/1.5em 'Noto Sans', Arial, sans-serif;
	}
		
	/*HOME*/
	.home_top .col.one {
		width: 200px;
	}

	.home_top .col .block.small {
		width: 258px;
	}
	
	.home_top .col .block.small {
		width: 100%;
	}
	
	.home_top .col.two {
		width: 530px;
	}

	.home_top .col.two .block.small {
		width: 48.5%;
	}
	
	.home_top .col .block > span {
		padding: 0 5px;
		font: 100 16px/38px "MuseoSans100", Arial, sans-serif;	
	}
	
	/*VIVA VISION*/
	.viva_cta {
		padding: 4% 3%;
	}
	
	
	/*CALENDAR*/
	.featured_event h3 {
		font: 600 18px/1.7em 'Noto Sans', Arial, sans-serif;
	}
	
	
}

@media screen and (max-width: 1000px) {
	
	.wrapper {
		width: 730px;
	}

	#navigation li  {
		text-align:center;
	}
	
	#navigation li {
		float:none;
		display:inline-block;
	}
	
	#navigation li a {
		font: 13px/32px 'Montserrat', Arial, sans-serif;
		padding: 0 18px;
	}
	
	#footer .social {
		margin: 0 0 0 20px;
	}
	
	/*HOME*/
	.home_top .col.one {
		width: 172px;
	}	
	
	.home_top .col .block.small {
		height: 99px;
		overflow: hidden;
	}	
	
	.home_top .col.two {
		width: 356px;
	}
	
	.home_top .col.two .block.small {
		width: 47.5%;
	}	
	
	.home_top .col .block > span {
		font: 100 14px/38px "MuseoSans100", Arial, sans-serif;
	}	
	
	/*INTERIOR*/
	
	
	
	/*VIVA VISION*/
	.viva_cta {
		padding: 1% 3%;
	}
	
	/*SLOTZILLA*/
	
	.page-id-10 .interior p img {
		max-width:50%;
	}

	/*BLOG*/
	.blog_container {
		width: 70%;
	}
	
	#sidebar {
		width: 24%;
	}
	
	/*CALENDAR*/
	.featured_event h3 {
		font: 600 16px/1.7em 'Noto Sans', Arial, sans-serif;
		width:69%;
		padding:15px 2% 0 0;
	}
	
	.featured_event span {
		width: 12%;
	}

	
}

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

	.wrapper {
		width: 460px;
	}
	
	.mobile_nav, .mobile_logo {display:block;}
	#navigation, #header .logo {display:none;}
	
	
	#footer .social {
		float: none;
		width: 100%;
		margin: 0 0 20px;
		overflow:hidden;
	}
	
	#footer ul {
		clear:both;
		height:auto;
		overflow:hidden;
	}
	
	#footer ul li a {
		line-height:2.5em;
	}
	
	#footer p.business {
		clear:both;
		margin:25px 0;
	}
	
	
	/*HOME*/
	.home_top .col.one,
	.home_top .col.two,
	.home_top .col.two .block.small,
	.home_top .col .block.small,
	.home_top .col .block {
		display:block;
		clear:both;
		float:none;
		width: 100%;
		margin:0;
	}	
	
	.home_top .col.two .block.small,
	.home_top .col .block.small,
	.home_top .col .block {
		background: #35b5eb;
		height:37px;
		margin:0 0 10px;
	}
	
	.home_top .col .block.color.green, .home_top .col .block.color.green.small {
		background: #0acf67;
	}	
	
	.home_top .col.one img, .home_top .col.two img, .home_top .col.two .block.small img, .home_top .col .block.small img {
		display:none;
	}
	
	.home_top .col .block > span {
		padding: 0 11px;
	}
	
	.block.small.photo:first-of-type {
		background: #a11a23;
	}
	
	.home_top .col .block.photo > span {
		background:none;
	}
	
	.home_top .col.last_col .block:first-of-type span {
		display:block;
	}	
	
	
	#content.home .section {
		margin: 0 0 15px;	
	}
	
	#content.home .section img {
		float: none;
		display: table;
		margin: 0 auto 25px;
	}
	
	#content.home h1 {
		margin: 0 auto 20px;
	}


	.interior h1:before, h1:after {display:none;}
	
	.content_bottom_container h2 {
		font: 600 31px/1.5em 'Noto Sans', Arial, sans-serif;	
	}
	
	#content .content_bottom_container .gallery .gallery-item {
		float: left;
		display: block;
		margin: 2%;
		width: 28%;
	}	
	
	
	/*INTERIOR*/
	img.alignleft, img.alignright {
		float:none;
		display:table;
		margin:0 auto 20px;
	}
	
	/*VIVA VISION*/
	.viva_info {
		float: none;
		width: 100%;
		margin: 0 0 20px;
	}	
	
	.viva_cta {
		float: none;
		display: table;
		width: auto;
		max-width:94%;
		margin: 0 auto;
		padding: 8% 3%;
	}
	
	/*SLOTZILLA*/
	.page-id-10 .interior p:first-of-type img {
		float:none;
		display:table;
		margin:0 auto;
		width:auto;
		max-width:100%;
	}

	/*SECTIONS*/
	.section {
		padding: 25px 0 5px;
	}
	.section img, .section:nth-child(odd) img {
		float: none;
		margin: 0 auto 25px;
		display: table;
	}
	
	
	/*BLOG*/
	.blog_container {
		width: 100%;
		margin:0;
	}
	
	#sidebar, #respond {
		display: none;
	}
	
	/*CALENDAR*/
	.featured_event h3 {
		font: 600 16px/1.7em 'Noto Sans', Arial, sans-serif;
		width:66%;
		padding:15px 2% 0 0;
	}

	.featured_event img {
		width: 27%;
	}
	
	.featured_event span {
		float: none;
		clear: both;
		width: auto;
		height: auto;
		margin: 10px 0 0;
		padding: 10px 2%;
	}
	

	
	
}

@media screen and (max-width: 490px) {
	
	.wrapper {
		width: 300px;
	}
	
	html {
		-webkit-text-size-adjust: none;
	}
	
	
	/*VIVA VISION*/
	.viva_cta {
		padding: 4% 3%;
	}
	
	
	/*SLOTZILLA*/
	.page-id-10 .interior p img {
		max-width:100%;
	}

	/*CALENDAR*/
	.em-calendar-wrapper table {
		border:none;
	}

	#content .em-calendar-wrapper table td {
		border: none;
		height: 64px;
		min-height: 64px;
		padding: 2px;
	}
	
	#content .em-calendar-wrapper table tr.days-names td {
		font-size: 11px;	
	}
	
	
	
	
}