/*  MICROTHEMER STYLES  */


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

/** General >> Solar p **/
.solar p {
	text-align: center !important;
}

/** General >> Solar span **/
.solar p span {
	color: rgb(207, 103, 19) !important;
	font-size: 20px !important;
}

/** General >> Home About Box **/
.home-about {
	box-shadow: 0 0 20px !important;
	margin-top: -70px !important;
}

/** General >> Clear **/
.clear {
	clear: both !important;
}

/** General >> Heart **/
.fa-heart {
	color: rgb(207, 103, 19) !important;
}

/** General >> Buttons **/
.uabb-creative-button {
	color: rgb(206, 112, 24) !important;
	text-transform: uppercase !important;
	background-color: rgb(255, 255, 255) !important;
	border-width: 3px !important;
	border-radius: 1px !important;
}

/** General >> Button Text **/
.uabb-creative-button span {
	color: rgb(206, 112, 24) !important;
}

/** General >> Delivery list UPS **/
.info-list-item-dynamic3 .uabb-info-list-title {
	color: rgb(123, 160, 0) !important;
}

/** General >> Modal zindex **/
.uabb-show {
	z-index: 9999999 !important;
}

/** General >> modal overlay **/
.uabb-modal-parent-wrapper {
	z-index: 99999 !important;
}

/** General >> CLOSE NAv **/
.sfm-rollback, 
.sfm-navicon-button {
	z-index: 999 !important;
}

/** General >> overlay **/
.uabb-overlay {
	z-index: 99999 !important;
}


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

/** Header >> Hamburger Nav **/
.sfm-navicon-button {
	display: none !important;
}

/** Header >> Nav Logo SVG **/
.nav-logo svg {
	max-width: 175px !important;
	margin-right: auto !important;
	margin-left: auto !important;
	display: block !important;
}

/** Header >> Mobile Nav Logo SVG **/
.mobile-nav svg {
	max-width: 100px !important;
	display: block !important;
}

/** Header >> Main Nav Shrink Logo **/
.fl-theme-builder-header-shrink .nav-logo svg {
	max-width: 175px !important;
	margin-top: -40px !important;
	-o-transition-property: all !important;
	-moz-transition-property: all !important;
	-webkit-transition-property: all !important;
	transition-property: all !important;
	-o-transition-duration: 0.25s !important;
	-moz-transition-duration: 0.25s !important;
	-webkit-transition-duration: 0.25s !important;
	transition-duration: 0.25s !important;
	-webkit-transition-timing-function: ease-in-out !important;
	transition-timing-function: ease-in-out !important;
}

/** Header >> Main Nav Shrink **/
.fl-theme-builder-header-shrink .main-nav {
	box-shadow: 0 0 20px rgb(0, 0, 0) !important;
	background-color: rgb(248, 246, 230) !important;
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)) !important;
	position: relative !important;
	top: -12px !important;
	-o-transition-property: all !important;
	-moz-transition-property: all !important;
	-webkit-transition-property: all !important;
	transition-property: all !important;
	-o-transition-duration: 0.25s !important;
	-moz-transition-duration: 0.25s !important;
	-webkit-transition-duration: 0.25s !important;
	transition-duration: 0.25s !important;
	-webkit-transition-timing-function: ease-in-out !important;
	transition-timing-function: ease-in-out !important;
}

/** Header >> Main Nav Shrink Menu Items **/
.fl-theme-builder-header-shrink .uabb-creative-menu a {
	color: rgb(51, 51, 51) !important;
}

/** Header >> Header **/
header {
	/* MT [ google_font: 1 ] */
	font-family: 'Teko' !important;
	font-size: 24px !important;
}

/** Header >> Main Nav Menu Items **/
.uabb-creative-menu a {
	color: rgb(255, 255, 255) !important;
	font-size: 24px !important;
	-o-transition-property: all !important;
	-moz-transition-property: all !important;
	-webkit-transition-property: all !important;
	transition-property: all !important;
	-o-transition-duration: 0.25s !important;
	-moz-transition-duration: 0.25s !important;
	-webkit-transition-duration: 0.25s !important;
	transition-duration: 0.25s !important;
	-webkit-transition-timing-function: ease-in-out !important;
	transition-timing-function: ease-in-out !important;
}

/** Header >> Main Nav Menu Items a:before **/
.uabb-creative-menu a:before {
	background-color: rgb(255, 255, 255) !important;
	width: 100% !important;
	height: 2px !important;
	position: absolute !important;
	bottom: 0 !important;
	left: 0 !important;
	-o-transition-property: all !important;
	-moz-transition-property: all !important;
	-webkit-transition-property: all !important;
	transition-property: all !important;
	-o-transition-duration: 0.25s !important;
	-moz-transition-duration: 0.25s !important;
	-webkit-transition-duration: 0.25s !important;
	transition-duration: 0.25s !important;
	-webkit-transition-timing-function: ease-in-out !important;
	transition-timing-function: ease-in-out !important;
	visibility: hidden !important;
	content: " " !important;
}

