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

.mobile-footer {
    z-index: 9999999 !important;
}

/* Custom Font */

@font-face {
  font-family: GothamPro;
  src: url(https://themortonway1.wpengine.com/wp-content/uploads/2022/01/GothamPro-Medium.eot);
  src: url(https://themortonway1.wpengine.com/wp-content/uploads/2022/01/GothamPro-Medium.woff2) format("woff2"),
	  url(https://themortonway1.wpengine.com/wp-content/uploads/2022/01/GothamPro-Medium.woff) format("woff"),
	  url(https://themortonway1.wpengine.com/wp-content/uploads/2022/01/GothamPro-Medium.ttf) format("truetype"),
	  url(https://themortonway1.wpengine.com/wp-content/uploads/2022/01/GothamPro-Medium.svg#GothamPro) format("svg"),
	  url(https://themortonway1.wpengine.com/wp-content/uploads/2022/01/GothamPro-Medium.eot?#iefix) format("embedded-opentype");
  font-weight: 400;
  font-style: normal
}
@font-face {
  font-family: GothamPro;
  src: url(https://themortonway1.wpengine.com/wp-content/uploads/2022/01/GothamPro-Bold.eot);
  src: url(https://themortonway1.wpengine.com/wp-content/uploads/2022/01/GothamPro-Bold.woff2) format("woff2"),
	  url(https://themortonway1.wpengine.com/wp-content/uploads/2022/01/GothamPro-Bold.woff) format("woff"),
	  url(https://themortonway1.wpengine.com/wp-content/uploads/2022/01/GothamPro-Bold.ttf) format("truetype"),
	  url(https://themortonway1.wpengine.com/wp-content/uploads/2022/01/GothamPro-Bold.svg#GothamPro) format("svg"),
	  url(https://themortonway1.wpengine.com/wp-content/uploads/2022/01/GothamPro-Bold.eot?#iefix) format("embedded-opentype");
  font-weight: 600;
  font-style: normal
}


.page-banner h2 {
    font-family: "Gotham" !important;
    font-size: 2rem !important;
}


.util-nav a:hover {
    font-size: 1.2rem;
}


/* Team Profiles */
.wpt-teamprofiles-grid .wpt-teamprofiles-hover-actions::after {
	  background-color: #fff0 !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;
}

@media (max-width: 1160px) {
	.wpt-teamprofiles-grid {
		justify-content: center !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;
	}
}