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

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



/* ===========================================================
 *	General
 * ======================================================== */

/* 
 *	Available CSS Variables
 *	There are a number of pre-defined variables available
 *	from the theme. CSS Variables can be envoked by using.
 *
 *	Example: 
 *	.class{ 
 *		color: var(--theme-primary-color); 
 *	}
 *
 *	Theme content size:
 *		 --theme-content-width
 *	Theme Palette Colors
 *		--theme-primary-color
 *		--theme-secondary-color
 *		--theme-tertiary-color
 *		--theme-dark-color
 *		--theme-light-color
 *		--theme-success-color
 *		--theme-danger-color
 *		--theme-warning-color
 *		--theme-info-color
 *
 *	In addiiton, there are numerous Boostrap variables that can be found
 *	by using the browser inspector and finding the :root {}
 *
*/


/* == Layout == */
.header-transparent #header-wrapper + #main-content-wrapper {
	padding-top: 0;
}

/* == Typography == */
.btn-square .wp-block-button__link,
.btn-sq .wp-block-button__link {
	border-radius: 0;
}
.btn-block .wp-block-button__link {
	width: 100%;
}

.wp-block-button.is-style-outline {
	background: rgba(0,0,0,.4);
	color: white;
}

.btn.btn-xlg, .wp-block-button.btn-xlg a {
	padding-left: 2em;
	padding-right: 2em;
}
.wp-block-button.is-style-outline:hover a {
	background: var(--theme-secondary-color)  !important;
}



/* == Media == */




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

/* == Mobile Nav btn ==*/
.btn-navbar:not(.close-nav) {
	background-color: var(--theme-primary-color);
}
/*
@media (max-width: 767px) {
	.btn-navbar:not(.close-nav) {
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		background-color: var(--theme-primary-color);
	}
}
*/

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

@media ( min-width: 768px ) {
	.header-transparent #access.header-menu,
	.header-transparent .header-menu #primary-menu > li > a:hover, 
	.header-transparent .header-menu #primary-menu > li.active > a, 
	.header-transparent .header-menu #primary-menu > li.sfHover > a {
		background: transparent;
	}
	.header-transparent .header-menu #primary-menu > li > a:hover, 
	.header-transparent .header-menu #primary-menu > li.active > a, 
	.header-transparent .header-menu #primary-menu > li.sfHover > a {
		color: var(--theme-primary-color);
	}
}

.off-canvas-menu-extras {
	display: none;
}

/* == Sticky Menu == */
#sticky-header {
	background: #000;
}
#sticky-header #primary-menu>li>a {
	color: white !important;
}
#sticky-header #primary-menu>li>a:hover, 
#sticky-header #primary-menu>li.active>a, 
#sticky-header #primary-menu>li.sfHover>a {
	background: var(--theme-secondary-color);
	color: white !important;
}


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


.header-logo .site-title { color: white; font-family: sans-serif; }
.header-logo .site-description { color: var(--theme-primary-color); }

.header-phone {
	color: #fff;
	font-size: 30px;
}
.header-addon {
	margin-bottom: 0;
}

@media ( min-width: 768px ) {
	#header-wrapper .header-content {
		padding-bottom: 0;
	}
	
	.header-addon {
		display: flex;
		justify-content: flex-end;
		margin-bottom: 0;
	}
}

@media only screen and (max-width: 767px) {
	.bne-contact-bar {
		margin-top: 20px;
	}
	.bne-contact-bar ul { 
		float: left;
	}
	.header-widget-area { 
		text-align: left;
	}
}
/* ===========================================================
 *	Main
 * ======================================================== */

/*
@media( min-width: 768px ) {
	#main-content-wrapper #content > .page > .entry-content > .bne-slider-wrapper.alignfull {
		margin-top: -20px;
	}
}
*/


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

#footer-widgets-wrapper {
	padding-top: 60px;
	padding-bottom: 60px;
}
.footer-form {
	padding: 20px;
	background: #333;
}
.footer-form input[type="text"],
.footer-form textarea {
	background: #444;
	color: white;
	border: 0;
}
.footer-form input[type="text"]::placeholder,
.footer-form textarea::placeholder {
	color: white;
}

