/*
 Theme Name:     Bella Luna Bodyworks
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Aaron Everitt
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/

/*
Website Primary Color: #9D1D8A
Subtle BG Color #027BA3
Text/BG Color: #1E1E1E
#eeedfb

#211C20 - raisin black
#3F4045 - light grey

#747881 - silver (fav)
*/

@import url("../Divi/style.css");

/* @font-face {
    font-family:"Ziggurate";
    src: url("/fonts/Ziggurat.eot") /* EOT file for IE
}
@font-face {
    font-family:"Ziggurat";
    src: url("/fonts/Ziggurat.otf") /* TTF file for CSS3 browsers
} */

::selection {
  background: rgba(136, 146, 176, 0.16862745098039217); /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: rgba(136, 146, 176, 0.16862745098039217); /* Gecko Browsers */
}

.offset-bottom {
  transform: translateY(50px);
}

.white {
  color: #fff !important;
}

.black {
  color: #000 !important;
}

.title-font {
  font-family: 'Calligraffitti', cursive !important;
}

.primary-color {
  color: #9D1D8A !important;
}

.shadow {
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

.flex {
  display: flex !important;
}

.text-center {
  text-align: center !important;
}

.centered {
  display: flex;
  justify-content: center;
  align-items: center;
}

.ls-none {
  list-style: none !important;
}

.sub-text {
  font-size: 14px !important;
}

.mr-2 {
  margin-right: 15px !important;
}

.rates-text {
    /* font-family:'Ziggurat', sans-serif !important; */
    font-size: 22px;
    font-weight:600;
    text-align: center;
    line-height: 1.2em !important;
    /* color: #fff !important; */
    letter-spacing: 2px;
    padding-top: 15px;
}

.et_pb_main_blurb_image {
  margin-bottom: 0;
}

.et-pb-controllers {
  bottom: -20px !important;
}

/* .ticket-button {
  position: relative;
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  background-color: #9D1D8A;
  outline: 2px solid #9D1D8A;
  border-radius: 3px;
  padding: 10px 20px;
  overflow: hidden;
  transition: color 800ms;
  font-weight: 700;
}

.ticket-button:hover {
  color: #fff;
  background-color: #790f0f;
  outline: 2px solid #790f0f;
} */

.main-button {
  position: relative;
  display: inline-block;
  text-decoration: none;
  text-transform: uppercase;
  color: #9D1D8A;
  outline: 2px solid #9D1D8A;
  padding: 10px 20px;
  overflow: hidden;
  transition: color 800ms;
  font-weight: 700;
}

.main-button:hover {
  color: #fff;
}

.main-button::before {
  content: '';
  position: absolute;
  top: 0;
  left: -50px;
  z-index: -1;
  width: 150%;
  height: 100%;
  background-color: #9D1D8A; /*#9D1D8Ad9;*/
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 800ms;
}

.main-button:hover::before {
  transform: scaleX(1);
}

.home .et_pb_gallery_grid .et_pb_gallery_item img {
  width: 60% !important;
}


/*
<-------------- Divider ------------------>
@media (min-width: 992px) */
.section-divider,
.section-divider:after,
.section-divider:before {
  width: 100%;
}

.section-divider:after {
  margin-left: 1rem;
}

.section-divider:before {
  margin-right: 1rem;
}

.section-divider:after,
.section-divider:before {
  background-color: #dbdbdb;
  content: "";
  display: block;
  flex: 1 1;
  height: 2px;
  width: auto;
}

.section-divider {
  display: block;
  /* font-family: Ziggurat;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1;
  margin-bottom: 1rem;
  margin-top: 2rem;
  text-transform: uppercase;
  font-family: Knockout;
  font-weight: 300;
  font-size: 1.125rem; */
  align-items: center;
  display: flex;
  text-align: center;
}

.section-divider h3 {
  display: block;
  color: #303030!important;
  font-family: Ziggurat;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 1;
  align-items: center;
  display: flex;
  text-align: center;
  padding: 0;
}

/* =================================== MENU STYLES ================================== */
/* #top-menu li a:hover,
#top-menu li a:hover:before {
  opacity: 0.6;
} */

#top-menu li li a {
  background: transparent !important;
}

