/* 
Theme Name: Haley Marketing
Theme URI: https://www.haleymarketing.com
Description: This is a custom theme created by Haley Marketing Group.
Author: Haley Marketing Group
Author URI: https://www.haleymarketing.com
Template: hello-elementor
Version: 4.8
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/






/* Fly In Close Button */
.dialog-close-button.dialog-lightbox-close-button {
    z-index: 1000000 !important;
}

/* Banner Transparency Adjustments */
.page-banner > .elementor-background-overlay {
    opacity: 0.3 !important;
}
.page-banner .elementor-widget-wrap.elementor-motion-effects-parent .elementor-background-overlay {
    opacity: 0.12 !important;
}
.home-banner .elementor-widget-wrap.elementor-motion-effects-parent .elementor-background-overlay {
    opacity: 0.25 !important;
}
.page-banner {
    overflow: hidden;
}



/* Social Link Order Adjustment */
/* Facebook */
.elementor-hmg-sociallinks ul.social-links li:nth-of-type(1) {
    order: 2;
}
/* Twitter */
.elementor-hmg-sociallinks ul.social-links li:nth-of-type(2) {
    order: 4;
}
/* LinkedIn */
.elementor-hmg-sociallinks ul.social-links li:nth-of-type(3) {
    order: 1;
}
/* Instagram */
.elementor-hmg-sociallinks ul.social-links li:nth-of-type(4) {
    order: 3;
}


/* Page Banner */
.banner-pinwheel {
    position: absolute !important;
}
.banner-content {
	position: relative !important;
}

.wpt-modal {
    z-index: 10000000000000 !important;
}


@media (max-width: 767px) {
	.elementor-hmg-sociallinks.alignment-left ul.social-links {
		justify-content: center !important;
	}
}

/* Team Profiles */
.wpt-teamprofiles-grid .wpt-teamprofiles-hover-actions::after {
	  background-color: var(--e-global-color-primary) !important;
}
.wpt-teamprofiles-hover-actions.wpt-icons-only i {
	  color: #FFF !important;
}
ul.wpt-member-detail-contact a,
ul.wpt-teamprofiles-social-nav i {
	  color: var(--e-global-color-primary) !important;
}
button.wpt-close:hover {
	  background: #FFF !important;
}



/******************************************************

*  Responsive section, column, and block padding utility classes

	- Add one of the following classes to an element to override any padding being set on the individual element within elementor.

	- The mobile-padding class is the exception, and will only effect the mobile and tablet breakpoints. Desktop padding can still be edited with Elementor when using this class.

******************************************************

For use on outer or inner sections, to add a small, medium, or large amount of padding:

	.section-padding-sm
	.section-padding
	.section-padding-lg


For Elementor columns:

	.col-padding


For any other element:

	.block-padding


Add padding to any element on mobile and tablet ONLY (can still set desktop padding in Elementor):

	.mobile-padding

*******************************************************/

.col-padding .elementor-column-wrap {
	padding: 1.5rem 1rem !important;
}

.block-padding {
	padding: 1.5rem 1rem !important;
}

.section-padding-sm {
	padding: 1rem 1rem !important;
}

.section-padding {
	padding: 2rem 1rem !important;
}

.section-padding-lg {
	padding: 3rem 1rem !important;
}

@media only screen and (max-width: 768px) {
	.mobile-padding {
		padding: 2rem 1rem !important;
	}
}

@media only screen and (min-width: 768px) {
	.block-padding {
		padding: 3rem 2rem !important;
	}
	.col-padding .elementor-column-wrap {
		padding: 3rem 2rem !important;
	}
	.section-padding-sm {
		padding: 1.5rem 2rem !important;
	}
	.section-padding {
		padding: 3rem 2rem !important;
	}
	.section-padding-lg {
		padding: 4.5rem 2rem !important;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	.mobile-padding {
		padding: 3rem 2rem !important;
	}
}

@media only screen and (min-width: 1024px) {
	.block-padding {
		padding: 4.5rem 3rem !important;
	}
	.col-padding .elementor-column-wrap {
		padding: 4.5rem 3rem !important;
	}
	.section-padding-sm {
		padding: 2rem 0.5rem !important;
	}
	.section-padding {
		padding: 5rem 0.5rem !important;
	}
	.section-padding-lg {
		padding: 7rem 0.5rem !important;
	}
}