/************************************************************************************
smaller than 950
*************************************************************************************/
@media screen and (max-width: 950px) {

	.sidebar_call_to_action .action_link {
		width: 100%;
		margin-right: 0!important;
		text-align: center;
	}
	.sidebar_call_to_action .action_link .nav_divider {
		display: none;
	}
	
	.call_to_action_block .divider {
		display: table;
		margin: .5em auto;
	}
	.call_to_action_block .book_synopsis {
		text-align: center;
	}
	.call_to_action_block .sample_download  {
		text-align: center;
		display: table;
		margin: auto;
	}
		
	.masthead .right_col,
	.masthead .left_col {
		float: none;
		width: 100%;
	}
	.masthead .right_col .inner,
	.masthead .left_col .inner {
		padding: 0;
	}
	.masthead .right_col .divider,
	.masthead .left_col .divider{
		float: none;
		margin: .75em auto;
	}
	.masthead hgroup {
		text-align: center;
		margin: auto;
		padding: 2em 0 0 0;
	}
	.masthead .book_synopsis,
	.masthead .sample_download {
		display: table;
		text-align: center;
		margin: auto;
	}
	
	
	.right_content {
		top: 0;
		z-index: 26;
	}
	.bottom_toolbar {
		z-index: 25;
	
	}
	
	
	.close_right_content {
		background: #F2811D!important;
		color: #FFF!important;
		padding: 2px 5px!important;
		z-index: 50!important;
		bottom: 0;
		top: auto!important;
	}
	



	

}


/************************************************************************************
smaller than 800
*************************************************************************************/



@media screen and (min-width: 800px) {
	.off_canvas_overlay {
		display: none!important;
	}
}


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

	.header,
	.footer,
	.bottom_toolbar {
		position: relative;
		width: 100%;
		float: none;
	}
	
	
	.page-template-page-templatesfront-page-php .nav-btn,
	.page-template-page-templatesfront-page-php .sidebar,
	.page-template-page-templatestable-of-contents-php .sidebar,
	.page-template-page-templatesfull-width-page-php .sidebar,
	body.single-download .sidebar	 {
		display: block!important;
	}
	

	/*
	.sidebar {
		border-right: none;
		border-top: 1px solid #DDD;
		border-bottom: 1px solid #DDD;
	}
	.sidebar.nano .content {
		padding: 0;
		position: relative;	
	}
	*/
	
	
	.header hgroup {
		display: table;
		float: none;
		margin: auto;
	}
	

	.main_nav {
		margin: auto;
		float: none;
		border-top: 1px solid #60697C;
		box-shadow: 0 -1px 0 #111317;
		margin-top: 1em;
		width: 100%;
	}
	.main_nav ul {
		display: table;
		margin: auto;
		float: none;
	}
	.logo_divider {
		display: none;
	}
	.header .show_hide {
		display: none;
	}
	
	
	.body_content {
		padding: 0;
	}
	.main_content {
		margin-left: 0;
		width: 100%;
	}
	
	.left_content {
		padding-bottom: 0;
	}
	.sidebar {
		padding-top: 0;
	}
	
	.sidebar aside .content_block h3,
	.sidebar .book_subtitle,
	.sidebar .book_subtitle {
		text-align: center;
	}
	
	.masthead .divider {
		display: table;
		margin: .5em auto;
	}
	
	article.hentry .entry_title {
		padding: 0 0 20px;
	}
	
	
	
	.features_block .features .feature_media,
	.features_block .features .feature_description,
	
	.contributors_block .contributor .contributor_image,
	.contributors_block .contributor .contributor_info {
		float: none;
		width: 100%;
	}
	
	
	.contributors_block .contributor .contributor_image {
		display: table!important;
		float: none!important;
		margin: auto!important;
		width: auto!important;
	}
	
	.contributors_block .contributor .contributor_info {
		float: none!important;
		margin: auto!important;
		display: table!important;
		text-align: center!important;
		padding: 2em 0!important;
	}
	.contributors_block .contributor .divider {
		float: none!important;
		display: table!important;
		margin: 2em auto 1em!important;
	}
	
	
	.page-template-page-templatesfront-page-php .sidebar_toolbar {
		width: 100%;
	}



	/*off canvas nav */
	.js-nav .off_canvas_overlay {
/* 		display: block!important; */
	}

	.nav-btn,
	.close-btn {
		display: block!important;
	}
	
	.close-btn {
		display: none!important;
	}



	/* 	... */

	#nav {
		position: absolute;
		top: 0;
		padding-top: 5.25em;
	}
	#nav:not(:target) {
		z-index: 1;
		height: 0;
	}
	#nav:target .close-btn {
		display: block;
	}
	#nav .close-btn {
		position: absolute;
		top: -3.75em;
		left: 1.875em;
	}
	
	.js-ready #nav {
		height: 100%;
		width: 85%;
		border-right: 1px solid #999;
		-webkit-box-shadow: inset -10px 0px 16px -10px rgba(33,33,33,.4);
		   -moz-box-shadow: inset -10px 0px 16px -10px rgba(33,33,33,.4);
				box-shadow: inset -10px 0px 16px -10px rgba(33,33,33,.4);
		
	}
	.js-ready #nav .block {
		background: transparent;
	}
	.js-ready #nav .close-btn {
		display: block;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
		opacity: 0.7;
	}
	.js-ready #nav .close-btn:focus, .js-ready #nav .close-btn:hover {
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity: 1;
	}
	
	.js-ready #nav {
		left: -85%;
	}
	.js-ready #inner-wrap {
		left: 0;
	}
	
	.js-nav #inner-wrap {
		left: 85%;
	}
	
	.csstransforms3d.csstransitions.js-ready #nav {
		left: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		   -moz-transform: translate3d(-100%, 0, 0);
		    -ms-transform: translate3d(-100%, 0, 0);
			 -o-transform: translate3d(-100%, 0, 0);
				transform: translate3d(-100%, 0, 0);
				
		-webkit-backface-visibility: hidden;
		   -moz-backface-visibility: hidden;
		    -ms-backface-visibility: hidden;
			 -o-backface-visibility: hidden;
				backface-visibility: hidden;
	}
	.csstransforms3d.csstransitions.js-ready #inner-wrap {
		left: 0 !important;
		
		-webkit-transform: translate3d(0, 0, 0);
		   -moz-transform: translate3d(0, 0, 0);
		    -ms-transform: translate3d(0, 0, 0);
			 -o-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
				
		-webkit-transition: -webkit-transform 500ms ease;
		   -moz-transition: -moz-transform 500ms ease;
			 -o-transition: -o-transform 500ms ease;
				transition: transform 500ms ease;
				
		-webkit-backface-visibility: hidden;
		   -moz-backface-visibility: hidden;
			-ms-backface-visibility: hidden;
		     -o-backface-visibility: hidden;
				backface-visibility: hidden;
	}
	
	.csstransforms3d.csstransitions.js-nav #inner-wrap {
		-webkit-transform: translate3d(85%, 0, 0) scale3d(1, 1, 1);
		   -moz-transform: translate3d(85%, 0, 0) scale3d(1, 1, 1);
		    -ms-transform: translate3d(85%, 0, 0) scale3d(1, 1, 1);
			 -o-transform: translate3d(85%, 0, 0) scale3d(1, 1, 1);
				transform: translate3d(85%, 0, 0) scale3d(1, 1, 1);
	}
	
	.csstransforms3d.csstransitions.js-ready #nav .block {
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
		opacity: 0.7;
		-webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease;
		-webkit-transition-delay: ease, 0s;
		   -moz-transition: opacity 300ms 100ms ease, -moz-transform 500ms ease;
			 -o-transition: opacity 300ms 100ms ease, -o-transform 500ms ease;
				transition: opacity 300ms 100ms ease, transform 500ms ease;
		-webkit-transform: translate3d(85%, 0, 0) scale3d(0.9, 0.9, 0.9);
		   -moz-transform: translate3d(85%, 0, 0) scale3d(0.9, 0.9, 0.9);
		    -ms-transform: translate3d(85%, 0, 0) scale3d(0.9, 0.9, 0.9);
			 -o-transform: translate3d(85%, 0, 0) scale3d(0.9, 0.9, 0.9);
				transform: translate3d(85%, 0, 0) scale3d(0.9, 0.9, 0.9);
		-webkit-transform-origin: 50% 0%;
		   -moz-transform-origin: 50% 0%;
			-ms-transform-origin: 50% 0%;
		     -o-transform-origin: 50% 0%;
				transform-origin: 50% 0%;
	}
	
	.csstransforms3d.csstransitions.js-nav #nav .block {
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		   -moz-transform: translate3d(0, 0, 0);
		    -ms-transform: translate3d(0, 0, 0);
			 -o-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
	}



	/*
	if using the shortcodes plugin,
	we adjust the columns at this width
	to be 100%
	*/
	
	.zilla-one-half,
	.zilla-one-third,
	.zilla-two-third,
	.zilla-one-fourth,
	.zilla-three-fourth,
	.zilla-one-fifth,
	.zilla-two-fifth,
	.zilla-three-fifth,
	.zilla-four-fifth,
	.zilla-one-sixth,
	.zilla-five-sixth {
		width: 100%;
		margin: 1em 0;
		padding: 1em 0;
		border-bottom: 1px solid #DDD;
	}



		

}

