/*
Theme Name:   understrapchild
Description:  Muschal Media Template
Author:       mmdev
Author URL:   Write here the author's blog or website url
Template:     understrap
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  understrapchild
*/
/* Write here your own personal stylesheet */


/* --- FAQ MODAL --- */
@media only screen and (max-width: 767px) {
	button.faq {
		width: 100% !important;
	}
}

button.faq {
	background: #393F26;
	border-radius: 0;
	border: 2px solid #393F26;
	color: white;
	font-weight: 600;
	padding: 1rem 2rem;
	width: 33%;
	margin: auto;
	display: block;
}
button.faq:hover {
	color: white;
	background: #6C7071;
	border: 2px solid #6C7071;
}
button.faq:active {
	border: 2px solid #393F26;
	background: white;
	color: #393F26;
	box-shadow: none;
}
button.faq:focus {
	box-shadow: none;
}

#faqModal .modal-dialog {
	max-width: 75%;
}

#close-bottom {
	border-radius: 0;
	border: 2px solid #6C7071;
	background: white;
	color: #6C7071;
	width: 50%;
	margin: auto;
	font-weight: 600;
}
#close-bottom:hover {
	border: 2px solid #393F26;
	background: #393F26;
	color: white;
}
#close-bottom:active {
	border: 2px solid #6C7071;
	background: #6C7071;
	color: white;
	box-shadow: none;
}
#close-bottom:focus {
	box-shadow: none;
}

ul.faq {
	list-style-type: none;
	columns: 3;
	column-fill: balance;
	column-gap: 40px;
	padding-left: 0;
}
ul.faq li p {
	text-align: left;
}

ul.faq .faq-title {
	margin-bottom: 25px;
	font-size: 85%;
}

/* --- END FAQ MODAL --- */

/* CONTACT FORM */
@media only screen and (max-width: 767px) {
	.row.leads {
		width: 100%;
		margin: auto;
	}

	.leads input {
		margin-top: 25px;
	}
}
.leads input:not(#firstName):not(#lastName), .leads select {
	margin-top: 25px;
}

#firstName, #lastName, #userEmail, #userPhone, #sessionPicker, #bookNow {
	border-radius: 0;
	border: 2px solid #6C7071;
	color: #6C7071;
	font-weight: 600;
	transition: all 0.3s ease;
}
#firstName::placeholder, #lastName::placeholder, #userEmail::placeholder, #userPhone::placeholder, #sessionPicker::placeholder, #bookNow::placeholder {
	color: #6C7071;
}
#firstName:focus, #lastName:focus, #userEmail:focus, #userPhone:focus, #sessionPicker:focus, #bookNow:focus {
	border: 2px solid #393F26;
	box-shadow: none;
	color: #393F26;
}
#firstName:focus::placeholder, #lastName:focus::placeholder, #userEmail:focus::placeholder, #userPhone:focus::placeholder, #sessionPicker:focus::placeholder, #bookNow:focus::placeholder {
	color: #393F26;
}

#bookNow {
	height: auto;
	padding: 1rem;
}
#bookNow:hover {
	background: #6C7071;
	color: white;
}
#bookNow:active {
	background: #393F26;
	border: 2px solid #393F26;
}
/* END CONTACT FORM */

@media only screen and (max-width: 767px) {	
	#faqModal .modal-dialog {
		max-width: 100% !important;
	}
	
	ul.faq {
		columns: 1 !important;
	}
}

#page-wrapper, #wrapper-footer {
	padding-bottom: 0 !important;
}

#wrapper-navbar {
	display: none !important;
}