#top-menu li li a::before {
  display: none;
}

.nav li ul {
  border-top: none !important;
  padding: 10px 0 !important;

}

#top-menu li:hover a:hover,
#top-menu li li:hover a:hover {
  opacity: 1;
}

#top-menu li:hover a,
#top-menu li li:hover a {
  opacity: 0.6;
}

#top-menu .menu-item-1825482 a:hover {
  opacity: 1 !important;
}

#top-menu li a {
  /* padding-right: 22px; */
  transition: all .25s ease-out;
  font-weight: 600 !important;
  color: #9D1D8A;
  text-transform: uppercase;
}

#top-menu .current-menu-item a::before,
#top-menu .current_page_item a::before {
  content: "";
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
}

#top-menu .menu-item-1825482 a::before {
  display: none;
  padding: 0px !important;
}

.et_fullwidth_nav #main-header .container {
  width: 85%;
  max-width: 85% !important;
  padding-left: 0px;
  padding-right: 0px;
}

/* #top-menu .menu-item-218722 a:first-child {
  display: none;
  padding: 0px !important;
} */

#top-menu li a:before {
  content: "";
  position: absolute;
  z-index: -2;
  left: 0;
  right: 100%;
  bottom: 32%;
  background: #9D1D8A; /*** COLOR OF THE LINE ***/
  height: 3px; /*** THICKNESS OF THE LINE ***/
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
/* #top-menu li a:hover {
  opacity: 1 !important;
} */

#top-menu li a:hover:before {
  right: 0;
}
#top-menu li li a:before {
  bottom: 10%;
}

#top-menu .menu-item-1826298::after {
    content: '';
    width: 7px !important;
    height: 7px;
    background: red;
    border-radius: 50%;
    /* margin-left: 2px; */
    display: flex;
    top: -7px;
    position: absolute;
    right: 15px;
    animation: pulse 2s infinite;
    transform: scale(1.5);


}

/* .blink {
  animation: blink 1s steps(1, end) infinite;
} */

@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes pulse {
0% {
    transform: scale(1);
}

50% {
    transform: scale(1.3);
}

100% {
    transform: scale(1);
}
}

.et_header_style_left .et-fixed-header #et-top-navigation {
  padding-top: 18px;
  padding-bottom: 18px;
}
.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {
  padding-top: 16px;
  padding-bottom: 16px;
}

/* #logo,
.et_pb_svg_logo #logo {
  max-height: 70% !important;
  height: 70%;
} */

.menu-call-btn {
  /* font-size: 24px !important; */
  font-family: 'Roboto', sans-serif;
  line-height: 0.7;
  display: inline-block;
  padding-left: 18px;
  /* margin-left: 18px; */
  border-left: 2px solid #9D1D8A90;
  vertical-align: middle;
}

#top-menu .menu-call-btn::before {
  display: none;
}

/* Mobile-Menu Replace Hamburger Icon with a cross when open*/
/* .mobile_nav.opened .mobile_menu_bar:before {
  content: "\4d";
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.et_mobile_menu {
	background-color: #282939 !important;
} */

.cta-btn a,
.wpcf7-submit {
  /* text-align: left; */
  color: #9D1D8A!important;
  background: transparent;
  border-radius: 3px!important;
	border: 2px solid #9D1D8A;
  /* font-size: 18px; */
  text-transform: uppercase!important;
  background-color: transparent;
  padding: 12px 16px!important;
  line-height: 1.7em!important;
  font-size: 14px;
  font-family: 'Rubik',Helvetica,Arial,Lucida,sans-serif!important;
  font-weight: 700!important;
	letter-spacing: 3px;
  transition: all 0.3s ease-in-out 0s;
  opacity: 1;
}

.cta-btn a:hover,
.wpcf7-submit:hover {
  /* text-align: left; */
  color: #fff3ee !important;
  background: #9D1D8A;
  /* border-width: 1px!important; */
	border: 2px solid #9D1D8A;
  /* font-size: 18px; */
  text-transform: uppercase!important;
  background-color: #9D1D8A;
  padding: 12px 16px 12px 16px !important;
  line-height: 1.7em!important;
  font-size: 14px;
  font-family: 'Rubik',Helvetica,Arial,Lucida,sans-serif!important;
  font-weight: 700!important;
	letter-spacing: 3px;
  transition: all 0.3s ease-in-out 0s;
  opacity: 1;
}

