@font-face {
	font-family: "Poppins";
	src: url("../font/Poppins-Regular.ttf") format("truetype");
}

@font-face {
	font-family: "Alice";
	src: url("../font/Alice-Regular.ttf") format("truetype");
}

@font-face {
	font-family: "Pinyon";
	src: url("../font/PinyonScript-Regular.ttf") format("truetype");
}

@font-face {
	font-family: "Cormorant";
	src: url("../font/CormorantInfant-Regular.ttf") format("truetype");
}



.font-poppins { font-family: "Poppins", sans-serif; }
.font-alice { font-family: "Alice", sans-serif; }
.font-pinyon { font-family: "Pinyon", sans-serif; }
.font-cormorant { font-family: "Cormorant", sans-serif; }

body {
    background-color: #FFFFFF;
    font-family: 'Poppins', sans-serif;

}

body.overflow-hidden {
    overflow: hidden !important; 
    height: 100% !important; 
}


.previewGallery {
    z-index: 99999;
}


.container{
    background-color: #F7F0E6;
}

.bg-cover {
	box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.4);
    background-color: #BEC4AA;
    border-color: #E4E8DA;
}

.bg-cover2 {
    background-color: #BEC4AA;
    border-color: #E4E8DA;
}

.ornamen-bunga-kanan{
    z-index: 999;
}
.audio-control {
	width: 40px !important;
	height: 40px !important;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center !important;
	cursor: pointer;
	background: #FFFFFF !important;
	position: fixed !important;
	left: 49.6% !important;
	bottom: 10px !important;
	transform: translateX(-200px) !important;
	margin-left: -12px !important;
	z-index: 75;
  }
  
  @media (max-width: 767px) {
	.audio-control {
	  width: 40px !important;
	  height: 40px !important;
	  left: calc(10%) !important;
	  transform: translateX(-50%) !important;
	  margin-left: 0 !important;
	}
  }
  
  .audio-control i {
	font-size: 24px !important;
	color: #C0C5AC !important;
	animation: spin 4s linear infinite;
  }
  
  @keyframes spin {
	from {
	  transform: rotate(0deg);
	}
	to {
	  transform: rotate(360deg);
	}
  }
.bg-schedule{
    border-color: #E4E8DA;
	box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.4);
}

.map-embed > iframe {
	width: 250px;
	max-width: 250px;
}

@media (min-width: 768px) {
	.map-embed > iframe {
		width: 100%;
		max-width: 100%;
	}
}


[v-cloak] {
    display: none;
}