/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.absolute-footer .container {
  border-top: 1px solid #fff;
  padding-top: 10px;
}

#footer h4 {
	color: #4FAC64;
}

.flex-50 ul {
	display: flex;
	flex-flow: row wrap;
	margin-left: 0;
}	

.flex-50 ul li {
	flex-basis: 50%;
	margin-left: 0;
	list-style-type: none;
}

.flex-50 ul li a {
	color: #ffffff;
}	

.slide-over-text .text,
.slide-over-text .button {
	display: none;
}

.slide-over-text:hover .title,
.slide-over-text:hover .text {
	display: block;
}

.slide-over-text:hover .text {
	padding: 20px;
}

.slide-over-text:hover .button {
	display: inline-block;
	margin-bottom: 10px;
}

.slide-over-text-container {
	background-color: rgb(36, 33, 34);
}

.slide-over-text .box-text p {
	margin: 0;
}

.slide-over-text .box-text {
	padding: 0;
}

.slide-over-text .section-title-container {
  	margin-bottom: 0;
  	padding: 30px 10px 0;
}

.service-blocks-row {
	position: relative;
	z-index: 5;	
}

.services-block .background-wave {
	position: relative;
	z-index: 1;	
	bottom: 500px;
	background: url('https://energypetroleu.wpenginepowered.com/wp-content/uploads/2026/09/gold-wave.png');
	background-size: cover;
	background-repeat: no-repeat;
	width: 100vw !important;
	height: 700px !important;
	background-position: center center;
	margin-bottom: -500px;
}




/* Diagonal slant on the hero banner image, with a grey diagonal band
   showing behind the cut. Both edges of the grey band are parallel to
   the image's own diagonal, so the whole shape leans consistently.
   Uses stable structural classes instead of Flatsome's auto-generated
   numeric IDs, since those regenerate on every page load inside sliders. */
.fancy-banner .banner-bg {
	position: relative;
	overflow: hidden;
}

.fancy-banner .banner-bg::before {
	content: '';
	position: absolute;
	inset: 0;
	background-color: #ebebeb;
	clip-path: polygon(5% 0%, 18% 0%, 4% 100%, 0% 100%);
	z-index: 1;
}

.fancy-banner .banner-bg img.bg,
.fancy-banner .height-fix img {
	position: relative;
	z-index: 2;
	clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 2% 100%);
}

@media (max-width: 549px) {
	.fancy-banner .banner-bg::before {
		display: none;
	}
	.fancy-banner .banner-bg img.bg,
	.fancy-banner .height-fix img {
		clip-path: none; /* skip the slant on small screens where the columns stack */
	}
}

.footer-contact-info .button {
	  margin-bottom: 0;
	  display: block;
	  text-align: left;
}

.footer-contact-info .button:last-of-type {
	  display: inline-block;
}

.footer-contact-info .social-icons {
	  display: block;
	  margin-bottom: 1em;
	  margin-top: 0.5em;
}

.become-a-customer .button.primary {
	background: #000;
}

.become-a-customer .button.primary:hover {
	background: #444;
}

#gform_2 .ginput_container_email::before {
	width: 0px;
	height: 0px;
}

.featured-products .product-title {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 120%;
}

/* footer form */

/* Newsletter form: email input + paper-plane submit icon sharing one
   green underline, matching the footer reference design. */
#gform_wrapper_2 #gform_fields_2 {
	display: flex;
	align-items: center;
	gap: 8px;
	padding-bottom: 4px;
}

#gform_wrapper_2 .gfield--type-email {
	flex: 1;
	margin: 0 !important;
}

#gform_wrapper_2 .gfield--type-email .gfield_label,
#gform_wrapper_2 .gfield--type-email .gform-field-label {
	display: none;
}

#gform_wrapper_2 .gfield--type-email input {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	color: #fff;
	padding: 6px 0 !important;
	width: 100%;
	font-size: 15px;
}

#gform_wrapper_2 .gfield--type-email input::placeholder {
	color: rgba(255, 255, 255, 0.75);
}

#gform_wrapper_2 #field_submit_2 {
	margin: 0 !important;
}

#gform_wrapper_2 #gform_submit_button_2 {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	color: transparent !important;
	font-size: 0 !important;
	width: 26px;
	height: 26px;
	min-width: 26px;
	padding: 0 !important;
	position: relative;
	cursor: pointer;
}

