/******************************************
* 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.

*/

/* Tablet Landscape */
@media screen and (max-width: 1200px) {

	div.wrapper {
		width: 94%;
		margin-right: 2%;
		margin-left: 2%;
	}



}

/* Tablet Landscape */
@media screen and (max-width: 960px) {

	div.wrapper-main {
		padding: 25px;
	}
	
	#navbar-main {
		padding-right: 15px;
		padding-left: 15px;
	}

	h1 {
		font-size: 30px;
	}
	
	.featured-post .title-post {
		font-size: 22px;
	}
	
	.featured-post-simple .title-post, 
	.wpzoom-related-post .title-post {
		font-size: 15px;
	}
	
	aside {
		font-size: 14px;
	}
	
	#aside-main .title-widget {
		font-size: 16px;
	}
	
	.posts-archive .title-post {
		font-size: 20px;
	}
	
	.posts-archive .post-content {
		font-size: 14px;
	}
	
	.posts-archive .post-meta {
		font-size: 12px;
	}
	
	.posts-archive .post-meta a {
		padding-bottom: 4px;
	}
	
	.footer-column {
		font-size: 13px;
	}
	
	#menu-main a {
		padding-top: 12px;
		padding-bottom: 15px;
	}
	
	#menu-main li {
		font-size: 14px;
	}

}

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

	#container {
		font-size: 14px;
	}
	
	div.wrapper {
		margin: auto;
		width: 100%;
	}
	
	#pre-header .wrapper,
	header .wrapper-header {
		padding: 0 25px;
	}

	#logo,
	.header-banner {
		display: block;
		float: none;
		margin-right: 0;
		text-align: center;
		width: 100%;
	}
	
	.header-banner {
		margin: 30px auto 10px;
	}
	
	#logo img,
	.header-banner img {
		height: auto;
		max-width: 100%;
	}
	
	#logo .site-title {
		font-size: 34px;
	}
	
	h1,
	.title-post-single {
		font-size: 26px;
		line-height: 1.5em;
	}
	
	.post-single {
		font-size: 15px;
	}
	
	.post-single h1 {
		font-size: 2.25em;
		line-height: 1em;
	}

	.post-single h2 {
		font-size: 1.75em;
		line-height: 1.3em;
	}
	
	.post-single h3 {
		font-size: 1.5em;
		line-height: 1.4em;
	}
	
	.post-single h4 {
		font-size: 1.4em;
		line-height: 1.5em;
	}
	
	.post-single h5 {
		font-size: 1.3em;
		line-height: 1.6em;
	}
	
	.post-single h6 {
		font-size: 1.15em;
		line-height: 1.75em;
	}
	
	.wpzoom-share a {
		font-size: 13px;
		margin: 0 5px;
		padding-right: 10px;
		padding-left: 10px;
	}
	
	#content,
	aside {
		display: block;
		float: none;
		width: 100%;
	}
	
	#aside-main {
		margin-top: 30px;
	}
	
	.wrapper-content {
		padding-right: 0;
	}
	
	.wrapper-reversed .wrapper-content {
		padding-left: 0;
	}
	
	div.wrapper-header {
		padding-top: 20px;
	}
	
	.wpzoom-special-posts .title-post,
	.featured-post .title-post,
	#comments > h3, 
	#respond > h3 {
		font-size: 18px;
	}
	
	#main .title-widget {
		font-size: 20px;
	}
	
	footer .title-widget {
		font-size: 16px;
	}
	
	.featured-post-main {
		margin-bottom: 25px;
	}
	
	.wpzoom-special-posts .title-post {
		margin-bottom: 10px;
	}
	
	.featured-post-simple .title-post, 
	.wpzoom-related-post .title-post {
		font-size: 14px;
	}
	
	.single-post .wpzoom-posts-widget {
		text-align: center;
	}
	
	.single-post .featured-post-simple {
		display: inline-block;
		margin: 0 auto;
	}
	
	p.post-meta, 
	.wpzoom-breadcrumbs .crumbs {
		font-size: 12px;
	}
	
	aside {
		font-size: 14px;
	}
	
	#aside-main .title-widget {
		font-size: 15px;
	}
	
	.posts-archive .title-post {
		font-size: 18px;
	}
	
	.posts-archive .post-content {
		font-size: 13px;
	}
	
	.posts-archive .post-meta {
		font-size: 11px;
	}
	
	.posts-archive .post-meta a {
		padding-bottom: 3px;
	}
	
	#footer-copy .wrapper {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	
	.footer-column {
		font-size: 12px;
		margin-right: 5%;
		width: 30%;
	}
	
	.footer-column-3 {
		margin-right: 0;
	}
	
	/* Make Menu Mobile-Device Friendly */

	#navbar-main .btn_menu { 
		background: #5b151d url(../images/menu.png) no-repeat center center;
		cursor: pointer;
		display: block;
		margin: 10px auto 10px; 
		padding: 5px;
		width:40px; 
		height:40px; 
		z-index: 100;
		-webkit-border-radius: 3px; 
		-moz-border-radius: 3px; 
		-o-border-radius: 3px; 
		border-radius: 3px;
	}
	
	#navbar-main .btn_menu.active {
		background-image: url(../images/menu-active.png);
	}

	.mobile-menu { display: none; }
	#navbar-main { }
	
	#menu-main .cleaner {
		padding-bottom: 20px;
	}

	#navbar-main li { display: block; float: none; margin-right: 0; }
	#navbar-main a { color: #bbb; padding: 9px 5px; }
	#navbar-main li li a,
	#navbar-main li.current-menu-item li a {
		color: #bbb;
	}
	#navbar-main a:hover,
	#navbar-main li li a:hover { color: #dfc253; }

	#navbar-main li.current-menu-item a,
	#navbar-main li.current-item a {
		color: #fff;
	}

	#navbar-main li.current-menu-item li a {
		background: none;
		padding-left: 0;
	}

	#navbar-main .dropdown ul { 
		background: none; 
		border-top-width: 0; 
		display: block !important; 
		margin-left: 10px;
		opacity: 1 !important; 
		position: relative; 
		visibility: inherit !important; 
		top: 0; 
		left: 0; 
		width: auto; }

	#navbar-main .dropdown ul {
		position:		relative;
		top:			0;
		width:			100%; /* left offset of submenus need to match (see below) */
		margin: 0;
		padding: 0;
		background: none;
	}

	#navbar-main .dropdown ul li {
		width: auto;
		font-size: 13px;
		line-height: 23px;
	 	margin: 0 0 0 10px;
	 	padding: 0;
	 	border: 0;
	}

	#navbar-main .dropdown ul li a {
		padding:6px 12px;
		border-bottom: none;
	}

	#navbar-main li li {
		background: none;
	}

	#navbar-main li li a:hover {
		background: none;
	}

	#navbar-main .dropdown li:hover ul,
	#navbar-main .dropdown li.sfHover ul {
		padding: 0;
		margin: 0;
		position: relative;
		left:			0;
		top:			0; /* match top ul list item height */
	}

	#navbar-main ul.dropdown li:hover li ul,
	#navbar-main ul.dropdown li.sfHover li ul {
		top:			0;
	}

	#navbar-main ul.dropdown li li:hover ul,
	#navbar-main ul.dropdown li li.sfHover ul {
		left:			0; /* match ul width */
		top:			0;
	}

	#navbar-main ul.dropdown li li:hover li ul,
	#navbar-main ul.dropdown li li.sfHover li ul {
		top:			0;
	}

	.sf-arrows .sf-with-ul:after,
	.sf-arrows ul .sf-with-ul:after {
		display: none;
	}

	/* End Menu */
	
	#footer-copy .wpzoom {
		display: none;
	}
	
	#footer-copy .copy {
		text-align: center;
	}

}

