/*---------------------------------------------------------------------------------

 Theme Name:   Souder Media Child
 Theme URI:    https://soudermedia.com
 Description:  A child theme for Souder Media
 Author:       Clayton Design Group
 Author URI:   https://claytondesigngroup.com
 Template:     Divi
 Version:      1.0.45
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 Add custom CSS below the line. DO NOT EDIT ABOVE apart from updating the version number.
 Make sure to update the version line above each time this file is updated.

------------------------------ ADDITIONAL CSS HERE ------------------------------*/
html {
	font-size: 62.5%;
}

/* Removes default bottom padding */
.zero-bottom h1,
.zero-bottom h2,
.zero-bottom h3,
.zero-bottom h4,
.zero-bottom h5,
.zero-bottom h6 {
  padding: 0;
}

/* WP Form button styles */
.wpforms-form input[type=submit], 
.wpforms-form button[type=submit] {
    font-family: Open Sans; /* text font */
    font-size: 1.25rem; /* Increase text size */
    font-weight: 500; /* add style */
    text-transform: uppercase !important;
    letter-spacing: 0.03em;
    background-color: #4f678c !important; /* background */
}

/* WP Form button hover styles */
.wpforms-form input[type=submit]:hover, 
.wpforms-form input[type=submit]:active, 
.wpforms-form button[type=submit]:hover, 
.wpforms-form button[type=submit]:active, 
.wpforms-form .wpforms-page-button:hover, 
.wpforms-form .wpforms-page-button:active {
    background-color: #20426b !important; /* background */
}

/* === VIDEO BACKGROUND WRAPPER === */
/* VIDEO BACKGROUND */
.video-container {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.video-container.full-height { height: 100vh; }
.video-container.three-quarter { height: 75vh; }

/* Video iframe wrapper */
.video-background {
  position: absolute; top: 0; left: 0;
  width: 100%; height: 100%;
  z-index: 1;
}
.video-background iframe {
  width: 100%; height: 100%;
  object-fit: cover;
  pointer-events: none; /* stops video from being clickable */
}

/* Overlay Divi text modules */
.video-container + .et_pb_text,
.video-container + .et_pb_heading {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  text-align: center;
  color: #fff;
  width: 80%;
}


/* Scope ONLY to that row */
.video-overlay-row {
  display: flex !important;
  flex-direction: column;
  justify-content: center;   /* vertical center */
  align-items: center;       /* horizontal center */
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  z-index: 2;
  text-align: center;
}

.video-overlay-row .et_pb_text,
.video-overlay-row .et_pb_button_module_wrapper {
  pointer-events: auto;  /* clickable */
  color: #fff;           /* default text color */
}

.video-container.three-quarter {
  position: relative;
  width: 100%;
  height: 75vh;
  overflow: hidden;
}

.video-container.three-quarter video {
  width: 100%;
  height: 100%;
  object-fit: cover; /* ensures fill with cropping if needed */
}