/******************************************
* Media Queries (Responsive Design)
*******************************************/
/*
WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead use
the custom.css file to add your styles. You can copy a style from this file and paste it in
custom.css and it will override the style in this file.

*/

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

	div.wrapper {
		padding-right: 1%;
		padding-left: 1%;
		width: 98%;
	}

}

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

	#wpzoom-featured-posts .slide-hero {
		width: 100%;
	}
	
	.slide .slide-wrapper {
		width: 80%;
	}
	
	/* Menu */
	header .menu-main-container { text-indent: -9999px; height: 0; }
	.menu-main-container.mm-menu { text-indent: 0; height: 100%; }
	
	.mm-listview li { text-align: left; }
	.mm-listview > li { text-transform: uppercase; }
	
	#navbar-main { display: none; }
	.navbar-toggle { display: block; margin: 5px 0 0; }

	#wpzoom-featured-posts,
	#wpzoom-featured-posts .slide {
		height: 400px;
	}
	
	.slide .slide-title {
		font-size: 30px;
		font-weight: 400;
		line-height: 1.3em;
	}
	
	.slide .slide-content {
		font-size: 18px;
	}
	
	.slide .slide-tagline {
		font-size: 14px;
	}
	
	#pre-footer {
		font-size: 18px;
	}

}

