/* 2 Column Form */

div#madHero {
    text-align: center;
    padding: 15px;
}

div#madHero > div.madHero-item-1{
    flex: 2;
    margin-bottom: 20px;
    padding-right: 30px;
}

div#madHero > div.madHero-item-2{
    flex: 1;
    margin-bottom: 20px;
}

.madTitle { 
    font-size: 1.8rem; /*accepts decimals*/
    color: #434a54; /*use to change color*/
}

.madContent {
    font-size: 1.0rem; /*accepts decimals*/
    color: #434a54; /*use to change color*/
}


@media only screen and (min-width: 768px) {
    div#madHero {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        text-align: left;
    }
}

/* Custom Mobile Background Image */

@media only screen and (max-width: 768px) {
    html#page_f45e9013679f404a9ec4a8fa12125083,
    #page_e47129e03c53464cbb448760f57cf83c,
    html#page_eccb5f2255d24cf3b0145f69baa49c64,
    html#page_c58b7c6cb3e54f4d8754b6f1e0eff68f,
    html#page_b9efc0bd7ff74bf6b169967df5b571b0,
    html#page_eccb5f2255d24cf3b0145f69baa49c64,
    html#page_fe8006d4ac634d138a620e097a021e1b,
    html#page_ced4665a31144134a79e46085b93c13e,
    html#page_e8081fca3f644e3b90cb5cbfb4682e92,
    html#page_c63695065e99428f8bd0c5b9a7f60b0a,
    html#page_b413b971449044579a751a13d0462aa8,
    html#page_bffe74ba3d244e3db3b970bbacfb5939,
    html#page_d3fd19cb5aaa4560837768202336cc7d,
    html#page_da38f09b771549ee97f73018657d2acb  {
        background-position: top;
        background-attachment: scroll;
        background-size: initial;
    }
    html#page_f45e9013679f404a9ec4a8fa12125083{
        background-position: 90% 0%;
    }
    div.blockWrap_c9fc4010a21f44008bed832c3e99d395 {
        padding-top: 590px;
    }
    /* About Us*/
    #page_e47129e03c53464cbb448760f57cf83c {
        background-image: url(https://static.mywebsites360.com/ce7d65d88a6743dbabe541cb3d7971cd/i/e3b2f7de1b8c4938a65e1bfae5b526b6/1/5feFb8zhrk/Mason-bg-image-about.jpg) !important;
    }
    /* Tech*/
    #page_c63695065e99428f8bd0c5b9a7f60b0a {
        background-image: url(https://static.mywebsites360.com/ce7d65d88a6743dbabe541cb3d7971cd/i/dc9f2252f85f4042a45c9a2627259005/1/5feFb8zhrk/tech-bg.jpg) !important;
    }
}

/*Custom Modal for Form*/
/* Dark background overlay */
.custom-modal-overlay {
  display: none; /* Hidden by default */
  position: fixed; 
  z-index: 9999; /* Sits on top of everything */
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  background-color: rgba(0, 0, 0, 0.6); /* Semi-transparent black */
  align-items: center;
  justify-content: center;
}

/* The white box containing the form */
.custom-modal-content {
  background-color: #ffffff; /* Solves your transparent background issue */
  margin: 20px auto;
  padding: 40px;
  border-radius: 12px;
  width: 90%;
  max-width: 600px; /* Keeps the form from getting too wide */
  max-height: 85vh; /* Prevents it from going off-screen */
  overflow-y: auto; /* Allows scrolling if the form expands */
  position: relative;
  box-shadow: 0 10px 30px rgba(0,0,0,0.2);
}

/* The Close Button (X) */
.custom-close-btn {
  position: absolute;
  top: 15px;
  right: 20px;
  color: #333;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
}

.custom-close-btn:hover {
  color: #000;
}