/*
Theme Name: Sweetness Child Theme
Description: A child theme based on Sweetness by BNE Creative.
Author: Kerry Kline
Author URI: http://www.bnecreative.com
Version: 1.0
Template: sweetness
*/



/*
 * 	IMPORTANT! There is no need to @import the parent's
 *	main style.css file. It's already enqueued!!
*/



/* ===========================================================
 *	General Design Styles, Structure and Typography
 * ======================================================== */

/* 	Notes:
 *
 *	Color 1: abc12b	- Green
 *  Color 2: 98aa2f	- Red
 *
*/
.btn {
	word-wrap: break-word;
	white-space: normal;
}
.btn-default,
input[type="submit"] {
	border-radius: 0px;
	position: relative;
}

input[type="submit"]:after,
.btn-default:after {
	content: "";
	position: absolute;
	border: 1px solid rgba(255,255,255,.5);
	top: 5px;
	right: 5px;
	left: 5px;
	bottom: 5px;
}

.text-light a { color: inherit; text-decoration: underline; }
.text-light a:hover { color: inherit; }

/* ===========================================================
 *	Header
 * ======================================================== */

#header-wrapper .header-content { 
	padding-bottom: 0;
	color: white;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}

#header-wrapper:before,
#header-wrapper:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 10px;
	background: rgba(255,255,255,.5);
	height: 1px;
	width: 100%;
}

#header-wrapper:after {
	top: auto;
	bottom: 10px;
}

#header-wrapper .header_logo { text-align: center; padding: 0; margin: 0 auto 30px auto; }
.header-left-content img { margin-right: 10px; }
.header-left-content a,
.header-right-content a { color: white; }
.header-right-content { text-align:center; line-height: 1.2em; margin-top: 20px; }

/* ===========================================================
 *	Main Menu
 * ======================================================== */

@media only screen and (min-width: 768px) {
	.menu-wrapper { box-shadow: 0px 0px 5px rgba(0,0,0,.3); }
	#access {}
	#primary-menu { }
	#primary-menu > li > a { line-height: 80px; text-shadow: 1px 1px 1px rgba(0,0,0,.3); }
	.menu-wrapper #primary-menu > li:not(:last-of-type) > a:after {
		content: "";
		position: absolute;
		height: 24px;
		width: 2px;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		border-right: 1px solid white;
	}
}



/* == Menu BG == */
.menu-wrapper {}
#access {}

/* == Mobile Nav btn ==*/
.btn-navbar {
	position: relative;
	left: auto;
	right: auto;
	top: auto;
	background-color: #404a54;
}

/* == Sticky Menu == */
.bne-sticky-menu { background: #404a54; }
.bne-sticky-menu #primary-menu > li > a { color: white; }
.bne-sticky-menu .header_logo {
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 0;
}
.bne-sticky-menu .header_logo img { height: auto; max-height: 100px; }




/* ===========================================================
 *	Featured Section
 * ======================================================== */


/* ===========================================================
 *	Main Content Area
 * ======================================================== */

.full_width_box.text-dark a {
	color: inherit;
	text-decoration: underline;
}

.sub-meta-wrapper .entry-meta,
.entry-meta .sep {
	color: #000 !important;
}
/* ===========================================================
 *	Sidebars
 * ======================================================== */

.fixed-sidebar .widget .full_width_box {
	box-shadow: 0px 0px 10px rgba(0, 0, 0, .4);
	background: white;
	border: 1px solid #eee;
}

.fixed-sidebar .menu li.active a { color: #3e4850; font-weight: bold; }


/* ===========================================================
 *	Footer
 * ======================================================== */


#footer-wrapper:before,
#footer-wrapper:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 10px;
	background: rgba(255,255,255,.5);
	height: 1px;
	width: 100%;
}

#footer-wrapper h1,
#footer-wrapper h2,
#footer-wrapper h3 { font-weight: bold; text-transform: uppercase; }

#footer-wrapper .widget_nav_menu .menu li {}
#footer-wrapper .widget_nav_menu .menu a { font-size: 16px; }

#footer-wrapper .post-list-wrapper h2 { font-size: 14px; }
#footer-wrapper .post-list-wrapper .excerpt { display: none; }


/* ===========================================================
 *	Blog and Post
 * ======================================================== */

.entry-meta .author,
.entry-meta .sep:first-of-type { display: none; }

/* ===========================================================
 *	Theme Shortcodes
 * ======================================================== */


/* ===========================================================
 *	3rd Party Plugin Styles
 * ======================================================== */

/* == Logos == */
#footer-wrapper .bne-logos-wrapper { margin: 0 auto; }

/* == Max Mega Menu == */
@media only screen and (min-width: 768px) {
	#mega-menu-wrap-header-menu #mega-menu-header-menu > li > a { text-shadow: 1px 1px 1px rgba(0,0,0,.3);  }
	#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-megamenu > ul.mega-sub-menu {
		background-color: #ffffff;
		background-image: url('/wp-content/themes/sweetness-child/assets/images/mega-bg.png');
		background-repeat: no-repeat;
		background-position: right top;
		background-attachment: scroll;
		background-size: contain;
		box-shadow: 0px 5px 10px rgba(0,0,0,.2);
		top: 100%;
	}
	#container #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-flyout ul.mega-sub-menu {
		margin-top: 21px !important;
		box-shadow: 0px 5px 10px rgba(0,0,0,.2);
	}
}

.bne-sticky-menu #mega-menu-wrap-header-menu #mega-menu-header-menu {padding: 0 !important;}
.bne-sticky-menu #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link { 
	font-size: 13px;
	font-weight: normal !important;
	color: white !important;
}
.bne-sticky-menu #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item {
	border: none;
	box-shadow: none;
}

/* Gravity Forms */
@media only screen and (min-width: 641px) {
	.gform_wrapper .top_label li.gfield.gf_fourth {
		display: -moz-inline-stack;
		display: inline-block;
		vertical-align: top;
		width: 25%;
		padding-right: 16px;
		float: none
	}
	.gform_wrapper .top_label li.gfield.gf_fourth:before {
		content: "";
		display: block;
		clear: both
	}
}


/* == BNE Panels == */
#bne-panel-680 .bne-panel-inner {
	background-position: center center !important;
	background-size: cover !important;
	background-attachment: scroll !important;
}



/* ===========================================================
 *	Responsive Styles
 * ======================================================== */

/* == Desktops == */
@media only screen and (max-width: 959px) { }

/* == Tablets and Small Desktops == */
@media only screen and (min-width: 768px) and (max-width: 959px) { }

/* == Tablets and larger == */
@media only screen and (min-width: 768px) {
	
	.services-btn {
		position: absolute;
		left: 50%;
		transform:translateX(-50%);
		top: -90px;
		width: 250px;
		display: block;
	}
	
	#header-wrapper .header_logo {
		position: absolute;
		left: 0;
		right: 0;
		top: -20px;
		z-index: 99;
	}
	
	.header_logo img {
		box-shadow: 0px 2px 10px rgba(0,0,0,.4);
	}

	#featured-wrapper {
		margin-top: -82px;
	}

	#footer-wrapper:after {
		top: auto;
		bottom: 60px;
	}
	
	
}

/* == Tablets and Smaller == */
@media only screen and (max-width: 767px) {
	#access ul.mega-sub-menu a {
		padding-left:0 !important;
	}
	
	.footer-nav { margin-top: 10px; }
}

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

/* == Between Mobile and Tablets == */
@media only screen and (min-width: 481px) and (max-width: 767px) { }

/* == Phones and Smaller == */
@media only screen and (max-width: 480px) { }