/* Royal Park Rajapruek nav logo — royal-park-logo.png (300×100, ratio 3:1) */

:root {
  --rprp-logo-ratio: 3 / 1;
  --rprp-logo-width: 120px;
  --rprp-logo-height: calc(var(--rprp-logo-width) / 3);
  --rprp-menu-height: 80px;
}

img.img_logo_rprp {
  width: var(--rprp-logo-width) !important;
  height: var(--rprp-logo-height) !important;
  max-width: var(--rprp-logo-width) !important;
  max-height: var(--rprp-logo-height) !important;
  aspect-ratio: var(--rprp-logo-ratio);
  object-fit: contain;
  object-position: center center;
  display: block;
  flex: 0 0 auto;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  transform: none !important;
  transition: none !important;
  position: relative;
  top: 0 !important;
  bottom: auto !important;
}

.sf-menu > li > a[href*="royalparkrajapruek"],
.sf-menu > li > a[href*="royalparkrajapruek"]:hover,
.sf-menu > li > a[href*="royalparkrajapruek"]:focus,
.sf-menu > li.sfHover > a[href*="royalparkrajapruek"],
.sf-menu > li.active > a[href*="royalparkrajapruek"],
.sf-menu > li.sfHover > a[href*="royalparkrajapruek"]:hover {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-content: center !important;
  height: var(--rprp-menu-height) !important;
  min-height: var(--rprp-menu-height) !important;
  max-height: var(--rprp-menu-height) !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 0 !important;
  border: 0 !important;
  box-sizing: border-box !important;
  background-color: transparent !important;
  background-image: none !important;
  color: transparent !important;
  vertical-align: middle !important;
  overflow: visible !important;
  transform: none !important;
  transition: none !important;
}

.sf-menu > li > a[href*="royalparkrajapruek"] img.img_logo_rprp,
.sf-menu > li > a[href*="royalparkrajapruek"]:hover img.img_logo_rprp,
.sf-menu > li > a[href*="royalparkrajapruek"]:focus img.img_logo_rprp,
.sf-menu > li.sfHover > a[href*="royalparkrajapruek"] img.img_logo_rprp,
.sf-menu > li.active > a[href*="royalparkrajapruek"] img.img_logo_rprp {
  width: var(--rprp-logo-width) !important;
  height: var(--rprp-logo-height) !important;
  max-width: var(--rprp-logo-width) !important;
  max-height: var(--rprp-logo-height) !important;
  transform: none !important;
  scale: 1 !important;
}

.sf-menu > li:has(> a[href*="royalparkrajapruek"]) {
  align-self: center !important;
  display: flex !important;
  align-items: center !important;
  height: var(--rprp-menu-height) !important;
  min-height: var(--rprp-menu-height) !important;
  max-height: var(--rprp-menu-height) !important;
}

/* min-width: 577px and max-width: 767px */
@media (min-width: 577px) and (max-width: 767px) {
  :root {
    --rprp-logo-width: 84px;
    --rprp-logo-height: calc(var(--rprp-logo-width) / 3);
    --rprp-menu-height: 48px;
  }
}

/* min-width: 768px and max-width: 1023px */
@media (min-width: 768px) and (max-width: 1023px) {
  :root {
    --rprp-logo-width: 108px;
    --rprp-logo-height: calc(var(--rprp-logo-width) / 3);
    --rprp-menu-height: 48px;
  }
}

/* min-width: 1024px and max-width: 1279px */
@media (min-width: 1024px) and (max-width: 1279px) {
  :root {
    --rprp-logo-width: 120px;
    --rprp-logo-height: calc(var(--rprp-logo-width) / 3);
    --rprp-menu-height: 64px;
  }
}

/* min-width: 1280px and max-width: 1499px */
@media (min-width: 1280px) and (max-width: 1499px) {
  :root {
    --rprp-logo-width: 96px;
    --rprp-logo-height: calc(var(--rprp-logo-width) / 3);
    --rprp-menu-height: 80px;
  }
}

/* min-width: 1500px and max-width: 1679px */
@media (min-width: 1500px) and (max-width: 1679px) {
  :root {
    --rprp-logo-width: 108px;
    --rprp-logo-height: calc(var(--rprp-logo-width) / 3);
    --rprp-menu-height: 80px;
  }
}

/* min-width: 1680px */
@media (min-width: 1680px) {
  :root {
    --rprp-logo-width: 120px;
    --rprp-logo-height: calc(var(--rprp-logo-width) / 3);
    --rprp-menu-height: 80px;
  }
}