/* ==================================================
    RESPONSIVE    
   ================================================== */

/* ---------- All non mobile devices ---------- */
@media only screen and ( min-width: 1121px ) {

	.no-padding-top-desktop { padding-top: 0; }
	.no-padding-bottom-desktop { padding-bottom: 0; }
	.no-margin-top-desktop { margin-top: 0; }
	.no-margin-bottom-desktop { margin-bottom: 0; }

}

@media only screen and ( max-width: 1280px ) { 
	
	.post-list h1 {
		font-size: 28px;
		letter-spacing: -1px;
		line-height: 38px;
	}
	
}

/* ---------- All non desktop devices (when the mobile navigation is showing) ---------- */
@media only screen and ( max-width: 1120px ) { 
	
	
	/* ---------- Typography ---------- */
	
	body,
	textarea,
	input,
	label	{ font-size: 14px; }
	
	body,
	textarea,
	label { line-height: 25px; }	
	
	h1,
	#comments-title {
		font-size: 28px;
		letter-spacing: -1px;
		line-height: 38px;
	}
	
	h2 {
		font-size: 25px;
		letter-spacing: -1px;
		line-height: 35px;
	}
	
	h3,
	.page-header p {
		font-size: 22px;
		line-height: 32px;
	}
	
	h4,
	blockquote {
		font-size: 20px;
		letter-spacing: 0;
		line-height: 30px;
	}
	
	h5 {
		font-size: 18px;
		line-height: 28px;
	}
	
	h6 {
		font-size: 14px;
		line-height: 25px;
	}
	
	blockquote { margin: 60px 0; }
	
	.post-meta {
		font-size: 12px;
		line-height: 18px;
	}

	
	/* ---------- Layout ---------- */
	
	.background-video { display: none; }
	
		.feature-content .page-header,
		.feature-content-half .feature-content > .page-header { max-width: 100%; }
	
	
	/* ---------- Archive ---------- */
	
	.post-list {
		float: left;
		width: 50%;
	}
	
		.post-list.hentry > div {
			float: none;
			padding-bottom: 60%;
			width: 100%;
		}
		
		.post-list.hentry .entry-body { padding-bottom: 100%; }
	
	
	/* ---------- Styling ---------- */
	
	.no-padding-top-mobile {    padding-top: 0; }
	.no-padding-bottom-mobile {    padding-bottom: 0; }
	.no-marign-top-mobile {    margin-top: 0; }
	.no-margin-bottom-mobile {    margin-bottom: 0; }
	
	
	/* ---------- Gallery Shortcode ---------- */
	
	.gallery-columns-2 .gallery-item,
    .gallery-columns-3 .gallery-item,
    .gallery-columns-4 .gallery-item,
    .gallery-columns-5 .gallery-item,
    .gallery-columns-6 .gallery-item,
    .gallery-columns-7 .gallery-item,
    .gallery-columns-8 .gallery-item,
    .gallery-columns-9 .gallery-item {
        height: auto;        
        width: 50%;
    }
	
	img.alignnone,
	div.alignnone,
	.wp-caption.none {
		max-width: 100%;
		margin: 40px auto;
	}
	
}


/* Not one column layout */
@media only screen and ( min-width: 768px ) {
	
	/* Hide mobile only content */
	.show-mobile {    display: none !important; }
	
	
	/**
	 * Adjust top margin of first item in columns
	 * if row of columns is first content in section
	 **/
	
	/* Fourth */
	.content-padding > .fourth:first-child > *:first-child,
	.content-padding > .fourth:first-child + .fourth > *:first-child,
	.content-padding > .fourth:first-child + .fourth  + .fourth > *:first-child,
	.content-padding > .fourth:first-child + .fourth  + .fourth + .fourth > *:first-child,
	.content-padding > .fourth:first-child + .half > *:first-child,
	.content-padding > .fourth:first-child + .fourth  + .half > *:first-child,
	.content-padding > .fourth:first-child + .half + .fourth  > *:first-child,
	.content-padding > .fourth:first-child + .three-fourths > *:first-child,
	
	.page-content .page-header:first-child + .fourth > *:first-child,
	.page-content .page-header:first-child + .fourth + .fourth > *:first-child,
	.page-content .page-header:first-child + .fourth + .fourth  + .fourth > *:first-child,
	.page-content .page-header:first-child + .fourth + .fourth  + .fourth + .fourth > *:first-child,
	.page-content .page-header:first-child + .fourth + .half > *:first-child,
	.page-content .page-header:first-child + .fourth + .fourth  + .half > *:first-child,
	.page-content .page-header:first-child + .fourth + .half + .fourth  > *:first-child,
	.page-content .page-header:first-child + .fourth + .three-fourths > *:first-child,
	
	/* Third */
	.content-padding > .third:first-child > *:first-child,
	.content-padding > .third:first-child + .third > *:first-child,
	.content-padding > .third:first-child + .third + .third > *:first-child,
	.content-padding > .third:first-child + .two-thirds > *:first-child,
	
	.page-content .page-header:first-child + .third > *:first-child,
	.page-content .page-header:first-child + .third + .third > *:first-child,
	.page-content .page-header:first-child + .third + .third + .third > *:first-child,
	.page-content .page-header:first-child + .third + .two-thirds > *:first-child,
	
	/* Half */
	.content-padding > .half:first-child > *:first-child,
	.content-padding > .half:first-child + .half > *:first-child,
	.content-padding > .half:first-child + .fourth > *:first-child,
	.content-padding > .half:first-child + .fourth + .fourth > *:first-child,
	
	.page-content .page-header:first-child + .half > *:first-child,
	.page-content .page-header:first-child + .half + .half > *:first-child,
	.page-content .page-header:first-child + .half + .fourth > *:first-child,
	.page-content .page-header:first-child + .half + .fourth + .fourth > *:first-child,
	
	/* Two Thirds */
	.content-padding > .two-thirds:first-child > *:first-child,
	.content-padding > .two-thirds:first-child + .third > *:first-child,
	
	.page-content .page-header:first-child + .two-thirds > *:first-child,
	.page-content .page-header:first-child + .two-thirds + .third > *:first-child,
	
	/* Three Fourths */
	.content-padding > .three-fourths:first-child > *:first-child,
	.content-padding > .three-fourths:first-child + .fourth > *:first-child,
	
	.page-content .page-header:first-child + .three-fourths > *:first-child,
	.page-content .page-header:first-child + .three-fourths + .fourth > *:first-child {    margin-top: 0; }
	
}


