/*
 Theme Name:   Square Child
 Theme URI:    http://hashthemes.com/wordpress-theme/square/
Description:   Square is a flexible responsive multipurpose theme compatible with all browsers and devices, fully mobile friendly, loaded with lots of features. It is a minimal theme based on WordPress Customizer that allows you to customize with live preview. The theme can be used for business, corporate, digital agency, personal, portfolio, photography, parallax, blogs and magazines. Square is eCommerce (WooCommerce) Compatible, Polylang Compatible, WPML, RTL, Retina Ready, SEO Friendly and Support bbPress and BuddyPress. More over it is a complete theme. For demo http://demo.hashthemes.com/square
 Author:       HashThemes
 Author URI:   http://hashthemes.com
 Template:     square
 Version:      1.2.4
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, featured-images, footer-widgets, full-width-template, theme-options, threaded-comments, translation-ready, e-commerce, education, entertainment, holiday, photography, portfolio, fluid-layout, rtl-language-support

This theme, like WordPress, is licensed under the GPL.
*/

@import url("../square/style.css");

/* =Theme customization starts here
-------------------------------------------------------------- */


.sq-main-navigation ul ul li:hover > a{
	background: #ff0000;
	color: #FFF;
}

#sq-site-branding{
	float: left;
	width: 30%;
	padding: 5px 0;
}

#sq-site-branding img{
	max-height: 95px;
}

.page-id-49 .sq-main-header{
	background-color: #CCC;
	background-repeat: no-repeat;
	background-position: top center; 
	padding: 0px 0 0px;
	margin-bottom: 0px;
}

.page-id-90 .sq-main-header{
	background-color: #CCC;
	background-repeat: no-repeat;
	background-position: top center; 
	padding: 0px 0 0px;
	margin-bottom: 0px;
}

.page-id-220 .sq-main-header{
	background-color: #CCC;
	background-repeat: no-repeat;
	background-position: top center; 
	padding: 0px 0 0px;
	margin-bottom: 0px;
}

.page-id-233 .sq-main-header{
	background-color: #CCC;
	background-repeat: no-repeat;
	background-position: top center; 
	padding: 0px 0 0px;
	margin-bottom: 0px;
}

.page-id-57 .sq-main-header{
	background-color: #CCC;
	background-repeat: no-repeat;
	background-position: top center; 
	padding: 0px 0 0px;
	margin-bottom: 0px;
}


.sq-main-header{
	background-color: #CCC;
	background-repeat: no-repeat;
	background-position: top center; 
	padding: 120px 0 35px;
	margin-bottom: 25px;
}



@media screen and (max-width: 900px){
	#sq-site-branding{
		width: 80%;
		width: calc(100% - 60px);
		float: none;
	}

}



@media screen and (max-width: 768px){
	.page-id-49 .sq-main-header{
		padding: 0px 0 0px;
	}
	
	.page-id-57 .sq-main-header{
		padding: 0px 0 0px;
	}
	
	.page-id-90 .sq-main-header{
		padding: 0px 0 0px;
	}
	
	.page-id-220 .sq-main-header{
		padding: 0px 0 0px;
	}

	.page-id-233 .sq-main-header{
		padding: 0px 0 0px;
	}
	
	.sq-main-header{
		padding: 52px 0 60px;
	}
}