/*
Theme Name: Fairlawn Eye Care
Theme URI: https://fairlawneyecare.com/
Description: Fairlawn Eye Care
Author: alex@creativesuperhero.ca
Version: 1.0
*/

@media (prefers-reduced-motion: reduce) {
    /* Force all Elementor animations and motion effects to display */
    /*.elementor-motion-effects-element,
    .elementor-invisible,
    .elementor-animation,
    .animated {
        animation-duration: inherit !important;
        animation-name: initial !important;
        opacity: 1 !important;
        transform: initial !important;
        transition: initial !important;
    }*/
}


#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;
	}
}	


/* /masthead */


/*Banner*/
#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;
	}




/* //Banner*/		

main{
background:#ffffff;
margin: auto;
margin-top:200px;
max-width: 2000px;
position: relative;
z-index: 1;
}

/*Spacing*/


.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 .layout-columns.valign--middle .column{
		align-items: center;
		}*/

			#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{
				
				}

}
/* //Spacing */

/* Background Rings, Discs & Arches*/
	#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;
	}
	
	
	/*#html .column.bg-arch{
	margin-bottom: 0;
	padding-bottom: 50px;
	}*/


	@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;
		}			
	}
/* //Background Rings, Discs */




.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;
}


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;
}



#html .elementor-heading-title{
line-height: 1.25;
margin-bottom: 0.5em;
}

.margin--0{
margin:0;
}

hr{
width: 100px;
margin: 12px auto !important;
border:none;
border-bottom:2px solid #000;
background:none;
height:1px;
position: relative;
bottom: 1px;
padding:0;
position:relative;
display:block;	
}


a{
color:var(--color-primary);
transition: color 0.3s;
}

a:hover{
color:var(--color-hover);
}


/*Sections*/


/* //Sections*/


/*Overlay Layout*/
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;
		}
	
/*//Overlay Layout*/

/* CTA */
#html.cta{
}

	#html .cta:before{
	content:'';
	display: block;
	position: absolute;
	top:0;
	left: 0;
	right:0;
	bottom:0;
	background-image: url("/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;
		}

/* //CTA */


.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 .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;
}

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*/

.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;
}


/* Buttons */
input[type=button],
input[type=submit],
button,
.button,
.elementor-button{

}

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;
}


/* //Buttons */



:target {
  display: block;
  position: relative;
  top: -160px; 
  visibility: hidden;
}



/*Email obfuscate*/
.oe_displaynone{
display: none !important;
}


.display--none{
display: none;
}


/*Reviews*/
#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;
		}


/* Widgets */

/* Image box */
.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);
		}



/* Arched Image box */
#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;
		}


/* Accordian */
.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);
	/*text-shadow: 0 0 20px rgba(0,0,0,1 ),
		0 0 10px rgba(0,0,0,1);
		*/
	}
	
	#html details.e-n-accordion-item{
	margin-bottom: 25px;
	border-radius: 40px;
	overflow: hidden;
	display: block !important;
	}
	
	/*details:not([open]).e-n-accordion-item::details-content {
	content-visibility: visible;
	}*/

		
		#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%;
				}
				

		
		
		/*content*/
		#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;
}

/* //Widget */




/* Forms */
form{
font-size: 1rem;
}

textarea,
input[type=text],
input[type=tel],
input[type=date],
input[type=email],
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("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;
}

/* //Forms */

#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 */

	#html .blog-article-list > section{
	display: flex !important;
	height: auto !important;
	gap:00px 50px;
	}
	
	#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 > section{
	flex-direction: column !important;
	gap: 50px;
	}
	
		#blog-articles article{
		border-radius: 50px;
		overflow: hidden;
		}

			#blog-articles article .wpr-grid-item-inner{
			display: flex;
			flex-direction: row;
			}
			#blog-articles article:nth-child(odd) .wpr-grid-item-inner{
			flex-direction: row-reverse;
			}

				#blog-articles article:nth-child(odd){
				background: #ECEEF0;
				border:2px solid #566877;
				flex-direction: row-reverse;
				}
					#blog-articles article:nth-child(odd) a{
					color:#566877;
					}

				#blog-articles article:nth-child(even){
				background: #F3ECE4;
				border:2px solid #927F5D;
				}
					#blog-articles article:nth-child(even) a{
					color:#927F5D;
					}
		
		/*image*/
		#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 .wpr-grid-media-wrap {
		margin: 0 !important;
		width: 40% !important;
		}
			
		/*excerpt*/
		#blog-articles .wpr-grid-item-below-content{
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin: 0;
		width: 60% !important;
		padding: 50px;
		min-height: 0 !important;
		}

		#html .blog-article-list .wpr-grid-item-read-more {
		font-weight: bold;
		margin-top: 1em;
		}
		
		#html .blog-article-list h3{
		margin-bottom: 0.5em;
		}

#post-header h1{
font-size: 3rem;
line-height: 1.2em;
}

#post-article{
padding: 50px 25px;
max-width: 1000px;
margin: auto;
overflow-wrap: anywhere;
font-size: 1.0rem;
}

	#post-article h2{
	font-size: 2.0rem;
	}

	#post-back-link{
	margin-top: 50px;
	}
	


@media (max-width: 768px){
	#blog-articles-section .e-con-inner{
	padding: 25px;
	}
	
		#html #blog-articles > section{
		gap: 25px;
		}

	#blog-articles article .wpr-grid-item-inner{
	flex-direction: column !important;
	}
		#blog-articles .wpr-grid-media-wrap {
		width: 100% !important;
		height: 50vw;
		}
		
		#blog-articles .wpr-grid-item-below-content{
		width: 100% !important;
		padding: 25px;
		}
		
	#post-header h1{
	font-size: 1.8rem;
	}
	
	#post-article h2{
	font-size: 1.5rem;
	}	
}


/* //Blog */



/* Collection Carousel */

#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);
}

/*Desktop*/
@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;
	}
}
/* //Desktop*/

/* Tablet*/
@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;
	}
}
/* //Tablet*/

/*// Collection Carousel */