/* Local fallback styles for static Divi export */
:root {
  --mpn-accent: #e6bca0;
  --mpn-accent-dark: #d9a684;
  --mpn-dark: #2b2b2b;
  --mpn-text: #333;
  --mpn-muted: #666;
  --mpn-white: #fff;
  --mpn-container: 1080px;
}

*, *::before, *::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  color: var(--mpn-text);
  background: #f7f4f1;
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.7;
}

body.custom-background {
  background: #f7f4f1;
}

a {
  color: #111;
  text-decoration: none;
  transition: color .2s ease;
}

a:hover {
  color: var(--mpn-accent-dark);
}

img {
  max-width: 100%;
  height: auto;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Dosis", "Roboto Condensed", sans-serif;
  font-weight: 600;
  line-height: 1.2;
  margin: 0 0 .6em;
  color: #111;
}

p {
  margin: 0 0 1em;
}

.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

.container {
  width: 90%;
  max-width: var(--mpn-container);
  margin: 0 auto;
  position: relative;
}

#page-container {
  overflow: hidden;
}

#main-header {
  position: relative;
  z-index: 9999;
  background: var(--mpn-white);
  box-shadow: 0 1px 0 rgba(0, 0, 0, .08);
}

.et_fixed_nav #main-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.et_fixed_nav #page-container {
  padding-top: 66px;
}

.et_menu_container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 66px;
}

.logo_container {
  flex: 0 0 auto;
}

.logo_container img,
#logo {
  display: block;
  max-height: 52px;
  width: auto;
}

#et-top-navigation {
  flex: 1 1 auto;
}

#top-menu-nav,
#top-menu {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0;
  list-style: none;
  margin: 0;
  padding: 0;
}

#top-menu > li {
  position: relative;
}

#top-menu > li > a {
  display: block;
  padding: 12px 14px;
  font-family: "Dosis", sans-serif;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #111;
}

#top-menu > li.current-menu-item > a,
#top-menu > li > a:hover {
  color: var(--mpn-accent-dark);
}

#et_mobile_nav_menu {
  display: none;
}

.mobile_nav {
  cursor: pointer;
  font-family: "Dosis", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
}

.mobile_menu_bar::before {
  content: "☰";
  font-size: 24px;
  line-height: 1;
}

.et_search_outer {
  display: none;
}

#et-main-area,
#main-content,
.entry-content {
  width: 100%;
}

.et_pb_section {
  position: relative;
  padding: 4% 0;
  background-size: cover;
  background-position: center;
}

.et_pb_section.et_section_regular {
  background: transparent;
}

.et_pb_section.et_pb_with_background {
  background-color: #efe5db;
  color: var(--mpn-text);
}

.et_pb_section.et_pb_with_background:has(.et_pb_bg_layout_dark) {
  background-color: var(--mpn-dark);
  color: var(--mpn-white);
}

.et_pb_section.et_pb_with_background:has(.et_pb_post_title) {
  background-color: var(--mpn-accent);
  padding-top: 42px;
  padding-bottom: 32px;
}

.et_pb_post_title .entry-title {
  color: #111 !important;
  font-family: "Dosis", "Roboto Condensed", sans-serif;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  margin: 0;
}

.et_pb_section.et_pb_with_background:has(.et_pb_bg_layout_dark) h1,
.et_pb_section.et_pb_with_background:has(.et_pb_bg_layout_dark) h2,
.et_pb_section.et_pb_with_background:has(.et_pb_bg_layout_dark) h3,
.et_pb_section.et_pb_with_background:has(.et_pb_bg_layout_dark) h4,
.et_pb_section.et_pb_with_background:has(.et_pb_bg_layout_dark) p,
.et_pb_section.et_pb_with_background:has(.et_pb_bg_layout_dark) a,
#hovertextlight,
#hovertextlight a {
  color: var(--mpn-white);
}

.et_pb_row {
  display: flex;
  flex-wrap: wrap;
  width: 90%;
  max-width: var(--mpn-container);
  margin: 0 auto;
  gap: 3%;
}

.et_pb_column {
  position: relative;
  min-width: 0;
  margin-bottom: 24px;
}

.et_pb_column_4_4 { width: 100%; }
.et_pb_column_3_4 { width: 74.25%; }
.et_pb_column_2_3 { width: 65.667%; }
.et_pb_column_3_5 { width: 57.8%; }
.et_pb_column_1_2 { width: 48.5%; }
.et_pb_column_2_5 { width: 40.2%; }
.et_pb_column_1_3 { width: 31.333%; }
.et_pb_column_1_4 { width: 22.75%; }

.et-last-child {
  margin-right: 0;
}

.et_pb_column_empty {
  display: none;
}

.et_pb_text,
.et_pb_blurb,
.et_pb_cta,
.et_pb_blog,
.et_pb_code,
.et_pb_promo {
  margin-bottom: 20px;
}

