/*
Theme Name: Ammonite Environmental Theme
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Jonathan Roux Design
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Ammonite Environmental Theme is based on Hello Elementor Theme
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.1.1.1726394949
Updated: 2024-09-15 12:09:09

*/

/* AMMONITE ENVIRONMENTAL */

/* INDEX
* PADDING
* COMING SOON PAGE
* GLOBAL STYLING
* GLOBAL BUTTONS
* FORM STYLING
* MEDIA QUERIES
*/

:root {
  --color-black: #171717;
  --color-primary-white: #F4F9FD;
	--color-dark-grey: #59646B;
  --color-primary-blue: #0047AB;
  --color-dirty-blue: #769CD1;
  --vfx: all 0.3s ease-in-out;
}

/* PADDING */

.pad-top {
	padding-top: 6rem;
}

.pad-bot {
	padding-bottom: 6rem;
	padding-left: 3rem;
	padding-right: 3rem;
}

.pad-bot-only {
	padding-bottom: 6rem;
	padding-left: 0;
	padding-right: 0;
}

.pad-tb-only {
	padding: 6rem 0;
}

.pad-tb-large {
	padding: 10rem 4rem;
}

.pad-sides-large {
	padding-left: 6rem !important;
	padding-right: 6rem !important;
}

.pad-sides-small {
	padding-left: 4rem;
	padding-right: 4rem;
}

.pad-col-right {
	padding-right: 6rem;
}

.pad-col-left {
	padding-left: 6rem;
}

