/*
Theme Name: miamiphuyen Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/
.header-nav-main > li > a { font-size: 14px; color: #fff !important; }
.header-nav-main > li > a:before { width: 0px; height: 1px; background: #fff !important; }
.header-nav-main > li:hover > a:before { width: 100%; }

.header-language-dropdown span { margin-left: 5px; font-weight: 700; font-size: 16px; font-family: 'Inter'; }

.header-button-1 .button { background: #FFF; color: var(--primary-color); font-size: 16px; font-family: 'Inter'; }

.header-full-width .container { max-width: 1300px !important; }

.home-slide h2 { font-size: 40px; line-height: 52px; }
.home-slide .section-title b { opacity: 1; }
.home-slide .section-title span.section-title-main { font-size: 20px; }
.home-slide .banner-bg:before { content: ""; position: absolute; height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background: linear-gradient(0deg, rgba(0, 0, 0, 0) 30.93%, rgba(0, 0, 0, 0.7) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.4) 100%); z-index: 1; }
.home-slide .banner-layers { z-index: 2; }

.button:not(.icon) { font-weight: 400; font-size: 14px; min-height: 44px; line-height: 42px; min-width: 105px; box-shadow: none; }
.button:not(.icon).primary:hover { background-color: #fff !important; color: #2B2B2B; }
.button:not(.icon).is-outline { border-width: 1px; }
.button:not(.icon).is-large { font-size: 16px; min-height: 48px; line-height: 46px; }
.button:not(.icon).white.is-outline { box-shadow: none; border-color: #fff; color: #fff !important; }
.button:not(.icon):hover.is-outline { background-color: var(--primary-color) !important; color: #fff; }
.button:not(.icon):hover.secondary { background-color: var(--primary-color); }
.button:not(.icon):hover.white { color: var(--primary-color) !important; }
.button:not(.icon):hover.white.is-outline { color: #fff !important; }

.slider-nav-circle .flickity-prev-next-button { opacity: 1 !important; height: 44px; min-width: 44px; }
.slider-nav-circle .flickity-prev-next-button svg { border: 1px solid var(--primary-color) !important; padding: 29% !important; color: #fff; border-radius: 0; background-color: var(--primary-color); }
.slider-nav-circle .flickity-prev-next-button:hover svg { background-color: #2845D9; }

.flickity-page-dots .dot { height: 12px; width: 12px; opacity: 1; background: #D9D9D9 !important; border: none; }
.flickity-page-dots .dot.is-selected { width: 24px; border-radius: 8px; background-color: var(--fs-color-secondary) !important; }

.section-title { border-bottom: none; }
.section-title b { opacity: 0; }
.section-title span.section-title-main { font-size: 48px; font-weight: 400; line-height: 1; }

.slider-nav-simple .flickity-prev-next-button { opacity: 1; transform: none; margin-top: 0 !important; }
.slider-nav-simple .flickity-prev-next-button svg { color: var(--primary-color) !important; }
.slider-nav-simple .flickity-prev-next-button:hover svg, .slider-nav-simple .flickity-prev-next-button:hover .arrow { fill: var(--primary-color) !important; }

.slider-nav-simple .flickity-button { opacity: 1; }
.slider-nav-simple .flickity-button > svg { display: none; }
.slider-nav-simple .flickity-button:before, .slider-nav-simple .flickity-button:after { content: ''; height: 25px; width: 25px; display: block; transform: translate(0, -50%) rotate(45deg); -moz-transform: translate(0, -50%) rotate(45deg); -webkit-transform: translate(0, -50%) rotate(45deg); -o-transform: translate(0, -50%) rotate(45deg); z-index: 2; margin: auto; position: absolute; }
.slider-nav-simple .flickity-button.previous:before { border-bottom: 2px solid #fff; border-left: 2px solid #fff; }
.slider-nav-simple .flickity-button.next::before { border-top: 2px solid #fff; border-right: 2px solid #fff; }
.slider-nav-simple .flickity-button:hover:before { border-color: var(--primary-color); }
.slider-nav-simple.slider-nav-dark .flickity-button.previous:before { border-bottom: 2px solid #000; border-left: 2px solid #000; }
.slider-nav-simple.slider-nav-dark .flickity-button.next::before { border-top: 2px solid #000; border-right: 2px solid #000; }

.slider-nav-outside .flickity-prev-next-button.previous { right: 100%; left: auto; margin-top: 0; }
.slider-nav-outside .flickity-prev-next-button.next { right: auto; left: 100%; margin-top: 0; }
.slider-nav-outside.slider-nav-simple .flickity-button:before { border-color: var(--primary-color); }
.slider-nav-outside.slider-nav-simple.slider-nav-light .flickity-button:before { border-color: #fff; }

.box-shadow-1 { background: #FFFFFF; box-shadow: 7px 0px 14px 0px rgba(0, 0, 0, 0.15); }

.nav-pills > li { margin: 0 10px; }
.nav-pills > li > a { font-weight: 600; font-size: 16px; border-radius: 10px; text-align: center; text-transform: capitalize; color: var(--primary-color); border: 1px solid var(--primary-color); }
.nav-pills > li:hover > a, .nav-pills > li.active > a { color: #fff; background-color: var(--primary-color) !important; }

.text-justify { text-align: justify; }

.pb-24 { padding-bottom: 24px; }

.section-gradient:before { content: ""; height: 100%; width: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 100%); z-index: 1; }

.form-booking label { font-weight: 700; }
.form-booking input, .form-booking select { border: none; box-shadow: none; border-bottom: 1px solid #E6E6E6; margin: 0; }
.form-booking .col.submit { display: flex; flex-direction: row; justify-content: flex-end; align-items: flex-end; }
.form-booking .btn-submit { background: var(--primary-color); margin: 0; }

.villa-info .title { font-size: 32px; }
.villa-info .meta-item { display: flex; gap: 16px; align-items: center; padding-bottom: 15px; }
.villa-info ul { list-style: none; }
.villa-info ul li { list-style: none; margin-left: 0; margin-bottom: 5px; }
.villa-info ul li:before { content: ""; height: 20px; width: 20px; background: url("assets/images/check.png") no-repeat; display: inline-block; margin-right: 8px; }

.banner-gradient .banner-bg:before { content: ""; position: absolute; height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background: linear-gradient(270deg, rgba(0, 0, 0, 0) 31.33%, rgba(0, 0, 0, 0.7) 59.5%, rgba(0, 0, 0, 0.8) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%); z-index: 1; }
.banner-gradient .banner-layers { z-index: 2; }

.section-contact h4 { font-family: "Inter"; font-size: 24px; }
.section-contact h5 { font-family: "Inter"; font-size: 18px; margin-bottom: 0; }
.section-contact:before { content: ""; position: absolute; height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.6) 100%); z-index: 1; }
.section-contact .wpcf7 input, .section-contact .wpcf7 select { min-height: 44px; }
.section-contact .wpcf7 .col { padding-bottom: 0; }

.icon-facebook:before { content: ""; height: 24px; width: 24px; background: url("assets/images/icon-facebook.png") no-repeat; display: block; }

.icon-youtube:before { content: ""; height: 24px; width: 24px; background: url("assets/images/icon-youtube.png") no-repeat; display: block; }

body .row-testimonial h3 { font-size: 18px; font-family: 'Inter'; margin-top: 15px; }
body .row-testimonial .testimonial-name { color: #000; font-size: 13px; }
body .row-testimonial .testimonial-company { color: rgba(0, 0, 0, 0.6); font-size: 13px; }
body .row-testimonial .testimonial-name-divider { display: none; }
body .row-testimonial .star-rating span:before { color: #FFBF00; }
body .row-testimonial .large-4 > .col-inner { border: 1px solid #E6E6E6; background: #FFF; padding: 28px; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.12); }

html:not([data-ng-app="uxBuilder"]) .row-testimonial .large-4 { flex-basis: 100%; max-width: 100%; }
html:not([data-ng-app="uxBuilder"]) .row-testimonial .large-4.col:not(.is-selected) { opacity: 0.6; }
html:not([data-ng-app="uxBuilder"]) .row-testimonial .flickity-viewport { max-width: 70% !important; margin: 0 auto; overflow: inherit; }
html:not([data-ng-app="uxBuilder"]) .row-testimonial .flickity-viewport:before { content: ""; display: block; position: absolute; width: 1000px; min-height: 100%; background: #fff; left: -1000px; top: -8px; z-index: 1; transform: translateX(-200px); }
html:not([data-ng-app="uxBuilder"]) .row-testimonial .flickity-viewport:after { content: ""; display: block; position: absolute; width: 1000px; min-height: 100%; background: #fff; right: -1000px; top: -8px; visibility: visible; height: 100%; transform: translateX(200px); }

.rental-price { width: 100%; margin: 15px 0 15px; position: relative; text-align: center; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; padding: 10px 0; }

.rental-price p { margin-bottom: 0; }

.rental-price:before { content: url(assets/images/price-partner-l.png); position: absolute; top: 0; left: 0; height: 70px; }

.rental-price:after { content: url(assets/images/price-partner-r.png); position: absolute; bottom: 0; right: 0; height: 70px; }

.rental-price strong { font-size: 21pt; font-weight: 700; }

.footer-wrapper:before, .footer-wrapper:after { content: ""; background: url(assets/images/footer-1.png) no-repeat; position: absolute; height: 151px; width: 289px; z-index: 0; }
.footer-wrapper:before { bottom: 0; left: 0; }
.footer-wrapper:after { background: url("assets/images/footer-2.png") no-repeat; top: 0; right: 0; width: 266px; height: 299px; }

.footer-1 { padding-top: 60px; }
.footer-1 span.widget-title { color: #E6B87D; font-size: 15px; font-family: 'Inter'; display: block; margin-bottom: 20px; }
.footer-1 .is-divider { display: none; }
.footer-1 .footer-logo { max-height: 60px; }
.footer-1 p { color: #A6A6A6; font-size: 14px; margin-bottom: 8px; }
@media screen and (min-width: 769px) { .footer-1 .row > .col:nth-child(1) { flex-basis: 45%; max-width: 45%; }
  .footer-1 .row > .col:nth-child(2), .footer-1 .row > .col:nth-child(3) { flex-basis: 27.5%; max-width: 27.5%; } }
.footer-1 .social { display: flex; gap: 12px; margin-top: 20px; }
.footer-1 .icon-phone:before { content: ""; height: 24px; width: 24px; background: url("assets/images/icon-phone.png") no-repeat; display: block; }
.footer-1 .icon-mail:before { content: ""; height: 24px; width: 24px; background: url("assets/images/icon-mail.png") no-repeat; display: block; }

.absolute-footer .container { max-width: 1140px; border-top: 1px solid #666; }

.copyright-footer { color: #A6A6A6; font-size: 14px; padding-top: 25px; padding-bottom: 12px; }

.back-to-top { border: none !important; height: 47px; width: 47px; bottom: 51px; right: 25px; background: var(--primary-color) !important; box-shadow: 0px 4px 4px rgba(15, 111, 183, 0.15); color: #fff !important; font-size: 19px; line-height: 50px !important; }

.nav-pagination-box { display: block; text-align: center; margin: 0 auto; width: 100%; }
.nav-pagination-box .nav-pagination li:before { display: none; }

.white-popup-block { background: #fff; padding: 0px 0px; text-align: left; max-width: 950px; margin: 40px auto; position: relative; border-radius: 0; overflow: hidden; padding: 0; }
.white-popup-block .section-title span.section-title-main { font-size: 28px; }
.white-popup-block .modal-close { position: absolute; text-align: right; margin-bottom: 13px; right: 20px; top: 20px; color: #000; }
.white-popup-block .modal-close svg { height: 20px; width: 20px; fill: #000; }
.white-popup-block .modal-body { color: #000; font-size: 14px; }
.white-popup-block .wpcf7-form { border-bottom: 1px solid #afafaf; }
.white-popup-block .wpcf7-form input[type=email] { border: none; }
.white-popup-block.villa-popup .slider-nav-simple .flickity-button:before { border-color: var(--primary-color) !important; }

.villa-popup-content { padding: 32px 50px; }
.villa-popup-content h2.title { font-size: 40px; }
.villa-popup-content .post-meta { border-top: 1px solid #E6E6E6; border-bottom: 1px solid #E6E6E6; display: flex; align-items: center; padding: 15px 0; }
.villa-popup-content .post-meta .meta-item { padding-bottom: 0; display: flex; gap: 8px; align-items: center; }
.villa-popup-content ul.features li { list-style: none; margin-left: 0; display: inline-block; width: 50%; float: left; }
.villa-popup-content ul.features li:before { content: ""; height: 20px; width: 20px; background: url("assets/images/check.png") no-repeat; display: inline-block; margin-right: 8px; }

h3.dot-title { position: relative; padding-left: 32px; font-family: "Cormorant Infant"; font-size: 24px; text-transform: uppercase; margin-top: 15px; }
h3.dot-title:before { content: ""; height: 24px; width: 24px; position: absolute; left: 0; background-color: var(--fs-color-secondary); top: 50%; border-radius: 100px; transform: translateY(-50%); }

@media (prefers-reduced-motion: no-preference) { .row-slider.slider [data-animated=true], .slider .is-selected [data-animated=true], [data-animated=true] { -webkit-animation-delay: 0s !important; animation-delay: 0s !important; }
  [data-animate=bounceInUp] { transition: transform 0.4s cubic-bezier(0, 0.195, 0, 1.465), opacity 0.2s ease-in !important; }
  .slider [data-animate], [data-animate] { transition: filter 0.7s, transform 0.7s, opacity 0.4s ease-in !important; } }
@media screen and (max-width: 820px) { .mobile-nav .header-language-dropdown .nav-dropdown { margin-left: -100% !important; }
  .mobile-nav .has-icon a { display: flex; justify-content: center; align-items: center; flex-direction: column; width: 40px; height: 40px; padding: 0; min-width: auto; border-radius: 50%; position: relative; color: var(--primary-color); }
  .mobile-nav .has-icon a svg { max-width: 20px; }
  .mobile-nav .has-icon a i { text-align: center; }
  .mobile-nav .icon-image img { min-width: 25px; }
  .off-canvas #logo { padding: 20px; width: 250px !important; }
  .off-canvas .sidebar-menu { padding: 0px 12px; }
  .off-canvas-right.dark .mfp-content { background-color: var(--primary-color) !important; }
  .off-canvas .nav-vertical > li { border-top: none !important; background-color: transparent !important; }
  .off-canvas .nav-vertical > li > a { padding-top: 10px; padding-bottom: 10px; color: #fff; height: auto; font-size: 16px; text-transform: none; text-shadow: none; font-weight: 400; border-radius: 5px; }
  .off-canvas .nav-vertical > li.current-menu-item > a, .off-canvas .nav-vertical > li:hover > a { background-color: var(--primary-color); color: #fff; }
  .off-canvas .nav-vertical > li > ul > li a { color: #111; }
  .off-canvas .nav-vertical > li > ul > li li { position: relative; margin-left: 20px !important; }
  .off-canvas .nav-vertical > li > ul > li li:before { content: ""; height: 5px; width: 5px; display: inline-block; background-color: #111; position: absolute; top: 50%; transform: translateY(-50%); }
  .home-slide h2 { font-size: 30px; line-height: 35px; } }
@media screen and (max-width: 512px) { .header-language-dropdown a span, .header-language-dropdown .icon-angle-down { display: none; }
  .header-button-1 .button { font-weight: 400; font-size: 11px; min-height: 35px; line-height: 35px; min-width: 102px; box-shadow: none; padding: 0; }
  .button:not(.icon).is-large { font-size: 14px; min-height: 44px; line-height: 42px; }
  .section-title span.section-title-main { font-size: 35px; }
  .home-slide h2, .villa-popup-content h2.title { font-size: 22px; line-height: 25px; }
  .villa-popup-content { padding: 10px; }
  body .row-testimonial .large-4 > .col-inner { padding: 10px; } }