/* One Column Layout */
@media only screen and ( max-width: 767px ) {	
	
	/* Hide all desktop only content */
	.show-desktop {    display: none !important; }
	
	
	/* ----- Columns ----- */
	
	.fourth,
	.third,
	.half,
	.two-thirds,
	.three-fourths {
		clear: both;
		float: none;
		margin: 0;
		overflow: hidden;
		width: auto; 
	}
	
	.fourth:before,
	.fourth:after,
	.third:before,
	.third:after,
	.half:before,
	.half:after,
	.two-thirds :before,
	.two-thirds :afte,
	.three-fourths:before,
	.three-fourths:after {
		content: " ";
		display: table;
	}

	.fourth:after,
	.third:after,
	.half:after,
	.two-thirds :after,
	.three-fourths:after {    clear: both }
	
	
	/* ---------- Layout ---------- */
	
	#preloader { position: absolute; }
	
	.admin-bar #preloader { top: 46px; }

	#content,
	#sidebar { height: auto; }
	
	.page-template-page-fullscreen-php #content { height: 100%; }
	
	#menu,
	.js #menu,
	.active-menu #menu,
	#sidebar,
	.js #sidebar,
	.sidebar-active #sidebar {
		height: auto;
		left: auto;
		overflow: auto;
		position: relative;
		right: auto;
		top: auto;
		width: auto;
		z-index: 0; 
	}
	
	
	.active-menu,
	.active-sidebar { overflow: visible; }

	.active-menu #menu,
	.active-menu #content,
	.active-menu #sidebar,
	.active-menu .menu-toggle,
	.active-menu .sidebar-toggle,
	.active-menu.page-buttons,
	.active-menu .feature-content-half .feature-content,
	.active-sidebar #menu,
	.active-sidebar #content,
	.active-sidebar #sidebar,
	.active-sidebar .menu-toggle,
	.active-sidebar .sidebar-toggle,
	.active-sidebar.page-buttons,
	.active-sidebar .feature-content-half .feature-content {
		left: auto;
		right: auto;
	}
	
	.menu-toggle,
	.page-buttons {
		left: auto;
		position: relative;
		right: auto;
		top: auto !important;
	}
	
	.page-buttons {
		height: 60px;
		width: 100%;
	}
	
		.page-buttons .back-to-archive {
			left: 33%;
			width: 34%; 
		}
		.page-buttons .post-pagination {	width: 33%; }		
		
		.page-buttons .post-pagination-next-post { left: 0; }
		.page-buttons .post-pagination-previous-post { left: 67%; }
		
		.page-buttons .back-to-archive,
		.page-buttons .post-pagination { position: absolute;	}
	
	.menu-toggle { width: auto; }
	
	.sidebar-toggle { display: none; }
	
	#menu { 
		max-height: 0;		
		overflow: hidden;
		
		-webkit-transition: all 1s;
		-moz-transition: all 1s;
		-ms-transition: all 1s;
		-o-transition: all 1s;
		transition: all 1s;
	}
	
	.active-menu #menu { max-height: 9999px; }
	
		.header-content { 
			margin-bottom: 0;
			text-align: center;
		}	
		
			.header-content h1 { padding: 80px 60px 60px; }			
			
			.header-content nav > ul { 
				margin:  0 0 60px;
				padding: 0; 
			}
		
				.header-content nav ul ul {
					margin: 10px 0;
					padding: 10px 0;
				}
				
				.header-content nav ul a { padding: 2px 40px; }	
				
				.header-content nav h1:first-child + ul a { opacity: 0.5; }
				
		#menu .footer {
			padding: 0 0 60px;
			position: relative;
		}
		
			#menu .footer .social-buttons { 
				margin: 0 60px; 
				text-align: center;
			}
		
			#menu .footer .copyright { display: none; }
	
	.feature-content .page-header,
	.feature-content-half .feature-content > .page-header {
		margin: 100px auto 60px;
		max-width: 980px;
		padding: 0 40px;
	}

	.feature-content-half > .feature-content,
	.feature-content-half > .page-content {	
		position: relative;		
		height: auto;
		margin: 0;
		width: auto;
	}
	
	.page-template-default .feature-content-fill .element-height {
		bottom: auto;
		height: auto;
		position: relative;
		top: auto;
	}
	
		.page-template-default .feature-content-fill .holder {
			display: block;
			position: relative;
			top: auto;
			bottom: auto;
			left: auto;
		}
		
			.page-template-default .feature-content-fill .cont { display: block; }
			
				.page-template-default .feature-content-fill .page-header { text-align: left; }
				
					.page-template-default .feature-content-fill .page-header h1:after {
						left: auto;
						margin-left: 0;
					}
	
	.page-template-page-fullscreen-php .page-content { padding: 0; }
	
	.page-template-page-contact-php .feature-content	{ height: auto; }
	
		.page-header { 
			max-width: 100%;
			min-height: 0; 
		}
	
		.cont .page-header { margin-top: 80px; }
		
		.content-padding { padding: 60px 40px; }	
		
	
	/* ---------- Comments ---------- */

	#comments-wrapper { }
	
		#comments-holder {
			max-width: 9999px;
			padding: 60px 40px;
		}		
			
			.comment-navigation { 
				left: auto;
				margin-bottom: 40px;
				position: relative;
				right: auto;
				top: auto;
			}
			
			#comments-title { 
				margin: 0;
				word-break: break-all;
			}
		
		#comments .children { padding-left: 0; }
	
	
	/* ---------- Portfolio Item ---------- */
	
	.cycle-overlay { display: none; }
	
	
	/* ---------- Contact ---------- */
	
	.google-map {
		height: 0;		
		padding-bottom: 100%;
	}
	
	
	/* ---------- Archives ---------- */
	
	.page-template-page-archives-php .widget {
		border-top: 1px solid #E6E6E6;
		margin-top: 40px; 
		padding-top: 60px
	}
	
	
	/* ---------- Post ---------- */
	
	.feature-content {
		clear: both;
		height: auto;
	}

	.single .feature-content-half .fit-to-parent,	
	.single .feature-content-half .fit-to-parent img,
	.slideshow.fit-to-parent img {
		height: auto !important;
		margin: 0 !important;
		max-width: 100% !important;
		position: relative !important; 
		width: auto !important;
	}
		
		.media-wrapper {
			margin: 40px auto;
			padding: 0 40px;
		}
	
		.wp-link-pages,
		.post-share-buttons {
			float: none;
			margin: 40px auto;
			text-align: center;
		}
		
	
	/* ---------- Archive ---------- */
	
	.post-list { width: 100%; }
		
		.post-list .entry-body > div:first-child { padding: 60px 40px 0; }

		.post-list.hentry .feature-image,
		.post-list.hentry .entry-body {
			height: auto;
			padding: 0;
		}
		
		.post-list .gradient {
			height: auto;
			min-height: 40px;
			position: relative;
		}
			
			.gradient .post-meta { 
				bottom: auto;
				left: auto;
				padding: 40px;
				position: relative;
				right: auto;
				top: auto;
			}
	
	/* ---------- Quotes ---------- */
	
	blockquote,
	blockquote.alignleft,
	blockquote.alignright {
		float: none;
		margin: 60px 0;
		text-align: center;
		width: auto;
	}
	
	
	/* ---------- Sidebar ---------- */
	
	.sidebar-content { 
		border-top: 1px solid #D5D5D5;
		padding: 60px 40px;
	}
	
}


/* Small Mobile */

@media only screen and ( max-width: 480px ) {
	
	
	/* ---------- Gallery Shortcode ---------- */
	
	.gallery-columns-2 .gallery-item,
    .gallery-columns-3 .gallery-item,
    .gallery-columns-4 .gallery-item,
    .gallery-columns-5 .gallery-item,
    .gallery-columns-6 .gallery-item,
    .gallery-columns-7 .gallery-item,
    .gallery-columns-8 .gallery-item,
    .gallery-columns-9 .gallery-item {
        height: auto;
        width: 100%;
    }
	
}


/* ---------- Portfolio Grid ---------- */

@media only screen and ( max-width: 1280px ) {
	#post-grid .hentry { width: 33%; }
}

@media only screen and ( max-width: 930px ) {
	#post-grid .hentry { width: 50%; }
}

@media only screen and ( max-width: 600px ) {
	#post-grid .hentry { width: 100%; }
}