.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; 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{
display: block;
}
#masthead-phone{
display: none;
}
#masthead-menu{
flex-direction: row; margin-rigt: 10px;
flex: 1 1 100px;
}
#masthead-menu > div{
flex-direction: row;
align-content: center;
justify-content: flex-end;
} #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(//fairlawneyecare.com/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; }
#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;
} .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 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;
}   #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;
}/*/*//**/#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;
} .mobile-columns-1{
columns: 1;
}
.g-recaptcha > div{
max-width: 100% !important;
} :target {
display: block;
position: relative;
top: -120px; 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;
}
img.mobile-align-center,
img.mobile-float-none{
float: none;
display: block;
margin: 1em auto;
}
#post-header #post-article-image{
max-width: 500px;
margin: auto;
}