.mobile--visible{
display:block !important;
}

.mobile--hidden{
display:none!important;
}


#masthead{
height: 60px !important;
}
	
	#masthead-content{
	height: 100%;
	}
	
	#masthead-content > div{
	display: flex;
	flex-direction: row;
	height: 100%;
	}
	
		#masthead-lead{
		padding: 0 0 0 20px!important;
		/*width: 120px;*/
		flex: 1 1 auto;
		}
		
			#masthead-lead > div{
			padding: 0 !important;
			flex: 1;
			}

			#masthead-logo{
			}
			
			#masthead-logo img{
			width: 260px;
			max-width: 100%;
			height: auto;
			margin: 0;
			}
			
			#masthead-logo-mobile{
			display: none !important;
			}
			
			/*#masthead-logo-mobile img{
			width: 50px;
			height: auto;
			margin-left: 20px;
			}*/
			

		#masthead-logo-mobile{
		display: block;
		}

		#masthead-phone{
		display: none;
		}
		
		#masthead-menu{
		flex-direction: row;
		/*width: 50px;*/
		margin-rigt: 10px;
		flex: 1 1 100px;
		}
	

			#masthead-menu > div{
			flex-direction: row;
			align-content: center;
			justify-content: flex-end;
			}
			
			
			/*#html #masthead-menu .mega-menu-toggle{
			width: 50px;
			padding-right: 10px;
			}
			
				#html #masthead-menu .mega-toggle-block{
				margin: 0;
				}*/

		#html #masthead-menu ul {
		display: flex;
		justify-content: flex-start;
		padding-bottom: 20px;
		padding-top: 20px !important;
		}
		
			#html #masthead-menu ul:before {
			content: '';
			display: block;
			flex: none;
			width: 225px;
			height: 120px;
			background: url(/wp-content/uploads/fairlawn-eye-care-logo-vertical.svg) no-repeat center center;
			background-size: contain;
			margin: 0px auto 20px auto;
			}

			#masthead-menu ul li{
			text-align: center !important;
			}

				#html #masthead-menu a{
				display: inline-block !important;
				text-align: center !important;
				white-space: normal !important;
				}
				
				#html #masthead-menu li ul{
				padding: 0 !important;
				float: none;
				text-align: center !important;
				}
				
				#html #masthead-menu .mega-sub-menu a{
				padding-top: 8px !important;
				padding-bottom: 8px !important;
				line-height: 18px !important;
				}

	#masthead-menu .mobile--visible{
	display: block !important;
	}

	#html .nav-phone .elementor-button{
	background: #BC9F6F;
	border-color:#BC9F6F;
	color:white;
	}
	
	
	
		#mobile-buttons{
		display: flex;
		justify-content: center;
  		align-content: center;
		column-gap: 10px;
		position: fixed;
		z-index: 10;
		bottom: 10px;
		max-width: 300px;
		padding-top: 10px;
		padding-bottom: 10px;
		left: 0;
		right:0;
		background: rgba(255,255,255,0.8);
		backdrop-filter:blur(8px);
		border-radius: 50px;
		box-shadow: 0 0 10px rgba(0,0,0,0.2);
		}
			
			#mobile-buttons .elementor-button {
			width: 70px;
			padding: 10px 5px;
			border-radius: 20px;
			/*background: #BFA174;*/
			}
			
				#mobile-buttons .elementor-button-content-wrapper{
				display: block;
				}
				
					#mobile-buttons .elementor-button-icon{
					display: block;
					margin-bottom: 5px;
					font-size: 15px;
					}
					
					#mobile-buttons .elementor-button-text{
					font-size: 12px;
					}






main{
margin-top: 60px;
}





#main-menu .nav-home{
display: block;
}

#html .banner{
padding-top: 100px;
padding-bottom: 100px;
text-align: center;
padding-left: 10px;
padding-right: 10px;

}

	.banner .banner-section{
	width: auto;
	max-width: none;
	min-width: 0;
	}