/************************************************************************************
smaller than 650
*************************************************************************************/

/* 
---------
don't show the actions modal
and its overlay when we have
a screen lager than 650px since
the normal action buttons will be
accessbile form the bottom toolbar
---------
*/

@media screen and (min-width: 650px) {
	.action_modal,
	.modal_overlay {
		display: none!important;
	}
}

/* ------- */

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


	.header .main_nav  ul {
		display: none;
		visibility: hidden;
	}
	.main_nav .split_darker, 
	.main_nav .split_lighter {
		display: none;
	}
	.header select {
		display: block;
		margin: .75em auto;
	}
	
	
	
	.masthead hgroup h1 {
		font-size: 300%;
	}
	.masthead hgroup h2 {
		font-size: 200%;
	}
	

	.bottom_toolbar .sidebar_toolbar,
	.bottom_toolbar .other_actions {
		display: none;
	}
	.page-template-page-templatesfront-page-php	.bottom_toolbar .sidebar_toolbar,
	.page-template-page-templatesfront-page-php	.bottom_toolbar .other_actions {
		display: table;
	}
	
	.bottom_toolbar .other_actions.small_screens {
		display: table;
		width: 30%;
	}
	.bottom_toolbar .other_actions.small_screens .action_block {
		width: 100%;
	}	
	.bottom_toolbar .other_actions.small_screens .action_block a {
		display: block;
		text-align: center;
	}
	.bottom_toolbar .content_nav {
		width: 70%;
	}

	.bottom_toolbar .content_nav span {
		width: 49%;
	}
	.bottom_toolbar .content_nav span a{
		display: block;
	}

}





/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) {

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}

	/* flexslider adjustments*/
	.flexslider .slides > li:first-child {
		display: block!important; 
		-webkit-backface-visibility: visible!important;
	} 


}