.et_pb_text_inner h4 {
  font-size: 22px;
  letter-spacing: .02em;
}

.et_pb_slider {
  position: relative;
  overflow: hidden;
}

.et_pb_slides {
  position: relative;
}

.et_pb_slide {
  display: none;
  padding: 28px 24px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, .08);
  border-radius: 4px;
}

.et_pb_slide.et-pb-active-slide {
  display: block;
}

.et_pb_slide.et_pb_bg_layout_dark,
.et_pb_bg_layout_dark.et_pb_slide {
  background: var(--mpn-dark);
  color: var(--mpn-white);
  border-color: transparent;
}

.et_pb_slide.et_pb_bg_layout_light,
.et_pb_bg_layout_light.et_pb_slide {
  background: #fff;
  color: var(--mpn-text);
}

.et_pb_slide.et_pb_bg_layout_dark a,
.et_pb_slide.et_pb_bg_layout_dark h3,
.et_pb_bg_layout_dark.et_pb_slide a,
.et_pb_bg_layout_dark.et_pb_slide h3,
.et_pb_bg_layout_dark .et_pb_slide_description,
.et_pb_bg_layout_dark .et_pb_slide_content {
  color: var(--mpn-white);
}

.et_pb_slide_title {
  font-size: 28px;
  margin-bottom: 12px;
}

.et_pb_slide_content {
  margin-bottom: 16px;
}

.et_pb_button,
.et_pb_promo_button,
.et_pb_more_button,
input.button,
#mc-embedded-subscribe {
  display: inline-block;
  padding: 10px 20px;
  border: 2px solid var(--mpn-accent);
  border-radius: 3px;
  background: transparent;
  color: #111 !important;
  font-family: "Dosis", sans-serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
  cursor: pointer;
  transition: all .2s ease;
}

.et_pb_slide.et_pb_bg_layout_dark .et_pb_button,
.et_pb_slide.et_pb_bg_layout_dark .et_pb_more_button,
.et_pb_bg_layout_dark .et_pb_button,
.et_pb_bg_layout_dark .et_pb_more_button,
.et_pb_cta.et_pb_bg_layout_dark .et_pb_promo_button {
  border-color: var(--mpn-accent);
  background: var(--mpn-accent);
  color: #111 !important;
}

.et_pb_button:hover,
.et_pb_promo_button:hover,
.et_pb_more_button:hover,
input.button:hover,
#mc-embedded-subscribe:hover {
  background: var(--mpn-accent-dark);
  border-color: var(--mpn-accent-dark);
  color: #111 !important;
}

.et_pb_slide.et_pb_bg_layout_dark .et_pb_button:hover,
.et_pb_slide.et_pb_bg_layout_dark .et_pb_more_button:hover,
.et_pb_bg_layout_dark .et_pb_button:hover,
.et_pb_bg_layout_dark .et_pb_more_button:hover,
.et_pb_cta.et_pb_bg_layout_dark .et_pb_promo_button:hover {
  background: var(--mpn-white);
  border-color: var(--mpn-white);
  color: #111 !important;
}

.et_pb_with_border .et_pb_slide,
.et_pb_with_border .et_pb_cta,
.et_pb_with_border .et_pb_blurb,
.et_pb_with_border.et_pb_row {
  border: 1px solid rgba(0, 0, 0, .08);
}

.et_pb_cta {
  padding: 28px 24px;
  background: var(--mpn-dark);
  color: var(--mpn-white);
}

.et_pb_cta .et_pb_module_header {
  color: var(--mpn-white);
}

.et_pb_blurb_content {
  padding: 16px 0;
}

.et_pb_blurb_description,
.et_pb_promo_description {
  color: inherit;
}

.et_pb_posts .et_pb_post {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, .08);
  padding: 18px;
  margin-bottom: 24px;
}

.et_pb_post .entry-title {
  font-size: 22px;
  margin: 0 0 10px;
}

.et_pb_post .post-meta {
  font-size: 13px;
  color: var(--mpn-muted);
  margin-bottom: 12px;
}

.et_pb_post .post-meta a {
  color: var(--mpn-muted);
}

.et_pb_equal_columns > .et_pb_column {
  display: flex;
  flex-direction: column;
}

.et_pb_equal_columns .et_pb_module {
  flex: 1 1 auto;
}

#newsletter-archiv {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, .08);
  padding: 24px;
}

.romlidata {
  width: 90%;
  max-width: 1080px;
  margin: 0 auto 24px;
  padding: 20px 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  align-items: start;
}

.romlidata > div {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, .08);
  border-radius: 4px;
  padding: 16px;
  text-align: justify;
  font-size: 15px;
  line-height: 1.6;
}

.romlidata img {
  display: block;
  width: 100%;
  max-width: 170px;
  height: auto;
  margin: 0 auto 12px;
  object-fit: contain;
  border-radius: 4px;
}

.romlidata p {
  margin: 0;
}

