/* =========================================================================== */

/* Tablet Landscape
	/* - Container
/* Tablet Portait
	/* - Responsive Header
	/* - Logo
	/* - Main Menu
	/* - Feature Section Content
	/* - Feature Section Graphic
	/* - Small Blog
/* Mobile Landscape
	/* - Hide Br Tag
	/* - Large Blog
	/* - Comment Form
	/* - Call Out
/* Mobile Portait

/* =========================================================================== */




/* Tablet Landscape
============================================================================= */

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

	/* - Container
	========================================================================= */
	#kokoda-content.kokoda-left-sidebar .kokoda-content-wrapper,
	#kokoda-content.kokoda-right-sidebar .kokoda-content-wrapper {
		padding-left: 15px;
		padding-right: 15px;
	}

	.kokoda-fullwidth .kokoda-container {
		padding-left: 0;
		padding-right: 0;
	}

    #kokoda-body.kokoda-boxed #kokoda-theme-wrapper {
        width: 90%;
    }
    #kokoda-body.kokoda-boxed #kokoda-header.kokoda-fixed #kokoda-main-header {
        width: 90%;
    }
    #kokoda-body.kokoda-boxed .kokoda-anchor-menu .kokoda-anchor-wrapper.kokoda-sticky {
        width: 90%;
    }
    body.kokoda-boxed #kokoda-theme-wrapper {
        margin-top: 0;
        margin-bottom: 0;
    }

}


/* Tablet Portait
============================================================================= */

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

	/* - Container
	========================================================================= */
	#kokoda-content.kokoda-left-sidebar .kokoda-content-wrapper,
	#kokoda-content.kokoda-right-sidebar .kokoda-content-wrapper {
		padding-left: 0;
		padding-right: 0;
	}

	#kokoda-content.kokoda-left-sidebar .kokoda-container,
	#kokoda-content.kokoda-right-sidebar .kokoda-container {
		padding-left: 15px;
		padding-right: 15px;
	}

	#kokoda-content.kokoda-left-sidebar #kokoda-main-content {
		width: auto;
		margin-left: 0;
		float: none;
	}

	#kokoda-content.kokoda-right-sidebar #kokoda-main-content {
		width: auto;
		margin-right: 0;
		float: none;
	}

	#kokoda-content.kokoda-left-sidebar #kokoda-sidebar {
		width: auto;
		float: none;
		padding-left: 15px;
		padding-right: 15px;
	}

	#kokoda-content.kokoda-right-sidebar #kokoda-sidebar {
		width: auto;
		float: none;
		padding-left: 15px;
		padding-right: 15px;
	}


	/* - Responsive Header
	========================================================================= */
	#kokoda-main-header {
		display: none;
	}

	#kokoda-responsive-header {
		display: block;
	}

	/* - Logo
	========================================================================= */
	#kokoda-logo.kokoda-position-center,
	#kokoda-logo.kokoda-position-center .kokoda-wrapper {
		position: relative;
		left: 0;
	}

	/* - Main Menu
	========================================================================= */
	#kokoda-main-menu,
	#kokoda-bottom-header {
		display: none;
	}

	/* - Feature Section Content
	========================================================================= */
	#kokoda-feature-section .kokoda-content {
		padding-top: 30px;
		padding-bottom: 30px;
	}

	/* - Feature Section Graphic
	========================================================================= */
	.kokoda-content.kokoda-align-left-center .kokoda-graphic,
	.kokoda-content.kokoda-align-center-center .kokoda-graphic,
	.kokoda-content.kokoda-align-right-center .kokoda-graphic {
		position: relative;
	}

	/* - Small Blog
	========================================================================= */
	.kokoda-blog-small .kokoda-blog-item {
		margin-bottom: 90px;
	}

	.kokoda-blog-small .kokoda-post-content,
	.kokoda-blog-small .kokoda-media + .kokoda-post-content {
		padding-left: 0;
		overflow: visible;
	}

	.kokoda-blog-small .kokoda-media {
		margin-bottom: 30px;
		width: 100%;
		padding-right: 0;
	}

}


/* Mobile Landscape
============================================================================= */

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

	/* - Hide Br Tag
	========================================================================= */
	br.hidden {
		display: none;
	}

	/* - Large Blog
	========================================================================= */
	.kokoda-blog-large .kokoda-blog-item {
		margin-bottom: 90px;
	}

	.kokoda-blog-large .kokoda-post-content {
		padding-left: 0;
	}

	.kokoda-blog-large .kokoda-media {
		margin-bottom: 30px;
	}

	.kokoda-blog-large ul.kokoda-post-meta {
		position: static;
		top: 0;
		left: 0;
		width: auto;
		border-right: none;
		font-size: 0.813em;
	}

	.kokoda-blog-large ul.kokoda-post-meta li {
		display: inline-block;
		margin-right: 10px;
	}

	/* - Comment Form
	========================================================================= */
	#kokoda-comment-form .kokoda-form-input {
		width: 100%;
		float: none;
		margin-right: 0;
	}

	/* - Call Out
	========================================================================= */
	.kokoda-callout.kokoda-btn-right {
		display: block;
	}
	.kokoda-callout.kokoda-btn-right .kokoda-callout-wrapper {
		position: relative;
		display: block;
		vertical-align: top;
		padding-right: 0;
	}

	.kokoda-callout.kokoda-btn-right .kokoda-button-wrapper {
		display: block;
		vertical-align: top;
		max-width: 100%;
		text-align: left;
		margin-top: 30px;
	}

}


/* Mobile Portait
============================================================================= */

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

}


