/*
Theme Name: Luna Vila Booking
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face {
    font-family: 'VL Analogue';
    src: url('/wp-content/themes/luna-vila-booking/fonts/VLAnalogueRegular.eot');
    src: url('/wp-content/themes/luna-vila-booking/fonts/VLAnalogueRegular.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/luna-vila-booking/fonts/VLAnalogueRegular.woff2') format('woff2'),
        url('/wp-content/themes/luna-vila-booking/fonts/VLAnalogueRegular.woff') format('woff'),
        url('/wp-content/themes/luna-vila-booking/fonts/VLAnalogueRegular.ttf') format('truetype'),
        url('/wp-content/themes/luna-vila-booking/fonts/VLAnalogueRegular.svg#VLAnalogueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'VL Analogue Italic';
    src: url('/wp-content/themes/luna-vila-booking/fonts/VLAnalogueItalic.eot');
    src: url('/wp-content/themes/luna-vila-booking/fonts/VLAnalogueItalic.eot?#iefix') format('embedded-opentype'),
        url('/wp-content/themes/luna-vila-booking/fonts/VLAnalogueItalic.woff2') format('woff2'),
        url('/wp-content/themes/luna-vila-booking/fonts/VLAnalogueItalic.woff') format('woff'),
        url('/wp-content/themes/luna-vila-booking/fonts/VLAnalogueItalic.ttf') format('truetype'),
        url('/wp-content/themes/luna-vila-booking/fonts/VLAnalogueItalic.svg#VLAnalogueItalic') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

/*
h1, h2, h3, h4, h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a {
    font-family: 'VL Analogue' !important;
    letter-spacing: 2px;
}*/

/*RELATED BLOG*/
.related-post .flickity-prev-next-button svg {
	max-height: 30px;
}
.relatedcat h2 {
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 20px;
}
.related-post .flickity-page-dots {
	bottom: -10px;
}
.related-post {
	margin-bottom: 40px;
}
.related-post .related-title {
	margin-top: 16px;
	margin-bottom: 16px;
}
.related-post .related-title a {
	color: #333333;
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
}
.related-post .related-title a:hover {
	color: var(--primary-color);
}
.related-post .related-more {
	display: inline-block;
	font-size: 14px;
	line-height: 24px;
	font-weight: 500;
}
.related-post .related-more i {
	margin-top: -13px;
	position: relative;
	top: 3px;
	font-size: 18px;
	margin-left: 4px;
}
.related-post .flickity-page-dots .dot {
	background-color: #16a44d;
	border: 3px solid #16a44d;
	height: 11px;
	width: 11px;
}
.feature {
	position: relative;
	overflow: hidden;
	border-radius: 8px;
}
.feature::before {
	content: "";
	display: block;
	padding-top: 62%;
}
.feature .image {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	background-size: cover;
	background-position: center;
	transition: 0.4s all;
}
.feature .image:hover {
	transform: scale(1.15);
}
/**/
.br-contact {
	z-index: 9999;
	max-width: 64px !important;
	position: fixed;
	right: 10px;
	bottom: 80px;
	margin-top: 0;
}
.br-contact .ux-logo {
	padding: 0;
	width: 52px !important;
	min-width: 52px;
	height: 52px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	background-color: var(--fs-color-secondary);
	margin: 0 auto;
	margin-top: 24px;
}
.br-contact .ux-logo:after {
	content: "";
	position: absolute;
	width: 56px;
	min-width: 56px;
	height: 56px;
	background-color: var(--fs-color-secondary);
	opacity: .25;
	animation: scale1 1.8s infinite;
	z-index: -1;
	border-radius: 100%;
	filter: blur(1px);
}
.br-contact .ux-logo:before {
	content: "";
	position: absolute;
	width: 58px;
	min-width: 58px;
	height: 58px;
	background-color: var(--fs-color-secondary);
	opacity: .25;
	animation: scale2 1.8s infinite;
	z-index: -1;
	border-radius: 100%;
	filter: blur(1px);
}
.br-contact .img {
	padding: 1px;
	text-align: center;
}
.br-contact .img img {
	width: 52px;
	height: 52px;
}
.br-contact > .col {
    padding: 0;
}
@keyframes scale1 {
  0% {
    transform: scale(0.95);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(0.95);
  }
}
@keyframes scale2 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}
/**/
.back-to-top {
	min-width: 38px !important;
	min-height: 38px !important;
	line-height: 36px !important;
	border: 1px solid #a8a8a8 !important;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #ffffff !important;
}
.back-to-top:hover {
	background-color: var(--primary-color) !important;
}
.back-to-top i {
	top: -2px;
	left: 0.5px;
}
/**/
ul.row.related-post li {
	list-style: none;
}
@media only screen and (max-width: 600px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.br-contact {
		max-width: 42px !important;
		bottom: 40px;
	}
	.ux-logo.inline-block {
	    padding: 0;
	    width: 42px !important;
	    min-width: 42px;
	    height: 42px;
		margin-top: 16px;
	}
	.ux-logo-link {
		padding: 5px !important;
	}
	.br-contact .ux-logo:after {
		width: 46px;
		min-width: 46px;
		height: 46px;
	}
	.br-contact .ux-logo:before {
		width: 48px;
		min-width: 48px;
		height: 48px;
	}
	.br-contact .img img {
		width: 42px;
		height: 42px;
	}

}