@import url("https://fonts.googleapis.com/css2?family=Montserrat&family=Red+Rose:wght@400;500&display=swap");

body,
input,
textarea {
  font-family: "Montserrat", sans-serif;
  transition: 0.6s ease-in-out;
}

a {
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
}

a:hover {
  text-decoration: none !important;
}

a:not(.has-background, .wp-block-social-link-anchor):hover {
  color: #272626;
  transition: 1.6s linear;
}
.wp-block-button a:hover {
  background-color: #0707073d !important;
  transition: 0.6s ease;
}
.ac-expand {
  transition: 0.6s ease-in-out;
}

.ac-expand:hover {
  transform: scale(1.1);
}

/* Forms */
.all-forms ::placeholder {
  font-family: "Montserrat", sans-serif;
}

.all-forms input[type="submit"] {
  background: none;
  border: 0;
  text-transform: uppercase;
  padding: 1em;
  color: white;
  margin-top: 1em;
  border-radius: 1%;
}

.all-forms input[type="submit"]:hover {
  cursor: pointer;
}

/* Homepage */
.find-solutions {
  word-wrap: none;
}

.hp-block div {
  padding: 0.5em;
}

.hp-block-mobile {
  display: none;
}

.homepage-form input[type="text"],
.homepage-form input[type="email"] {
  background: none;
  border: 0;
  border-bottom: 1px #fefefe69 solid;
  color: white;
  max-width: 100%;
  font-size: 1.2em;
}

.homepage-form input[type="submit"] {
  color: white;
  border: 1px solid white;
}

.contact-us-form input[type="submit"],
.about-form input[type="submit"],
.request-quote input[type="submit"] {
  color: black;
  border: 1px solid black;
}

.about-form input[type="submit"] {
  background-color: white;
}

/*
.about-form-cover {
	max-height: 500px;
}
*/

.about-form {
  margin-top: -3em;
}

.about-wrap .wp-block-spacer {
  height: unset;
}

.about-form-cover .wp-block-spacer {
  max-height: 200px;
}

.homepage-form input[type="submit"]:hover {
  background: #ffffff2b;
}

.homepage-form button {
  background: none;
  border: 1px white solid;
  border-radius: 20%;
}

.contact-us-form button {
  background: black;
  border: 1px white solid;
  border-radius: 20%;
}

.contact-form-align {
  text-align: center;
}

.contact-form-align .submit-button {
  float: right;
}

.homepage-form input:focus-visible {
  outline: none;
  border-bottom: 1px white solid;
}

.homepage-form ::placeholder {
  color: #fefefea6;
  opacity: 1;
}

/* Request a quote */
.wpcf7-list-item {
  display: block;
}

.rq-h3 p {
  margin: -1%;
}

.req {
  font-size: 1em !important;
  color: red !important;
}

.request-quote input,
.request-quote textarea {
  font-family: "Montserrat", sans-serif;
  color: grey;
  font-size: 1.1em;
}

.request-quote input:focus-visible,
.request-quote textarea:focus-visible {
  outline: #000 auto 1px;
}

.request-quote input[type="text"],
.request-quote input[type="email"],
.request-quote input[type="tel"],
.about-form input[type="text"],
.about-form input[type="email"],
.about-form input[type="tel"],
.contact-us-form input[type="text"],
.contact-us-form input[type="email"],
.contact-us-form input[type="tel"] {
  height: 25px;
}

.request-quote input[type="text"],
.request-quote input[type="email"],
.request-quote input[type="tel"],
.request-quote textarea {
  border-radius: 8px;
  border: 0.1px solid grey;
  margin-bottom: 2%;
}

.request-quote textarea,
.contact-us-form textarea {
  resize: none;
  width: 70%;
}

.request-quote input[type="submit"] {
  cursor: pointer;
  background: white;
}

.request-quote input[type="submit"]:hover {
  background: grey;
}

.address span[data-name="city"] input,
.address span[data-name="state"] input,
.address span[data-name="street"] input,
.address span[data-name="zip"] input {
  width: 40%;
}

.address span input,
.citystate-block span input {
  margin-top: 1%;
  margin-bottom: 0 !important;
}

.address span,
.citystate-block span {
  font-size: 0.8em;
  color: gray;
}

/* About and Contact Us form */
.about-form {
  display: block;
  text-align: center;
}

.contact-us-form input:focus-visible,
.contact-us-form textarea:focus-visible {
  outline: 0.1px solid #000;
  border: none;
}

.about-form textarea {
  resize: none;
  width: 100%;
}

.contact-us-form input[type="text"],
.contact-us-form input[type="email"],
.contact-us-form input[type="tel"],
.contact-us-form textarea {
  width: 70%;
}

.about-form input[type="text"],
.about-form input[type="email"],
.about-form input[type="tel"] {
  width: 100%;
}

.about-form input[type="submit"] {
  float: right;
}

.contact-us-form input[type="submit"]:hover,
.about-form input[type="submit"]:hover {
  background: lightgray;
}

.about-form :focus-visible,
.contact-us-form:focus-visible {
  outline: #000 auto 1px;
}

/*.contact-us-form .wpcf7-spinner {
	display: none;
}*/

/* Milestone Inspections */
.has-background p a:hover {
  color: #b3b5b5;
}

/*.ms-imgs {
 margin: 0 auto !important;
}
.milestone-two-images figure:hover {
    margin: 0 auto;
}
.milestone-two-images figure {
  	position: relative;
	max-width: 350px;
	padding: 2%;
}
 */
.milestone-two-images figure {
  position: relative;
}

.milestone-two-images figure:hover::before {
  content: "";
}

