/*
Theme Name: Divi Child theme of Divi
Theme URI: 
Description: Child theme of Divi theme for the Divi theme
Author: <a href="http://www.elegantthemes.com">Elegant Themes</a>
Author URI: 
Template: Divi
Version: 4.27.1
*/

/* Generated by Orbisius Child Theme Creator (https://orbisius.com/products/wordpress-plugins/orbisius-child-theme-creator/) on Tue, 17 Sep 2024 18:42:19 +0000 */ 
/* The plugin now uses the recommended approach for loading the css files.*/

/* services */
.service-heading {
	backdrop-filter: blur(10px);
}

/* typeography */
h1,
h2,
h3 {
	--clr-one: #ccc;
	--clr-two: #fff;
	--bg-size: 300%;
	position: relative;
	background: linear-gradient(
		150deg,
		var(--clr-one) 40%, 
		var(--clr-two) 50%,
		var(--clr-one) 60%
	);
	background-size: var(--bg-size) auto;
	color: transparent !important;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent;
	background-clip: text;
	animation: bg-shine 3s ease-in-out infinite alternate;
}

@keyframes bg-shine {
	0% {
		background-position: 0% 50%;
	}
	100% {
		background-position: 100% 50%;
	}
}

/* h1,
h2 {
	--color-one: #757575;
	--color-two: #fff;
	--bg-size: 400%;
	background: linear-gradient(
		to right, 
		var(--color-one) 20%, 
		var(--color-two) 40%, 
		var(--color-two) 60%, 
		var(--color-one) 80%);
	background-size: var(--bg-size) auto;
  
	color: #000 !important;
	background-clip: text;
	text-fill-color: transparent;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
  
	animation: shine 1s linear infinite;
	
	@keyframes shine {
		to {
			background-position: var(--bg-size) center;
		}
	}
} */

/* home */
.home #services .et_pb_main_blurb_image img,
.page-salon #services .et_pb_main_blurb_image img,
.page-spa-services #services .et_pb_main_blurb_image img {
	filter: invert(1);
}


/* menu */
.page-id-17 .dsm_pricelist .dsm_pricelist {
	display: grid;
	grid-template-columns: repeat(2,1fr);
	gap: 0 3em;
}

/* contact */
.page-id-19 .gform-theme--framework .gform-field-label {
	color: #fff !important;
}

.page-id-19 .gform_required_legend {
	margin-bottom: 20px;
	font-size: 14px;
}

.page-id-19 .gform-theme--framework input,
.page-id-19 .gform-theme--foundation .gfield select {
	border: 0 !important;
	border-radius: 0 !important;
}

.page-id-19 .gform-theme--framework input[type=submit] {
	background: #e0e0e0 !important;
	color: #222 !important;
	text-transform: uppercase !important;
	letter-spacing: 2px !important;
	transition: all .2s;
}

.page-id-19 .gform-theme--framework input[type=submit]:hover {
	background: rgb(255 255 255 / 0.3) !important;
	color: #fff !important;
}

@media (max-width: 980px) {
	
	.page-id-17 .dsm_pricelist .dsm_pricelist {
		display: block;
	}
	
}

@media (max-width: 680px) {
	
	#page-title {
		height: 20vh;
	}
	
	#page-title .et_pb_row {
		margin-top: 40px !important;
	}
	
	.et_pb_section_1 {
		padding-top: 80px !important;
		padding-bottom: 80px !important;
	}
	
}


@media (max-width: 980px) {
  #mobile-flex-row { display:flex !important; flex-direction:column; }
  #mobile-flex-row > .et_pb_column { float:none !important; width:100% !important; }

  /* swap the first two columns */
  #mobile-flex-row > .et_pb_column:nth-child(1) { order: 2; }
  #mobile-flex-row > .et_pb_column:nth-child(2) { order: 1; }
}


/*make the Divi mobile dropdown menu scrollable*/
.et_mobile_menu {
overflow: scroll !important;
max-height: 80vh;
}