/*  MICROTHEMER STYLES  */


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

/** Header >> Wpbf cta menu item link **/
.wpbf-cta-menu-item a {
	text-align: center !important;
	background: #D8B41D !important;
}


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

/** Content >> BB and Menu CTA BTN **/
.wpbf-cta-menu-item, 
.fl-button, 
.pp-more-link, 
.uk-button {
	box-shadow: -9px 9px 0 0 #f7f7f7 !important;
	border-radius: 0 !important;
	-webkit-transition: 0.3s ease-in !important;
	transition: 0.3s ease-in !important;
	-webkit-transition: 0.3s !important;
	transition: 0.3s !important;
}
.tiny-bin .fl-button {
	box-shadow: -3px 3px 0 0 #f7f7f7 !important;
}

/** Content >> BB and Menu CTA BTN - Hover **/
.wpbf-cta-menu-item:hover, 
.fl-button:hover, 
.pp-more-link:hover {
	box-shadow: -3px 3px 0 0 #f7f7f7 !important;
	transform: translateY(-6px) scaleY(1) scaleZ(1) !important;
	-webkit-animation-duration: .5s !important;
	animation-duration: .5s !important;
	-webkit-animation-timing-function: ease-in-out !important;
	animation-timing-function: ease-in-out !important;
	-webkit-transform: translateY(-6px) !important;
}
.tiny-bin .fl-button:hover {
	box-shadow: -2px 2px 0 0 #f7f7f7 !important;
	transform: translateY(-2px) scaleY(1) scaleZ(1) !important;
}

/** Content >> Fluent Forms BTN **/
.ff-btn-submit, 
.ff_modal_btn {
	color: #000000 !important;
	font-size: 16px !important;
	font-weight: 200 !important;
	letter-spacing: 2px !important;
	box-shadow: -9px 9px 0 0 #f7f7f7 !important;
	background-color: #D8B41D !important;
	padding: 12px 35px 12px 35px !important;
	margin-left: 10px !important;
	border-color: #D8B41D !important;
	border-radius: 0 !important;
	-webkit-transition: 0.3s ease-in !important;
	transition: 0.3s ease-in !important;
	-webkit-transition: 0.3s !important;
	transition: 0.3s !important;
}

/** Content >> Fluent Forms BTN - Hover **/
.form-submit-btn:hover, 
.ff_modal_btn:hover {
	box-shadow: -3px 3px 0 0 #f7f7f7 !important;
	transform: translateY(-6px) scaleY(1) scaleZ(1) !important;
	-webkit-animation-duration: .5s !important;
	animation-duration: .5s !important;
	-webkit-animation-timing-function: ease-in-out !important;
	animation-timing-function: ease-in-out !important;
	-webkit-transform: translateY(-6px) !important;
}

/** Content >> H2 Secondary Title size **/
h2 .pp-secondary-title {
	text-transform: uppercase !important;
}

/** Content >> Primary Title Size Mobile **/
.pp-primary-title {
	font-family: Jost !important;
	color: #D8B41D !important;
	font-weight: 300 !important;
}

/** Content >> Pp list item 0 pp more link **/
.pp-more-link {
	color: #fff !important;
	background: #000 !important;
	padding: 5px 15px 5px 15px !important;
}

/** Content >> FF Modal Width **/
#ff_modal_instance_1 {
	max-width: 400px !important;
}

/** Content >> Input and focus colors for FF Modal **/
#fluentform_4 .ff-el-form-control {
	background: #f7f7f7 !important;
	height: 55px !important;
	border-color: #f7f7f7 !important;
	border-radius: 0 !important;
}
#fluentform_4 .ff-el-form-control:focus {
	border-color: #D8B41D !important;
}