/* All Mobile Sizes (devices and browser) */
@media screen and (max-width: 640px) {

	header #social-links {
		display: none;
	}
	
	header #secondary-menu {
		display: block;
		float: none;
		text-align: center;
	}
	
	#pre-header .menu-item {
		display: inline-block;
		margin: 0 7px;
	}
	
	#logo {
		display: block;
		float: none;
		margin: 0 0 15px;
		text-align: center;
	}

	#logo .site-title {
		font-size: 28px;
	}
	
	h1,
	.title-post-single {
		font-size: 22px;
		line-height: 1.6em;
	}
	
	.post-single {
		font-size: 14px;
	}
	
	.post-single h1 {
		font-size: 2em;
		line-height: 1.15em;
	}

	.post-single h2 {
		font-size: 1.75em;
		line-height: 1.3em;
	}
	
	.post-single h3 {
		font-size: 1.4em;
		line-height: 1.5em;
	}
	
	.post-single h4 {
		font-size: 1.3em;
		line-height: 1.6em;
	}
	
	.post-single h5 {
		font-size: 1.25em;
		line-height: 1.75em;
	}
	
	.post-single h6 {
		font-size: 1.15em;
		line-height: 1.75em;
	}
	
	.wpzoom-special-posts .title-post,
	.featured-post .title-post {
		font-size: 16px;
	}
	
	#main .title-widget {
		font-size: 18px;
	}
	
	footer .title-widget {
		font-size: 15px;
	}
	
	.featured-post-main {
		margin-bottom: 20px;
	}
	
	.wpzoom-special-posts .title-post {
		margin-bottom: 10px;
	}
	
	.featured-post-simple .post-content, 
	.wpzoom-related-post .post-content {
		padding: 7px 10px;
	}
	
	.featured-post-simple .title-post, 
	.wpzoom-related-post .title-post {
		font-size: 13px;
	}
	
	p.post-meta, 
	.wpzoom-breadcrumbs .crumbs {
		font-size: 11px;
	}
	
	aside {
		font-size: 13px;
	}
	
	#aside-main .title-widget {
		font-size: 14px;
	}
	
	.posts-archive .title-post {
		font-size: 16px;
	}
	
	.posts-archive .post-content {
		font-size: 13px;
	}
	
	.posts-archive .post-meta {
		font-size: 11px;
	}
	
	.wpzoom-share {
		text-align: center;
	}
	
	.wpzoom-share a {
		display: block;
		font-size: 12px;
		margin: 10px 20% 0;
		padding-right: 0;
		padding-left: 0;
	}

	#footer-copy .wpzoom {
		display: none;
	}
	
	.featured-post-simple .post-meta {
		font-size: 11px;
		text-transform: none;
	}

}

