/* Page-content styles that used to be printed inline by templates/layouts/main-header.php and footer.php.
   Loaded only on pages with the 2026 header and footer (old pages still get the inline copies). */

body {
        max-width: 100vw;
        overflow-x: hidden;
    }
    .feature-work {
        height: 90vh;
    }
    .hero-page {
        min-height: 500px !important;
    }
    .scroll-down {
        position:relative;
    }
    .bt-arrow {
  z-index: 4;
  width: auto;
  height: auto;
  right: 50%;
  left: 50%;
  top: -10px;
  font-size: 50px;
  background: none;
  filter: brightness(0);
  cursor: pointer;
  font-weight: 600;
  line-height: 1;
  transition: none;
  opacity: 1;
  position: absolute;
  bottom: 0;
}
  @media (min-width: 769px) {
    .mobile-module {
      background-attachment: fixed;
    }
}
    @media (max-width: 500px) {
    .mobile-module {
      background-size: 100% auto;
    }
    .scroll-down {
      display: none;
    }
  }
    .feature-work__title {
        margin-top: 15vh;
        display: inline-block;
    }
    .feature-work__title.reveal {
        background: url('/wp-content/uploads/2020/07/Untitled-1.png');
        background-repeat: no-repeat;
        background-size: 0% 100%;
        visibility: visible;
        animation: reveal .5s ease;
        -moz-animation: reveal .5s ease;
        -webkit-animation: reveal .5s ease;
    }
    .featured-work_image.desktop {
        display: block;
    }
    .featured-work_image.mobile {
        display: none;
    }
    @media (max-width: 769px) {
        .featured-work_image.desktop {
        display: none;
        }
        .featured-work_image.mobile {
            display: block;
        }
    }
h3.feature-work__button {
  position: relative;
  text-align: center;
}
.feature-work__button {
margin-top: 30px !important;
color: #000;
border-color: #000;
width: 210px;
display: block;
font-size: 18px;
}
.feature-work__button:hover {
background: #000000;
color: #FFFFFF !important;
}
.main-header-overlay {
  position: fixed;
  top: 0 !important;
  left: 0;
  width: 100%;
  background-color: rgba(0,0,0,0.7) !important;
}
.white_button {
  color: #FFFFFF !important;
  border-color: #FFFFFF !important;
}
.white_button:hover {
  border-color: #000000 !important;
}
.clorox_button {
  color: #FFFFFF !important;
  border-color: #FFFFFF !important;
}
.clorox_button:hover {
  border-color: #000000 !important;
}
@media (max-width: 500px) {
  .module-sub {
    font-size: 16px !important;
    line-height: 28px;
  }
  .feature-work__button {
    margin-top: 10px !important;
    color: #000;
    border-color: #000;
    width: 160px;
    display: block;
    font-size: 14px;
    padding: 5px 0px !important;
  }
  .hero-page {
      height: 82vh;
      min-height: 425px !important;
    }
}

.people-page__description {
		line-height: 1.25;
		width: 1000px;
		max-width: 100%;
		font-size: 22px;
    margin-top: 40px;
	}
	.close {
		position: fixed;
		display: block;
		width: 50px;
		height: 50px;
		border: 0;
		top: 30px;
		right: 40px;
		text-indent: -9999px;
		background: url(../img/icons/close.svg) center no-repeat;
		background-size: 100%;
		transition: 0.5s cubic-bezier(0.42, 0, 0, 0.995);
		z-index: 6;
	}
	.v-middle {
		height: 100%;
		display: table;
	}
	.v-middle .child {
		display: table-cell;
		vertical-align: middle;
	}
  .privacy-paragraph {
    padding-top: 10px;
    font-size: 20px;
  }
  .privacy-paragraph ol {
    margin-left: 25px;
  }
  .privacy-paragraph ul {
    margin-left: 25px;
  }
  .privacy-li {
    font-size: 18px;
  }
	.close:focus,
	.close:hover {
		transform: scale(1.1) rotate(360deg);
	}