/* .et-fixed-header #top-menu .cta-btn a,
#top-menu li.current-menu-item>a {
	color: #9D1D8A !important;
} */

/* .et-fixed-header #top-menu .cta-btn a:hover {
	color: #fff !important;
} */

/* Mobile-Menu Replace Hamburger Icon with a cross when open*/
.mobile_nav.opened .mobile_menu_bar:before {
  content: "\4d";
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

/* .cta-btn a:first-child {
	display: none;
} */

#main-header#main-header#main-header {
    box-shadow: 0 0 6px rgb(0 0 0 / 10%) !important;
    transition: box-shadow 0s;
    /* border-bottom: 1px solid rgba(23, 45, 78, 0.34); */
}

@media (max-width: 980px) {
  .et_fixed_nav #main-header {
      position: fixed;
  }
}

@media only screen and (max-width: 1200px) {
  .maghealy .col-6 {
      width: 100% !important;
  }
}

/* @media (min-width: 981px) {
  #main-header.et-fixed-header {
    -webkit-box-shadow: 0 0 7px rgb(0 0 0 / 10%) !important;
    box-shadow: 0 0 7px rgb(0 0 0 / 10%) !important;
  }
} */
/* =================================== Home Page Styles ================================== */

#upcoming-events .et_pb_row .et_pb_gutters3 .et_pb_column_1_2 {
  width: 48% !important
}

#upcoming-events .et_pb_row .et_pb_gutters3 .et_pb_column {
  margin-right: 2% !important
}

#services .et_pb_blurb .et_pb_module_header {
  height: 65px;
}

/* =================================== About Page Styles ================================== */

.bio-position {
  font-size: 1.1em !important;
  color: #9D1D8A !important;
  font-weight: 500;
}

/* =================================== Contact Page Styles ================================== */

.et_pb_contact_form_container .input {
  border-color: #2a2a2a !important;
  border-width: 2px !important;
  /* background-color: #fff3ee; */
}

/* .et_pb_contact_form_container.et_pb_module .et_pb_button {
  border-radius: 3px !important;
} */

/* .page-id-1825426 .et_pb_contact_form_container .input {
  background-color: #fff3ee !important;
} */

body .wpcf7-form label {
  font-size: 14px;
  font-family: 'Verdana',Helvetica,Arial,Lucida,sans-serif;
  color: #333;
  background-color: #EDECFC !important;
  padding: 0 5px;
  z-index: 999;
  line-height: normal;
  width: fit-content;
  width: -moz-fit-content;
  font-weight: 600;
  /* display: flex; */
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  position: relative;
  transform: translate(14px, 34px);
}

.wpcf7-form input.text,
.wpcf7-form input.title,
.wpcf7-form input[type=email],
.wpcf7-form input[type=password],
.wpcf7-form input[type=tel],
.wpcf7-form input[type=text],
.wpcf7-form select,
.wpcf7-form textarea,
.et_pb_contact_field textarea.et_pb_contact_message {
  border: 2px solid #9D1D8A !important;
  color: #333333;
  background-color: #EDECFC;
  padding: 14px !important;
  min-width: 100%;
  /* font-weight: 600; */
  font-size: 16px;
  font-family: 'Verdana',Helvetica,Arial,Lucida,sans-serif;
  border-radius: 3px !important;
  width: 100%;

}

.cf-message {
  height: 160px !important;
}

/* .et_pb_contact p .et_contact_error {
	border: 1px solid #ff0000 !important;
}

.et_pb_contact_field[data-type=select]:after {
	top: 67% !important;
}

.entry-content ul {
	list-style-type: none;
  display: contents;
	color: #ce4343;
	font-weight: 600;
}

.et-pb-contact-message p {
	color: #ce4343;
	font-weight: 700;
} */

.wpcf7-textarea {
    min-height: 110px !important;
}

input:-internal-autofill-selected {
    background-color: #CE3530 !important;
    background-image: none !important;
    color: #fff !important;
}


/* =================================== Blurb Services Styles ================================== */