::-moz-selection {
	color: #FFFFFF;
	background: #243E96; }
::selection {
	color: #FFFFFF;
	background: #243E96; }

html {
	scroll-behavior: smooth; }

.project-box {
	display: block;
	padding: 12rem 6rem;
	color: #222222; }
.project-box:hover {
	color: #222222;
	text-decoration: none; }

#wrapper-navbar {
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 10000; }

nav.navbar.bg-primary {
	position: relative;
	top: 0;
	width: 100%;
	background: transparent !important; }

.navbar-dark .navbar-toggler {
	padding: 0;
	border: none; }
.navbar-dark .navbar-toggler:focus {
	outline: none; }

.navbar-dark .navbar-toggler-icon {
	background: url("/wp-content/uploads/2019/12/close-btn.png") !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	font-size: 36px;
	font-family: "Pragmatica", sans-serif;
	font-weight: 900;
	color: #222222;
	margin-top: 10px; }

.nav-link {
	font-family: "Pragmatica", sans-serif !important;
	font-weight: 700 !important;
	font-size: 36px !important;
	color: #DB5179 !important;
	text-transform: uppercase;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease; }
.nav-link:hover {
	color: #FFFFFF !important;
	letter-spacing: 1px;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease; }

#main-menu {
	border: none;
	border-radius: 10px;
	width: 50%;
	padding: 2rem;
	background: #243E96 !important;
	z-index: 10001;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease; }

.force-hover {
	-webkit-box-shadow: 0 0 15px #DB5179 !important;
	box-shadow: 0 0 15px #DB5179 !important; }

.menu-item {
	padding-top: 1rem;
	padding-bottom: 1rem; }

.entry-header, .entry-footer {
	display: none; }

.wrapper {
	padding-top: 0 !important; }

section.hero {
	height: 100vh; }

div.hero {
	height: 100%; }

.hero-push {
	width: auto !important;
	margin: auto; }

.parallax-bg {
	min-height: 400px !important;
	background: transparent; }

#index-hero {
	background: transparent;
	/*&-content {
	background: $white;

	box-shadow: 0 0 15px $rose;

	& h1.hero {
	display: block;
	font-family: $serif;;
	font-size: 96px;
	line-height: 100px;
	font-weight: 700;
	padding: 2rem;
	color: $blue;
}

	& .separator {
	margin-left: 2rem;
	height: 4px;
	background: $pink;	
}
}*/ }

h1.title {
	font-family: "IvyMode", serif;
	font-size: 96px;
	line-height: 120px;
	font-weight: 700;
	letter-spacing: 0.1rem; }

h2.title {
	font-family: "IvyMode", serif;
	font-size: 60px;
	line-height: 72px;
	font-weight: 700;
	letter-spacing: 0.1rem; }

p:not(section[data-id="d1f2e4b"] p) {
	font-family: "Pragmatica", sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 27px;

}

p.subtitle {
	font-family: "Pragmatica", sans-serif;
	font-weight: 700;
	font-size: 36px;
	text-align: center; }

.white {
	color: #FFFFFF !important; }

div.separator {
	height: 2px;
	width: 20%;
	background: #222222; }

div.separator.vertical {
	height: 100px;
	margin: auto;
	width: 2px;
	background: #FFFFFF; }

.img-box {
	height: 450px;
	-webkit-filter: brightness(0.7);
	filter: brightness(0.7);
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease; }

section.img-box {
	padding: 0 !important;
	height: auto; }

#project1:hover,
#project2:hover,
#project3:hover,
#project4:hover,
#project5:hover,
#project6:hover {
	-webkit-filter: brightness(1.1);
	filter: brightness(1.1);
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease; }

.ghost-btn-wrapper {
	width: 100%;
	padding-top: 35px; }
.ghost-btn-wrapper.push {
	width: 50%;
	margin: auto; }

.ghost-btn {
	border: 2px solid #FFFFFF;
	border-radius: 10px;
	color: #FFFFFF;
	padding: 20px 40px;
	font-family: "IvyMode", serif;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 21px;
	letter-spacing: 0.2rem;
	width: 100%;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease; }
.ghost-btn:hover {
	letter-spacing: 0.3rem;
	color: #FFFFFF;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease; }
.ghost-btn.black {
	border: 2px solid #222222;
	color: #222222; }
.ghost-btn.black:hover {
	color: #222222; }

.svg-wrapper {
	width: 40%;
	margin: auto; }

.svg-text {
	font-family: 'IvyMode', sans-serif;
	font-size: 96px;
	line-height: 0;
	font-weight: 700;
	text-align: center; }

#background path {
	-webkit-animation: pulse 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards;
	animation: pulse 2s cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	transform-box: fill-box; }

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(0), rotate(69deg);
		transform: scale(0), rotate(69deg); }
	100% {
		-webkit-transform: scale(1), rotate(420deg);
		transform: scale(1), rotate(420deg); } }

@keyframes pulse {
	0% {
		-webkit-transform: scale(0), rotate(69deg);
		transform: scale(0), rotate(69deg); }
	100% {
		-webkit-transform: scale(1), rotate(420deg);
		transform: scale(1), rotate(420deg); } }