@media (prefers-reduced-motion: reduce) {  }
#main-menu li.icon:before{
content:none;
}
#main-menu li.icon a{
font-size:0;
}
#main-menu li.icon a:before{
font-size:18px;
line-height:normal;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,main,nav,section { 
display:block;
}
.mobile--visible{
display:none;	
}
html{
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
background: #EEF0F1;
}
*{
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
body{
margin:0;
padding:0;
max-width: 1600px;
background: white;
box-shadow: 0 0 20px rgba(0,0,0,0.1);
margin: auto;
}
header{
position: absolute;
z-index: 5;
top:0;
left:0;
right:0;
}
#masthead{
z-index:10;
transition:0.3s !important;
height: 200px;
background: white;
box-shadow: 0 0 10px rgb(0,0,0,0.1);;
}
#masthead-lead{
padding: 40px 0 40px 0;
transition:0.3s !important;
}
#masthead-logo img{
width: 534px;
}
#masthead-phone{
position: absolute;
}
#masthead-logo-mobile{
display: none;
}
#mobile-buttons{
display: none;
}
#masthead-menu{
font-family: "Lexend", Sans-serif;
max-width: 1340px;
padding-left: 50px;
padding-right: 50px;
}
#html #masthead-menu ul{
display: flex;
justify-content: space-between;
border-radius: 0 25px 25px 0;
}
#html #masthead-menu a{
white-space: nowrap !important;
text-transform: uppercase !important;
}
#html #masthead-menu .mega-sub-menu{
box-shadow: none !important;
}
#html  .mega-sub-menu .mega-current-menu-item a{
color: #5b3c27 !important;
}
@media (min-width: 1025px){	
.scroll #masthead{
height: 120px;
}
.scroll #masthead-lead{
padding: 15px 0 5px 0;
}
}
@media (min-height: 500px){	
header{
position: fixed;
}
}
#masthead-content{
}
#masthead-menu .mobile--visible{
display:none !important;
}
@media (max-width: 1200px) AND (min-width: 768px){	
#masthead-logo img{
width: 400px;
}
#masthead-phone a{
font-size: 16px;
}
#html #masthead-menu a{
font-size: 13px !important;
padding-left: 6px !important;
padding-right: 6px !important;
}
#html #masthead-menu .mega-sub-menu a{
padding-left: 15px!important;
padding-right: 15px!important;
}
}  #html .banner{
position: relative;
display: flex;
align-items: center;
z-index: 1;
width: 100%;
padding-left: 50px;
padding-right: 50px;
padding-top: 150px;
padding-bottom: 150px;
}
.banner--large{
}
.banner .banner--small{
}
.banner .banner-image{
z-index: 1;
position: absolute;
top:0;
left: 0;
right: 0;
bottom: 0;
background-size:cover;
background-repeat: no-repeat;
background-position: center center;
}
.banner .banner-section{
z-index: 2;
color:white;
width: 700px;
max-width: 50%;
}
.banner .banner-section.width--full{
width: auto;
max-width: none;
}
.banner .banner-content{
color:white;
}
#html .banner h1{
color:white;
margin-bottom: 0;
}
#html .banner-button{
margin-top: 50px;
margin-left: -0.05em;
}
#html .banner-body{
margin-top: 55px;
color:white;
}
.banner .banner-section.text--light{
color:white;
} main{
background:#ffffff;
margin: auto;
margin-top:200px;
max-width: 2000px;
position: relative;
z-index: 1;
} .e-con.padding--base > .e-con-inner {
padding: 100px 50px;
}
.e-con.padding--large > .e-con-inner {
padding: 150px 50px;
}
.e-con.padding--small > .e-con-inner {
padding: 50px 50px;
}
.e-con.width--base  > .e-con-inner{
padding-left: 50px;
padding-right: 50px;
max-width: 1400px;
}
.e-con.padding--top  > .e-con-inner{
padding-top: 50px;
}
.e-con.padding--bottom > .e-con-inner{
padding-bottom: 50px;
}
.e-con.padding--bottom-large > .e-con-inner{
padding-bottom: 150px;
}
.elementor-widget:not(:last-child){
margin-bottom: 0;
}
.e-con.padding--bottom-0{
padding-bottom: 0 !important;
}
#html .margin-top--base{
margin-top: 50px;
}
#html .margin-bottom--base{
margin-bottom: 50px;
}
.e-con.margin-bottom--base{
margin-bottom: 50px;
}
#html .media--flush-bottom img{
margin-bottom: -4%;
}
#html .mobile--flush-none{
margin-bottom: 0;
}
.mobile--line-breaks-none br{
display: none;
}
@media (min-width: 768px){
#html .layout-columns{
flex-direction: row;
gap:100px;
}
#html .layout-columns .column{
flex-direction: row;
} #html .column-start{
margin: 50px 0 50px 0;
padding-left: 50px;
justify-content: flex-end;
}
#html .column-end{
margin: 50px 0 50px 0px;
padding-right: 50px;
}
#html .spacing--bottom-0,
#html .padding--bottom-0{
padding-bottom: 0;
margin-bottom: 0;
}
#html .column.padding--large{
margin-top: 150px;
margin-bottom: 150px;
padding-top: 0;
padding-bottom: 0;
}
#html .layout-columns .column-content{
max-width: 600px;
align-self: var(--align-self, center);
}
#html .layout-columns .column-start .column-content{
}
}  #html .bg-rings,
#html .bg-disc,
#html .bg-arch.column-start{
background-repeat: no-repeat	
}
#html .bg-disc.column-start{
background-position: calc(0% - 200px)center;
}
#html .bg-disc.column-end{
background-position: calc(100% + 200px) center;
}
#html .bg-rings.column-start{
background-position: calc(50% - 250px)center;
}
#html .bg-rings.column-end{
background-position: calc(50% + 250px) center;
}
#html .bg-arch.column-start{
background-position: calc(50% - 250px) 0px;
background-size: auto;
}
#html .bg-arch.column-end{
background-position: calc(50% + 250px) 0px;
background-size: auto;
} @media (max-width: 1300px){
#html .bg-disc.column-start{
background-position: calc(50% - 25vw) center;
}
#html .bg-disc.column-end{
background-position: calc(50% + 25vw) center;
}
#html .bg-rings.column-start{
background-position: calc(50% - 25vw) center;
}
#html .bg-rings.column-end{
background-position: calc(50% + 25vw) center;
}
#html .bg-rings{
background-size: auto 100%;
}
#html .bg-disc{
background-size: auto 100%;
}
#html .bg-arch{
background-size: auto calc(100% - 100px);
}
}
@media (max-width: 767px){
#html .bg-rings{
background-size: auto 100%;
}
#html .bg-rings.padding--large{
background-size: auto 100%;
}
#html .bg-disc{
background-size:contain;
}
#html .column-start.bg-disc{
background-position: calc(50% - 50vw) center;
}
#html .column-end.bg-disc{
background-position: calc(50vw + 50%) center;
}
#html .column-start.bg-rings{
background-position: calc(50% - 50vw) center;
}
#html .column-end.bg-rings{
background-position: calc(50vw + 50%) center;
}
#html .mobile--columns-reverse .column-start.bg-rings{
background-position: calc(50vw + 50%) center;
}
#html .mobile--columns-reverse .column-end.bg-rings{
background-position: calc(50vw + 50%) center;
}		
#html .column.bg-arch{
background-size: auto 100%;
}
#html .column-start.bg-arch{
background-position: calc(50% - 50vw) top;
}
#html .column-end.bg-arch{
background-position: calc(50vw + 50%) top;
}		
#html .mobile--columns-reverse .column-start.bg-arch{
background-position: calc(50% - 50vw) top;
}
#html .mobile--columns-reverse .column-end.bg-arch{
background-position: calc(50vw - 50%) top;
}			
} .heading--color-tan h2,
.heading--color-tan h3{
color: #927F5D
}
.heading--color-gray h2,
.heading--color-gray h3{
color: #566877
}
h1,h2,h3{
margin: 0;
padding: 0;
}
h2,h3{
margin-bottom: 0.5em;
}
p{
margin-top:0;	
margin-bottom:1em;	
}
#html .elementor-widget.margin--trim-end :last-child,
#html .margin--trim-end .elementor-widget-container :last-child{
margin-bottom: 0;
}
#html .text--light *,
#html .text--light{
color:white;
}
main ul,
main op{
margin-top: 0;
}
.overline{
font-family: "Lexend", Sans-serif;
text-transform: uppercase;
font-weight: 500;
}
.text--tan{
color:#91805D;
}
.text--brown{
color:#5B3C27;
}
.text--gray{
color:#566877;
}
#html .overline h2,
h2 .overline.small{
font-size: 20px;
}
h3 .small{
font-size: 1.2rem;
}
.small{
font-size: 0.8rem;
}
#html .elementor-heading-title{
line-height: 1.25;
margin-bottom: 0.5em;
}
.margin--0{
margin:0;
}
hr{
margin: 12px auto !important;
border:none;
border-bottom:2px solid #556977 !important;
background:none;
height:1px;
position: relative;
bottom: 1px;
padding:0;
position:relative;
display:block;	
}
hr.tan{
border-bottom:2px solid #927F5D !important;
}
a{
color:var(--color-primary);
transition: color 0.3s;
}
a:hover{
color:var(--color-hover);
}   div.layout-overlay{
position: relative;
padding-top: max(16%, 200px);
padding-bottom:  max(16%, 200px);
}
div.layout-overlay > .e-con-inner{
max-width: 1380px;
width: 100%;
margin: auto;
}
.layout-overlay .layout-content{
padding-left: 40px;
padding-right: 40px;
margin: auto;
}
.layout-overlay.align--left .layout-content {
margin-left: 0;
margin-right: auto;
width:50%;
}
.layout-overlay.align--right .layout-content {
margin-right: 0;
margin-left: auto;
width:calc(50% - 20px);
}
.layout-overlay.width--custom > .layout-content{
width:var(--width-base, 50%);
}
.layout-overlay.align--left > .layout-content  {
margin-left: 0;
}
.layout-overlay.align--right > .layout-content  {
margin-right: 0;
}
.layout-overlay .layout-image{
position: absolute;
top:0;
left: 0;
right: 0;
bottom: 0;
background-position: center center;
background-size:  cover;
background-repeat: no-repeat;
}
.layout-overlay .layout-image.bg--fixed{
background-attachment: fixed;
}/*/*//**/#html.cta{
}
#html .cta:before{
content:'';
display: block;
position: absolute;
top:0;
left: 0;
right:0;
bottom:0;
background-image: url(//fairlawneyecare.com/wp-content/uploads/bg-rings-right-bottom-white.svg);
background-position: bottom right;
background-repeat: no-repeat;
background-size: auto;
}
#html .cta-section{
padding-top: 150px;
padding-bottom: 150px;
width: 50%;
}
#html .cta-content{
max-width: 650px;
margin-right: 0;
margin-left: auto;
padding-left: 50px;
}
#html .cta-button{
align-self: flex-end;
} .elementor-button-text{
}
footer{
}
#html #footer-utility a{
color:#fff;
text-decoration:none;
}
footer p:last-child{
margin-bottom: 0;
}
.post-edit-link{
}
#footer-map iframe{
display: block;
}
#footer-contact{
display: flex;
}
#footer-contact .elementor-icon-box-wrapper{
display: flex;
flex-direction: row;
gap: 10px;
}
#footer-contact a{
}
select {
font-size: 1em;
padding: 0.5em;
}
.alignright{
float:right;
margin:0 0 0 16px;
}
.alignleft{
float:left;
margin: 0 16px 0 0;	
}
.aligncenter{
display:block;
margin:auto;
}
main img{
max-width:100%;	
height:auto;
}
a img{
border:none;
}
main a{
font-weight: bold;
text-decoration: underline;
text-underline-offset: 0.25em;
}
p + ul{
margin-top:-0.5em;	
}
ul.flat-list{
margin: 0;
padding: 0;
}
ul.flat-list li{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}
sup,
sub {
height: 0;
line-height: 1;
vertical-align: baseline;
_vertical-align: bottom;
position: relative;
_position:static;
font-size:0.8em;
}
sup{
bottom:0.75em;	
}
sub{
bottom:-0.5em;
}
ol.columns,
ul.columns,
.columns--2,
.columns--3{
-moz-column-count:2;
-webkit-column-count:2;
column-count:2;	
-moz-column-gap:50px;
-webkit-column-gap:50px;
column-gap:50px;
margin-left:0;
padding-left: 1em;
break-inside: avoid-column;
-webkit-column-break-inside: avoid;
}
@media (min-width: 1600px){
ol.columns,
ul.columns{
-moz-column-count:3;
-webkit-column-count:3;
column-count:3;	
}
}
.columns--3{
-moz-column-count:3;
-webkit-column-count:3;
column-count:3;	
}
.columns li,
.columns--2 li,
.columns--3 li{
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
} .pagination{
text-align:center;	
}
.pagination a{
border:0;
font-size:0.85em;
text-decoration:none;
}
.pagination .page-numbers{
min-width:24px;
min-height:24px;
line-height:24px;
font-size:16px;
display:inline-block;
vertical-align:middle;
margin-right:0.5em;
}
#article-nav{
overflow:auto;	
}
#article-nav a{
text-decoration:none;
}
#blog-pagination .current{
background:#000;
color:white;
border-radius:50%;
text-align:center;
} input[type=button],
input[type=submit],
button,
.button,
.elementor-button{
text-decoration: none;
}
input[type=button]:hover,
input[type=submit]:hover,
button:hover,
.button:hover,
.elementor-button:hover{
}
#html .button-light a,
#html .banner-button a{
background: none;
color:white;
border-color:white;
}
#html .button-light a:hover,
#html .banner-button a:hover{
color:#5B3C27;
background:#fff;
}
.elementor-button-icon{
}
.button--width-full .elementor-button{
display: block;
} :target {
display: block;
position: relative;
top: -160px; 
visibility: hidden;
} .oe_displaynone{
display: none !important;
}
.display--none{
display: none;
} #html .elementor-widget-Google .ti-review-item {
padding: 0 25px;
transform: none !important;
}
#html .ti-widget.ti-goog .ti-controls{
display: block !important;
}
@media (max-width: 649px){	
#html .elementor-widget-Google .ti-review-item {
padding: 0px;
}
#html .elementor-widget-Google .ti-inner{
max-width: 400px;
margin: auto !important;
}
}
#html .elementor-widget-Google  .ti-inner{
background: #FAF8F4 !important;
padding:50px 20px !important; 
border:2px solid #5b3c27 !important;
border-radius: 200px 200px 0 0 !important;
}
#html .ti-review-header{
flex-direction: column ;
justify-content: center;
}
#html  .ti-platform-icon{
display: none ;
}
#html .ti-name,
#html .ti-date{
text-align: center;
padding: 0;
color: #5b3c27;
}
#html .ti-stars{
text-align: center;
position: relative;
display: block;
}
#html .ti-stars:after{
content: '';
display: block;
height: 1px;
border-bottom:2px solid #5b3c27;
width: 100%;
position: absolute;
top:8px;
z-index: -3;
}
#html .ti-stars:before{
content: '';
display: block;
height: 20px;
background: #FAF8F4;
width: 130px;;
left: 0;
right: 0;
margin: auto;
position: absolute;
top:0px;
z-index: -2;
}
#html .ti-stars img,
#html .ti-stars span{
}
#html .ti-profile-img{
margin: auto !important;
margin-bottom: 10px;
}
#html .ti-review-content,
#html .ti-read-more{
color: #5b3c27;
}
#html .ti-next,
#html .ti-prev{
border:2px solid #5b3c27;
background: #FAF8F4;
}  .elementor-image-box-wrapper {
}
#html .elementor-image-box-title{
font-size: 20px;
text-transform: uppercase;
}
#html .elementor-image-box-img{
margin-bottom: 10px;
}
.elementor-image-box-img img{
margin: auto;
max-width: 215px;
transition: 0.3s;
}
.elementor-widget-image-box:hover a img{
transform: scale(1.1);
} #html .card-feature{
border:2px solid #91805D;
padding: 10px;
background: #ECE8E1;
border-radius: 200px 200px 0 0;
max-width: 400px;
margin: auto;
}
@media (min-width: 768px){	
#html .card-feature{
height: 100%;
}
}
#html .card-feature .elementor-image-box-img{
display: block;
width: 100%;
aspect-ratio:1/1;
margin-bottom: 0;
position: relative;
z-index: 2;
}
#html .elementor-widget-image-box.card-feature:hover .elementor-image-box-img img{
transform: scale(1.075);
}
.card-feature .elementor-image-box-img img{
object-fit: cover;
width: 100%;
height: 100%;
border-radius: 200px 200px 0 0;
}
.card-feature .elementor-image-box-content{
padding: 10px 25px  25px  25px ;
position: relative;
z-index: 1;
}
.card-feature .elementor-image-box-title{
min-height: 60px;
flex-direction: column;
justify-content: center;
background: #ECE8E1;
z-index: 5;
position: relative;
display: inline-flex; 
padding: 0 8px;
}
.card-feature .elementor-image-box-content:before{
content: '';
display: block;
height: 1px;
left:0px;
right: 0px;
top:40px;
border-bottom:2px solid  #91805D;
position: absolute;
z-index: 1;
}
.card-feature .elementor-image-box-description{
font-size: 0.85em;
text-align: left;
margin-top: 10px;
} .e-n-accordion{
}
#html .e-n-accordion-item-title-icon{
display: flex !important;
background: rgba(0,0,0,0);
width: 32px;
height: 32px;
justify-content: center;
align-items: center;
border-radius: 50%;
flex:none;
transition: 0.3s;
}
#html .e-n-accordion details .e-opened{
display: inline-flex !important;
}
.e-n-accordion details .e-closed{
display: none !important;
}
.e-n-accordion details .e-opened i{
transition: 0.3s;
}
@media (min-width: 769px){	
#html .layout--content-image .e-n-accordion summary[aria-expanded="true"] .e-n-accordion-item-title-icon{
background: rgba(0,0,0, 0.25);
}
}
.e-n-accordion summary[aria-expanded="true"] .e-opened i{
transform: rotate(180deg); }
#html details.e-n-accordion-item{
margin-bottom: 25px;
border-radius: 40px;
overflow: hidden;
display: block !important;
} #html .e-n-accordion-item-title{
border: 0;
padding: 0 25px;
height: 75px;
z-index: 3;
position: relative;
transition: 0.3s;
}
#html .e-n-accordion-item-title-text{
text-transform: uppercase;
font-size: 16px;
letter-spacing: 0.05em;
font-weight: 500;
}
#html .e-n-accordion-item-title-header{
width: 100%;
} #html .e-n-accordion div[role="region"]{
border: 0;
flex-direction: row;
font-size: 1rem;
gap:0 25px;
z-index: 1;
}
#html .accordian-content{
padding: 0 25px 25px 25px;
flex: 1 1 auto;
}
#html .padding--large .accordian-content{
padding: 0 50px 40px 50px;
}
#html .padding--large .e-n-accordion-item-title{
padding-left: 50px;
}
#html .accordian-content :last-child{
margin-bottom: 0;
}
@media (min-width: 768px){	
#html .layout--content-image .e-n-accordion  .e-n-accordion-item-title-header{
margin-right: 300px;
}
#html .layout--content-image .e-n-accordion .accordian-content{
margin-right: 300px;
min-height: 150px;
}
#html .layout--content-image .e-n-accordion .accordian-image{
display: block;
position: absolute;
top: -75px;
right: 0;
bottom:0;
width: 300px;
transition: 0.5s;
opacity: 0.0;
}
}
@media (max-width: 767px){
#html .layout--content-image .e-n-accordion .accordian-image{
display: block;
position: relative;
width: 100%;
max-height: 400px;
aspect-ratio:1/1;
}
}
#html .elementor-editor-active .accordian-image{
opacity: 1 !important;
}
#html .accordian-image img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
#html .e-n-accordion details.is-open .accordian-image{
opacity: 1;
}
.bg--tan .e-n-accordion-item{
background: #91805D;
}
.bg--gray .e-n-accordion-item{
background: #566877;
}
.bg--gray-50 .e-n-accordion-item{
background: rgba(0,0,0,0.7);
}
.border--white .e-n-accordion-item{
border:1px solid white;
}
#html .border--white .e-n-accordion-item-title-icon{
border:1px solid white;
background: rgba(0,0,0,0.5);
}
#html .bg--tan .e-n-accordion-item-title-text,
#html .bg--gray .e-n-accordion-item-title-text,
#html .bg--gray-50 .e-n-accordion-item-title-text{
color:white;
}		
#html .bg--tan .e-n-accordion-item-title-icon i,
#html .bg--gray .e-n-accordion-item-title-icon i,
#html .bg--gray-50 .e-n-accordion-item-title-icon i{
color:white;
}
#html .bg--tan .elementor-widget-text-editor,
#html .bg--gray .elementor-widget-text-editor,
#html .bg--gray-50 .elementor-widget-text-editor{
color:white;
}
.border--white .accordian-content .wpr-feature-list-item:not(:last-child) .wpr-feature-list-content-wrap{
border-bottom:1px solid white;
padding-bottom: 15px;
padding-top: 15px;
flex: 1 1 auto;
}
#html .border--white .accordian-content .wpr-feature-list-item{
margin-bottom: 0;
}
#html .wpr-feature-list{
font-family: inherit;
}  form{
font-size: 1rem;
}
textarea,
input[type=text],
input[type=tel],
input[type=date],
input[type=email],
input[type=search],
select{
font-size: 1em;
font-family: Manrope, san-serif;
border:1px solid #91805D;
padding: 0.5em 1em;
border-radius: 25px;
background: white;
}
select{
-webki-appearance: none;
appearance: none;
background: url(//fairlawneyecare.com/wp-content/themes/fairlawn/images/arrow-down.svg) no-repeat calc(100% - 12px) 50% white;
background-size: 14px;
padding-right: 32px;
}
#html form label,
#html .nf-field-label{
font-weight: normal;
font-size: 1rem;
padding-left: 1em;
}
.radio-inline ul{
display: flex;
flex-direction: row;
gap: 10px;
}
@media (max-width: 768px){	
.radio-inline ul{
gap: 5px;
}
}
#html .radio-inline li{
display: flex;
flex: 1 1 auto;
}
#html  input[type=radio]{
display: none;
}
#html  input[type=radio]:checked + label{
background: #91805D;
color:white;
}
#html .radio-inline label{
margin: 0 0 0 5px;
width: 100%;
padding: 5px;
border:1px solid #91805D;
text-align: center;
border-radius: 25px;
cursor: pointer;
}
body .nf-field-container{
margin-bottom: 16px;
}
form .html-wrap p:last-child{
margin-bottom: 0;
}
form .html-label{
margin-bottom: 0;
}
#html .contact-lens-notes textarea{
height: 214px;
}
form .submit-align-right{
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
height: 100%;
}
#html  input[type=submit]{
background: #91805D;
color:white;
border-color: #91805D;
cursor: pointer;
transition: 0.3s;
padding-left: 2em;
padding-right: 2em;
min-width: 200px;
}
#html form input[type=submit]:hover{
background: #5B3C27;
border-color: #5B3C27;
}
@media (min-width: 600px){	
#html form nf-cells{
display: flex;
column-gap: 25px;
}
}
#html .label-above .nf-field-label{
padding-left: 0;
}
#html .label-above .nf-label-span,
#html .label-above label{
font-family: "Lexend", Sans-serif;
text-transform: uppercase;
color: #5B3C27;
font-weight: 500;
padding-left: 0;
}
#html .ninja-forms-req-symbol{
display: none;
} #html .cta .banner-button{
margin-top: 25px;
}
#html .swiper-button-disabled{
opacity: 0 !important;
}
#home-logos img{
display: block;
margin: auto;
max-height: 100px;
}
#html div.size--cover,
#html div.size--contain{
width: 100%;
height: 100%;
}
#html .size--cover img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
#html div.size--contain img{
object-fit: contain;
width: 100%;
height: 100%;
object-position: center center;
} #blog-articles-section,
#blog-intro{
position: relative;
}
@media (min-width: 768px){
#blog-intro:before,
#blog-articles-section:before{
content: '';
display: block;
position: absolute;
background-color: #556977;
top:0;
bottom:0;
left: 50%;
right:0;
width: auto;
}
#blog-articles-section:before{
border-radius: 0 0 0 100px ;
background: url(//fairlawneyecare.com/wp-content/themes/fairlawn/images/blog-sidebar-bg.svg) top center #556977;
background-repeat: repeat-y;
background-size: 100% auto;
}
}
#blog-intro .column{
margin-top: 0;
margin-bottom: 0;
padding-top: 50px;
padding-bottom: 50px;
}
#blog-intro-content{
background-size:contain;
}
#blog-intro-search {
background: #556977;
}
#blog-search-field{
background-color: transparent;
background: url(//fairlawneyecare.com/wp-content/themes/fairlawn/images/arrow-right-white.svg) no-repeat calc(100% - 10px) center;
background-size:16px 16px;
border-color:white;
width: 100%;
padding-right: 30px;
} #blog-intro-latest.wpr-grid {
height: auto !important;
}
#blog-intro-latest.wpr-grid-item{
margin: 0;
position: relative !important;
width: auto !important;
height: auto !important;
top: auto !important;
left: auto !important;
transform: none !important;
transition: none !important;
text-align: left;
float: none !important;
}
#blog-intro-latest .wpr-grid-media-wrap {
display: none;
}
#blog-intro-latest .wpr-grid-item-title {
font-size: unset !important;
}
#html .blog-article-list > .wpr-grid{
height: auto !important;
}
#html .blog-article-list .wpr-grid-item-below-content {
padding: 0;
width: 100% !important;
float: none !important;
}
#html .blog-article-list > section:after{
content: none !important;
}
#html .blog-article-list  article{
position: relative !important;
width: auto !important;
height: auto !important;
top:auto !important;
left: auto !important;
transform: none !important;
transition:  none !important;
float:none !important;
}
#home-blog-articles .wpr-grid-media-wrap {
overflow: hidden !important;
border:2px solid #566877 !important;
border-radius: 50px !important;
} #home-blog-articles > section{
flex-direction: row !important;
}
#html #blog-articles-featured > section{
display: flex;
flex-direction: column !important;
gap: 50px;
}
#blog-articles-featured article{
border-radius: 50px;
overflow: hidden;
}
#blog-articles-featured article .wpr-grid-item-inner{
display: flex;
flex-direction: row;
}
#blog-articles-featured article:nth-child(odd) .wpr-grid-item-inner{
flex-direction: row-reverse;
}
#blog-articles-featured article:nth-child(odd){
background: #ECEEF0;
border:2px solid #566877;
flex-direction: row-reverse;
}
#blog-articles-featured article:nth-child(odd) a{
color:#566877;
}
#blog-articles-featured article:nth-child(even){
background: #F3ECE4;
border:2px solid #927F5D;
}
#blog-articles-featured article:nth-child(even) a{
color:#927F5D;
} #html .wpr-grid-image-wrap {
height: 100%;
width: 100%;
}
#html .blog-article-list .wpr-grid-image-wrap img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
}
#blog-articles-featured .wpr-grid-media-wrap {
margin: 0 !important;
width: 40% !important;
} #html #blog-articles-featured .wpr-grid-item-below-content{
display: flex;
flex-direction: column;
justify-content: center;
margin: 0;
width: 60% !important;
padding: 50px;
min-height: 0 !important;
}
@media (max-width: 768px){	
#html #blog-articles-featured .wpr-grid-item-below-content{
width: 100% !important;
display: block;
padding: 20px 20px 40px 20px;
}
}
#html .blog-article-list .wpr-grid-item-read-more {
font-weight: bold;
margin-top: 0em;
}
#html .blog-article-list h3{
margin-bottom: 0.5em;
}
#html .blog-article-list p{
font-size: 1.2rem;
}
@media (max-width: 1366px){	
#html .blog-article-list p{
font-size: 1.0rem;
}
} @media (min-width: 768px){	
#html #blog-articles-all{
width:  calc(50% - 40px);
}
}
#blog-articles-all .wpr-grid-media-wrap{
display: none;
}
#html #blog-articles-all article{
margin-bottom: 2em !important;
}
#html #blog-articles-all .wpr-grid-item-read-more a{
color:#556977;
}
#post-header > .e-con-inner{
max-width: 1050px;
padding: 100px 25px;
}
#post-header:has(.wpr-featured-media-image) > .e-con-inner{
padding-top: 50px;
padding-bottom: 50px;
}
#post-header #post-article-image{
max-width: 50%;
}
#post-header h1{
font-size: 3rem;
line-height: 1.2em;
}
#post-article{
padding: 50px 25px;
max-width: 1000px;
margin: auto;
overflow-wrap: anywhere;
}
#post-article h2{
font-size:1.7rem;
}
#post-back-link{
margin-top: 50px;
}
img.alignright,
img.alignleft,
img.aligncenter{
margin-top: 1em;
margin-bottom: 1em;
}
@media (max-width: 768px){
#blog-articles-section .e-con-inner{
padding: 25px;
}
#html #blog-articles-featured > section{
gap: 25px;
}
#blog-articles-featured article .wpr-grid-item-inner{
flex-direction: column !important;
}
#blog-articles-featured .wpr-grid-media-wrap {
width: 100% !important;
height: 50vw;
}
#blog-articles-featured .wpr-grid-item-below-content{
width: 100% !important;
padding: 25px;
}
#post-header h1{
font-size: 1.8rem;
}
#post-article h2{
font-size: 1.5rem;
}
}  #collection-carousel img.swiper-slide-image{
box-shadow: 0 5px 20px black;
}
#collection-carousel .swiper-slide{
border-radius: 200px 200px 0 0;
border-color:rgba(255,255,255,1);
} @media (min-width: 1024px){	
#collection-carousel > div{
padding-top: 5vw;
padding-bottom: 9vw;
}
#collection-carousel .swiper-pagination{
}
#collection-carousel .swiper-slide{
transform: scale(1);
transition: 0.5s;
opacity: 0.2;
border:1px solid rgba(255,255,255,0);
overflow: hidden;
z-index: 1;
}
#collection-carousel .swiper-slide-next,
#collection-carousel .swiper-slide-next + .swiper-slide + .swiper-slide,
#collection-carousel .swiper-slide-duplicate-next,
#collection-carousel .swiper-slide-duplicate-next + .swiper-slide + .swiper-slide{
transform: scale(1.2);
opacity: 0.7;
z-index: 3;
}
#collection-carousel .swiper-slide-next + .swiper-slide,
#collection-carousel .swiper-slide-duplicate-next + .swiper-slide{
transform: scale(1.4);
opacity: 1;
border-color:rgba(255,255,255,1);
z-index: 5;
}
}  @media (max-width: 1023px){	
#collection-carousel > div{
padding-top: 18vw;
padding-bottom: 24vw;
}
#collection-carousel .swiper-slide{
transform: scale(1);
transition: 0.5s;
opacity: 0.5;
border:1px solid rgba(255,255,255,0);
overflow: hidden;
z-index: 1;
}
#collection-carousel .swiper-slide-next ,
#collection-carousel .swiper-slide-duplicate-next{
transform: scale(1.8);
opacity: 1;
border-color:rgba(255,255,255,1);
z-index: 5;
}
} /*/*/