/* Print
============================================================================= */
@media print {

	/* - Print General
	========================================================================= */
	@page {
		margin: 3.5cm;
	}
	img {
		max-height: 200px !important;
		width: auto !important;
	}

	p a:link:after,
	p a:visited:after {
		content:" [" attr(href) "] ";
	}
	.kokoda-element {
		margin-bottom: 40px !important;
	}

	.vc_empty_space {
		display: none;
	}

	.kokoda-animated-item {
		opacity: 1;
	}
	/* - Print Header
	========================================================================= */
	#kokoda-header.kokoda-fixed #kokoda-main-header {
		position: static;
	}
	#kokoda-header.kokoda-sticky-header.kokoda-advanced.hide #kokoda-main-header {
		-webkit-transform: translateY(0) !important;
		-moz-transform: translateY(0) !important;
		transform: translateY(0) !important;
	}
	#kokoda-main-header .kokoda-logo .kokoda-wrapper img.kokoda-default {
		display: block !important;
	}
	#kokoda-main-header .kokoda-logo .kokoda-wrapper img.kokoda-light,
	#kokoda-main-header .kokoda-logo .kokoda-wrapper img.kokoda-dark,
	#kokoda-main-header .kokoda-logo .kokoda-wrapper img.kokoda-sticky,
	#kokoda-main-menu,
	#kokoda-main-header .kokoda-header-elements-wrapper {
   		display: none !important;
	}

	/* - Print Main Content
	========================================================================= */
	#kokoda-content.kokoda-right-sidebar #kokoda-main-content,
	#kokoda-content.kokoda-left-sidebar #kokoda-main-content {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		float: none;
	}

	#kokoda-content {
		display: block;
		page-break-after: always;
	}

	#kokoda-sidebar,
	#kokoda-footer,
	.kokoda-back-top,
	.kokoda-anchor-menu,
	#kokoda-breadcrumbs {
		display: none;
	}

	.kokoda-column-1-12,
	.kokoda-column-5-12,
	.kokoda-column-7-12,
	.kokoda-column-11-12,
	.kokoda-column-1-6,
	.kokoda-column-1-5,
	.kokoda-column-1-4,
	.kokoda-column-1-2,
	.kokoda-column-1-3,
	.kokoda-column-2-3,
	.kokoda-column-3-4,
	.kokoda-column-4-5,
	.kokoda-column-5-6,
	.kokoda-column-1 {
		width: 100%;
	}

	#kokoda-main-content .kokoda-column-1-12,
	#kokoda-main-content .kokoda-column-5-12,
	#kokoda-main-content .kokoda-column-7-12,
	#kokoda-main-content .kokoda-column-11-12,
	#kokoda-main-content .kokoda-column-1-6,
	#kokoda-main-content .kokoda-column-1-5,
	#kokoda-main-content .kokoda-column-1-4,
	#kokoda-main-content .kokoda-column-1-2,
	#kokoda-main-content .kokoda-column-1-3,
	#kokoda-main-content .kokoda-column-2-3,
	#kokoda-main-content .kokoda-column-3-4,
	#kokoda-main-content .kokoda-column-4-5,
	#kokoda-main-content .kokoda-column-5-6,
	#kokoda-main-content .kokoda-column-1 {
		border: none !important;
	}


	/* - Print Feature & Page Title
	========================================================================= */
	.kokoda-page-title .kokoda-subheading,
	#kokoda-feature-section .kokoda-subheading,
	.kokoda-page-title .kokoda-title,
	#kokoda-feature-section .kokoda-title,
	.kokoda-page-title .kokoda-description,
	#kokoda-feature-section .kokoda-description {
		opacity: 1;
		-webkit-transition : none;
		-moz-transition    : none;
		-ms-transition     : none;
		-o-transition      : none;
		transition         : none;
	}
	.kokoda-page-title .kokoda-graphic,
	#kokoda-feature-section .kokoda-graphic,
	.kokoda-page-title .kokoda-btn,
	#kokoda-feature-section .kokoda-btn {
		display: none;
	}

	.kokoda-page-title,
	.kokoda-page-title .kokoda-wrapper,
	#kokoda-feature-section,
	#kokoda-feature-section .kokoda-wrapper {
		max-height: 150px;
	}
	.kokoda-content.kokoda-align-center-center,
	.kokoda-content.kokoda-align-center-top,
	.kokoda-content.kokoda-align-center-bottom {
		text-align: left;
	}

	.kokoda-page-title .kokoda-subheading.kokoda-text-light,
	.kokoda-page-title .kokoda-title.kokoda-text-light,
	.kokoda-page-title .kokoda-description.kokoda-text-light,
	#kokoda-feature-section .kokoda-subheading.kokoda-text-light,
	#kokoda-feature-section .kokoda-title.kokoda-text-light,
	#kokoda-feature-section .kokoda-description.kokoda-text-light {
		color: #000000;
	}
	/* - Print Single Post
	========================================================================= */
	#kokoda-single-post-meta-bar,
	.kokoda-navigation-bar,
	#kokoda-post-bar,
	#kokoda-related-post,
	#kokoda-comment-form,
	#kokoda-comments {
		display: none;
	}
	.kokoda-smallwidth .kokoda-container {
		padding-left: 0;
		padding-right: 0;
	}

	/* - Print Single Product
	========================================================================= */
	.woocommerce .kokoda-product-form,
	.woocommerce .kokoda-product-social,
	.woocommerce #kokoda-related-products,
	.woocommerce #tab-reviews {
		display: none !important;
	}

	.woocommerce #tab-description {
		display: block !important;
	}
}