.romlifooter {
  width: 90%;
  max-width: 1080px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  background: transparent;
  border: none;
  border-radius: 0;
  font-size: 14px;
  line-height: 1.6;
  color: inherit;
}

.romlifooter img {
  display: block;
  width: 100%;
  max-width: 160px;
  height: auto;
  margin: 0 auto 12px;
  object-fit: contain;
  border-radius: 4px;
}

@media (max-width: 1024px) {
  .romlidata {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .romlidata {
    grid-template-columns: 1fr;
  }
}

#hovertextlight h3,
#hovertextlight p,
#hovertextlight a {
  color: var(--mpn-white);
}

#main-footer {
  background: #1f1f1f;
  color: #ccc;
  padding: 18px 0;
}

#footer-bottom .container {
  padding-top: 4px;
}

#footer-info {
  margin: 0;
  text-align: center;
  font-size: 14px;
  color: #ccc;
}

#main-footer .romlifooter,
#footer-bottom .romlifooter {
  background: transparent;
  border: none;
  border-bottom: 1px solid rgba(255, 255, 255, .12);
  border-radius: 0;
  color: #ccc;
  margin: 0 auto 18px;
  padding-bottom: 18px;
}

#main-footer .romlifooter p,
#footer-bottom .romlifooter p {
  color: #ccc;
}

#main-footer .romlifooter a,
#footer-bottom .romlifooter a {
  color: var(--mpn-accent);
}

#main-footer .romlifooter a:hover,
#footer-bottom .romlifooter a:hover {
  color: #fff;
}

.et_pb_divider_hidden,
.et_pb_space {
  display: none;
}

.et_pb_gutters3 .et_pb_column {
  margin-bottom: 3%;
}

@media (max-width: 980px) {
  #et-top-navigation {
    position: relative;
  }

  #top-menu-nav {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    background: var(--mpn-white);
    box-shadow: 0 8px 20px rgba(0, 0, 0, .08);
    z-index: 10000;
  }

  #top-menu-nav.romli-mobile-open {
    display: block;
  }

  #top-menu.romli-mobile-open {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }

  #top-menu > li > a {
    padding: 14px 18px;
    border-top: 1px solid rgba(0, 0, 0, .06);
  }

  #et_mobile_nav_menu {
    display: block;
  }

  .et_pb_column_4_4,
  .et_pb_column_3_4,
  .et_pb_column_2_3,
  .et_pb_column_3_5,
  .et_pb_column_1_2,
  .et_pb_column_2_5,
  .et_pb_column_1_3,
  .et_pb_column_1_4 {
    width: 100%;
  }

  .et_pb_row {
    width: 92%;
  }
}

@media (max-width: 767px) {
  body {
    font-size: 15px;
  }

  .et_pb_slide_title {
    font-size: 22px;
  }

  .et_menu_container {
    min-height: 58px;
  }

  .et_fixed_nav #page-container {
    padding-top: 58px;
  }
}

/* Divi Monarch social sharing */
.et_social_mobile,
.et_social_mobile_button,
.et_social_mobile_overlay {
  display: none !important;
}

.et_social_sidebar_networks {
  position: fixed;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9990;
  background: #fff;
  box-shadow: -2px 0 14px rgba(0, 0, 0, .12);
  padding: 8px 6px;
  border-radius: 4px 0 0 4px;
}

.et_social_sidebar_networks .et_social_icons_container,
.et_social_networks .et_social_icons_container {
  list-style: none;
  margin: 0;
  padding: 0;
}

.et_social_sidebar_networks li {
  margin: 6px 0;
}

.et_social_sidebar_networks li:not(:has(a)) {
  display: none;
}

.et_social_sidebar_networks a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 4px;
  color: #fff !important;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.et_social_sidebar_networks .et_social_overlay,
.et_social_sidebar_networks .et_social_network_label,
.et_social_sidebar_networks .et_social_hide_sidebar {
  display: none !important;
}

.et_social_icon {
  font-style: normal;
  font-size: 18px;
  line-height: 1;
}

.et_social_icon::before {
  font-family: "Font Awesome 5 Brands";
  font-weight: 400;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.et_social_icon_facebook::before {
  content: "\f39e";
}

.et_social_icon_linkedin::before {
  content: "\f0e1";
}

.et_social_icon_twitter::before {
  content: "\f099";
}

.et_social_facebook a {
  background: #3b5998;
}

.et_social_linkedin a {
  background: #0077b5;
}

.et_social_twitter a {
  background: #1da1f2;
}

.et_social_sidebar_networks a:hover {
  filter: brightness(1.08);
  transform: scale(1.04);
}

@media (max-width: 767px) {
  .et_social_sidebar_networks {
    top: auto;
    bottom: 18px;
    transform: none;
    border-radius: 4px 0 0 4px;
  }

  .et_social_sidebar_networks a {
    width: 38px;
    height: 38px;
  }
}
