/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.3.0.1741326987
Updated: 2025-03-07 05:56:27

*/

*{
	padding:0;
	margin:0;
	box-sizing:border-box;
}
html {
  font-size: 16px;
  scroll-behavior: smooth;
  overflow-x: hidden;
}
#stickyheaders{
	transition : transform 0.34s ease;
	background-color: #000000;
}
.headerup{
	transform: translateY(-200px); /*adjust this value to the height of your header*/
}
/* #stickyheaders .sub-menu li a:hover{
	padding:13px 30px !important;
} */

body {
	overflow-x: hidden;
}
h1,h4{
	font-family: "Libre Baskerville", sans-serif;
	line-height:normal !important
}
h2,h3,h5,h6,a,p,li, .elementor-widget-text-editor{
	font-family: "acumin-pro-wide", sans-serif;
		line-height:normal !important
}
#eyewear-brands h6{
	font-size:1rem !important;
}
#eyewear-brands h6 a{
	line-height: 100% !important;
}
.ul-li-points ul, .ul-li-points ol{
	    padding-left: 2rem !important;
    line-height: 150%;
    padding-top: 1rem;		
}


.gfield input:focus, .gfield textarea:focus, .gfield select:focus {
  outline: none !important;
  border: 0px;
  box-shadow: none !important; /*  Also removes the default box-shadow, if present  */
}
.gform_required_legend{
	display:none;
}
.gform_fields{
	gap:20px !important;
}
.gform_confirmation_message{
	font-family: "acumin-pro-wide", sans-serif;
	font-size: 1rem !important;
	font-weight: 400 !important;
	color: #000 !important;
	text-align:center !important;
	width: 75% !important;
    margin: 0 auto !important;
}

.contact-form input, .contact-form input::placeholder, .contact-form textarea, .contact-form textarea::placeholder, .contact-form .gform-field-label, .search #is-search-input-243{
	font-family: "acumin-pro-wide", sans-serif;
	border-width: 0px !important;
	border-radius:0px !important;
    box-shadow: none !important;
	font-size:1rem !important;
	font-weight: 400 !important;
	color:#53504F !important;
	background-color:#E6E4E4 !important;
	letter-spacing: 0.04688rem !important;
}
.contact-form .gform-field-label{
	background-color:transparent !important;
}
.contact-form input, .contact-form textarea{
	padding:1.5rem !important;
}
.contact-form input[type="radio"], .contact-form input[type="checkbox"]{
	padding:0.8rem !important;
}
.contact-form .gform-footer .gform_button{
	font-family: "acumin-pro-wide", sans-serif !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 150% !important;
    color: #FFFFFF !important;
    background-color: #000000 !important;
    border-radius: 3rem 3rem 3rem 3rem !important;
    padding: 00.625rem 1.25rem 00.625rem 1.25rem !important;
	border-style: solid !important;
    border-width: 1px 1px 1px 1px !important;
    border-color: #000000 !important;
    padding: 0.7rem 1.56rem 0.7rem 1.56rem !important;
	margin:0rem 0 !important;
}
.contact-form .gform-footer .gform_button:hover{
	color: #000 !important;
	background-color: #fff !important;
}
.contact-form .gfield--type-survey.gfield--input-type-rating{
	display: flex;
    gap: 2rem;
}

.search #is-search-input-243{
	height:45px !important;
}
.search input[type="submit"]{
	       position: relative !important;
    margin-top: 2rem !important;
    height: 45px !important;
    padding-right: 1.56rem !important;
    padding-left: 1.56rem !important;
}
.search input[type="submit"]:hover{
	    background: #fff !important;
    border-color: #000;
}


@media only screen and (max-width: 1400px) and (min-width: 1025px) {
	html{
		font-size:14px;
	}	
}
@media only screen and (max-width: 1024px) and (min-width: 881px) {
	html{
		font-size:12px;
	}	
}
@media only screen and (max-width: 880px) and (min-width: 481px) {
	html{
		font-size:11px;
	}	
}
@media only screen and (max-width: 480px){
	html{
		font-size:16px;
	}	
	.contact-form .gfield--type-survey.gfield--input-type-rating{
		display: flex;
		flex-direction: column;
		gap: 0rem;
		padding:1rem 0;
	}
	.gfield--input-type-rating .gform-field-label{
		display: block !important;
		width: 100%;
	}
}