/** Content >> Fl photo crop square image (:hover) **/
.fl-callout .fl-photo-crop-square {
	position: relative !important;
	-o-transition-duration: .5s !important;
	-moz-transition-duration: .5s !important;
	-webkit-transition-duration: .5s !important;
	transition-duration: .5s !important;
	-webkit-transition-timing-function: ease-in-out !important;
	transition-timing-function: ease-in-out !important;
}
.fl-callout .fl-photo-crop-square:hover {
	transform: translate(4px, -4px) !important;
	-o-transition-duration: .5s !important;
	-moz-transition-duration: .5s !important;
	-webkit-transition-duration: .5s !important;
	transition-duration: .5s !important;
	-webkit-transition-timing-function: ease-in-out !important;
	transition-timing-function: ease-in-out !important;
}

/** Content >> Call btns fl button text **/
.call-btns .fl-button-text {
	text-transform: uppercase !important;
	box-shadow: -9px 9px 0 0 #f7f7f7 !important;
	background: #D8B41D !important;
	padding: 15px !important;
	border-radius: 0 !important;
	-webkit-transition: 0.3s ease-in !important;
	transition: 0.3s ease-in !important;
	-webkit-transition: 0.3s !important;
	transition: 0.3s !important;
}
.call-btns .fl-button-text:hover {
	box-shadow: -3px 3px 0 0 #f7f7f7 !important;
}

/** Content >> Button button **/
.step-nav  button[type="button"] {
	color: black !important;
	font-size: 18px !important;
	text-decoration: underline !important;
	background: white !important;
	padding: 0 !important;
}


/*= Forms ===================== */

/** Forms >> Checkbox input **/
.fluentform input[type=checkbox]:checked {
	background-color: #000000 !important;
	-webkit-appearance: checkbox !important;
}

/** Forms >> Ff text left (#1) **/
.double-submit-btn .ff-t-cell {
	display: -webkit-inline-flexbox !important;
	display: -moz-inline-flexbox !important;
	display: -ms-inline-flexbox !important;
	display: inline-flex !important;
	-webkit-flex-flow: row wrap !important;
	-moz-flex-flow: row wrap !important;
	-ms-flex-flow: row wrap !important;
	flex-flow: row wrap !important;
	-webkit-align-items: center !important;
	align-items: center !important;
	-webkit-align-content: center !important;
	align-content: center !important;
	position: relative !important;
}


/*( Tablet & Phone )*/
@media (max-width: 767px) {
	/** Content >> STuff on mobile centered **/
	.pp-heading-content, 
.fl-callout-content, 
.fl-button-wrap, 
.fl-button, 
.fl-module-icon, 
a.service-learn-more-link {
	text-align: center !important;
}

	/** Content >> h1 Secondary Title Size **/
	h1 .pp-secondary-title {
	font-size: 42px !important;
}

	/** Content >> H2 Secondary Title size **/
	h2 .pp-secondary-title {
	font-size: 36px !important;
}

	/** Content >> Primary Title Size Mobile **/
	.pp-primary-title {
	font-size: 18px !important;
}

	/** Content >> Margin for procedure columns and icon columns **/
	.procedure-details {
	margin: 50px 15px 40px 15px !important;
}

	/** Content >> Google Columns Mobile Border **/
	.reviews-row .fl-row-content-wrap {
	margin-right: 20px !important;
	margin-left: 20px !important;
}

}


/*( Phone )*/
@media (max-width: 480px) {
	/** Header >> Wpbf cta menu item link **/
	.wpbf-cta-menu-item a {
	font-size: 18px !important;
	text-align: center !important;
	letter-spacing: 2px !important;
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}
.wpbf-cta-menu-item {
	margin-top: 15px !important;
	margin-right: 15px !important;
	margin-left: 15px !important;
}

	/** Content >> h1 Secondary Title Size **/
	h1 .pp-secondary-title {
	font-size: 36px !important;
}

	/** Content >> Primary Title Size Mobile **/
	.pp-primary-title {
	font-size: 16px !important;
}

	/** Content >> Special treatment row fl col conten **/
	.special-treatment-row .fl-col-content {
	margin: 15px !important;
}

	/** Content >> Margin for procedure columns and icon columns **/
	.procedure-details {
	margin: 50px 25px 40px 25px !important;
}

}