/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.custom-nav {position: sticky; top: 0; left: 0; width: 100%; background-color: #fff; padding: 6px 0; box-shadow: 0 3px 30px -20px rgba(83,83,83,.65); z-index: 9;}
.nav-container {max-width: 1440px; width: 100%; margin: auto; position: relative;}
.nav-inner {display: flex; align-items: center; justify-content: space-between;}
.nav-menu {list-style: none; margin: 0; padding: 0; display: flex; align-items: center; justify-content: space-between;}

.custom-nav .logo-container, .custom-nav .cta-container {min-width: 210px; display: inline-flex;}
.custom-nav .logo-container a {display: inline-flex;}
.custom-nav .logo-container img {height: 35.5px;}
.custom-nav .cta-container {text-align: right;}
.custom-nav .cta-container a {font-family: "Poppins", sans-serif; font-size: 16px; font-weight: 600; color: #fff; background-color: #f4900c; padding: 16px 39.5px; border-radius: 50px; display: inline-block; }
.custom-nav .cta-container a i {margin-left: 10px;}

.nav-menu .menu-item-has-children {position: relative;}

.nav-menu a {color: rgb(67, 84, 102); transition: all 0.3s ease-in-out; padding: 20px; display: flex; align-items: center;}
.nav-menu a .dropdown-toggle {border: solid rgb(67, 84, 102); border-width: 0 2px 2px 0; display: inline-block; padding: 2px; transform: rotate(45deg); transition: all 0.3s ease-in-out; margin-left: 10px;}
.nav-menu a:hover .dropdown-toggle {border-color: #6f77f4;}

.nav-menu .regular-drop {position: absolute; background-color: #fff; border-radius: 10px; overflow: hidden; box-shadow: 0 3px 30px -20px rgba(83,83,83,.65); padding: 0; top: 76px; display: none;}
.nav-menu .regular-drop ul {list-style: none; padding: 0; margin: 0; width: max-content; padding: 10px 0;}
.nav-menu .regular-drop ul li a {padding: 10px 20px;}

.mega .regular-drop {left: 50%; transform: translatex(-25%);}
.mega .regular-drop-container {display: flex; align-items: center;}
.mega .regular-drop-container .mega-cta {width: 500px; height: 100%; padding: 0;}

.mega .regular-drop-container .mega-cta .mega-cta-inner {display: flex; align-items: center; padding: 40px 20px;}
.mega .regular-drop-container .mega-cta .mega-cta-inner .left {width: 50%; padding-right: 15px; color: #fff;}
.mega .regular-drop-container .mega-cta .mega-cta-inner .right {width: 50%; padding-left: 15px;}
.mega .regular-drop-container .mega-cta .mega-cta-inner .right img {border-radius: 10px;}

.mega .regular-drop-container .mega-cta .mega-cta-inner h3 {font-weight: bolder; color: #fff; margin: 0; margin-bottom: 20px;}
.mega .regular-drop-container .mega-cta .mega-cta-inner p {font-weight: 400; margin: 0; margin-bottom: 20px;}
.mega .regular-drop-container .mega-cta .mega-cta-inner .eyebrow {font-weight: bolder; font-size: 10px; text-transform: uppercase; background-color: rgb(28, 36, 75); padding: 0 15px; border-radius: 50px; margin-bottom: 10px; display: inline-block;}
.mega .regular-drop-container .mega-cta .mega-cta-inner .btn {background-color: #f48f0a; color: #fff; font-size: 12px; padding: 3px 20px; border-radius: 50px; display: inline-block;}

.hamb {display: none;}

.hamburger {width: 44px; height: 44px; position: relative;}
.hamburger span {display: block; position: absolute; height: 2px; width: 44px; background: #000; border-radius: 9px; opacity: 1; left: 0; transform: rotate(0deg); transition: all .3s ease-in-out;}

.hamburger span:nth-child(1) {top: 10px; transform-origin: center center;}
.hamburger span:nth-child(2) {top: 20px; transform-origin: center center;}
.hamburger span:nth-child(3) {top: 30px; transform-origin: center center;}

.hamburger.close span:nth-child(1) {transform: rotate(45deg); top: 22px;}
.hamburger.close span:nth-child(2) {width: 0%; opacity: 0; transition: .1s;}
.hamburger.close span:nth-child(3) {transform: rotate(-45deg); top: 22px;}

.mobile-nav {position: absolute; left: 15px; right: 15px; background-color: #fff; border-radius: 10px; box-shadow: 0 3px 30px -20px rgba(83,83,83,.65); padding: 20px 0; top: 106px; display: none;}
.mobile-nav ul {list-style: none; padding: 0; margin: 0;}
.mobile-nav ul li a {display: flex; align-items: center; justify-content: space-between; color: rgb(67, 84, 102); padding: 10px 30px;}
.mobile-nav ul li a:focus {outline: none; background-color: transparent;}
.mobile-nav .sub-menu {display: none;}
.mobile-nav ul.sub-menu li a {font-size: 14px;}
.mobile-nav .dropdown-toggle {padding: 0 20px;}

.current_page_item > a, .mobile-nav ul li.current_page_item > a {color: #6f77f3;}

.ue_taxonomy_item {margin-top: 5px !important; margin-bottom: 5px !important;}

/* husbspot html forms */
.h-form label {color: #33475b; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; font-size: 13px; font-weight: 500; line-height: 20px;}
.h-form label .hs-form-required {color: #ff0000; padding-left: 2px;}
.h-form input, .h-form select {padding: 0 15px; min-height: 27px; height: 40px; font-size: 16px; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; line-height: 22px; color: #33475b; border: 1px solid #cbd6e2; border-radius: 3px; background-color: #f5f8fa; width: 100% !important;}
.h-form .input {margin: 0 !important;}
.h-form input:focus {border-color: #27a8e0;}
.h-form input.error {border-color: #c87872;}
.h-form fieldset {max-width: 100% !important;}
.h-form .form-columns-2, .h-form .form-columns-1 {margin: 0 -15px; display: flex; width: 100%; max-width: 100% !important;}
.h-form .form-columns-2 .field, .h-form .form-columns-1 .field {padding: 0 15px; float: none !important;}
.h-form .form-columns-1 .field, .h-form .hs-dependent-field {width: 100%;}
.h-form .field {margin-bottom: 15px;}
.h-form .hs-submit input {width: auto !important; background: #000 !important; border-radius: 3px; font-size: 12px; line-height: 0;}
.h-form .hs-submit input:hover, .h-form .hs-submit input:focus {border-radius: 3px; background: #000 !important;}

.hs-form .no-list {list-style: none; padding: 0; margin: 0;}
.hs-form .no-list li label.hs-error-msg {color: #f2545b;}
.hs-form .hs_error_rollup {display: none !important;}

/* blog */
.wp-block-list li {margin-bottom: 20px; line-height: 1.5;}
.wp-block-list li strong {font-weight: 700;}
.wp-block-list li:last-child {margin: 0;}
.wp-block-image button.lightbox-trigger {display: none !important;}

.wp-block-image.shadow img {box-shadow: 0 3px 30px -20px rgba(83,83,83,.65);}

/* elementor */
.elementor-button-content-wrapper {align-items: center;}

/* grid */
.s-container {max-width: 1440px; width: 100%; margin: auto; position: relative;}
.s-container-2 {padding: 0 15px;}

.s-row {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
}

.s-col {
	padding: 0 15px;
}

.s-col-1 { width: 8.3333%; }
.s-col-2 { width: 16.6667%; }
.s-col-3 { width: 25%; }
.s-col-4 { width: 33.3333%; }
.s-col-5 { width: 41.6667%; }
.s-col-6 { width: 50%; }
.s-col-7 { width: 58.3333%; }
.s-col-8 { width: 66.6667%; }
.s-col-9 { width: 75%; }
.s-col-10 { width: 83.3333%; }
.s-col-11 { width: 91.6667%; }
.s-col-12 { width: 100%; }

.mt-30 {margin-top: 30px;}
.mt-60 {margin-top: 60px;}
.mt-70 {margin-top: 70px;}

.justify-center { justify-content: center; }
.align-center { align-items: center; }

.btn { padding: 10px 20px; border-radius: 50px; transition: all 0.3s ease; }
.btn-purple { background: #635DFF !important; color: #fff; }
.btn-purple:hover { background: #1C244B !important; color: #fff; }

/* expert talks */
.related {
	background-color: #fff;
	height: 100%;
	display: flex;
	flex-direction: column;
	border-radius: 20px;
	border: 4px solid #f8f9fa;
	overflow: hidden;
}

.related.hw { align-items: center; }

.related .related-info {
	padding: 20px;
	height: 100%;
	display: flex;
	flex-direction: column;
}
.related.hw .related-info { align-items: center; }
.related .related-info p {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.related .related-info a {
	font-weight: 400 !important;
	margin-top: auto;
}

.text-center {text-align: center;}

.casts {display: inline-flex; align-items: center; justify-content: center; background-color: #f8f9fa; padding: 20px; border-radius: 20px;}
.casts a {display: inline-flex; margin: 0 10px;}
.casts a img {height: 25px;}

.hide-desktop {display: none;}

.inno-list {display: flex; flex-direction: column; gap: 15px;}
.inno-list > div {display: flex; align-items: center; gap: 15px;}
.inno-list > div span {display: inline-flex; min-width: 30px; height: 30px; background-color: #6F77F4; align-items: center; justify-content: center; text-align: cneter; color: #fff; font-weight: 600; border-radius: 50px;}
.inno-list > div p {margin: 0; font-weight: 600;}

.inno-tip {border-radius: 20px; overflow: hidden; background-color: #6F77F4;}
.inno-tip-header {display: flex; align-items: center; gap: 15px; background-color: #6F77F4; color: #fff;}
.inno-tip-header i {display: inline-flex; padding: 15px 20px; border-bottom-right-radius: 20px; background-color: #27a8e0;}
.inno-tip-header span {font-weight: 600; font-size: 18px;}
.inno-tip-content {padding: 30px; padding-top: 20px; color: #fff; font-weight: 400;}
.inno-tip-content p {margin: 0;}

.inno-quote {
	padding: 40px;
	font-size: 18px;
	line-height: 1.6;
	background-color: #eef5f7;
	border-radius: 20px;
	position: relative;
}


.inno-quote p {margin: 0;}

.inno-quote p.inno-quote-content {
	margin-bottom: 20px;
	font-size: 20px;
}

.inno-quote p.inno-quote-info {
	font-size: 16px;
	margin-bottom: 10px;
}

.inno-quote p.inno-quote-company {
	font-size: 16px; font-weight: 600;
}

.inno-quote::before, .inno-quote::after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	font-size: 40px;
}

.inno-quote::before {
	content: "\f10d";
	top: -32px;
}

.inno-quote::after {
	content: "\f10e";
	right: 40px;
	bottom: -32px;
}

.inno-faqs {display: flex; flex-direction: column;}
.inno-faqs .inno-faq-question {padding: 20px 0; display: flex; gap: 25px; align-items: center; justify-content: space-between; font-size: 18px; font-weight: 600; cursor: pointer; border-bottom: 1px solid #d6dddf;}
.inno-faqs .inno-faq-item.open .inno-faq-question {border-bottom: 1px solid transparent;}

.inno-faqs .inno-faq-question, .inno-faqs .inno-faq-answer {transition: border 0.3s ease;}

.inno-faqs .inno-faq-item.open .inno-faq-answer {border-bottom: 1px solid #d6dddf; padding-bottom: 20px;}
.inno-faqs .inno-faq-answer p {margin: 0;}

/* pagination */
.s-pag .pagination {margin-top: 60px; margin-bottom: 0; align-items: center; justify-content: center;}
.s-pag .pagination ul, .s-pag .nav-links {display: flex; align-items: center; justify-content: center; text-align: center;}
.s-pag .pagination ul li span, .s-pag .nav-links .page-numbers {color: #000; font-size: 14px; display: inline-flex; cursor: pointer; text-decoration: none; min-width: 36px; max-width: 36px; height: 36px; border-radius: 50%; align-items: center; justify-content: center; text-align: center;}
.s-pag .pagination ul li span.current, .s-pag .nav-links .page-numbers.current {color: #fff; background-color: #000;}
.s-pag .pagination ul li.disabled span {color: #717171; opacity: 0.5; pointer-events: none;}
.s-pag .pagination .prev, .s-pag .pagination .next {display: none;}

/*news-letter*/
.news .hs_email > label {display: none;}
.news form {display: flex; align-items: center; padding: 0 5px; border: 1px solid #cbd6e2; background-color: #f5f8fa; border-radius: 50px; width: 80%; margin: auto;}
.news form input {border: none !important; background-color: transparent !important;}
.news .hs_email {width: 100%; position: relative;}
.news .no-list {position: absolute; font-size: 14px; left: 20px; bottom: -40px; width: 100%; text-align: left;}
.news .no-list li {white-space: nowrap;}
.news .hs_submit {margin: 5px; margin-right: 0;}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  transition: background-color 9999s ease-in-out 0s;
  -webkit-text-fill-color: #000 !important;
}

/* Harvest Watch */
.wyt { position: fixed; bottom: 40px; right: 40px; z-index: 99; }

.g-header, .elementor-location-footer > div { background-color: #f0f7fe !important; }
#gated-wrapper.locked .gated-content {
	filter: blur(6px);
	pointer-events: none;
	user-select: none;
	opacity: 0.6;
}

#gated-form-overlay {
	position: fixed;
	bottom: 40px;
	left: 40px;
	background: #fff;
	box-shadow: 0 3px 30px -20px rgb(83 83 83 / .65);
	padding: 2rem;
	border-radius: 8px;
	z-index: 2;
	min-width: 400px;
	max-width: 500px;
}

#gated-form-overlay form {
	display: flex;
	flex-direction: column; 
	gap: 10px;
}
#gated-form-overlay form .half-half { display: flex; gap: 10px; }

#gated-form-overlay form label {
	display: block;
}

#gated-form-overlay .hs-submit {
	align-self: flex-end;
}

#gated-form-overlay .disclaimer {
	font-size: 14px;
	margin: 0;
	margin-top: 20px;
}

.gated-content iframe { width: 100%; }

.custom-multiselect-wrapper {
	position: relative;
	width: 100%;
	cursor: pointer;
}

.custom-options-list {
	position: absolute;
	bottom: 100%;
	left: 0;
	width: 100%;
	max-height: 200px;
	overflow-y: auto;
	background: white;
	border-top: none;
	z-index: 10;
	padding: 10px;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}

.custom-options-list label {
	display: flex !important;
	align-items: center;
	margin-bottom: 5px;
}
.custom-options-list label:last-child{
	margin: 0;
}

.custom-options-list input {
	height: auto;
	line-height: 1;
	width: auto !important;
	margin: 0;
	margin-right: 10px;
}

input.invalid {
	border: 1px solid red;
	background-color: #fff8f8;
}

.field-error {
	color: red;
	font-size: 13px;
	margin-top: 4px;
	display: none;
}

.back-bc {
	margin-bottom: 20px; 
	display: block;
	color: #435466 !important;
	display: inline-flex; 
	align-items: center;
	transition: all 0.3s ease-in-out;
	font-weight: 400 !important;
}
.back-bc i {
	font-size: 24px; 
	margin-right: 10px;
}
.back-bc:hover {
	color: #6e77f3 !important;
}

.hw-header { padding: 60px 0; background-color: #f0f7fe; }
.hw-header h1 { margin-bottom: 20px; }
.hw-header h1, .hw-header p { text-align: center;  margin: 0; }
.hw-header h1 { margin-bottom: 30px; }

/* new footer */
footer {background-color: #f0f7fe; padding-top: 80px;}
footer footer {padding-top: 0;}

.f-logo {max-width: 300px; padding-bottom: 20px;}
.f-logo a {display: inline-flex;}
.f-logo a img {height: 35px;}

.f-logo p {font-size: 24px; margin-bottom: 60px; line-height: 1.6;}

.footer-menu-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 40px;
	padding-bottom: 80px;
}

.footer-column {
	flex: 1 1 200px;
	min-width: 200px;
}

.footer-column h3 {
	margin-bottom: 20px; 
	font-size: 18px;
	color: #6f77f4;
	text-transform: uppercase;
}

.footer-column ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer-column ul li {
	margin-bottom: 10px;
}
.footer-column ul li:last-child {margin-bottom: 0;}

.footer-column ul li a {
	font-size: 15px; color: #435466;
}

.footer-column ul li a:hover {
	color: #6f77f4;
}

.footer-column h3 {margin-top: 40px;}

@media (max-width: 768px) {
	#gated-form-overlay {
		position: relative;
		transform: none; 
		left: auto;
		bottom: auto;
		margin: auto;
		min-width: 95%;
		max-width: 95%;
		box-shadow: none;
	}

	#gated-form-overlay form {
		flex-wrap: wrap;
		justify-content: space-between;
	}

	#gated-form-overlay form div { width: 100%; }
	#gated-form-overlay form div.c-50 { width: 45%; }

	.g-desc { font-size: 14px; ;}
	#gated-form-overlay .disclaimer { font-size: 12px; }
	
	
	.gated-content iframe { max-height: 1000px; }
}

@media only screen and (max-width: 1501px) {
	.nav-inner {padding: 0 30px;}
}
@media (max-width: 1100px) {
	.news form {width: 100%;}
}
@media only screen and (max-width: 1025px) {
	.menu-header-menu-container, .custom-nav .cta-container {display: none;}
	.custom-nav {padding: 28px 0;}
	.hamb {display: block;}
	.mobile-nav .menu-header-menu-container {display: block;}
}
@media (max-width: 768px) {
	.s-col-7, .s-col-6, .s-col-5, .s-col-4, .s-col-3, .s-col-2, .s-col-1 { width: 100%; }
	.hide-mobile {display: none;}
	.hide-desktop {display: inline-flex;}
	.news .hs_submit input {padding: 16px 20px; font-size: 14px;}
}