/** Header >> Main Nav Menu Items Hover **/
.uabb-creative-menu a:hover {
	color: rgb(207, 103, 19) !important;
}

/** Header >> Main Nav Menu Items :hover:before **/
.uabb-creative-menu a:hover:before {
	-o-transition-property: all !important;
	-moz-transition-property: all !important;
	-webkit-transition-property: all !important;
	transition-property: all !important;
	-o-transition-duration: 0.25s !important;
	-moz-transition-duration: 0.25s !important;
	-webkit-transition-duration: 0.25s !important;
	transition-duration: 0.25s !important;
	-webkit-transition-timing-function: ease-in-out !important;
	transition-timing-function: ease-in-out !important;
	visibility: visible !important;
}

/** Header >> Main Nav BG **/
.main-nav {
	background-image: linear-gradient(180deg, rgb(60, 42, 0), transparent) !important;
}

/** Header >> Top Bar p **/
.top-bar p {
	margin-bottom: 0 !important;
}

/** Header >> Top Bar **/
.top-bar {
	height: 50px !important;
}

/** Header >> Social Links **/
.fl-node-5c72be99a2e15 .adv-icon-horizontal .adv-icon-link {
	margin-bottom: 0 !important;
}

/** Header >> Mobile Nav Spacing Fix **/
.sfm-style-full #sfm-sidebar .sfm-logo, 
.sfm-pos-right .sfm-sidebar-close, 
.sfm-style-full #sfm-sidebar .sfm-nav {
	padding: 0 !important;
	margin: 0 !important;
}

/** Header >> Mobile Nav Close Button **/
.sfm-sidebar-close {
	color: rgb(255, 255, 255) !important;
	position: absolute !important;
	left: auto !important;
	right: 0 !important;
}

/** Header >> Mobile Below Logo Links **/
.sfm-widget-bottom a {
	color: rgb(255, 255, 255) !important;
	font-size: 16px !important;
	font-weight: bold !important;
	text-transform: uppercase !important;
	width: 46% !important;
	padding: 10px 20px 10px 20px !important;
	margin-right: 1% !important;
	margin-bottom: 30px !important;
	margin-left: 1% !important;
	border: 1px solid rgb(255, 255, 255) !important;
	border-radius: 3px !important;
	float: left !important;
	display: inline-block !important;
}

/** Header >> Mobile Nav Links **/
.sfm-menu li a {
	color: rgb(255, 255, 255) !important;
	font-size: 28px !important;
}

/** Header >> Get Started **/
.cust-tour span {
	color: rgb(255, 255, 255) !important;
}

/** Header >> Follow Us **/
header .adv-icon-wrap::before {
	font-family: Teko !important;
	color: rgb(206, 112, 24) !important;
	content: "FOLLOW US: " !important;
}

/** Header >> Mobile Nav Logo Full Screen **/
.mob-nav-logo svg {
	max-width: 150px !important;
}

/** Header >> Main Nav Active Item **/
.current-menu-item a, 
.current-menu-ancestor a, 
.current-menu-parent a {
	color: rgb(206, 112, 24) !important;
	border-radius: 3px !important;
}

/** Header >> Main Nav Active Item focus **/
.current-menu-item a:focus, 
.current-menu-ancestor a:focus, 
.current-menu-parent a:focus {
	color: rgb(206, 112, 24) !important;
	border-radius: 3px !important;
}

/** Header >> FF **/
.uabb-creative-menu .menu > li:hover > .uabb-has-submenu-container > a {
	color: rgb(206, 112, 24) !important;
}


/*= Content =================== */

/** Content >> .testing a.active **/
.testing a.active {
	background-color: rgb(221, 0, 0) !important;
}


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

/** Footer >> Signup Inputs **/
.email-signup input {
	text-align: center !important;
	box-shadow: 0 0 rgba(0, 0, 0, 0) !important;
	background-color: rgba(0, 0, 0, 0) !important;
	border-style: none !important;
}

/** Footer >> Email Signup Labels **/
.email-signup label {
	display: none !important;
}

/** Footer >> Email Signup Button **/
.email-signup .frm_button_submit {
	/* MT [ google_font: 1 ] */
	font-family: 'Teko' !important;
	color: rgb(206, 112, 24) !important;
	font-size: 35px !important;
	text-transform: uppercase !important;
	letter-spacing: 2px !important;
	box-shadow: 0 0 rgba(0, 0, 0, 0) !important;
	background-color: rgba(255, 255, 255, 0) !important;
	margin: 0 auto 0 auto !important;
	border-style: none !important;
}


