/* 
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
*/


@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap');

.page-banner h1 span,
.page-banner h2.elementor-heading-title.elementor-size-default span,
h2.elementor-heading-title.elementor-size-default span {
    font-family: 'Dancing Script';
    text-transform: lowercase;
	font-style: italic;
}
@media (min-width: 992px) {
	h2.elementor-heading-title.elementor-size-default span {
	    font-size: 5rem;
	}
	.page-banner h2.elementor-heading-title.elementor-size-default span {
		font-size: 2.75rem;
	}
	.page-banner h1 span {
		font-size: 10rem;
	}
}
@media (min-width: 768px) and (max-width: 991.98px) {
	h2.elementor-heading-title.elementor-size-default span {
	    font-size: 4rem;
	}
	.page-banner h2.elementor-heading-title.elementor-size-default span {
		font-size: 2.75rem;
	}	
	.page-banner h1 span {
		font-size: 5.5rem;
	}
}
@media (max-width: 767.98px) {
	h2.elementor-heading-title.elementor-size-default span {
	    font-size: 3.5rem;
	}
	.page-banner h2.elementor-heading-title.elementor-size-default span {
		font-size: 2.75rem;
	}
	.page-banner h1 span {
		font-size: 5rem;
	}
}



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


@media (min-width: 768px) {
	.page-id-40665 .page-banner {
		background-position: top right !important;
	}
}
	

.page-banner h2.elementor-heading-title.elementor-size-default {
    text-transform: none !important;
}
.elementor-hmg-job-board-search.dirhorizontal .jbForm .form-group button.btn.btn-primary.e-buttontext {
	line-height: 1rem;
}
.page-banner {
    background-position: top center !important;
}
.elementor-button.elementor-size-md {
	padding: 15px 40px !important;
}


/* Button Shape */
a.elementor-button-link.elementor-button,
input.gform_button {
    appearance: none;
    position: relative;
    display: inline-block;
    margin: auto;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: none;
    border-radius: 5px; /* Bordas arredondadas */
    padding: 0.75rem 2rem;
    background-color: #3498db; /* Cor base do botão (exemplo) */
    color: #fff; /* Texto branco */
    transition: background-color 0.3s ease, transform 0.2s ease;
}

a.elementor-button-link.elementor-button:hover,
input.gform_button:hover {
    background-color: #2d89c7; /* 10% mais escuro */
    border-radius: 5px; /* Mantém borda arredondada */
    transform: scale(1.05);
}


/* 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;
	}
}