/*
 Theme Name:     Tanks U
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Underground Storage Tank Inspection
 Author:         Tanks U
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */

/********** Common **********/

@font-face {
    font-family: 'Myriad Pro';
    src: url('fonts/MyriadPro-Regular.woff2') format('woff2'),
        url('fonts/MyriadPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

*{
	margin: 0;
	padding: 0;
}
.d-flex{
    display: flex;
}
.flex-wrap{
    flex-wrap: wrap;
}
.align-center{
    align-items: center;
}
.phone-number:hover {
    text-decoration: underline !important;
}
body{
font-family: 'Verdana';	
}
/*.et_pb_button {
    line-height: 0.9em!important;
}*/
body #page-container .et_pb_section .et_pb_button {
  height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0 !important;
}

a.et_pb_button span {
    height: 13px;
    line-height: 17px !important;
}
/******** Banner-Section ********/
.banner-col {
    text-align: center;
    display: flex;
    gap: 40px;
    align-items: center;
    justify-content: flex-end;
}
.home-section {
    position: relative;
}
.home-section::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
   background: rgba(153, 19, 30, 1);
   mix-blend-mode: hard-light;
}
/******** About-Section ********/
.about-section {
    padding-bottom: 40px !important;
}
.Ohio-col p {
    position: relative;
}
.Ohio-col  p::before {
    position: absolute;
    content: "";
    height: 22px;
    background-image: url(../Divi_Child/images/quote.svg);
    width: 22px;
    left: -35px;
    padding-left: 5px;
    top: 8px;
    background-repeat: no-repeat;
}
.About-col h2 {
    position: relative;
}
.About-col h2::before {
    position: absolute;
    content: "";
    height: 22px;
    background-image: url(../Divi_Child/images/about-1.svg);
    width: 22px;
    left: -48px;
    padding-right: 16px;
    top: 25px;
    background-repeat: no-repeat;
}
.Ohio-col .et_pb_slide_description {
    display: flex;
    gap: 35px;
    flex-wrap: wrap-reverse;
}
.testimonial-slider .et_pb_bg_layout_dark .et_pb_slide_description {
  text-shadow: none !important;
}
/*.Ohio-col .et_pb_slide_description{
	animation-name: fadeInRight !important;
}*/
.Ohio-col .et_pb_button_wrapper {
    display: none !important;
}
.ImageGrid-row {
    gap: 20px;
    flex-wrap: wrap;
}

.ImageGrid-row .et_pb_column {
    order: unset !important;
    float: none !important;
    width: calc(100% / 4 - 15px) !important;
}
.grid-image {
    position: relative;
    overflow: hidden;
}

.grid-image::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(43,96,170,0.5);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.grid-image span.et_pb_image_wrap img {
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
}

.ImageGrid-row .et_pb_column:hover .grid-image span.et_pb_image_wrap img {
    transform: scale(1.1);
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;	
}
.ImageGrid-row .et_pb_column:hover .grid-image::before{
		background: transparent !important;
}


/******** Footer ********/
.global-footer-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
a.dark-button, a.et_pb_button{
    font-family: 'Myriad Pro';
    font-weight: normal;
}
.dark-button:hover {
    background-color: #2b60aa !important;
}
.error-page-section {
    display: flex;
    align-items: center;
}
/******** Pop-up Form*********/
#contact {
	border-radius: 10px;
    overflow: hidden;
    background: #D9D9D9 !important;
}
div#gform_fields_1 {
    gap: 20px !important;
}

input#gform_submit_button_1 {
    line-height: 1.7em !important;
    font-family: 'Myriad Pro';
    font-weight: normal;
    background-color: #001956 !important;
}
input#gform_submit_button_1:focus{
    box-shadow: none;
}
.gform_wrapper .gform-body input, .gform_wrapper .gform-body textarea {
    border: 1px solid #D9D9D9 !important;
    border-radius: 5px !important;
    padding: 15px 20px !important;
    font-family: 'Verdana';
    font-size: 16px !important;
    font-weight: 300 !important;
    height: auto !important;
    line-height: inherit !important;
    color: #000;
}
.gform_wrapper .gform-body input:focus, .gform_wrapper .gform-body textarea:focus {
    box-shadow: none;
    border-color: #000;
}
.gform_wrapper .gform-body input::placeholder, .gform_wrapper .gform-body textarea::placeholder {
    font-family: 'Verdana';
    color: #000;
}
.gform_wrapper .gform-body textarea {
    height: 120px !important;
    resize: none !important;
}
.gform_button {
    padding: 0.3em 1em !important;
    font-size: 22px !important;
}
input#gform_submit_button_1:hover{
  background-color: #2b60aa !important;
}
#et-boc .area-outer-wrap a.da-close.evr-close {
  font-size: 40px !important;
  font-weight: 500;
  color: #fff;
  box-shadow: none;
  padding: 3px;
  background: #001956;
  opacity: 1;
  border-radius: 50%;
  right: -15px;
  top: -10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#et-boc .area-outer-wrap a.da-close.evr-close:hover {
   box-shadow: none;
   background-color: #f6f6f6 !important;
   transform: none;
}
#et-boc .area-outer-wrap a.da-close.evr-close:focus {
    box-shadow: none;
    background-color: #f6f6f6 !important;
    transform: none;
 }
.gform_footer.top_label {
    display: block !important;
	text-align: center !important;
}
/******** Responsive *********/

@media (max-width:1600px) {
    .et_pb_row {
        padding-left: 30px;
        padding-right: 30px;
      }
}

@media (min-width: 981px) and (max-width:1280px) {
    h2.et_pb_module_heading {
        font-size: 45px !important;
    }
    .about-inner-text {
        font-size: 16px !important;
    }
    h3.et_pb_module_heading {
        font-size: 24px !important;
    }
    .et_pb_column_1_tb_footer {
        padding-left: 50px !important;
    }
    .About-col h2::before {
        top: 17px !important;
    }
    .quote-text{
        font-size: 18px !important;
    }
}

@media (max-width:980px) {
    .ImageGrid-row {
        gap: 10px !important;
    }
    .ImageGrid-row .et_pb_column {
        width: calc(100% / 2 - 5px) !important;
    }
    .banner-col {
        justify-content: center !important}
    
    .About-col h2::before {
        top: 13px !important;
        }
    .gform_button {
        font-size: 20px !important;
        }
    .gform_wrapper .gform-body input, .gform_wrapper .gform-body textarea {
        font-size: 14px;
        }
}

@media (max-width:767px) {
    .About-col h2::before {
        top: 6px !important;
        width: 18px !important;
        height: 18px !important;
    }
	
    .gform_button {
        font-size: 18px !important;
        }
	#et-boc .area-outer-wrap a.da-close.evr-close {
	line-height: 30px !important;
/* 	right: -8px !important;
	top: -8px !important; */
}
.banner-col {
    gap: 20px;
}
}

#mobile-popup .et_pb_blurb_description, #mobile-popup .et_pb_blurb_description p {
    display: flex;
    gap: 15px;
	line-height: 39px;
    align-items: center;
    justify-content: center;
}

#mobile-popup .et_pb_blurb_description a{
    padding: 10px 30px;
    background: #001956;
    color: #fff;
	height:50px;
	line-height: 29px;
    margin-top: 17px;
	border: 1px solid #001956;
}

a.bdr-btn {
    background-color: #fff !important;
    color: #001956 !important;
}