.pad-tb-small {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

/* GLOBAL BUTTONS */

.ghost-btn a {
	background: transparent !important;
	font-size: clamp(0.875rem, 0.85rem + 0.125vw, 1rem) !important;
	text-transform: uppercase !important;
	border: solid 2px var(--color-dark-grey) !important;
	border-radius: 3.125rem !important;
	padding: 0.8rem 1.75rem !important;
	color: var(--color-dark-grey) !important;
	transition: var(--vfx) !important;
}

.ghost-btn a:hover {
	background-color: var(--color-primary-blue) !important;
	border: 2px solid var(--color-primary-blue) !important;
	color: var(--color-primary-white) !important;
}

.ghost-white-btn a {
	background: transparent !important;
	font-size: clamp(0.875rem, 0.85rem + 0.125vw, 1rem) !important;
	text-transform: uppercase !important;
	border: solid 2px var(--color-primary-white) !important;
	border-radius: 3.125rem !important;
	padding: 0.8rem 1.75rem !important;
	color: var(--color-primary-white) !important;
	transition: var(--vfx) !important;
}

.ghost-white-btn a:hover {
	background-color: var(--color-primary-white) !important;
	color: var(--color-primary-blue) !important;
}

.solid-blue-btn a {
	background: var(--color-primary-blue) !important;
	font-size: clamp(0.875rem, 0.85rem + 0.125vw, 1rem) !important;
	text-transform: uppercase !important;
	border: solid 2px var(--color-primary-blue) !important;
	border-radius: 3.125rem !important;
	padding: 0.8rem 1.75rem !important;
	color: var(--color-primary-white) !important;
	transition: var(--vfx) !important;
}

.solid-blue-btn a:hover {
	background-color: var(--color-dirty-blue) !important;
	border: solid 2px var(--color-dirty-blue) !important;
}

.grey-txt-btn a {
	color: var(--color-dark-grey) !important;
	background-color: transparent !important;
	font-size: clamp(0.875rem, 0.85rem + 0.125vw, 1rem) !important;
	padding: 0 !important;
	margin: 0 !important;
	transition: var(--vfx) !important;
}

.grey-txt-btn a:hover {
	color: var(--color-primary-blue) !important;
}

/* COMING SOON PAGE */

.coming-soon-form .forminator-custom-form label {
	display: none !important;
}

.coming-soon-form .forminator-button {
	width: 100% !important;
	border: 1px solid var(--color-primary-blue) !important;
	border-radius: 5px !important;
	background-color: var(--color-primary-blue) !important;
	transition: var(--vfx) !important;
}

.coming-soon-form .forminator-button:hover {
	background-color: transparent !important;
	color: var(--primary-blue) !important;
	box-shadow: none !important;
}

.coming-soon-form .forminator-input {
	border: solid 1px var(--color-black) !important;
	border-radius: 5px !important;
	background-color: transparent !important;
	color: var(--color-primary-blue) !important;
	font-size: 14px !important;
}

.coming-soon-form .forminator-input::placeholder {
	font-size: 14px !important;
	color: var(--color-primary-blue) !important;
}

.coming-soon-form .forminator-textarea {
	border: solid 1px var(--color-black) !important;
	background-color: transparent !important;
	border-radius: 5px !important;
	color: var(--color-primary-blue) !important;
	font-size: 14px !important;
}

.coming-soon-form .forminator-textarea::placeholder {
	color: var(--color-primary-blue) !important;
	font-size: 14px !important;
}

.coming-soon-form .forminator-col {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.coming-soon-form .forminator-col-md-6 {
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.coming-soon-form .forminator-no-margin {
	margin-right: -5px !important;
	margin-left: -5px !important;
}

.coming-soon-form .forminator-field-phone {
	padding-right: 5px !important;
}

.coming-soon-form .forminator-field-email {
	padding-left: 5px !important;
}

.coming-soon-form .forminator-textarea:placeholder {
	color: var(--color-primary-blue) !important;
}

.coming-soon-form .forminator-row {
	margin-bottom: 10px !important;
}

.coming-soon-form .forminator-no-margin {
	margin-bottom: 0 !important;
}

.coming-soon-form .forminator-response-message {
	border: solid 1px var(--color-primary-blue) !important;
	border-radius: 5px !important;
	color: var(--color-primary-blue) !important;
	background-color: transparent !important;
	font-weight: 500 !important;
}

/* COMING SOON PAGE END */

/* GLOBAL STYLING */

html,
body {
	width: 100% !important;
	overflow-x: hidden !important;
	scroll-behavior: smooth !important;
}

.hero-section p {
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}

.navbar {
	transition: var(--vfx) !important;
	width: 100% !important;
}

.h1-small h1 {
	font-size: clamp(2.1875rem, 2.5625rem + -0.3125vw, 2.5rem) !important;
}

.legal-content a {
	color: var(--color-primary-blue) !important;
}

.navbar::after {
	content: "" !important;
	display: inline-block !important;
	position: absolute !important;
	height: 1px !important;
	width: 95vw !important;
	bottom: 0 !important;
	background-color: var(--color-primary-white) !important;
	transition: var(--vfx) !important;
}

.navbar .burger-menu svg {
	fill: var(--color-primary-white) !important;
}

.navbar.elementor-sticky--effects .burger-menu svg {
	fill: var(--color-primary-blue) !important;
}

.page-id-165 .navbar::after {
	content: "" !important;
	display: inline-block !important;
	position: absolute !important;
	height: 1px !important;
	width: 95vw !important;
	bottom: 0 !important;
	background-color: var(--color-primary-blue) !important;
	transition: var(--vfx) !important;
}

.navbar.elementor-sticky--effects::after {
	content: "" !important;
	display: inline-block !important;
	position: absolute !important;
	height: 1px !important;
	width: 100vw !important;
	bottom: 0 !important;
	left: 0 !important;
	background-color: var(--color-primary-blue) !important;
}

.navbar.elementor-sticky--effects {
	background-color: var(--color-primary-white) !important;
	transition: var(--vfx) !important;
}

.navbar .site-logo img {
	transition: var(--vfx) !important;
}

.navbar.elementor-sticky--effects .site-logo img {
	content: url("/wp-content/uploads/2024/12/ammonite-color-logo.svg") !important;
	display: inline-block !important;
	width: 100% !important;
	transition: var(--vfx) !important;
}

.navbar .nav-menu a {
	color: var(--color-primary-white) !important;
	transition: var(--vfx) !important;
}

.navbar .nav-menu a:after {
	content: '' !important;
	display: inline-block !important;
	height: 1px !important;
	width: 0 !important;
	position: absolute !important;
	bottom: -3px !important;
	left: 0 !important;
	background-color: var(--color-primary-white) !important;
}

.navbar .nav-menu .elementor-item-active::after {
	content: '' !important;
	display: inline-block !important;
	height: 1px !important;
	width: 100% !important;
	position: absolute !important;
	bottom: -3px !important;
	left: 0 !important;
	background-color: var(--color-primary-white) !important;
}

.navbar .nav-menu a:hover:after {
	width: 100% !important;
	background-color: var(--color-primary-white) !important;
}

.navbar.elementor-sticky--effects .nav-menu a {
	color: var(--color-primary-blue) !important;
	transition: var(--vfx) !important;
}

.navbar.elementor-sticky--effects .nav-menu a:hover {
	color: var(--color-dirty-blue) !important;
}

.navbar.elementor-sticky--effects .nav-menu a:after {
	content: '' !important;
	display: inline-block !important;
	height: 1px !important;
	position: absolute !important;
	width: 0 !important;
	bottom: -3px !important;
	left: 0 !important;
	background-color: var(--color-dirty-blue) !important;
	transition: var(--vfx) !important;
}

.navbar.elementor-sticky--effects .nav-menu .elementor-item-active:after {
	content: '' !important;
	display: inline-block !important;
	height: 1px !important;
	position: absolute !important;
	width: 100% !important;
	bottom: -3px !important;
	left: 0 !important;
	background-color: var(--color-primary-blue) !important;
	transition: var(--vfx) !important;
}

.navbar.elementor-sticky--effects .nav-menu a:hover:after {
	width: 100% !important;
}

.navbar.elementor-sticky--effects .ghost-white-btn a {
	background: var(--color-primary-blue) !important;
	font-size: clamp(0.875rem, 0.85rem + 0.125vw, 1rem) !important;
	text-transform: uppercase !important;
	border: solid 2px var(--color-primary-blue) !important;
	border-radius: 3.125rem !important;
	padding: 0.8rem 1.75rem !important;
	color: var(--color-primary-white) !important;
	transition: var(--vfx) !important;
}

.navbar.elementor-sticky--effects .ghost-white-btn a:hover {
	background-color: var(--color-dirty-blue) !important;
	color: var(--color-primary-white) !important;
	border: solid 2px var(--color-dirty-blue) !important;
}

.page-id-165 .navbar .site-logo img {
	content: url("/wp-content/uploads/2024/12/ammonite-color-logo.svg") !important;
	display: inline-block !important;
	width: 100% !important;
	transition: var(--vfx) !important;
}

.page-id-165 .nav-menu a {
	color: var(--color-primary-blue) !important;
}

.page-id-165 .navbar .nav-menu .elementor-item-active::after {
	content: '' !important;
	display: inline-block !important;
	height: 1px !important;
	width: 100% !important;
	position: absolute !important;
	bottom: -3px !important;
	left: 0 !important;
	background-color: var(--color-primary-blue) !important;
}

.page-id-165 .navbar .nav-menu a:hover:after {
	width: 100% !important;
	background-color: var(--color-primary-blue) !important;
}

.page-id-165 .ghost-white-btn a {
	background: transparent !important;
	font-size: clamp(0.875rem, 0.85rem + 0.125vw, 1rem) !important;
	text-transform: uppercase !important;
	border: solid 2px var(--color-primary-blue) !important;
	border-radius: 3.125rem !important;
	padding: 0.8rem 1.75rem !important;
	color: var(--color-primary-blue) !important;
	transition: var(--vfx) !important;
}

.page-id-165 .ghost-white-btn a:hover {
	background-color: var(--color-primary-blue) !important;
	color: var(--color-primary-white) !important;
}

.h3-large h3 {
	font-size: clamp(1.125rem, 1.0375rem + 0.43750000000000006vw, 1.5625rem) !important;
}

.coming-soon-text p {
	font-size: 14px !important;
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
}

.get-in-touch-contact-block a {
	color: var(--color-primary-blue) !important;
}

.footer-socket a {
	font-size: 0.625rem !important;
	color: var(--color-primary-white) !important;
}

.main-footer .footer-link {
	font-size: 0.75rem !important;
	font-weight: 500 !important;
	color: var(--color-dark-grey) !important;
}

.pie-chart .bdt-progress-pie-after {
	padding-left: 4rem !important;
	padding-right: 4rem !important;
}

.trigger-container .profile-img img {
	transition: var(--vfx) !important;
	filter: grayscale(1) !important;
}

.trigger-container:hover .profile-img img {
	transform: scale(1.1) !important;
	filter: grayscale(0) !important;
}

.footer-contact-links a {
	transition: var(--vfx) !important;
}

.footer-contact-links a:hover {
	color: var(--color-primary-blue) !important;
}

.who-we-work-with-caro img {
/* 	filter: grayscale(1) !important; */
	transition: var(--vfx) !important;
}

.who-we-work-with-caro img:hover {
	filter: grayscale(0) !important;
	transition: var(--vfx) !important;
}

.service-accordion .e-n-accordion-item-title {
	padding-left:  0 !important;
	padding-right:  0 !important;
}

/* FORM STYLING */

.main-contact-form #forminator-module-572 .forminator-input {
	border: solid 1px var(--color-dark-grey) !important;
	border-radius: 5px !important;
	background: transparent !important;
}

.partner-form .forminator-input {
	border: solid 1px var(--color-dark-grey) !important;
	border-radius: 5px !important;
	background: transparent !important;
}

.main-contact-form .forminator-row #name-1,
.main-contact-form .forminator-field-email{
	padding-right: 0.5rem !important;
}

.main-contact-form .forminator-row #name-2,
.main-contact-form .forminator-field-phone{
	padding-left: 0.5rem !important;
	border-radius: 5px !important;
}

.main-contact-form .select2-selection {
	border: solid 1px var(--color-dark-grey) !important;
	border-radius: 5px !important;
	background: transparent !important;
}

.main-contact-form .forminator-textarea,
.partner-form .forminator-textarea {
	background: transparent !important;
	border-radius: 5px !important;
	border: solid 1px var(--color-dark-grey) !important;
}

.main-contact-form .forminator-button,
.partner-form .forminator-button {
	background: transparent !important;
	width: 150px !important;
	border: solid 1px var(--color-dark-grey) !important;
	border-radius: 50px !important;
	color: var(--color-dark-grey) !important;
	box-shadow: none !important;
	transition: var(--vfx) !important;
}

.partner-form .forminator-label {
	display: none !important;
}

.partner-form-first-name,
.partner-form-company-name,
.partner-form-phone-number  {
	padding-right: 0.5rem !important;
}

.partner-form-last-name,
.partner-form-website,
.partner-form-email-address {
	padding-left: 0.5rem !important;
}

.main-contact-form .forminator-button:hover,
.partner-form .forminator-button:hover {
	background: var(--color-primary-blue) !important;
	color: var(--color-primary-white) !important;
}

.main-contact-form .forminator-response-message,
.partner-form .forminator-response-message {
	border: none !important;
	background: var(--color-primary-blue) !important;
	color: var(--color-primary-white) !important;
}

.main-contact-form .forminator-row,
.partner-form .forminator-row {
	margin-bottom: 1rem !important;
}

.main-contact-form #forminator-module-572 label {
	display: none !important;
}

.form-description p {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.footer-form .forminator-custom-form {
	margin-bottom: 0 !important;
}

.footer-form input {
	background-color: transparent !important;
	border: solid 1px var(--color-dark-grey) !important;
	border-radius: 50px !important;
	color: var(--color-dark-grey) !important;
	padding-left: 1rem !important;
	padding-top: 8px !important;
	padding-bottom: 8px !important;
}

.footer-form .forminator-row {
	margin-bottom: 0.5rem !important;
}

.footer-form label {
	display: none !important;
}

.footer-form .forminator-button {
	background-color: transparent !important;
	border: solid 1px var(--color-dark-grey) !important;
	border-radius: 50px !important;
	color: var(--color-dark-grey) !important;
	box-shadow: none !important;
	transition: var(--vfx) !important;
	margin-top: 0.5rem !important;
}

.footer-form .forminator-button:hover {
	background-color: var(--color-primary-blue) !important;
	border: solid 1px var(--color-primary-blue) !important;
	color: var(--color-primary-white) !important;
}

.txt-highlight {
	position: relative !important;
}

.txt-highlight::after {
	content: "" !important;
	display: inline-block !important;
	position: absolute !important;
	left: 0 !important;
	bottom: -0.5rem !important;
	height: 1px !important;
	width: 100px !important;
	background-color: var(--color-primary-white) !important;
}

/* MEDIA QUERIES */

/* TABLET - 1024px */
@media (width <= 64em) {
	.pad-sides-small {
		padding-left: 2rem;
		padding-right: 2rem;
	}

	.pad-tb-large {
		padding: 4rem 2rem;
	}

	.pad-col-right {
		padding-right: 0;
	}
	
	.pad-col-left {
		padding-left: 0;
	}
	
	.dialog-close-button {
		z-index: 999 !important;
	}
}

/* MOBILE - 767px */
@media (width <= 47.938em) {

	.pad-sides-small {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	.pad-col-right {
		padding-right: 0;
	}
	
	.pad-col-left {
		padding-left: 0;
	}

	.pad-tb-only {
		padding: 3rem 0;
	}

	.pad-tb-large {
		padding: 2rem 1rem;
	}

	.pad-sides-small {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	
	.dialog-close-button {
		z-index: 999 !important;
	}
	
	.forminator-row .forminator-field-name,
	.forminator-row .forminator-field-phone,
	.forminator-row #name-2 {
		padding-left: 0 !important;
	}
	
	.main-contact-form .forminator-row #name-2, 
	.main-contact-form .forminator-field-phone {
		padding-left: 0 !important;
	}
	
	.forminator-field-name.forminator-col.forminator-col-6 {
		padding-left: 0 !important;
	}

	.coming-soon-form .forminator-no-margin {
		margin-bottom: 10px !important;
	}
	
	.coming-soon-form .forminator-col {
		margin-bottom: 10px !important;
		padding-bottom: 0 !important;
	}
	
	.coming-soon-form .forminator-field-phone {
		padding-right: 0 !important;
	}

	.coming-soon-form .forminator-field-email {
		padding-left: 0 !important;
	}
	
	.page-id-165 .navbar .burger-menu svg {
		fill: var(--color-primary-blue) !important;
	}

	.partner-form-first-name,
	.partner-form-company-name,
	.partner-form-phone-number  {
		padding-right: 0 !important;
	}

	.partner-form-last-name,
	.partner-form-website,
	.partner-form-email-address {
		padding-left: 0 !important;
	}
	
	.txt-highlight {
	position: relative !important;
}

	.txt-highlight::after {
	content: "" !important;
	display: inline-block !important;
	position: absolute !important;
	left: 0 !important;
	bottom: -2.5rem !important;
	height: 1px !important;
	width: 100px !important;
	background-color: var(--color-primary-white) !important;
}
	
}