.mobile--color-black *{
color:black !important;
}

#html .elementor-button{
font-size: 14px;
}


.lead{
font-size: 1.2em;
}


#footer-contact-links{
font-size: 1.3em;
}





/*Spacing*/


.e-con.width--base > .e-con-inner{
padding-left: 25px;
padding-right: 25px;
}

.e-con.padding--base > .e-con-inner{
padding: 25px; 
}

.padding--large{

}
	
#html .layout-columns {
gap: 25px;
}
	
	#html .layout-columns .column-start{
	margin-top: 25px;
	padding-left: 25px;
	padding-right: 25px;
	}
	#html .layout-columns .column-end{
	padding-left: 25px;
	padding-right: 25px;
	margin-bottom: 25px;
	}
	
	#html .layout-columns .column-solo{
	margin-top: 25px;
	margin-bottom: 25px;
	}
	
	#html .mobile--columns-reverse .column-start{ 
	margin-top: 0px;
	margin-bottom: 25px;
	}
	#html .mobile--columns-reverse .column-end{ 
	margin-top: 25px;
	margin-bottom: 0px;
	}


	
	#html .layout-columns .column.padding--bottom-0,
	#html .layout-columns .column.spacing--bottom-0 {
	margin-bottom: 0;
	}

.e-con.mobile--columns-reverse{
flex-direction: column-reverse;
}
	#html .mobile--columns-reverse .column-start.padding--large{ 
	margin-top: 0;
	margin-bottom: 50px;
	}
	#html .mobile--columns-reverse .column-end.padding--large{
	margin-top: 50px;
	margin-bottom: 0;
	}


.e-con.padding--large > .e-con-inner{
padding-top: 25px;
padding-bottom: 25px;
padding-left:25px;
padding-right:25px;
}

.e-con.column-spacer{
display: none;
}

	/*#html .column.bg-arch{
	padding-bottom: 25px;
	}*/


#html div.media--flush-bottom {
align-self: auto;
}

#html .media--flush-bottom img{
}


#html .mobile--padding-0{
padding: 0 !important;
}

#html .margin-bottom--base{
margin-bottom: 25px;
}


.e-con.margin-bottom--base{
margin-bottom: 25px;
}


/* //Spacing*/


/* Widgets */

/*Accordians*/
#html .e-n-accordion-item-title,
#html .padding--large .e-n-accordion-item-title{
height: auto;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 25px;
}

	#html .e-n-accordion details.is-open .e-n-accordion-item-title{
	padding-bottom: 10px;
	}
	
	#html .e-n-accordion-item-title-header{
	margin-right: 0;
	}
	
	#html .accordian-image{
	margin-top: 0px;
	}
	
	#html .accordian-content,
	#html .padding--large .accordian-content{
	padding: 0 25px 25px 25px;
	}
	
	

/*// Widgets */



/* CTA */
	
	#html .cta:before{
	opacity: 0.5;
	background-size: 50%;
	}
	
	#html .cta-section{
	width: auto;
	padding-top: 50px;
	padding-bottom: 50px;
	}
	
		#html .cta-content{
		max-width: none;
		margin-right: 0;
		margin-left: auto;
		padding-left: 25px;
		padding-right: 25px;
		}
		
		#html .cta-button{
		align-self: center;
		}	
		
/* //CTA */


.mobile-columns-1{
columns: 1;
}
	
.g-recaptcha > div{
max-width: 100% !important;
}


/*offset anchor tag links with fixed header*/
:target {
display: block;
position: relative;
top: -120px; /* fixed header height*/
visibility: hidden;
}


.elementor-image-box-wrapper {
}
	
	#html .elementor-image-box-title{
	font-size: 14px;
	}
	
	#html .elementor-image-box-img{
	margin-bottom: 5px;
	}
	
	
#html .blog-article-list > section{
flex-direction: column !important;
}