/*   
Theme Name: NalandaBodhi
Theme URI: http://thematictheme.com/
Description: A custom theme for NalandaBodhi, based on Thematic
Author: Ian Stewart (Thematic), Krimmelworks (NalandaBodhi)
Author URI: http://themeshaper.com/
Template: thematic
Version: 1.0
Tags: white, three-columns, two-columns, fixed-width, theme-options, left-sidebar, right-sidebar, threaded-comments, sticky-post, microformats
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html

.
The Thematic Theme is copyright Ian Stewart http://themeshaper.com/
This work, like WordPress, is released under GNU General Public License, version 2 (GPL).
.

*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('styles/typography.css');

/* Apply a basic layout */
@import url('styles/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
@import url('styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');


#mobile-nav-toggle,
#footer-fixed {
	display: none;
}
#header-aside ul li#gksm-custom-menu-widget-2-mobile {
	display: none;
	float: none;
	clear: both;
}

/* Fixes */
#footer {
	padding: 0 5px 5px;
}

.mobile-only { display: none !important; }


/* Responsive Styles */
@media screen and (max-width: 1039px) {
	*, *:before, *:after {
		box-sizing: border-box;
	}
	body {
    min-width:100px;
	}

	/* shame to fix the above */
	.widget_custom_post_widget a img{
		box-sizing: content-box;
	}
	.desktop-only { display: none !important; }
	.mobile-only { display: block !important; }

	
	body {
		min-width: auto;
	}
	#branding,
	div#subnavigation,
	#subnav_word h2,
	#main,
	#container,
	#content,
	.page-template-template-page-fullwidth-php div#container,
	.page-template-template-donate-php div#container,
	.page-template-template-courses-php div#container,
	.page-template-template-about-php div#container,
	.page-template-template-teachers-php div#container,
	.page-template-template-donate-php div#content,
	.page-template-template-teachers-php div#content,
	.page-template-template-page-fullwidth-php div#content,
	.page-template-template-courses-php div#content,
	.page-template-template-about-php div#content,
	body #nb_home_localize,
	#subsidiary,
	#footer-aside {
		width: 100%
	}
	#subnavigation {
		margin: 0 0 2em;
	}
	#container {
		padding: 0 10px; float: none; 
	}
	#container,
	#primary {
		border: none;
	}
	#footer-aside {
		margin-top: 1em;
	}
	.main-aside {
		float: none;
    	width: 100%;
		max-width: 515px;
	}

	#branding {
	    padding: 20px 30px 10px;
	}
	#header-aside ul.xoxo {
		width: 100%;
	}
	#header-aside ul li#gksm-custom-menu-widget-2 {
		float: right;
	}
	#gksm-custom-menu-widget-2 .submenu-widget {
		margin: 0 auto;
		padding: 0;
	}

	#header-aside ul li#custom_post_widget-3,
	#header-aside ul li#search-2 {
		display: none;
	}
	#footer-fixed {
		display: block;
	    background-color: #fff;
	    position: fixed;
	    bottom: 0;
	    left: 0;
		width: 100%;
	    min-height: 2em;
	    z-index: 100;
	}
	#footer-fixed * {
	    display: inline-block;
	    vertical-align: middle;
	    box-sizing: content-box;
	}
	#searchform-mobile #searchsubmit {
		display: block;
		float: left;
	    margin-right: 5px;
	    margin-left: 10px;
	    background-image: url('../../uploads/2016/01/search_icon.png');
	    background-color: transparent;
	    background-repeat: no-repeat;
	    background-position: center center;
	    width: 18px;
	    height: 23px;
	    box-shadow: none;
	    border: none;
	}
	#searchform-mobile #searchsubmit {
		cursor: pointer;
	}
	body {
		padding-bottom: 52px;
	}
	#nb_donate_foot { width:90%; }
	#nb_bluebox_border { border-left: none; padding-left: 0px; }


}
@media screen and (max-width: 1039px) and (min-width: 1025px) {
	#primary.main-aside {
		padding-left: 10px;
	}
}
// @media screen and (max-width: 1039px) {
// 	#primary .main-aside {
// 		padding-left: 10px;
// 	}
// }
// @media screen and (min-width: 1025px) {
// 	#primary .main-aside {
// 		padding-left: 0;
// 	}
// }
@media screen and (max-width: 768px) {

	body {
		padding-top: 93px;
	}
	#header {
		background-color: #fff;
	    padding: 10px 30px 0;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 9000;
	}
	#branding {
		padding: 0;
		border-bottom: #ccc 3px solid;
	}
	#custom_post_widget-2 img {
	    width: 200px;
	    height: auto;
	}
	#mobile-nav-toggle {
		display: block;
		float: right;
		margin-top:15px;
		height: 30px;
		width: 42px;
		background-image: url('images/shortstack.png')
	}
	#header-aside ul li#gksm-custom-menu-widget-2 {
		display: none;
		float: none;
		clear: both;
	}
	#header-aside div ul#menu-main-menu {
		float: none;
		margin-right: auto;
		margin-left: auto;
	}
	#header-aside ul#menu-main-menu li.menu-item {
	    margin: 0 0 0.5em;
	    padding: 0.1em;
	    width: 100%;
	    text-align: center;
	}
	#subnavigation {
		padding: 15px 5px 0;
		border-top: none;
	}
	.submenu-widget {
   		padding: 0;
    }
	div#subnavigation p {
		margin: 0.25em 5px 0;
	    padding: 0;
	    text-align: justify;
	}
	#subnav_word h2{
		font-size: 4em;
	    right: 5px;
	    left: auto;
	}
	#content,
	.page-template-template-donate-php div#content,
	.page-template-template-teachers-php div#content,
	.page-template-template-page-fullwidth-php div#content,
	.page-template-template-courses-php div#content,
	.page-template-template-about-php div#content {
		margin: 0;
	}

	#nw_col_one {
		border: none;
	}

	#nw_col_one,
	#nw_col_two,
	.page-template-template-page-fullwidth-php div#nw_col_one,
	.page-template-template-page-fullwidth-php div#nw_col_two,
	.page-template-template-courses-php div#nw_col_one,
	.page-template-template-courses-php div#nw_col_two,
	.page-template-template-about-php div#nw_col_one,
	.page-template-template-about-php div#nw_col_two {
		float: none;
		margin: 0 auto;
		padding: 10px;
		width: 100%!important;
		height: auto;
		clear: left;
	}
	div.entry-content h3,
	div.entry-content h2 {
		padding-right: 0;
		padding-left: 0;
	}
	.main-aside {
		width: 100%;
	}

	#searchform-mobile input { max-width: 120px;}
	#footer-fixed img { width: 50px; height: auto; margin-right: 10px;}
	
	
	/******* quick fixes 9/12 *******/
	
	/* for contact page */
	.page-id-18480 #primary {
		display: none;
	}

}
@media screen and (max-width: 500px) {
	#subnav_word h2{
		font-size: 2.75em;
	}
}