/* ------------------------------
	COLORS
	------------------------------

	#281b6e Dark Purple
	#7a7bfd Purple
	#0b4b48 Dark Green
	#7fcccc Green
	#dff2f1 Light Green
	#a02441 Plum
	#f9d57a	Yellow
	#a02441 Red
	#ff002d Bright Red

------------------------------ */

/* ------------------------------
	FONT SIZE
	------------------------------

	20pt = 0.8rem
	23pt = 0.9rem
	25pt = 1rem
	30pt = 1.2rem
	32pt = 1.3rem
	35pt = 1.4rem
	38pt = 1.5rem
	40pt = 1.6rem
	42pt = 1.7rem
	45pt = 1.8rem
	50pt = 2rem
	55pt = 2.2rem
	60pt = 2.4rem


------------------------------ */

/* ------------------------------
  GENERAL
------------------------------ */

.text-transform-inherit .mkdf-st-title {
	text-transform: inherit;
}

.bodytherapies-white-text .mkdf-st-title,
.bodytherapies-white-text .mkdf-st-text {
	color: white !important;
}

/* ------------------------------
  RESPONSIVE FONTS
------------------------------ */

@media only screen and (min-width: 1600px) {
	body {
		font-size: 24px !important;
	}

	h2 {
		font-size: 2.2rem !important;
	}

	h4, h5 {
		font-size: 1.7rem !important;
	}

	h6 {
		font-size: 1.5rem !important;
	}

	.mkdf-main-menu>ul>li>a {
		font-size: 1.3rem !important;
	}

	.mkdf-btn.mkdf-btn-small {
		font-size: 1rem !important;
	}


	.mkdf-icon-widget-holder .mkdf-icon-text {
	    font-size: 1.4rem !important;
	}

	.bodytherapies-services .mkdf-iwt-content .mkdf-iwt-text {
	    font-size: 1rem !important;
	}
}

/* ------------------------------
  HEADER
------------------------------ */

body .mkdf-page-header .mkdf-logo-area {
	height: 50px !important;
}

body .mkdf-logo-wrapper a img {
	height: 50px !important;
	width: 50px !important;
}

.mkdf-header-centered .mkdf-page-header .mkdf-logo-area .mkdf-logo-wrapper a, 
.mkdf-page-header .mkdf-logo-area .mkdf-logo-wrapper a, 
.mkdf-page-header .mkdf-menu-area .mkdf-logo-wrapper a,
.mkdf-mobile-header .mkdf-mobile-logo-wrapper a,
.mkdf-sticky-header .mkdf-sticky-holder .mkdf-logo-wrapper a {
	max-height: 50px !important;
}

.mkdf-mobile-header .mkdf-mobile-menu-opener a .mkdf-mobile-menu-icon {
    font-size: 35px !important;
}

/* ------------------------------
  SECTION - SERVICES
------------------------------ */

.bodytherapies-services {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0 5px;
}

.bodytherapies-services-item {
	display: flex;
    flex-direction: column;
    flex-basis: 25%;
    position: relative;
}

@media only screen and (max-width: 1024px) {
	.bodytherapies-services-item {
		flex-basis: 50%;
	}
}

@media only screen and (max-width: 768px) {
	.bodytherapies-services-item {
		flex-basis: 100%;
	}
}

.services-background-image {
	padding: 0 5px;
}

.services-background-image img {
	width: 100%;
}

.bodytherapies-services-content {
	position: absolute !important;
    top: 0;
    height: 100%;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
}

.bodytherapies-services .mkdf-iwt-content .mkdf-iwt-title,
.bodytherapies-services .mkdf-iwt-content .mkdf-iwt-text {
	color: white;
	text-transform: inherit;
}

.bodytherapies-services .mkdf-iwt-content .mkdf-iwt-title .mkdf-iwt-title-text {
	display: inline-block !important;
}

.bodytherapies-services .mkdf-iwt-content .mkdf-iwt-title .mkdf-iwt-title-text::after {
	content: "";
	display: block;
	border-bottom: 1px solid #B29C76;
	margin-top: 8px;
}

.bodytherapies-services .mkdf-iwt-content .mkdf-iwt-text {
    padding: 0 10%;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4em;
}

@media only screen and (max-width: 1024px) {
	.bodytherapies-services .mkdf-iwt-content .mkdf-iwt-text {
	    font-size: 14px;
	}
}

.hours-row {
	display: flex;
	padding: 0 3rem;
	color: white;
}

.hours-day {
	flex: 1;
	text-align: left;
}


/* ------------------------------
  SECTION - GALLERY
------------------------------ */

.mkdf-small-space .mkdf-outer-space {
	display: flex;
    flex-wrap: wrap;
}

.mkdf-image-gallery .mkdf-ig-image img {
	width: 100%;
}

.gallery-container .owl-dots {
	display: none;
}

.mkdf-owl-slider.mkdf-slider-has-both-nav .owl-nav .owl-next, 
.mkdf-owl-slider.mkdf-slider-has-both-nav .owl-nav .owl-prev {
    -webkit-transform: translateY(calc(-50% - 0px)) !important;
    -moz-transform: translateY(calc(-50% - 0px)) !important;
    transform: translateY(calc(-50% - 0px)) !important;
}

/* ------------------------------
  FOOTER
------------------------------ */

.bodytherapies-footer-column-2 {
	text-align: center;
}

@media only screen and (max-width: 768px) {
	.bodytherapies-footer-column-1 {
		text-align: center;
	}

	.bodytherapies-footer-column-2,
	.bodytherapies-footer-column-3 {
		margin-top: 80px !important;
	}
}


@media only screen and (max-width: 1024px) {
	.bodytherapies-footer-column-3 {
		clear: both;
	}
}

.footer-title {
	margin: 0 0 8px !important;
}

footer .fa-map-marker {
	padding: 10px 12px !important;
}

.footer-logo-container {
	margin-top: 25px;
	text-align: right;
}

@media only screen and (max-width: 1024px) {
	.footer-logo-container {
		text-align: center;
	}
}

.footer-logo {
	display: inline-block !important;
	width: 100%;
}

@media only screen and (max-width: 1024px) {
	.footer-logo {
		margin-top: 80px;
		width: 50%;
	}
}

@media only screen and (max-width: 768px) { 
	.footer-logo {
		width: 70%;
	}
}

/* ------------------------------
  NINJA FORMS
------------------------------ */


.nf-field-label {
	display: none !important;
}

#ninja_forms_required_items, .nf-field-container {
    margin-bottom: 10px !important;
}

.nf-form-content .listselect-wrap .nf-field-element div, .nf-form-content .ninja-forms-field {
	font-size: 0.9rem !important;
	font-family: "Open Sans",sans-serif !important;
}

.nf-form-content input[type=button], 
.nf-form-content input[type=submit] {
	color: #fff !important;
    background-color: #d6b981 !important;
    border: 1px solid transparent !important;
    padding: 18px 42px !important;
    font-size: 11px !important;
    line-height: 1.5em !important;
    letter-spacing: .2em !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    font-family: inherit !important;
    position: relative !important;
    width: auto !important;
    outline: 0 !important;
    cursor: pointer !important;
    display: inline-block !important;
    vertical-align: middle !important;
}