/* All Mobile Sizes (devices and browser) */
@media screen and (max-width: 480px) {

	.featured-post-simple, 
	.wpzoom-related-post {
		display: inline-block;
		float: none;
		margin: 0 auto 20px;
		max-width: 100%;
		text-align: center;
		width: auto;
	}
	
	.featured-posts-list,
	.wpzoom-related-posts {
		text-align: center;
	}
	
	.featured-post-4, .wpzoom-related-posts .related-post-last, .wpzoom-related-posts-full .related-post-last {
		margin-right: auto;
	}
	
	.featured-post-simple .post-cover .thumbnail,
	.wpzoom-related-post .post-cover .thumbnail {
		max-width: 100%;
		width: auto;
	}
	
	.featured-post-simple .post-content, 
	.wpzoom-related-post .post-content {
		max-width: 100%;
		width: auto;
	}
	
	.wpzoom-special-posts .wpzoom-special-post {
		display: block;
		float: none;
		margin-right: 0;
		width: 100%;
	}
	
	.wpzoom-special-posts .wpzoom-post-1 {
		margin-bottom: 20px;
	}
	
	#respond input {
		width: 70%;
	}
	
	footer .wrapper-footer {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	#footer-copy .wrapper {
		padding: 20px 10px;
	}
	
	.footer-column {
		display: block;
		float: none;
		margin-right: 0;
		margin-bottom: 30px;
		width: 100%;
	}
	
	.footer-column-3 {
		margin-bottom: 0;
	}

}

/* All Mobile Sizes (devices and browser) */
@media screen and (max-width: 320px) {

	.featured-post-simple, 
	.wpzoom-related-post {
		width: 90%;
	}
	
	.posts-archive .posts-archive-post {
		margin-bottom: 15px;
		padding-bottom: 15px;
	}
	
	.posts-archive .post-meta {
		line-height: 1.75em;
	}
	
	.posts-archive .post-cover {
		display: none;
	}
	
	.wpzoom-share a {
		margin: 10px 10% 0;
	}

}