.mp_m_blurb_underline_sliding h4 {
  display: inline-block;
  position: relative;
  padding-bottom: 8px;
  font-size: 20px;
  font-weight: 800;
  -webkit-transition: all .53 ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.mp_m_blurb_underline_sliding  p {
  padding-top: 10px;
}

.mp_m_blurb_underline_sliding h4 {
	color: #fff;
}

.mp_m_blurb_underline_sliding h4:hover {
color: #9D1D8A !important;
}

.mp_m_blurb_underline_sliding h4:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 0;
  transition: width 0s ease, background .5s ease;
}

.mp_m_blurb_underline_sliding h4:after {
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 2px;
  width: 0;
  background: #9D1D8A;
  transition: width .5s ease;
}

.mp_m_blurb_underline_sliding h4:hover:before {
  width: 100%;
  background: #9D1D8A;
  transition: width .5s ease;
}

.mp_m_blurb_underline_sliding h4:hover:after {
  width: 100%;
  background: transparent;
  transition: all 0s ease;
}

/* =================================== Callout Block v1 Styles ================================== */

.callout-block-v1 {
  display: table;
  width: 100%;
  min-height: 350px;
  vertical-align: middle;
  background: linear-gradient(180deg, #2b2c2d6b 0, #16171766 100%);
}

.callout-block-v1::before {
  bottom: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  content: "";
  opacity: 0;
  background: linear-gradient(180deg, #2b2c2d 0, #161717 100%) !important; /*linear-gradient(180deg, #0f3da2 0, #012169 100%) !important;*/
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.callout-block-v1:hover::before {
  opacity: .85;
  background: linear-gradient(180deg, #2b2c2d 0, #161717 100%) !important;
  /*background: linear-gradient(180deg, #0f3da2 0, #012169 100%) !important;*/
}

.callout-block-v1 p {
  color: #fff;
  opacity: 0;
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -o-transform: translateY(20px);
  transform: translateY(20px);
}

.callout-block-v1:hover p {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}



@media only screen and (max-width: 1024px) {
  .img-flex {
    display: block !important;
    min-height: 280px !important;
    margin-bottom: 30px !important;
  }

  .ordinal-two {
    padding: 2% 0 !important;
  }
}


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

/* .et_pb_section_1_tb_footer.et_pb_section {
  background-color: #20212f !important;
} */
/*.et_pb_contact_form_0.et_pb_contact_form_container .input*/


.mix-blend-mode {
  mix-blend-mode: multiply !important;
  /* filter: contrast(1); */
}

#footer-wrap::before {
  content: ' ';
  position: absolute;
  display: block;
  opacity: 0.15;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-size: 20% auto;
  background-position: right -2% bottom 11%;
  background-image: url(/wp-content/uploads/2023/05/bella-luna-bodyworks-logo-v2.png);
}

.et_pb_text_1_tb_footer.et_pb_text a:hover,
.et_pb_text_2_tb_footer.et_pb_text a:hover,
.et_pb_text_3_tb_footer.et_pb_text a:hover,
.et_pb_text_4_tb_footer.et_pb_text a:hover,
.et_pb_social_media_follow li a.icon:hover:before {
  color: #9d1d8a !important;
  transition: all .4s ease-in-out 0s;
}

.et_pb_code_0_tb_footer a,
.et_pb_code_1_tb_footer a,
.et_pb_code_2_tb_footer a,
.et_pb_text_1_tb_footer.et_pb_text a,
.et_pb_text_2_tb_footer.et_pb_text a,
.et_pb_text_3_tb_footer.et_pb_text a,
.et_pb_text_4_tb_footer.et_pb_text a {
  color: #333 !important;
}

.location-desc-footer,
.contact-info-footer {
  font-size: 16px !important;
  text-transform: uppercase;
  font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;
}

.et_pb_text_4_tb_footer h3,
.et_pb_text_2_tb_footer h3,
.et_pb_text_3_tb_footer h3 {
  padding-bottom: 0!important;
}

.et_pb_code_0_tb_footer a:hover,
.et_pb_code_1_tb_footer a:hover,
.et_pb_code_2_tb_footer a:hover,
.et_pb_text_2_tb_footer.et_pb_text a:hover,
.et_pb_text_3_tb_footer.et_pb_text a:hover,
.et_pb_text_4_tb_footer.et_pb_text a:hover,
.et_pb_social_media_follow li a.icon:hover:before {
  color: #9d1d8a !important;
  transition: all .4s ease-in-out 0s;
}

.et_pb_text_3_tb_footer.et_pb_text a {
  color: #333 !important;
}

.footer-contact div {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    margin-bottom: 0.75em;
}

.footer-contact .et_pb_code_inner svg {
    width: 1.6em;
    height: 1.6em;
    margin-right: 0.75em;
    align-self: flex-start;
    margin-top: 0.25em;
    color: #9d1d8a;
}

/* .et_pb_text_1_tb_footer {
  padding-left: 10px;
} */
/* ============== Dulls other links when one is hovered on ===================

.et_pb_text_1_tb_footer .et_pb_text_inner:hover a:hover {
  opacity: 1;
}

.et_pb_text_1_tb_footer .et_pb_text_inner:hover a {
  opacity: 0.6;
} */

@media only screen and (min-width: 600px) and (max-width: 1020px) {
  #footer-wrap .et_pb_column {
    width: 33%;
    padding: 0 1%;
    float: left;
    margin: 0;

  }

  #footer-wrap .et_pb_row_1_tb_footer .et_pb_column {
    width: 100%;
  }
}
/* =================================== TABLET MEDIA QUERIES ================================== */

/* @media only screen and (max-width: 1080px){
  .ordinal-wrap {
    display: flex !important;
    -webkit-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
    position: relative;
  }

  .ordinal-one {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1 !important;
    clear: both;
    position: relative;
    width: 100%;
  }

  .ordinal-two {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2 !important;
    clear: both;
    position: relative;
    width: 100%;
  }
} */

/* =================================== LAPTOP QUERIES ================================== */
/** Ordinal Layout **/
/*@media only screen and (max-width: 993px)*/
@media only screen and (max-width: 1024px) {
  .ordinal-wrap /*+ 1 more class*/ {
    display: flex !important;
    -webkit-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
    position: relative;
  }

  .ordinal-one {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1 !important;
    clear: both;
    position: relative;
    width: 100% !important;
  }

  .ordinal-two {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2 !important;
    clear: both;
    position: relative;
    width: 100% !important;
  }

  .et_fixed_nav #main-header.et-fixed-header  {
		position: fixed;
		background: #fff;
		/* height: 85px; */
	}

	.et_mobile_menu {
		left: -6%;
    width: 112%;
		border-top: none;
		background-color: #fff !important;

	}

  /* .et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {
    padding-top: 0px;
    padding-bottom: 0px;
  } */

	.et_mobile_menu li a {
		padding: 5% 5%;
    font-size: 14px;
    text-transform: uppercase;
    color: #9D1D8A !important;
		border-bottom: 1px solid #f9f9f90a;
	}

	.et_mobile_menu li:last-child a {
		border: 2px solid #9D1D8A;
	}

	.menu-call-btn {
		border-left: none !important;
		padding-left: 0px;
		display: grid;
		text-align: center;
	}

	/* .et-fixed-header .logo_container {
		height: 55px;
	} */

	/* .et-fixed-header .mobile_menu_bar {
		padding-bottom: 5px;
	} */

	/* .et-fixed-header .mobile_menu_bar:before, */
  .mobile_menu_bar:before {
		font-size: 38px;
    color: #9D1D8A !important;
	}

	.et-fixed-header .et_mobile_menu {
		top: 85px;
	}

	/* .et_header_style_left .et-fixed-header #et-top-navigation {
		padding-top: 10px;
	} */

	.et_fixed_nav #et-top-navigation {
		-webkit-transition: none;
		-moz-transition: none;
		transition: none;
	}



	/* #logo, .et-fixed-header #logo {
		max-height: 95%;
	} */

	#main-header {
		background-color: #fff !important;
	}

  /* .et_header_style_left .logo_container {
  	height: 95%;
  	top: 1%
  } */

	/* .mobile_menu_bar::before {
		position: relative;
    top: 0px;
    left: 0;
    font-size: 32px;
    content: "\61";
    cursor: pointer;
    color: #9D1D8A !important;
	} */
}