/*= HOME ====================== */

/** HOME >> How it works BG **/
.how-it-works {
	background-image: url("../uploads/blueberries-bg.jpg") !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-attachment: fixed !important;
	background-size: cover !important;
}

/** HOME >> Odometer **/
.odometer-container {
	font-size: 60px !important;
	text-align: center !important;
	width: 100% !important;
}

/** HOME >> how it works p spacing **/
.fl-builder-content-181 .uabb-subheading {
	padding-right: 10px !important;
	padding-left: 10px !important;
}

/** HOME >> Review Author Designation **/
.uabb-testimonial-author-designation {
	display: none !important;
}

/** HOME >> Review Author **/
.uabb-testimonial-author-name {
	padding-top: 30px !important;
}


/*= IG Feed =================== */

/** IG Feed >> Header **/
.ff-item-meta {
	display: none !important;
}


/*= How To ==================== */

/** How To >> How Steps **/
.how-steps {
	font-family: Teko !important;
	font-size: 30px !important;
	font-weight: 800 !important;
	text-align: center !important;
}

/** How To >> How Steps a **/
.how-steps a {
	font-family: Teko !important;
	color: rgb(206, 112, 24) !important;
	font-size: 30px !important;
	line-height: 40px !important;
	background-color: rgb(255, 255, 255) !important;
	width: 40px !important;
	height: 40px !important;
	border: 2px solid rgb(206, 112, 24) !important;
	border-radius: 50% !important;
	position: relative !important;
	z-index: 1 !important;
	display: inline-block !important;
}

/** How To >> How Steps Active - Hover **/
.how-steps a:hover, 
.how-steps a.active {
	color: rgb(255, 255, 255) !important;
	background-color: rgb(206, 112, 24) !important;
}

/** How To >> Sticky Titles **/
.how-sticky p {
	font-family: Teko !important;
	font-size: 30px !important;
	margin-bottom: 0 !important;
}

/** How To >> Steps Line **/
.steps-line {
	margin-top: -28px !important;
}

/** How To >> Step Box 1 **/
.step-box-1 {
	color: rgb(255, 255, 255) !important;
	text-align: center !important;
	background-color: rgb(206, 112, 24) !important;
}

/** How To >> Step Box 2 **/
.step-box-2 {
	color: rgb(255, 255, 255) !important;
	text-align: center !important;
	background-color: rgb(108, 192, 73) !important;
}

/** How To >> Step Number Body **/
.step-no {
	font-family: Teko !important;
	color: rgb(38, 38, 38) !important;
	font-size: 40px !important;
	box-shadow: 0 1px 5px rgba(38, 38, 38, 0.36) !important;
	background-color: rgb(255, 255, 255) !important;
	width: 50px !important;
	height: 50px !important;
	margin-bottom: 20px !important;
	border-radius: 50% !important;
	display: inline-block !important;
}

/** How To >> Step Box h2 **/
.step-box-1 h2, 
.step-box-2 h2, 
.step-box-3 h2, 
.step-box-4 h2 {
	font-family: Teko !important;
	color: rgb(255, 255, 255) !important;
	font-size: 50px !important;
}