#footer_sub_content {
	color: #000;
}
#footer-wrapper #footer_sub_content a {
	color: #333;
}
/* ===========================================================
 *	Blocks
 * ======================================================== */
 
 /* == Block: Text Media == */
@media (max-width: 600px) {
	.wp-block-media-text.is-stacked-on-mobile {
		/* Force Media side to always be first */
		grid-template-areas: "media-text-media" "media-text-content" !important;
	}
	.wp-block-media-text .wp-block-media-text__content {
		padding-top: 20px;
	}
}


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



/* ===========================================================
 *	Plugins
 * ======================================================== */
 
/* == Gravity Forms == */
#wrapper .gform_wrapper .gform_footer {
	margin-top: 0;
}
#wrapper .gform_wrapper .gform_footer input[type=submit] {
	width: calc(100% - 16px);
}

/* == BNE Testimonials == */
.single-testimonial-block .bne-stars {
    font-size: 30px;
    width: 40px;
    height: 30px;
}
.single-testimonial-block .testimonial-message {
    color: white;
    font-size: 25px;
}
.single-testimonial-block .readmore {
	font-size: 50%;
}

.single-testimonial-block .testimonial-rating,
.single-testimonial-block .testimonial-date {
	display: inline-block;
}

.single-testimonial-block .testimonial-date {
	color: #999;
	font-size: 18px;
	position: relative;
}
.single-testimonial-block .testimonial-date:before {
	content: "-";
	margin-right: 5px;
	margin-left: 10px;
}

/* == BNE Logos == */
@media( min-width: 768px ) {
	.bne-logos-wrapper.footer-logos {
		margin: 50px auto;
	}
}


/* == BNE Service Slider == */
.bne-services-slider-wrapper .slides-inner,
.bne-services-slider-wrapper .slides > li {
	position: relative;
}

.bne-services-slider-wrapper ul {
	padding: 0;
	margin: 0;
}

.services-slider-menu {
	position: absolute;
	top: 10%;
	z-index: 99;
	width: 100%;
}

.services-slider-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: none;
	text-align: center;
}

.bne-services-slider-wrapper li.service {
	cursor: pointer;
	padding: 5px 10px;
	transition: all .6s ease;
	font-size: 20px;
	display: inline-block;
}

.bne-services-slider-wrapper li.service.flex-active,
.bne-services-slider-wrapper li.service:hover {
	box-shadow: inset 200px 0 0 0 var(--theme-secondary-color);
	color: white;
}

.bne-services-slider-wrapper .service-image img {
	width: 100% !important;
}
.bne-services-slider-wrapper .service-description {
	padding: 2em;
}
.bne-services-slider-wrapper .service-description.text-dark {
	background: rgba(255,255,255,.3);
}
.bne-services-slider-wrapper .service-description.text-light {
	background: rgba(0,0,0,.3);
}

.bne-services-slider-wrapper .service-description h3 {
	font-size: 35px;
}
.bne-services-slider-wrapper .service-description {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}


@media( max-width: 1024px ) {
	.services-slider-menu {
		position: relative;
		width: auto;
		background: #000;
	}
	.services-slider-menu:after {
		content: "";
		clear:both;
	}
	.services-slider-menu:before, .services-slider-menu:after {
	    display: table;
	    content: " "
	}
	.services-slider-menu:after {
	    content: " ";
	    visibility: hidden;
	    display: block;
	    height: 0;
	    clear: both
	}
	.services-slider-menu li {
		font-size: 16px !important;
		color: white !important;
	}
	.bne-services-slider-wrapper .service-image {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	.bne-services-slider-wrapper .service-image img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.bne-services-slider-wrapper .service-description {
		position: relative;
		transform: none;
		left: auto;
		bottom: auto;
	}
	.bne-services-slider-wrapper .service-description.text-dark {
		background: rgba(255,255,255,.8);
	}
	.bne-services-slider-wrapper .service-description.text-light {
		background: rgba(0,0,0,.6);
	}
}