/*
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 General Vars:
 *		--theme-content-width
 *		--theme-content-width
 *		--theme-default-btn-color
 *		--theme-heading-font-family
 *		--theme-body-font-family
 *	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 {}
 *
*/



/* == Typography == */
@media (max-width: 600px) {
	.heading-main {
		line-height: 1;
		font-size: 10vw !important;
	}
}


/* == Media == */
.overflow-visible {
	overflow: visible;
}

.bg-gradient-primary:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: linear-gradient(120deg,#d81b1b,#590021);
}

.rounded-xlg {
	border-radius: .6rem !important;
}



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

/* == Mobile Nav btn ==*/
/*
@media (max-width: 767px) {
	.btn-navbar.open-nav {
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		color: white;
		background-color: var(--theme-primary-color);
	}
}
*/
.menu-btn a {
	background-color: var(--theme-default-btn-color) !important;
	color: #fff !important;
}
.menu-btn:hover a {
	background-color: #fff !important;
	color: var(--theme-default-btn-color) !important;	
}
/* == Menu == */
@media (min-width: 768px) {
	.header-transparent #access.header-menu {
		background: none !important;
	}
	.menu-location-header_addon #primary-menu > li > a {
		padding: 11px 1rem;
	}
	.menu-btn {
		margin-left: 3rem;
	}
	
}



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

.header-phone {
	font-weight: bold;
	font-size: 1.5rem;
}
.header-logo {
	max-width: 200px;
}
@media (max-width: 768px) {
	.header-phone {
		display: block;
	}
	.header-logo {
		max-width: 120px;
		text-align: center;
		margin: 0 auto;
	}
}
#header-above {
	background-color: var(--theme-primary-color);
	color: white;
	padding: 10px 30px;
	box-shadow: 0px 1px 5px rgba(0,0,0,.8);
}

#header-above a[href^='tel:'] { 
	color: inherit;
}


@media ( min-width: 768px ) {
	#header-wrapper {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	#header-wrapper .header-content {
		padding-bottom: 0;
	}
	#header-wrapper .header-content > .row {
		align-items: center;
	}
	.header-transparent #header-wrapper {
		 top: 30px;
	}

}

#sticky-header #header-above {
	margin: 0 -30px;
	z-index: 1;
}

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

.services-bar p:last-of-type {
	margin-bottom: 0;
}

/* ===========================================================
 *	Footer
 * ======================================================== */
.footer-widgets .widget-title {
	margin-bottom: 20px;
	position: relative;
}
.footer-widgets .widget-title:after {
	content: "";
	background: var(--theme-primary-color);
	width: 45%;
	height: 5px;
	position: absolute;
	bottom: -10px;
	left: 0;
}
.footer-widgets .menu {
	 list-style: none;
	 padding: 0;
}
.footer-widgets .menu li {
/* 	 font-size: 1.1rem; */
}

/* ===========================================================
 *	Blocks
 * ======================================================== */

/* == Block: Text Media == */
.wp-block-media-text:not(.alignfull) {
	padding-top: 3rem;
	padding-bottom: 3rem;
}

@media (max-width: 600px) {
	/* Force Media side to always be first */
	.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__media {
		grid-row: 1;
	}
	.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__content {
		grid-row: 2;
	}
	.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);
}

.gform_wrapper.header-gform_wrapper .gform_footer input[type=submit] {
	background: white;
	color: var(--theme-primary-color);
}

.gform_wrapper.header-gform_wrapper input[type="text"], 
.gform_wrapper.header-gform_wrapper input[type="email"], 
.gform_wrapper.header-gform_wrapper input[type="tel"], 
.gform_wrapper.header-gform_wrapper input[type="number"], 
.gform_wrapper.header-gform_wrapper textarea, 
.gform_wrapper.header-gform_wrapper select {
	background: rgba(0,0,0,.3);
	border: none;
	color: #fff;
	padding: 20px !important;
}

.gform_wrapper.header-gform_wrapper input[type="text"]::placeholder, 
.gform_wrapper.header-gform_wrapper input[type="email"]::placeholder, 
.gform_wrapper.header-gform_wrapper input[type="tel"]::placeholder, 
.gform_wrapper.header-gform_wrapper input[type="number"]::placeholder, 
.gform_wrapper.header-gform_wrapper textarea::placeholder, 
.gform_wrapper.header-gform_wrapper select::placeholder {
	color: #fff !important;
}