/** How To >> Step Box 1 2 3 4 **/
.step-box-1, 
.step-box-2, 
.step-box-3, 
.step-box-4 {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

/** How To >> Step Box 1 2 3 4 links **/
.step-box-1 a, 
.step-box-2 a, 
.step-box-3 a, 
.step-box-4 a {
	color: rgb(255, 255, 255) !important;
	font-weight: 800 !important;
	text-decoration: underline !important;
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

/** How To >> Step Box 1 2 3 4 links hover **/
.step-box-1 a:hover, 
.step-box-2 a:hover, 
.step-box-3 a:hover, 
.step-box-4 a:hover {
	color: rgb(255, 255, 255) !important;
	font-weight: 800 !important;
	text-decoration: none !important;
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

/** How To >> Step Photo **/
.step-photo {
	box-shadow: 0 0 5px rgba(35, 31, 32, 0.3) !important;
	border: 3px solid rgb(255, 255, 255) !important;
}

/** How To >> Center Fields **/
#frm_form_6_container .form-field, 
#frm_form_6_container .frm_primary_label {
	text-align: left !important;
}

/** How To >> Previous **/
.frm_prev_page {
	font-family: Teko !important;
	font-size: 30px !important;
	text-transform: uppercase !important;
	letter-spacing: 2px !important;
	background-color: rgb(255, 255, 255) !important;
	padding-bottom: 0 !important;
	border-color: rgb(108, 192, 73) !important;
	border-width: 4px !important;
	border-radius: 0 !important;
}

/** How To >> Next / Submit **/
.frm_button_submit {
	font-family: Teko !important;
	color: rgb(255, 255, 255) !important;
	font-size: 30px !important;
	text-transform: uppercase !important;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
	background-color: rgb(108, 192, 73) !important;
	padding-right: 20px !important;
	padding-bottom: 0 !important;
	padding-left: 20px !important;
	border-color: rgb(108, 192, 73) !important;
	border-width: 4px !important;
	border-radius: 0 !important;
}

/** How To >> Next / Submit hover **/
.frm_button_submit:hover {
	font-family: Teko !important;
	color: rgb(255, 255, 255) !important;
	font-size: 30px !important;
	text-transform: uppercase !important;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0) !important;
	background-color: rgb(134, 228, 95) !important;
	padding-right: 20px !important;
	padding-bottom: 0 !important;
	padding-left: 20px !important;
	border-color: rgb(108, 192, 73) !important;
	border-width: 4px !important;
	border-radius: 0 !important;
}


/*= Buy From Us =============== */

/** Buy From Us >> Active Tab **/
.fl-tabs-label.fl-tab-active {
	background-color: rgb(206, 112, 24) !important;
}

/** Buy From Us >> Tabs **/
.fl-tabs-label {
	font-size: 24px !important;
	text-align: center !important;
	background-color: rgba(206, 112, 24, 0.44) !important;
	width: 33.33% !important;
	padding-bottom: 0 !important;
	margin: 0 !important;
	border-top: 0 none rgb(255, 255, 255) !important;
	border-right: 4px none rgb(255, 255, 255) !important;
	border-bottom: 0 none rgb(255, 255, 255) !important;
	border-left: 4px none rgb(255, 255, 255) !important;
}

/** Buy From Us >> Tabs Hover **/
.fl-tabs-label:hover {
	background-color: rgb(206, 112, 24) !important;
	-o-transition-property: all !important;
	-moz-transition-property: all !important;
	-webkit-transition-property: all !important;
	transition-property: all !important;
	-o-transition-duration: 0.25s !important;
	-moz-transition-duration: 0.25s !important;
	-webkit-transition-duration: 0.25s !important;
	transition-duration: 0.25s !important;
	-webkit-transition-timing-function: ease-in-out !important;
	transition-timing-function: ease-in-out !important;
}

/** Buy From Us >> Middle Tab **/
#fl-tabs-5cc87b21f2c11-label-0 {
	margin-right: 5px !important;
}

/** Buy From Us >> Last Tab **/
#fl-tabs-5cc87b21f2c11-label-2 {
	border-left: 4px solid rgb(255, 255, 255) !important;
}

/** Buy From Us >> Container Border **/
.fl-node-5cc87b21f2c11 .fl-tabs-panels, 
.fl-node-5cc87b21f2c11 .fl-tabs-panel {
	border-style: none !important;
}

/** Buy From Us >> First Tab **/
#fl-tabs-5cc87b21f2c11-label-0 {
	margin: 0 !important;
	border-top-style: none !important;
	border-right-style: solid !important;
}


/*( Desktop & Tablet )*/
@media (min-width: 768px) and (max-width: 979px) {

	/*= Buy From Us =============== */

	/** Buy From Us >> Tabs **/
	.fl-tabs-label {
	font-size: 20px !important;
}


}


/*( Tablet & Phone )*/
@media (max-width: 767px) {

	/*= HOME ====================== */

	/** HOME >> Odometer **/
	.odometer-container {
	font-size: 35px !important;
}


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

	/** Header >> Mobile Nav Hamburger **/
	all .sfm-navicon-button {
	position: absolute !important;
	display: block !important;
}


	/*= How To ==================== */

	/** How To >> .how-sticky **/
	.how-sticky {
	width: 100% !important;
	position: fixed !important;
	top: 90px !important;
	z-index: 999 !important;
}


	/*= Buy From Us =============== */

	/** Buy From Us >> Tabs **/
	.fl-tabs-label {
	font-size: 22px !important;
	line-height: auto !important;
	width: 100% !important;
}

	/** Buy From Us >> Icon placement **/
	.fl-tabs-panel-label span {
	display: inline-block !important;
}

	/** Buy From Us >> Remove Plus Icon **/
	.fl-tabs-label .fa-plus {
	display: none !important;
}


}


/*( Phone )*/
@media (max-width: 480px) {

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

	/** Header >> Mobile Nav **/
	.mobile-nav {
	position: fixed !important;
	left: 0 !important;
	right: 0 !important;
}

	/** Header >> Hamburger Nav **/
	.sfm-navicon-button {
	position: fixed !important;
	display: block !important;
}


}