/*
Theme Name: Babia
Theme URI: http://www.bnecreative.com/products/babia-wordpress-theme/
Description: A beautiful business theme powered by Bootstrap and built using the BNE WordPress Framework.
Author: Kerry Kline
Author URI: http://www.bnecreative.com
Version: 1.1.1
License: GPL2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/



/*
 *	NOTE!!!
 *	This is the main styles specific to this theme. The styles here,
 *	overwrite / add-on to the base framework.
 *	You should not edit these styles from here and
 *	instead use a child theme for your customizations.
*/


/* ===========================================================
 *	1) General Design Styles & Structure
 * ======================================================== */


/* == Page Title == */
#page-title-wrapper .entry-title {
	text-align: center;
	color: white;
	text-shadow: 1px 1px 0px rgba(0,0,0,.3);
}

#page-title-wrapper .sub-title {
	display: block;
	text-align: center;
	font-size: 1.2em;
	font-style: italic;
	color: white;
	text-shadow: 1px 1px 0px rgba(0,0,0,.3);
}

/* == Templates == */
.full-width-template > #content > article { margin-bottom: 0; }



/* ===========================================================
 *	2) Header
 * ======================================================== */

#header-wrapper {
	border-top: 4px solid #333;
	background: white;
}

#header-wrapper .header-content {
	padding-bottom: 0;
}

/* Header text */
.full-size-header .header-message {
	text-align: center;
	display: block;
}

/* Social Links */
#header-wrapper .bne-contact-bar {
	margin-bottom: 10px;
}

.full-size-header .bne-contact-bar {
	margin: 10px auto;
	position: static;
	text-align: center;
}

.full-size-header .bne-contact-bar ul {
	float: none;
}
.full-size-header .bne-contact-bar li {
	display: inline-block;
	float: none;
}



/* ===========================================================
 *	3) Main Menu
 * ======================================================== */


/* == Menu BG == */
#access {
	background-color: transparent;
	background-image: none;
	filter: none;
	border: none;
	-webkit-border-radius: 0px;
	   -moz-border-radius: 0px;
	   		border-radius: 0px;
	float: right;

}

.full-size-header #access {
	float: none;
	text-align: center;
	margin-top: 20px;
}

.full-size-header #access ul {
	margin:0 auto;
	display: inline-block;
	float: none;
}


/* == Level 1 Only == */
#primary-menu > li > a {
	font-weight: bold;
	text-transform: uppercase;
	padding: 0px 11px;
	font-size: 12px;
}

#primary-menu > li:first-child > a {
	border-radius: 0px;
}

#primary-menu > li:last-child > a {
	padding-right: 0px;
}

#primary-menu > li > a.sf-with-ul {
	padding-right: 0px;
}

/* == Level 2 Only == */
#primary-menu > li > ul {
	border-top-width: 4px;
	border-top-style: solid;
}

/* == Level 2 & 3 == */
#primary-menu ul {
	background: #fff;
	border: none;
	text-align: left;
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.3);
	   -moz-box-shadow: 0 5px 15px rgba(0,0,0,.3);
	        box-shadow: 0 5px 15px rgba(0,0,0,.3);
}



/* ===========================================================
 *	4) Featured
 * ======================================================== */

#featured-wrapper {
	-webkit-box-shadow: inset 0px 2px 2px -2px rgba(0, 0, 0, 0.5), inset 0px -2px 2px -2px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: inset 0px 2px 2px -2px rgba(0, 0, 0, 0.5), inset 0px -2px 2px -2px rgba(0, 0, 0, 0.5);
	   		box-shadow: inset 0px 2px 2px -2px rgba(0, 0, 0, 0.5), inset 0px -2px 2px -2px rgba(0, 0, 0, 0.5);
}

#featured-wrapper .bne-element-container {
	padding-top: 20px;
	padding-bottom: 20px;
}

#featured-wrapper.full-width-featured-area .bne-element-container {
	padding: 0px;
}

#featured-wrapper .bne-slider-wrapper {
	box-shadow: none;
}



/* ===========================================================
 *	5) Main
 * ======================================================== */

#main-content-wrapper {
	background: white;
}




/* ===========================================================
 *	6) Footer
 * ======================================================== */

#footer-wrapper {
	-webkit-box-shadow: inset 0 0.5px 3px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: inset 0 0.5px 3px rgba(0, 0, 0, 0.5);
	   		box-shadow: inset 0 0.5px 3px rgba(0, 0, 0, 0.5);
	color: white;
	text-shadow: 1px 1px 0px rgba(0,0,0,.5);
}


/* == Footer Copy and Footer Menu == */
#footer_sub_content {
	position: relative;
	background: url('assets/images/dark-shade.png') repeat;
	background: rgba(0,0,0,.5);
	padding: 10px 20px;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 1px 1px rgba(0, 0, 0, 0.2);
	   -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 1px 1px rgba(0, 0, 0, 0.2);
	   		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), inset 0 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	   		border-radius: 3px;
}

#footer_sub_content,
#footer_sub_content a {
	color: white;
}

#footer_sub_content a:hover {
	color: #eee;
}

.footer-widgets .featured-image img,
.footer-widgets .pretty {
	box-shadow: none;
	border: none;
	padding: 0px;
}

.footer-widgets .nav a {
	padding: 2px 4px;
}

.footer-widgets .nav a:hover {
	background: none;
}

/* ===========================================================
 *	7) Responsive Styles
 * ======================================================== */

/* == Tablets (Landscape) == */
@media only screen and (max-width: 1024px) {

	/* iOS fix for fixed full-width image backgrounds */
	#featured-wrapper,
	#footer-wrapper,
	.full_width_box {
		background-attachment: scroll !important;
	}
}

/* == Tablets and Smaller == */
@media only screen and (max-width: 767px) {

	#header-wrapper [class^="col-"] {
		position: static;
	}

	.header_logo {
		text-align: center;
		padding-right: 0;
	}


	/* Primary Menu  */
	.bne-graphical-mobile-nav #access {
		float: none;
		text-align: center;
	}

	.bne-graphical-mobile-nav #primary-menu a {
		text-align: center;
		padding-left: 0 !important;
	}

	#primary-menu ul {
		box-shadow: none;
	}

}