/*
Theme Name: Bruce McAlester Child Theme
Theme URI: https://brucemcalester.com/
Description: Custom child theme for the Bruce McAlester site using Divi.
Author: Chad Heintz
Author URI: https://mpowerwebsolutions.co
Template: Divi
Version: 1.0.0
*/

/*==================================================
 🧼 CLEANED & OPTIMIZED CSS - Bruce McAlester Theme
 Updated: 2025-05-05 09:53 PM
==================================================*/

/*--------------------------------------------------
 🌐 Base Reset Styles
--------------------------------------------------*/
body, html {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/*--------------------------------------------------
 🎬 Vimeo Embed Styling
--------------------------------------------------*/
.vimeo-embed-wrapper {
  position: relative;
  width: 66vw;
  max-width: 960px;
  margin: 32px auto 8px auto;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  box-shadow: none !important;
}

.vimeo-embed-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

/*--------------------------------------------------
 🎨 Headings + Row/Code Module Spacing
--------------------------------------------------*/
.et_pb_text h3 {
  margin-bottom: 12px !important;
}

.et_pb_code,
.et_pb_row {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/*--------------------------------------------------
 📱 Responsive Styling
--------------------------------------------------*/
@media (max-width: 1024px) {
  .vimeo-embed-wrapper {
    width: 86vw;
    margin: 28px auto 8px auto;
  }
  .et_pb_text h3 {
    text-align: center !important;
    font-size: 1.6rem;
    margin: 2vh auto 1.5vh;
  }
}

@media (max-width: 767px) {
  .vimeo-embed-wrapper {
    width: 92vw;
    margin: 24px auto 4px auto;
  }
  .et_pb_text h3 {
    text-align: center !important;
    font-size: 1.4rem;
    margin: 1vh auto;
  }
  .et_pb_code iframe {
    padding: 0 !important;
    margin: 0 auto !important;
    width: 100% !important;
  }
  .et_pb_section {
    padding-top: 3vh !important;
    padding-bottom: 3vh !important;
  }
}

/*--------------------------------------------------
 🧲 ShiftNav Integration & Position Fix
--------------------------------------------------*/
@media (max-width: 980px) {
  #et_mobile_nav_menu { display: none !important; }
}
#main-header,
#main-header .nav li ul,
.et-search-form,
#main-header .et_mobile_menu { display: none !important; }

.shiftnav-toggle-main {
  position: absolute !important;
  top: 20px; right: 20px;
  z-index: 9999;
}
.shiftnav-toggle .shiftnav-toggle-icon span {
  background-color: #fff;
  height: 3px;
  margin: 5px 0;
  width: 24px;
}

html body #shiftnav-toggle-main {
  position: absolute !important;
  top: 20px;
  right: 20px;
  z-index: 9999;
}

/*--------------------------------------------------
 💡 Supreme Image Popup Overlay Icon
--------------------------------------------------*/
.ds-popup-container .et_pb_image_overlay {
  opacity: 0 !important;
}

.ds-popup-container .et_pb_image_overlay:before {
  content: "\e066";
  font-family: "ETmodules";
  font-size: 42px;
  color: white;
  display: block;
  text-align: center;
  opacity: 1 !important;
}

/*--------------------------------------------------
 🚫 Legacy/Unused styles (REMOVED):
 - Custom modal popup classes (bm-modal, etc.)
 - Legacy iframe wrapper overrides
 - Debug child theme markers
--------------------------------------------------*/