/*
Theme Name:         Grease Monkey
Theme URI:          https://oilexgreasemonkey.com/
Description:        Grease Monkey's website designed and maintained by Clark Five Design
Version:            1.0.0
Author:             Clark Five Design
Author URI:         https://clarkfivedesign.com
Template:     		c5v-joints
*/


/* ----------------------------------------------------------------------------
	Headers & Heros 
---------------------------------------------------------------------------- */
.hero-tagline-ctas .hero-tagline-text a,
.hero-tagline-ctas .hero-tagline-text a:hover { color: #fff; font-weight: 700; }

.hero-standard-image .hero-tagline-text a,
.hero-standard-image .hero-tagline-text a:hover { color: #fff; font-weight: 700; }

.hero-tagline-text a, { color: #fff; font-weight: 700; }
.hero-tagline-text a:hover { color: #fff; font-weight: 700; }


/* ----------------------------------------------------------------------------
Sticky Navigation (https://elementor.com/blog/shrinking-sticky-header/)
---------------------------------------------------------------------------- */

header.sticky-header {
	--header-height: 71px;
	--opacity: 1;
	--shrink-me: 1.0;
	--sticky-background-color: #000;
	--color: #ffffff;
	--transition: .3s ease-in-out;

	transition: background-color var(--transition),
				background-image var(--transition),
				backdrop-filter var(--transition),
				color var(--transition),
				opacity var(--transition);
}
header.sticky-header.elementor-sticky--effects {
	background-color: var(--sticky-background-color) !important;
	background-image: none !important;
	opacity: var(--opacity) !important;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
}
header.sticky-header > .elementor-container {
	transition: min-height var(--transition);
}
header.sticky-header.elementor-sticky--effects > .elementor-container {
	min-height: calc(var(--header-height) * var(--shrink-me))!important;
	height: calc(var(--header-height) * var(--shrink-me));
}
header.sticky-header .elementor-nav-menu .elementor-item {
	transition: padding var(--transition);
}
header.sticky-header > .elementor-container .logo img {
	transition: max-width var(--transition);
}
header.sticky-header.elementor-sticky--effects > .elementor-container .sticky-nav-items a {
	color: #fff !important;
}
header.sticky-header.elementor-sticky--effects .logo img {
	max-width: calc(100% * var(--shrink-me));
}


/* ----------------------------------------------------------------------------
	Links, Buttons, Action States
---------------------------------------------------------------------------- */
/* Links on text elements */
.elementor-text-editor a { color: #e62a41; }
.elementor-text-editor a:hover { color: #f54a43; }

.elementor-icon-box-description a { color: #e62a41; }
.elementor-icon-box-description a:hover { color: #f54a43; }

#footer-description .elementor-text-editor a { color: #fff; }
#footer-description .elementor-text-editor a:hover { color: #fff; }

.pdf-download .elementor-button { text-align: left; }

/* Facebook/Social icons */
.facebook-icon {
	display: inline-block;
	background-color: #4267B2; /* Facebook blue */
	color: white;
	border-radius: 50%; /* Makes the background circular */
	width: 40px; /* Diameter of the circle */
	height: 40px; /* Diameter of the circle */
	text-align: center; /* Centers the icon horizontally */
	line-height: 40px; /* Centers the icon vertically */
	font-size: 24px; /* Icon size */
}

.facebook-icon i {
	vertical-align: middle; /* Helps center the icon vertically */
}

.facebook-icon:hover {
	background-color: #f54a43; color:#fff; /* Darker Facebook blue on hover */
}


/* ----------------------------------------------------------------------------
	Forms
---------------------------------------------------------------------------- */
.gform_footer .button { 
	background-color: #e62a41; 
	border-radius: 3px; 
	color: #fff;
	font-family: "Roboto", sans-serif; 
	font-size: 16px;
	font-weight: 500;
	border-radius: 10px;
	padding-left: 30px;
	padding-right: 30px; 
	text-transform: uppercase; }
.gform_footer .button:hover { background-color: #f54a43; }

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
.gform_wrapper select { padding: 5px 15px !important; }
.gform_wrapper textarea { padding: 15px !important; }

/* New GF Style */
/* Default Button Styles */
.gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), 
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), 
.gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn))>button:not([id*=mceu_]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), 
.gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit],[type=button],[type=reset]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), 
.gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit],[type=button],[type=reset]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), 
.gform-theme.gform-theme--framework.gform_wrapper input[type=submit].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
	background-color: #e62a41 !important; 
	border-radius: 3px !important; 
	color: #fff !important;
	font-family: "Roboto", sans-serif !important; 
	font-size: 16px !important;
	font-weight: 500 !important;
	border-radius: 10px !important;
	padding-left: 30px !important;
	padding-right: 30px !important; 
	text-transform: uppercase !important;
}

/* Hover Effect */
.gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover,
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover,
.gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn))>button:not([id*=mceu_]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover,
.gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover,
.gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit],[type=button],[type=reset]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover,
.gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit],[type=button],[type=reset]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover,
.gform-theme.gform-theme--framework.gform_wrapper input[type=submit].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover {
	background-color: #f54a43 !important;
}


/* Navigation Elementor Search */
.elementor-element input[type="search"].elementor-search-form__input { height: 50px; }

#reversed-form .gform_wrapper .gfield_label { color: #fff; }



@media (max-width: 1028px) { 

/* Change to styles on mobile submenu */
.elementor-nav-menu li ul.sub-menu.elementor-nav-menu--dropdown { background: #fff !important; }
.elementor-nav-menu li ul.sub-menu.elementor-nav-menu--dropdown li:not(:last-child) { border-color: rgba(88,89,91,.05) !important; }
.elementor-nav-menu li ul.sub-menu.elementor-nav-menu--dropdown a { color: #14455D !important; }
.elementor-nav-menu li ul.sub-menu.elementor-nav-menu--dropdown a:hover { background: rgba(255,73,92,0.10) !important; color: #14455D !important; }
.elementor-nav-menu--dropdown.elementor-nav-menu__container .elementor-sub-item { font-size: 16px !important; }

}