#gform_wrapper_2 #gform_submit_button_2::after {
	content: '';
	position: absolute;
	inset: 0;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23e0592d'%3E%3Cpath d='M2 21l21-9L2 3v7l15 2-15 2z'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	transform: rotate(-30deg);
}



/*************** GRAVITY FORM   ***************/

.eyebrow { color: #4CAF50; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; font-size: 15px; margin-bottom: 10px; }
h2.form-block-heading { font-size: 40px; font-weight: 800; line-height: 1.15; color: #1a1a1a; margin: 0 0 20px; }
.form-block-desc { color: #555; font-size: 16px; line-height: 1.6; margin-bottom: 30px; }
.form-block-contact { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; font-weight: 700; color: #1a2b6b; font-size: 17px; }
.form-block-contact a { color: #1a2b6b; text-decoration: none; }


.gform_wrapper form .ginput_container_text,
.gform_wrapper form .ginput_container_email,
.gform_wrapper form .ginput_container_phone,
.gform_wrapper form .ginput_container_textarea,
.gform_wrapper form .gform-phone__input-wrapper { display: flex; align-items: center; gap: 10px; border-bottom: 2px solid #4CAF50; padding: 10px 4px; }
.gform_wrapper form .ginput_container_textarea { align-items: flex-start; }

.gform_wrapper form input[type=text],
.gform_wrapper form input[type=email],
.gform_wrapper form input[type=tel],
.gform_wrapper form textarea { border: none !important; background: transparent !important; box-shadow: none !important; padding: 0 !important; flex: 1; font-size: 16px; }

.gform_wrapper form .ginput_container_text::before,
.gform_wrapper form .ginput_container_email::before,
.gform_wrapper form .ginput_container_phone::before,
.gform_wrapper form .gform-phone__input-wrapper::before,
.gform_wrapper form .ginput_container_textarea::before { content: ''; width: 20px; height: 20px; flex-shrink: 0; background-size: contain; background-repeat: no-repeat; opacity: 0.8; }

.gform_wrapper form .field-icon-name .ginput_container_text::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234CAF50' stroke-width='2'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E"); }
.gform_wrapper form .field-icon-email .ginput_container_email::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234CAF50' stroke-width='2'%3E%3Cpath d='M4 4h16v16H4z'/%3E%3Cpath d='m4 6 8 7 8-7'/%3E%3C/svg%3E"); }
.gform_wrapper form .field-icon-phone .ginput_container_phone::before,
.gform_wrapper form .field-icon-phone .gform-phone__input-wrapper::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234CAF50' stroke-width='2'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.68 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.32 1.85.55 2.81.68A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E"); }
.gform_wrapper form .field-icon-company .ginput_container_text::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234CAF50' stroke-width='2'%3E%3Crect x='4' y='2' width='16' height='20'/%3E%3Cpath d='M9 22v-4h6v4M9 6h1M14 6h1M9 10h1M14 10h1M9 14h1M14 14h1'/%3E%3C/svg%3E"); }
.gform_wrapper form .field-icon-message .ginput_container_textarea::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234CAF50' stroke-width='2'%3E%3Crect x='1' y='6' width='15' height='11'/%3E%3Cpath d='M16 10h4l3 3v4h-7z'/%3E%3Ccircle cx='6' cy='19' r='2'/%3E%3Ccircle cx='18' cy='19' r='2'/%3E%3C/svg%3E"); margin-top: 4px; }

.gform_wrapper form input::placeholder,
.gform_wrapper form textarea::placeholder { color: #666 !important; opacity: 1; }

#gform_wrapper_2 form input::placeholder,
#gform_wrapper_2 form textarea::placeholder { color: #fff !important; opacity: 1; }

.gform_wrapper form .gform_footer { margin-top: 20px !important; }
.gform_wrapper form .gform_button { background: #1a1a1a !important; color: #fff !important; padding: 16px 34px !important; border-radius: 4px !important; font-weight: 700 !important; text-transform: none !important; border: none !important; }

@media (max-width: 640px) { .gform_wrapper form .gform_fields { grid-template-columns: 1fr; } .gform_wrapper form .gfield.field-icon-message { grid-column: span 1; } }


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}