/* Custom Page Styles - About Section and Email Signup Section */
.et_pb_row_6.et_pb_equal_columns {
  display: flex !important;
  align-items: stretch !important;
  gap: 30px;
}

.et_pb_row_6 .et_pb_column_11 {
  flex: 1;
  display: flex !important;
  align-items: center;
}

.et_pb_row_6 .et_pb_column_11 .et_pb_image_5 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

.et_pb_row_6 .et_pb_column_11 .et_pb_image_5 .et_pb_image_wrap {
  width: 100%;
  height: auto;
  max-height: 400px;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.et_pb_row_6 .et_pb_column_11 .et_pb_image_5 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.et_pb_row_6 .et_pb_column_12 {
  flex: 1;
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Responsive adjustments */
@media (max-width: 980px) {
  .et_pb_row_6.et_pb_equal_columns {
    flex-direction: column;
    gap: 20px;
  }
  
  .et_pb_row_6 .et_pb_column_12 {
    padding-left: 0;
    padding-top: 20px;
  }
  
  .et_pb_row_6 .et_pb_column_11 .et_pb_image_5 .et_pb_image_wrap {
    max-height: 300px;
  }
}

@media (max-width: 767px) {
  .et_pb_row_6 .et_pb_column_11 .et_pb_image_5 .et_pb_image_wrap {
    max-height: 250px;
  }
}

/* Email Signup Section Background */
#email-signup.et_pb_section_3 {
  background-image: url('wp-content/uploads/2020/06/IMG_6319.jpeg') !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
  position: relative;
}

/* Add overlay for better text readability */
#email-signup.et_pb_section_3::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 1;
}

/* Ensure content is above the overlay */
#email-signup .et_pb_row {
  position: relative;
  z-index: 2;
}

/* Improve text contrast on the background */
#email-signup .et_pb_newsletter {
  position: relative;
  z-index: 2;
}

#email-signup .et_pb_module_header,
#email-signup .et_pb_newsletter_description p {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
}

/* Newsletter button styling - match WordPress */
.et_pb_newsletter_button,
.et_pb_newsletter_button.et_pb_button {
  background-color: #58ACD8 !important;
  border: none !important;
  color: white !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  padding: 12px 30px !important;
  border-radius: 3px !important;
  transition: all 0.3s ease !important;
}

.et_pb_newsletter_button:hover,
.et_pb_newsletter_button.et_pb_button:hover {
  background-color: #58ACD8 !important;
  opacity: 0.9 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(88, 172, 216, 0.3) !important;
}

.et_pb_newsletter_button_text {
  font-weight: bold !important;
  text-transform: uppercase !important;
}

/* Newsletter form width - match WordPress */
.et_pb_newsletter_fields {
  padding: 0 200px !important;
}

@media (max-width: 980px) {
  .et_pb_newsletter_fields {
    padding: 0 100px !important;
  }
}

@media (max-width: 767px) {
  .et_pb_newsletter_fields {
    padding: 0 20px !important;
  }
}

/* Footer section background */
.et_pb_section_4 {
  background-color: #08212f !important;
}

/* Footer logo size - match WordPress */
.et_pb_section_4 .et_pb_image_4 {
  text-align: center !important;
}

.et_pb_section_4 .et_pb_image_4 img {
  max-width: 120px !important;
  width: 120px !important;
  height: auto !important;
  margin: 0 auto !important;
  display: block !important;
}

/* Remove white gap below footer - simpler approach */
body {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

#page-container {
  margin-bottom: 0 !important;
}

.et_pb_section_4 {
  margin-bottom: 0 !important;
}

/* Ensure no white gap at bottom of page */
html {
  height: 100% !important;
}

body {
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

#page-container,
#et-boc,
#et-main-area,
#main-content {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Header navigation layout - inline centered logo within menu */
.et_pb_menu--style-inline_centered_logo .et_pb_menu_inner_container {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Hide the main logo container since we're using the inline logo slot */
.et_pb_menu--style-inline_centered_logo .et_pb_menu_inner_container > .et_pb_menu__logo-wrap {
  display: none !important;
}

/* Show and style the logo slot within the navigation */
.et_pb_menu--style-inline_centered_logo .et_pb_menu__logo-slot {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 20px !important;
}

.et_pb_menu--style-inline_centered_logo .et_pb_menu__logo-slot .et_pb_menu__logo img {
  max-height: 60px !important;
  width: auto !important;
  display: block !important;
}

/* Menu navigation layout */
.et_pb_menu__wrap {
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
}

.et_pb_menu__menu nav ul {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.et_pb_menu__menu nav ul li {
  display: flex !important;
  align-items: center !important;
  margin: 0 15px !important;
}

/* Ensure proper spacing around the logo */
.et_pb_menu__menu nav ul li:nth-child(2) {
  margin-right: 20px !important;
}

.et_pb_menu__menu nav ul li:nth-child(4) {
  margin-left: 20px !important;
}

@media (max-width: 980px) {
  /* On mobile, show the main logo and hide the inline logo slot */
  .et_pb_menu--style-inline_centered_logo .et_pb_menu_inner_container > .et_pb_menu__logo-wrap {
    display: flex !important;
    justify-content: center !important;
    margin-bottom: 20px !important;
  }
  
  .et_pb_menu--style-inline_centered_logo .et_pb_menu__logo-slot {
    display: none !important;
  }
}