.milestone-two-images figure a:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #010101a1;
  background-blend-mode: overlay;
  box-shadow: -1px -1px 0px 0px #000;
  opacity: 0;
  min-width: 350px;
  border-radius: 3%;
  transition: 500ms ease-out;
}

.milestone-two-images figure:hover a:after {
  opacity: 1;
}

.milestone-blocks strong {
  font-size: 1.5em;
}

.milestone-two-images img,
.milestone-two-images .wp-block-cover .wp-block-cover__image-background {
  height: 420px;
  min-width: 350px;
  object-fit: cover;
  object-position: 10%;
  border-radius: 3%;
  cursor: pointer;
  box-shadow: 1px 1px 1px 1px #000;
  transition: 0.9s linear;
}

.cover-text {
  text-shadow:
    -1px 1px 5px #000,
    1px 1px 1px #000,
    1px -1px 5px #000;
}

.milestone-two-images img:hover,
.milestone-two-images .wp-block-cover__image-background:hover {
  transform: scale(1.01);
  box-shadow: 0.1px 0.1px 1px 1px #000;
  transition: 0.6s linear;
}

.milestone-two-images .wp-block-media-text .wp-block-media-text__content {
  padding: 0 1%;
  color: white;
  position: absolute;
  user-select: none;
  pointer-events: none;
  min-width: 200px;
}

.milestone-btn .wp-element-button:hover,
.milestone-btn .wp-block-button__link:hover,
.main-menu .wp-block-button__link:hover {
  background-color: #000;
}

.main-menu .wp-block-button__link:focus {
  outline: none;
}

footer div {
  padding-top: 0 !important;
  text-align: center;
}

footer .wp-block-group {
  padding-top: 0 !important;
}

footer .wp-block-columns {
  width: 70%;
}

/* Media Queries */

@media (max-width: 768px) {
  .what-we-do td {
    font-size: 19px;
    white-space: pre-line;
  }

  iframe {
    max-width: 100%;
  }

  .hp-block {
    display: none;
  }

  .hp-block-mobile {
    display: flex;
	  /* top: 50%;
    position: absolute; */
  }

  .find-solutions {
    text-align: center;
    display: inline;
    position: absolute;
    text-shadow: -5px 7px 20px #2a2c2c;
  }

  .about-form-cover .wp-block-spacer,
  .about-spacer {
    display: none;
  }

  .about-form-cover .wp-block-heading {
    padding-top: 2%;
  }

  .is-style-stripes {
    vertical-align: top;
  }

  .homepage-form input[type="text"],
  .homepage-form input[type="email"] {
    border-radius: 0;
    max-width: 80%;
  }

  .about-form input[type="text"],
  .about-form input[type="email"],
  .about-form input[type="tel"],
  .about-form textarea {
    width: 90%;
  }

  .address span[data-name="city"] input,
  .address span[data-name="state"] input,
  .address span[data-name="street"] input,
  .address span[data-name="zip"] input,
  .contact-us-form input[type="text"],
  .contact-us-form input[type="email"],
  .contact-us-form input[type="tel"],
  .contact-us-form textarea,
  .request-quote textarea {
    width: 100%;
  }

  .milestone-two-images {
    padding: 0 !important;
  }
	
  .milestone-two-images figure a:after,
  .milestone-two-images img,
  .milestone-two-images .wp-block-cover .wp-block-cover__image-background {
    min-width: 405px;
  }

  .milestone-two-images :where(body .is-layout-flow) > :last-child:last-child {
    margin-top: 10%;
  }
  .ms-second-row-first {
    margin-top: 0 !important;
  }

  .milestone-btn .wp-element-button,
  .milestone-btn .wp-block-button__link {
    height: 90px;
  }

  .request-quote input[type="text"],
  .request-quote input[type="email"],
  .request-quote input[type="tel"] {
    max-width: 100%;
  }

  footer .wp-block-columns {
    width: 100%;
  }
	
body .gc-bar {
  flex-direction: column;
}

.gc-fixed .image {

	background-position: top !important;
}

} /* end media query */

/* General Contracting */
.gc-bar {
  margin-block-start: 0;
  margin-bottom: 5%;
}

.gc-fixed {
  max-width: 670px;
  margin: 32px auto;
  background: white;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  padding: 15px 15px 15px 15px;
  background-repeat:no-repeat;
}

.gc-fixed .image1 {
  background: url(https://milestonebldg.com/wp-content/uploads/2024/11/image002.jpg);
  background-attachment: fixed;
  background-position: left;
}

.gc-fixed .image2 {
  background: url(http://milestonebldg.com/wp-content/uploads/2024/11/image001-1.jpg);
  background-attachment: fixed;
  background-position: right;
}

.gc-fixed .image {
  height: 190px;
}
.el-hov button:hover {
  background-color: #000000b8;
  color: #fff;
}
.n2-ss-button-container a div:hover,
.el-hov a:hover {
  color: #6d5782;
}

.ms-list ul {
  --icon-size: 0.8em;
  --gutter: 0.5em;
  padding: 0 0 0 var(--icon-size);
}

.ms-list ul li {
  padding-left: var(--gutter);
}

.ms-list ul li::marker {
  content: "\f054";
  font-family: FontAwesome;
  font-size: var(--icon-size);
  color: black;
}

.ms-list-col ul li:before {
  margin-right: 1em;
  padding: 0.1em 0.5em;
  border-radius: 50%;
  background-color: black;
  color: white;
  content: counter(index, decimal);
  counter-increment: index;
}
.ms-list-col ul li:first-child {
  counter-reset: index;
}
.ms-list-col ul li {
  list-style: none;
}
.ms-list-col ul .has-medium-font-size {
  padding-top: 0.5em;
  margin-bottom: 2em;
}
.ms-list-col ul .has-medium-font-size:before {
  content: "";
  background-color: transparent;
  display: none;
}