/* Tablet Portrait */
@media screen and (max-width: 768px) {

	div.wrapper {
		padding-right: 2%;
		padding-left: 2%;
		width: 96%;
	}

	h1 { font-size: 30px }
	h2 { font-size: 24px }
	h3 { font-size: 20px }
	h4 { font-size: 18px }
	h5 { font-size: 16px }
	h6 { font-size: 15px }
	
	.wrapper-main {
		padding-bottom: 10px;
	}
	
	#content .title-widget {
		font-family: 'Lato';
		font-size: 15px;
	}

	#wpzoom-featured-posts,
	#wpzoom-featured-posts .slide {
		height: 350px;
	}

	.page-meta .title-page {
		font-size: 30px;
	}
	
	.entry-content {
		font-size: 16px;
		margin-top: 20px;
	}
	
	.posts-archive .title-post {
		font-size: 16px;
	}
	
	.posts-archive .post-content {
		font-size: 15px;
	}
	
	.read-more-span .read-more-anchor {
		font-size: 11px;
	}
	
	.posts-archive .entry-meta, 
	.entry-header {
		font-size: 13px;
		letter-spacing: 0;
	}
	
	.wpzoom-home-columns .title-home {
		font-size: 22px;
	}
	
	.wpzoom-home-columns .list-item-1 {
		font-size: 16px;
	}
	
	.read-more-span {
		margin-top: 10px;
	}
	
	#footer-copy {
		margin-top: 20px;
		padding-top: 40px;
	}
	
	#footer-copy .wpzoom {
		display: none;
	}
	
	#main .wpzoom-list-3cols .wpzoom-list-item {
		display: block;
		float: none;
		margin-right: 0;
		width: 100%;
	}
	
	#main .wpzoom-list-3cols .wpzoom-list-item .post-cover {
		display: inline;
		float: left;
    	margin-right: 4%;
    	width: 30.666667%;
	}
	
	#main .wpzoom-list-3cols .wpzoom-list-item .post-content {
		margin-top: 0;
		overflow: hidden;
	}
	
	.wpzoom-widget-c2a {
		font-size: 18px;
		padding: 15px;
	}

}

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

	#pre-header {
		font-size: 13px;
	}
	
	#wpzoom-featured-posts,
	#wpzoom-featured-posts .slide {
		height: 300px;
	}

	#wpzoom-featured-posts .read-more-span {
		display: none;
	}
	
	.slide .slide-wrapper {
		padding-right: 40px;
		padding-left: 40px;
	}

	.page-meta .title-page {
		font-size: 26px;
	}
	
	.entry-content {
		font-size: 16px;
	}

	#main,
	.content-aside {
		margin-right: 0;
		width: 100%;
	}
	
	#main {
		margin-bottom: 30px;
	}
	
	.content-aside {
		font-size: 15px;
	}
	
	#content .widget {
		margin-bottom: 30px;
	}
	
	#pre-main .wpzoom-widget-pages .post-content {
		font-size: 14px;
	}
	
	#main .wpzoom-list-3cols .wpzoom-list-item .post-content,
	.wpzoom-align-center .post-content {
		text-align: left;
	}
	
	.slide .slide-title {
		font-size: 20px;
		line-height: 1.4em;
		margin-bottom: 15px;
	}
	
	.slide .slide-content {
		font-size: 15px;
	}
	
	#pre-main .wpzoom-home-columns .list-item-1 {
		display: block;
		float: none;
		margin-right: 0;
		width: 100%;
	}

	#pre-main .wpzoom-home-columns .list-item-2,
	#pre-main .wpzoom-home-columns .list-item-3 {
		margin-right: 6%;
		width: 47%;
	}
	
	#pre-main .wpzoom-home-columns .list-item-3 {
		margin-right: 0;
	}
	
	#pre-main .wpzoom-list-4cols .wpzoom-list-item {
		margin-right: 8%;
		width: 46%;
	}
	
	#pre-main .wpzoom-list-4cols .list-item-1,
	#pre-main .wpzoom-list-4cols .list-item-2 {
		margin-bottom: 20px;
	}
	
	#pre-main .wpzoom-list-4cols .list-item-2,
	#pre-main .wpzoom-list-4cols .list-item-4 {
		margin-right: 0;
	}
	
	.wpzoom-widget-pages .title-post {
		font-size: 15px;
		line-height: 1.5em;
	}
	
	.wpzoom-widget-pages .post-content {
		font-size: 14px;
	}
	
	.content-aside .posts-archive .post-cover {
		display: inline;
		float: left;
    	margin-right: 4%;
    	width: 30.666667%;
	}
	
	.wpzoom-widget-page .title-post {
		font-size: 16px;
		letter-spacing: 0;
		margin-bottom: 10px;
	}
	
	.widget .widget-desc,
	.wpzoom-widget-page .post-content {
		font-size: 15px;
	}
	
	#pre-main .wpzoom-widget-pages .post-content {
		line-height: 1.75em;
	}
	
	.read-more-span .read-more-anchor {
		font-size: 11px;
		padding: 8px 15px;
	}
	
	#pre-footer {
		font-size: 16px;
	}
	
	.site-footer {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	.footer-column {
		font-size: 14px;
		margin-right: 5%;
		width: 30%;
	}
	
	.footer-column-3 {
		margin-right: 0;
	}
	
	.footer-column-4 {
		clear: left; 
		display: block;
		float: none;
		margin-top: 30px;
		margin-right: 0;
		width: 100%;
	}

}


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

    #pre-header .wpzoom-column-1,
    #pre-header .wpzoom-column-2 {
    	display: block;
    	float: none;
    	text-align: left;
    	width: 100%;
    }
    
    #wpzoom-featured-posts {
    	margin-bottom: 0;
    }
	
	.slide .slide-tagline {
    	display: none;
    }
    
    .slide .slide-title {
    	font-size: 18px;
    }
	
	.slide .slide-content {
    	font-size: 14px;
    }
    
    .wpzoom-home-columns .title-home {
    	font-size: 20px;
    }
    
    #pre-main .wpzoom-home-columns .list-item-2, 
	#pre-main .wpzoom-home-columns .list-item-3 {
		display: block;
		float: none;
		margin-right: 0;
		width: 100%;
	}
	
	.read-more-span {
		margin-top: 0;
	}
	
	.widget .widget-desc, 
	.wpzoom-widget-page .post-content {
		font-size: 14px;
	}
	
	.content-aside div.widget input#s {
		width: 70%;
	}
	
	.footer-column {
		display: block;
		float: none;
		margin-right: 0;
		width: 100%;
	}
	
	.footer-column-4 {
		margin-top: 0;
	}
	
	#footer-copy {
		margin-top: 10px;
		padding-top: 30px;
	}

}