/*
Theme Name: Essor eCard
Theme URI: https://shamir.pt
Description: A child theme based on Wordpress theme Twenty Twenty-One for Essor eCard. Twenty Twenty-One
Author: David Siqueira
Author URI: https://davidsiqueira.com/
Template: twentytwentyone
Version: 1.9
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* ----- Font ----- */
@font-face {
    font-family: 'Akkurat Pro';
    src: url('assets/fonts/akurat/AkkuratPro-Regular.woff2') format('woff2'),
        url('assets/fonts/akurat/AkkuratPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Akkurat';
    src: url('assets/fonts/akurat/Akkurat-Bold.woff2') format('woff2'),
        url('assets/fonts/akurat/Akkurat-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Akkurat';
    src: url('assets/fonts/akurat/Akkurat-Light.woff2') format('woff2'),
        url('assets/fonts/akurat/Akkurat-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
html {
	scroll-behavior: smooth;
  }
body{
	background-color: #fff;
	font-size:16px;
}
*{
    font-family: "Akkurat Pro", sans-serif;
	line-height: 1.25em;
}
p{
	line-height: 1.25em;
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
	clear: both;
	font-family: 'Akkurat', sans-serif!important;
	font-weight: bold;
	line-height: 1.25em;

}
body.page{
	max-width:100%;
	overflow-x: hidden;
}
.ecard #page #content{
    background-color:#F1F5FA;
	background-image: url(assets/img/bg-lentes-redondas-light.jpg);
	background-size: contain;
	background-repeat: no-repeat;
}

#page *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce),
#page .wp-block-columns.alignfull .wp-block-column h2:not(.has-background),
#page .wp-block-columns.alignfull .wp-block-column p{
	margin-left:0;
	margin-right:0;
	padding:0;
}

.wp-block-group .wp-block-group__inner-container > *{
	margin-top:8px;
	margin-bottom:8px;
}
/*-------------------------------------------
-------------- General blocks ---------------
-------------------------------------------*/
.has-blue-background-color{
	border-radius:24px;
	background: linear-gradient(90deg, #EEF2F6 0%, #DCE7ED 100%);
}

.wp-block-group .wp-block-group__inner-container .wp-block-separator{
	margin-top:24px;
	margin-bottom:24px;
}

/* HEADER & MENU */
.site-header{
	position:relative;
	background-color:#fff;
	padding-top: 0;
	padding-bottom: 0;
	padding-left:16px;
	padding-right:16px;

    box-sizing: border-box;

	display: flex;
	flex-direction: row;
	justify-content: left;
	align-items: center;
	flex-wrap: nowrap;
	padding: 8px 8px 8px 16px;
    max-width:1240px;
    margin:8px auto;

	background: linear-gradient(90deg, #EEF2F6 0%, #DCE7ED 100%);
	border-radius: 40px;

}
.site .site-header{
	padding-top:0!important;
	padding-bottom:0!important;
}
@media only screen and (min-width: 822px){
	.site .site-header{
		padding-top:0!important;
		padding-bottom:0!important;
	}
}
@media only screen and (min-width: 482px){
	.site .site-header{
		padding-top:0!important;
		padding-bottom:0!important;
	}
	.primary-navigation .current-menu-item > a:first-child, .primary-navigation .current_page_item > a:first-child,
	.primary-navigation .current-menu-item > a, .primary-navigation .current_page_item > a,
	.primary-navigation a{
		text-decoration:none;
		font-size: 16px;
		border-radius:24px;
		padding-top:8px;
		padding-bottom:8px;
		transition:all 0.2s ease;
		background-color:rgba(255,255,255,0.3);
		color:#231F20;
		margin:0 4px;
		font-weight: 600;

	}
	.primary-navigation .current-menu-item > a:first-child:hover, .primary-navigation .current_page_item > a:first-child:hover,
	.primary-navigation .current-menu-item > a:hover, .primary-navigation .current_page_item > a:hover,
	.primary-navigation a:hover{
		text-decoration:none;
		background-color:#BEE8FF;
		color:#1B75BC;
		background-color:rgba(255,255,255,0.6);

	}
	.site-branding{
		margin-right:0;
	}
}
.site-branding h1.site-title,
.site-branding p.site-title{
	display:block;
	width:180px;
	height:56px;
	background-image:url(assets/img/essor-ecard-logo.png);
	background-size:contain;
	background-repeat: no-repeat;
    text-indent: -9999px;
    margin:2px 0;
}
.site-title > a{
	display: block;
    width: 100%;
    height: 40px;
}
.site-branding p.site-description,
.site-branding h1.site-description{
	display:none;
}
.site-header .country-selector.weglot-dropdown.weglot-shortcode{
    position:absolute;
    right:0;
    top:8px;
    width:64px;
}
.country-selector.weglot-dropdown .wgcurrent{
	border-radius:8px;
	padding:4px;
}
.country-selector.weglot-dropdown .wgcurrent a, .country-selector.weglot-dropdown .wgcurrent span{
	padding-right:24px;
}
.country-selector.weglot-dropdown .wgcurrent:after{
	top:15px;
	background-image:url(assets/img/chevron-right.png);
    background-size: contain ;
    width:16px;
    height:16px;
}
.country-selector.weglot-dropdown input:checked ~ ul{
	 border-radius: 8px;
    margin-top: 4px;
    box-shadow: 0 8px 16px rgba(0,0,0,0.25);
}
.country-selector.weglot-dropdown input:checked ~ ul li{
	padding-top:4px;
}
.country-selector.weglot-dropdown input:checked ~ ul li a{
	border-radius:8px;
}

.primary-navigation .current-menu-item > a{
	color:#1B75BC
}
.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button){
	background:none;
	color: inherit;
}
@media only screen and (min-width: 600px){
	.weglot-parent-menu-item{
		border: 1px solid #e1e2e3;
		border-radius: 8px;
	}
	.weglot-parent-menu-item .sub-menu{
		width:100%;
		text-align: center;
	}

	
}

/* ----- LOGIN PAGE ----- */
.login-hero,
.black-stripe{
	background-color:#054EA6;
	background: linear-gradient(180deg, #054EA6 0%, #238BE9 100%);
	background-image:url(assets/img/bg-lentes-redondas-m.jpg);
	background-size: cover;
	color:#fff;
	padding-top:40px;
	padding-bottom:40px;
	padding-left:24px;
	padding-right:24px;
	position:relative;
	margin-top:0;
}

.black-stripe{
	position:absolute;
	top:64px;
	left:0;
	width:100%;
	height:280px;
	z-index:-1;
}
.login-hero > div{
	max-width: 1280px;
}

.login-hero .dark-card{
	margin-bottom:-80px!important;
	overflow: hidden;
}
.login-hero .dark-card .wpforms-submit{
	width:100%;
}

.dark-card{
	background-color: #00256E;
    color:#fff;
    background: radial-gradient(farthest-corner at 90% 40px, rgb(85 176 247 / 90%) 0%, rgb(0 37 110 / 95%) 100%);
	border-radius:24px;
    padding: 24px 16px;
    margin-left: -16px;
    margin-right: -16px;
	backdrop-filter: blur(12px);
	box-shadow: 0px 16px 24px rgba(0, 92, 177, 0.25);
	border:1px solid rgba(118, 193, 255, 0.5);
	z-index: 100;
}
.dark-card div.wpforms-container-full .wpforms-field-label{
    color:#fff
}
div.wpforms-container-full .wpforms-form .wpforms-submit-container{
	padding-top:0;
}
.dark-card input{
	width:100%;
}

.dark-card a, .dark-card div.wpforms-container-full .wpforms-field-label{
	color:#fff;
}
.dark-card p{
	margin-top:2px!important;
	margin-bottom:2px!important;
}
.dark-card form{
	margin-bottom:0;
}	



.dark-card div.wpforms-container-full .wpforms-form input{
	background-color:transparent;
	border:2px solid #fff!important;
	color:#fff;

}
.dark-card div.wpforms-container-full .wpforms-form input:focus{
	background-color:rgba(80, 80, 80, 0.25);
	outline: none;
	box-shadow: 0 0 0 2px #aaa;
}
.dark-card div.wpforms-container-full .wpforms-form input:hover{
	background-color: rgba(0,0,0,.25);
}

.ecard-example{
	width:100%;
	min-width: 280px;
	height:200px;
	box-sizing: border-box;
	background-image: url(assets/img/ecard-example.png);
	background-size:180px;
	background-position:24px 8px;
	background-repeat: no-repeat;
	position:relative;
}
.ecard-example p{
	font-size: 12pt;
	color:#fff;
	position:absolute;
}
.ecard-example p:nth-child(1){
	top:50px;
	left:0;
}
.ecard-example p:nth-child(2){
	top:64px;
	left:212px;
}
@media only screen and (min-width: 768px){
	.login-hero,.black-stripe{
		background-image:url(assets/img/bg-lentes-redondas.jpg);
	}
	.login-hero .wp-block-column:not(.dark-card) p{
		max-width:400px;
		margin:40px auto!important;
		font-size:1.2em

	}
	.login-hero .dark-card{
		padding-left:24px;
		position:relative;
	}
	.dark-card{
		padding:24px;
		margin-left:auto;
		margin-right:auto;
	}

}
@media only screen and (min-width: 960px){
	.ecard-example{
		width:340px;
		background-size:260px;
		margin-left:auto;
		margin-right:auto;
	}
		.ecard-example p:nth-child(1){
		top:70px;
		}
		.ecard-example p:nth-child(2){
			top:88px;
			left:290px;
	}
}
.site-branding .site-logo .custom-logo-link img{
	width: 180px;
	max-width: 100%;
	height: 50px;
	max-height: 80px!important;
}

.site-main{
	padding-top:0;
	padding-bottom:0;
}




.dark-bg{
	background-color:#000000;
}
.grey-bg{
	background-color:#545759;
}



/* ----- FORMS ----- */
/* Inputs */
input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], .site textarea
{
	border:1px solid #000;
	border-radius:24px;
	background-color:#fff;
	margin:2px;
	box-sizing: border-box;
}
.wpforms-field-limit-text{
	display:none;
}
input[type=checkbox]{
	border-radius:8px;
	margin:0 4px 0 0;
}
/* Buttons */
.page div.wpforms-container-full button[type=submit], div.wpforms-container-full input[type=submit]:not(:hover):not(:active), div.wpforms-container-full button[type=submit]:not(:hover):not(:active), div.wpforms-container-full .wpforms-page-button:not(:hover):not(:active),
.site .button:not(:hover):not(:active):not(.has-background):not(.sub-menu-toggle), button:not(:hover):not(:active):not(.has-background):not(.sub-menu-toggle), input[type=submit]:not(:hover):not(:active):not(.has-background):not(.sub-menu-toggle), input[type=reset]:not(:hover):not(:active):not(.has-background):not(.sub-menu-toggle), .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background):not(.sub-menu-toggle), .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background):not(.sub-menu-toggle), .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background):not(.sub-menu-toggle){
	padding: 16px 24px;
	background: #B5DFFF;
	border-radius: 24px;
	color:#004F8E;
	height:fit-content
}
.page div.wpforms-container-full button[type=submit]:hover, .site .button:hover, button:hover, input[type=submit]:hover, input[type=reset]:hover, .wp-block-search .wp-block-search__button:hover, .wp-block-button .wp-block-button__link:hover, .wp-block-file a.wp-block-file__button:hover{
	padding: 16px 24px;
	border-radius:24px;
	background: #91CEFF;
	border-color:#91CEFF;
	color:#004F8E;
	box-sizing: border-box;
	height:fit-content


}
.site .button:active, .site .button:active, button:active, input[type=submit]:active, input[type=reset]:hover, input[type=reset]:active, .wp-block-search .wp-block-search__button:active, .wp-block-button .wp-block-button__link:active, .wp-block-file a.wp-block-file__button:active{
	padding: 16px 24px;
	background: #004F8E;
	border-color:#004F8E;
	color:#91CEFF;
	box-sizing: border-box;

}
div.wpforms-container-full .wpforms-form label.wpforms-error, div.wpforms-container-full .wpforms-form em.wpforms-error{
	color: #ff9091;
}
.wpforms-recaptcha-container.wpforms-is-recaptcha{
	padding:0;
	opacity: 0;
	visibility: hidden;
}
div.wpforms-container-full .wpforms-form .wpforms-recaptcha-container{
	padding:0!important;
}


/* ----- Column adjustment ----- */
.clients-container{
	max-width:1440px;
}
.clients-container *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce){
	max-width:inherit;
}
#page .wp-block-column:nth-child(2n){
	
}
@media (min-width: 782px){
	#page .wp-block-column:nth-child(2n){
		margin-left:0;
	}
}
@media (max-width: 640px){
	.clients-container, .client-content{
		flex-basis: 100%!important;
	}


}
@media (min-width: 600px) and (max-width: 781px){
	.wp-block-column:nth-child(2n) {
		margin-left: 0;
	}	
}

/* ----- MENU ----- */
.page:not(.primary-navigation-open) .primary-navigation{
	top: 0 !important;
}
.primary-navigation .menu-button-container{
	padding-top:8px;
	padding-bottom:8px;

}
.primary-navigation .menu-button-container:focus{
	outline-style: double;
}
.primary-navigation-open .primary-navigation > .primary-menu-container,
.primary-navigation-open .menu-button-container{
	background-color:#1B75BC;
	color:#fff;
	border:0;

}
.menu-button-container .button,.menu-button-container .button:hover,.menu-button-container .button:active{
	border:0
}
.primary-navigation-open .primary-navigation > .primary-menu-container a,
.primary-navigation-open .menu-button-container button.button span{
	color:#fff;
}
.primary-navigation .sub-menu{
	border:0;
	background: rgba(0,0,0,.1);
}
@media only screen and (min-width: 482px){
	.primary-navigation > div > .menu-wrapper > li > .sub-menu{
		background-color: transparent;
		filter: drop-shadow(0 8px 8px rgba(0,0,0,.25));
		overflow: none;
	}
	
	.primary-navigation > div > .menu-wrapper > li > .sub-menu li {
		background-color: #ED1D24;
	}
	.primary-navigation > div > .menu-wrapper > li > .sub-menu li:hover {
		background-color: #ff383e;

	}
	.primary-navigation > div > .menu-wrapper > li > .sub-menu li:first-child {
		border-top-left-radius: 16px;
		border-top-right-radius: 16px;
	}
	.primary-navigation > div > .menu-wrapper > li > .sub-menu li:last-child {
		border-bottom-left-radius: 16px;
		border-bottom-right-radius: 16px;

	}
	.primary-navigation > div > .menu-wrapper > li > .sub-menu li a{
		color:#fff;
	}
	.primary-navigation > div > .menu-wrapper > li > .sub-menu:before, .primary-navigation > div > .menu-wrapper > li > .sub-menu:after{
		display:none;
	}
	.primary-navigation .primary-menu-container{
		padding-left:16px;
		padding-right:16px;

	}
}
/* ----- Blocos ----- */
/*home*/
.red-curve-block h2, .bloco-tech h2,.bloco-cinzento h2, .bloco-seguro h2,
.red-curve-block p, .bloco-tech p,.bloco-cinzento p, .bloco-seguro p{
	margin-bottom:0!important;;
	margin-top: 0!important;

}
.red-curve-block, .bloco-tech,.bloco-cinzento, .bloco-seguro{
	padding:80px 40px 100px;


}

.red-curve-block{
	box-sizing: border-box;
	position:relative;
	padding:80px 24px 200px;
	width:100%;
	max-width:1440px!important;
	background-image:url(assets/img/shapes.png);
	background-repeat: no-repeat;
	background-position: bottom right;
}
.red-curve-block p,
.red-curve-block h2{
	max-width:600px;
}

.bloco-tech{
	color:#010203;
	background-color:#BAE0FF;
	background-image: url(assets/img/bg-lentes-azul-m.jpg);
	background-size:cover;
	background-position: center;
	box-sizing: border-box;
	background-repeat: no-repeat;
	margin-top:0;
	margin-bottom:0;
	padding-bottom:320px;
}
.bloco-cinzento{
	background-color:#fafbfc;
	color:#010203;
	margin-top:0;
	margin-bottom:0;
	padding-bottom:0;
}
.bloco-cinzento img{
	max-width:340px;
	width:100%;
	/* content: url(assets/img/phone-ecard.png); */
}

.bloco-seguro{
	background-color: #C7CFD9;
	background-image: url(assets/img/imagem-seguro2.jpg);
	background-size: auto 400px;
	background-position:left bottom;
	box-sizing: border-box;
	background-repeat: no-repeat;
	margin-top:0;
	margin-bottom:0;
	min-height:300px;
	padding:24px 24px 400px;
}

.bright-box{
	background-color: rgba(255,255,255,0.75);
	padding:24px;
}

@media only screen and (min-width: 641px){
	.red-curve-block{
		padding:180px 80px;
	}
	.bloco-tech{
		background-image: url(assets/img/bg-lentes-azul.jpg);

		padding:200px 0;
		background-size: cover;
		background-position:center;
	}
	.bloco-cinzento{
		padding-bottom:0;
		padding-top:40px;
	}
	.bloco-cinzento img{
		max-width:440px;
	}
	.bloco-cinzento .wp-block-column:first-child .wp-block-group{
		padding-top:128px;
		max-width: 440px;

	}
	.bloco-seguro{
		padding:100px 40px 220px;
		background-size:auto 480px;
	}
}


/*clients*/

.block.lens{
    background: radial-gradient(farthest-corner at 90% 40px, rgb(85 176 247 / 90%) 0%, rgb(0 37 110 / 95%) 100%);
	color:#fff!important;
	margin:16px;
	position:relative;
	border-radius:24px;
    box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.15), inset 0 0 8px #76C2FF;
}
.block.lens .has-background{
	background-color: transparent!important;
}
.block.lens .entry-content{
	margin-top:0!important;
	margin-bottom:0!important;
}
.block.lens p, .block.lens a{
	color:#fff!important;
}

.block.lens .wp-block-table .has-subtle-light-gray-background-color{
	background-color:transparent;

}
.block.lens table {
	margin-top:16px!important;
	margin-bottom:16px!important;
}
.block.lens table, .block.lens  .wp-block-table,
#lentes.block.lens  .wp-block-table{
	min-width: 0!important;
	margin-bottom:0!important;
	width: 100%!important;
	padding:0 16px 16px;
	max-width:none;

}
.block.lens table tbody{
	display:flex;
	flex-wrap: wrap;
}
.block.lens table tbody tr{
	min-width: 50%;

}
.block.lens table tbody tr:first-child{
	font-size: 1.5em;
	width:100%;

}
.block.lens table tbody tr:nth-child(2){
	width:100%;
}

.block.lens table td{
	border-color: transparent;
	line-height: 1em;
	font-weight: bold;
	color:#fff;
}
.block.lens table td strong{
	display: block;
	text-transform: uppercase;
	font-weight: lighter;
	font-size: 16px;

}
.block.lens h2{
	display:block;
	margin:0;
	color:#fff;
	padding:24px 24px 0!important;
	font-size: 32px;
}
@media only screen and (min-width: 768px){
	.block.lens h2{
		font-size: 48px;
	}
}

.block.prescription{
	box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.15);
	background-color:#fff;
	padding:24px;
	margin:24px 16px;
    border-radius:24px;
    box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.15);
}
.block.prescription h2,
.block.prescription .entry-content{
	margin-top:0!important;
	margin-bottom:0!important;
}
@media only screen and (min-width: 768px){
	.block.prescription{
		position:relative;
	}
}
.block.prescription table td{
	border:4px solid #fff;
	background-color:#C8E7FF;
	width:30%;
	line-height: 1em;
    border-radius:32px;
}
.block.prescription table td em{
	font-size: 0.85em;
}
.block.prescription table{  
    border-spacing: 8px;
}
.block.prescription table tr:first-child td,
.block.prescription table tr td:first-child{
	color: #1B75BC;
	background-color:#fff;
	text-align: center;
}
.block.insurance .insurance-content{
	padding:32px 24px 48px!important;
	background-color:#DACFC5;

}
.block.insurance .insurance-content h3{
	padding: 0 !important;

}
.block.insurance .wp-block-button__link{
	background-color:#000;
}
.block.insurance .wpforms-container{
	padding:16px 24px 32px!important;
	margin:-24px auto 0!important;
	background-color:#c3b5a8;
}
.block.insurance .wpforms-container {
	line-height:1em;
	}

.block.insurance .wpforms-field-medium{
	max-width: 100%!important;
}
.block.insurance .wpforms-container button.wpforms-submit{
	margin:0 auto!important;
	display:block;

}
.block.insurance .wpforms-container button.wpforms-submit,
.wpforms-page-button.wpforms-page-next{
	background-color:#000!important;
	color:#fff!important;
	padding:16px 24px;
}
.block.insurance .wpforms-container button.wpforms-submit:hover,
.block.insurance .wpforms-container button.wpforms-submit:active,
.block.insurance .wpforms-container button.wpforms-submit:focus,
.wpforms-page-button.wpforms-page-next:hover,
.wpforms-page-button.wpforms-page-next:focus,
.wpforms-page-button.wpforms-page-next:active
{
	background-color:#53575A!important;
	border-radius:8px;
	padding:16px 24px!important;

}
.block.newsletter{
	padding:0;
	background-color:#1B75BC;
	color:#fff;

}
.block.newsletter a{
	color:#fff;
}
.block.newsletter input[type=submit]{
	padding:12px 24px!important;
	margin:8px

}
.block.newsletter input[type=submit]:hover{
	background-color:#91CEFF!important;
	border-color:#91CEFF;
}
.block.newsletter p, 
.block.newsletter h3, 
.block.newsletter h2{
	margin-top: 0px;
	margin-bottom: 0px;

}
form .hs-error-msg,
form .hs_error_rollup{
	color:#ff6a70;
}
.block.newsletter form{
	display:flex;
	flex-wrap: wrap;
	width:100%;
	justify-content:space-between
}
.block.newsletter form .legal-consent-container{
	width:60%;
	min-width:200px;
}
.block.newsletter form .hs_submit{
	width:40%!important;
	min-width:200px;
	text-align:right
}
.block.newsletter form ul{
	list-style-type: none;
	padding-left:0;
	margin-left:0;

}
.block.newsletter form .hs-form-field{
	min-width:240px;
	width:50%;
	padding:8px;
}
.block.newsletter form .hs-form-field input[type=text],
.block.newsletter form .hs-form-field input[type=email]{
	width:100%;
}
.block.newsletter form .hs-fieldtype-booleancheckbox{
width:100%

}
/* - Blocks and cards margins and max width - */
	.block.tech,
	.block.prescription,
	.block.lens,
	.block.care,
	.card.specialist,
	.card.download,
	.care-card,
	.block.insurance,
	.block.newsletter{
	margin-left:16px;
	margin-right:16px;
	max-width:768px!important;
	max-width:768px!important;
        border-radius:24px;

}
@media only screen and (min-width: 768px){
	.block.tech,
	.block.prescription,
	.block.lens,
	.block.care,
	.card.specialist,
	.card.download,
	.care-card,
	.block.insurance,
	.block.newsletter{
		margin-left:auto;
		margin-right:auto;
	}

}


/* ----- Cards ----- */
.care-card{
	background-color:#fff;
	padding:24px!important;
	border:2px solid #fff;
	font-size: 0.95em;
	justify-content: center;
    box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.15);
    margin-bottom:24px!important;
}
.care-card p{
    margin-top:8px !important;
    margin-bottom:8px!important;

}
.care-card .wp-block-column{
	align-items: center;
    display: flex;
	flex-wrap: wrap;
	min-width:200px;
}
.care-card img{
	width:100%;
	max-width: 224px;
	min-width: 100px;
	margin:16px auto;
	padding:0 8px;
}

@media only screen and (min-width: 960px){
	.care-card div{
		padding-top:24px;
		padding-bottom:24px;
	}
}
.id-card{
	padding:8px;
	margin:8px;
	box-sizing: border-box;
	background-color:#fff;
	color:#fff;
	position:relative;
	border-radius:24px;
    box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.15);
}
.id-card h2{
	margin-bottom:0!important;
	margin-left:0;
	padding-top:16px!important;
	padding-bottom:8px!important;
	padding-right:72px!important;
	padding-left:24px!important;
	font-size:1.8em;
	line-height:1em;
}
.id-card p:not(.id-icon){
	margin-top:0!important;
	margin-left:24px!important;
	margin-right:24px!important;
	margin-bottom:24px!important;
	line-height: 1.2em;
	font-size:0.9em;
}
.id-card .id-icon{
	position: absolute;
	width: 72px;
	height: auto;
	right: 8px;
	top: 8px;
	background-color:#C2A182;
	background-image:url(assets/img/curves-tile.png);
	background-size:cover;
	border-radius: 16px;
	color:#fff;
	font-size: 11px;

	white-space: nowrap;

	padding:16px 4px!important;
	margin:0;
}

.id-card a,.id-card li,.id-card p,.id-card h2{
	color:#010203;
}
.card-tech .wp-block-cover.has-background-dim:not(.has-background-gradient):before{
	opacity:0.75
}
.card-tech, #page .card-tech .wp-block-cover{
	max-width:100%!important;
	width:100%!important;
    border-radius:24px;
    
}
.card-tech .wp-block-cover{
    box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.15);
}
.card-tech p{
	font-size:0.95em;
	box-sizing:border-box;

}
.card-tech .wp-block-cover__inner-container{
	padding-bottom:128px!important;
    
}
@media only screen and (min-width: 768px){
	.card-tech .wp-block-cover__inner-container{
		padding-right:33%!important;
		padding-bottom:16px!important;
	}
}
.card.download{
    box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.15);
	background-color:#fff;
	position:relative;
	overflow:hidden;
	min-height: 320px;
}
.card.download .content{
	padding:24px 24px 240px 24px!important;
}
.card.download .content h2,
.card.download .content p{
	margin-top:0;
	margin-bottom:0;
}

.card.download .wp-block-image{
    position:absolute;
    width:100%;
    height:240px;
    bottom:0;
    padding:0;
    margin:0;
}
.card.download input{
	margin:0 auto;
}
.card.download figure img{
	/* content:url(assets/img/phone-ecard.png) */

}
@media only screen and (min-width: 960px){
    .card.download .content{
    	padding:24px 24px 24px 280px !important;
    	margin-bottom: 0;
    }
    .card.download .wp-block-image{
    	left:16px;
    	width:240px;
    	height:100%;
    	bottom:0;
        height:auto
    }
	.card.download input{
		margin:0;
	}

}

.wallet-badges input{
	width: 180px!important;
    height: 60px!important;
    background-size:contain!important;
    padding:0;
    display:block;
}
.wallet-badges input:hover{
	border-color:transparent;
}

.card.specialist{
    background-color:#fff;
	box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.15);
	padding: 24px;
    margin-top: 24px;
	margin-bottom:24px;
}
.card.specialist p{
	margin-top: 4px !important;
	margin-bottom:4px !important;;
}
.grey-card{
	background-color:#f1f2f3;
	padding:24px;
}
/* ----- ICONS ----- */
.icon{
	width:24px;
	height:24px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	display:inline-block;
	vertical-align: middle;
}
.icon.care{background-image: url(assets/img/icons/care.png);}
.icon.download{background-image: url(assets/img/icons/download.png);}
.icon.glasses{background-image: url(assets/img/icons/glasses.png);}
.icon.location{background-image: url(assets/img/icons/location.png);}
.icon.prescription{background-image: url(assets/img/icons/prescription.png);}
.icon.tech{background-image: url(assets/img/icons/tech.png);}


/* ----- Hide header / title ----- */
#page.site .entry-header{
	display: none;
}

@media only screen and (min-width: 641px){
	.fixed-side-menu{
		position:relative;
	}
	.fixed-side-menu ul{
		position: -webkit-sticky; /* Safari */
		position: sticky;
		top: 8px;

		list-style: none;

		padding:16px;

		background-color:rgba(255,255,255,0.9);
		border-radius:24px;
		margin:8px;
		box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.15);
	}
	.admin-bar .fixed-side-menu ul{
		padding-top:32px;
	}
	.fixed-side-menu ul li a{
		padding:8px 16px;
		border-radius: 16px;

		text-decoration: none;
		display: inline-block;

	}
	.fixed-side-menu ul li a:hover{
		background-color: #f1f2f3;
	}
	.fixed-side-menu ul li a:active{
		background-color: #e1e2e3;
	}
}

@media only screen and (max-width: 640px){
	.fixed-side-menu ul{
	position:fixed;
	bottom:0;
	left:0;
	width:100%;
	height: 72px;
	background-color: rgba(255,255,255,0.9);
	display:flex;
	list-style: none;
	justify-content: space-evenly;
	padding:0;
	margin:0!important;
	box-shadow: 0 0 16px rgba(0,0,0,.25);
	z-index: 999;
	border-radius:24px 24px 0 0
	}

	.fixed-side-menu ul a{
		font-size: 12px;
		text-decoration: none;
		text-align: center;
		padding:4px 4px 8px;
		margin:4px;
		border-radius:16px;
		display: block;
		white-space: nowrap;
	}
	.fixed-side-menu ul a:hover{
		background-color: #f1f2f3;
	}
	.fixed-side-menu ul a:active{
		text-decoration: none;
		border-bottom:0;
	}
	.fixed-side-menu ul a .icon{
		display: block;
		margin:0 auto;
	}
	.hide-sm{
		display: none;
	}
	
}
@media only screen and (max-width: 480px){
	.hide-xs{
			display: none;
	}
}


/* Curves */
@media only screen and (min-width: 600px){

	.red-curve-left{
		width:200px;
		height:400px;
		border-radius:200px 0 0 200px;
		background-color:#ff0000;
		position:absolute;
		right:8px;
		z-index: -1;
	}
	.gray-curve-right{
		width:400px;
		height:800px;
		border-radius:0 400px 400px 0;
		background-color:#f1f2f3;
		position:absolute;
		left:8px;
		z-index: -1;
	}
}

/* Collapsible block */
.wrap-collabsible input[type='checkbox'] { display: none; } 
.wrap-collabsible { margin-top:-8px!important; margin-bottom:0px!important;} 
.lbl-toggle { 
	display: block; 
	width:100%;
	font-size: 0.9rem; 
	text-align: left; 
	padding: 16px 64px 16px 32px!important;
	margin:0 !important;
	color: #DDD; 
	cursor: pointer; 
	border-radius: 12px; 
	transition: all 0.25s ease-out; 
} 
.lbl-toggle:hover { 
	color: #FFF;
	background-color:rgba(255,255,255,0.15);
 } 
.lbl-toggle::before { content: ' '; display: inline-block; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid currentColor; vertical-align: middle; margin-right: .7rem; transform: translateY(-2px); transition: transform .2s ease-out; } 
.toggle:checked+.lbl-toggle::before { transform: rotate(90deg) translateX(-3px); } 
.collapsible-content { max-height: 0px; overflow: hidden; transition: max-height .25s ease-in-out; } 
.toggle:checked + .lbl-toggle + .collapsible-content,
.collapsible-content.content-visible { 
	max-height: 350px; 
} 
.toggle:checked+.lbl-toggle { background-color:rgba(255,255,255,0.2); } 
.toggle+.lbl-toggle:active { background-color:rgba(255, 255, 255, 0.514); } 

.collapsible-content .content-inner { background: rgba(255, 255, 255, .2); 
	border-radius: 12px; padding: .5rem 1rem; } 
.collapsible-content p { margin-bottom: 0; }



/* ---- FOOTER ----*/
.site-footer > .site-info{
	border-top:0;
}
.no-widgets .site-footer{
	margin-top:0;
}
.site-name{
	text-align: center;
}
.widget-area{
	margin-top:0;
	text-align: center;
}
.widget_nav_menu{
	text-align: center;
}
@media only screen and (min-width: 1024px){
	.widget-area {
		grid-template-columns: repeat(2, 1fr);
	}
	.site-name{
		text-align: left;
	}
	footer .widget.widget_text p,
	footer .menu-footer-menu li{
		text-align: right;
	}

}
.footer-site-description{
	font-size: 16px;
	text-transform: none;
}
footer .site-info .site-name{
	min-width: 280px;
	margin-bottom:16px;
}
footer .site-info .site-name .site-logo{
	margin-top:0;
	margin-bottom:0;
}

.footer-widgets{
	text-align: left;
}
footer .widget.widget_text p,
footer .widget-area li.menu-item{
	line-height: 1em;
	font-size: 0.8em;
}
.info-lentes-footer{
	font-size: 0.75rem;
	width: 100%;
	text-align: center;
}
@media only screen and (min-width: 768px) {
	.info-lentes-footer{
		text-align: right;
		width: fill-available;
		width: -webkit-fill-available;
	}
}

/* --- ANIMATIONS --- */
@keyframes animUp {
	0% {
	  transform: translateY(100%);
	  visibility: hidden;
	  opacity: 0;
	}
	100% {
	  transform: translateY(0%);
	  visibility: visible;
	  opacity: 1;
	}
  }
.id-card, .dark-card {
	animation:animUp 1s ease;
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
}
.block.lens, .red-curve-block{
	animation:animUp 1.5s ease;
}
.block.prescription, .block.insurance .insurance-content{
	animation:animUp 1.75s ease;
}


/* Overwriting WPFORMS */
div.wpforms-container-full .wpforms-form input[type=date], div.wpforms-container-full .wpforms-form input[type=datetime], div.wpforms-container-full .wpforms-form input[type=datetime-local], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=month], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=password], div.wpforms-container-full .wpforms-form input[type=range], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=tel], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=time], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form input[type=week], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea, .wp-block-search .wp-block-search__input{
	padding:16px;
	height:48px;
	max-width:100%;
	border-radius:24px;
	border:2px solid #000;
	margin:2px;
	box-sizing: border-box;
}

div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button{
	color:#fff;
	border:0px transparent;
	padding:16px 24px;
	background-color:#B5DFFF;
	color:#004F8E;
	border-radius:24px;
	margin:2px;
	box-sizing: border-box;

}
div.wpforms-container-full .wpforms-form input[type=submit]:hover, div.wpforms-container-full .wpforms-form input[type=submit]:focus, div.wpforms-container-full .wpforms-form input[type=submit]:active, div.wpforms-container-full .wpforms-form button[type=submit]:hover, div.wpforms-container-full .wpforms-form button[type=submit]:focus, div.wpforms-container-full .wpforms-form button[type=submit]:active, div.wpforms-container-full .wpforms-form .wpforms-page-button:hover, div.wpforms-container-full .wpforms-form .wpforms-page-button:active, div.wpforms-container-full .wpforms-form .wpforms-page-button:focus{	padding:16px 24px;
	background-color:#91CEFF;
	color:#004F8E;
	border:0;
	border-radius:24px;
	margin:2px;
	box-sizing: border-box;
}
div.wpforms-container-full .wpforms-form label.wpforms-error{
	background-color: rgba(255,200,200,0.6);
    padding: 4px 8px;
    margin: 4px 0;
    border-radius: 24px;
	display:inline-block;
	
}


.block.insurance .wpforms-field.wpforms-field-pagebreak{
	padding:0
}

/*-------------------------------------------
-------------- Styles homepage --------------
-------------------------------------------*/

/*------------- slider banner -------------*/
/* slide doc https://www.w3schools.com/howto/howto_js_slideshow.asp -->

/* Slideshow container */
.mySlides .button-group{
	width:100%;
	display:flex;
	flex-wrap: wrap;
}
.banner-button,
a.banner-button{
	display:inline-block;
	color:#fff;
	text-decoration: none;
	border-radius:24px;
	padding:8px 16px; 
	margin:16px 4px 4px 0;
	font-weight: bold;
	height:fit-content;
}
a.banner-button{
	background-color:rgba(255,255,255,0.5);
}
a.banner-button:hover{
	background-color:rgba(255,255,255,0.25);

}
.slideshow-container {
	max-width: 1240px;
	position: relative;
	margin: auto;
  }
  .mySlides{
	position:relative;
	box-sizing: border-box;
	margin:8px;
	  border-radius:24px;
	  background-color:#EEE9E3;
	  overflow:hidden;
	  min-height:480px;

	  background-size:cover;
	  background-position: center;
  }
  .mySlides .banner-content{
	position:absolute;
	padding:24px;
	bottom:0;
	width:100%;
  }
  .mySlides h1{
	font-size: 1.75rem;
	line-height: 1.75rem;
	padding: 0 !important;
  }
  .mySlides h1 span{
	font-size: 2.25rem;
	line-height:2.25rem;
	display:block
  }
  .banner-personalized{
	background-image: url(assets/img/banners/bg-personalized-sm.jpg);
	color:#fff;

  }
  .banner-transitions,
  .header-transitions{
		background: linear-gradient(180deg, #9CCBDD 0%, #F5BDC2 33.5%, #DFB8D3 66.57%, #FFDBB4 100%);
	background-image: url(assets/img/banners/bg-transitions-sm.jpg);
	color:#fff;
	background-size: cover;
  }
  .banner-transitions a.banner-button{
	color:#fff!important;
  }
  h1.logo-transitions,
  .banner-transitions .banner-content.logo-transitions{
	width:220px;
	height:90px;
	background-image: url(assets/img/banners/logo-genS-sm.png);
	background-repeat: no-repeat;
	background-size:contain;
	display:block;
	overflow: hidden;
	color:transparent;

  }
  .banner-noblue{
	background-image: url(assets/img/banners/bg-noblue-sm.jpg);
	color:#fff;

  }
  .banner-noblue a{
	color:#fff;
  }
  .banner-express{
	background-image: url(assets/img/banners/bg-express-sm.jpg);
	color:#064087;
  }
  .banner-express a{
	color:#064087;
  }

  .wp-block-group.has-background .wp-block-group__inner-container > .alignfull{
	margin-left:0;
  }
  .wp-block-column.has-white-background-color{
	border-radius:24px;

  }
  .wp-block-columns .wp-block-column > *{
	margin-top:0;
	margin-bottom:0;
  }
  @media screen and (min-width:480px){
	.mySlides h1{
		font-size: 3rem;
		line-height:3rem;
	  }
	  .mySlides h1 span{
		font-size: 4rem;
		line-height: 4rem;
	  }
	.banner-personalized{
		background-image: url(assets/img/banners/bg-personalized-lg.jpg);
	  }
	  .mySlides .banner-content{
		width:50%;
		right:0;
		height:100%;
		justify-content: left;
		align-content: center;
		display: flex;
		flex-wrap: wrap;
	}
	  .banner-transitions,
	  .header-transitions{
		background: linear-gradient(180deg, #9CCBDD 0%, #F5BDC2 33.5%, #DFB8D3 66.57%, #FFDBB4 100%);
		background-image: url(assets/img/banners/bg-transitions-lg.jpg);
		background-size: cover;
		color:#fff;
	  }
	  .banner-transitions a.banner-button{
		color:#fff;
	  }
	  .banner-noblue{
		background-image: url(assets/img/banners/bg-noblue-lg.jpg);
		color:#064087;
	  }
	  .banner-noblue a.banner-button{
		color:#064087;
	  }
	  .banner-express{
		background-image: url(assets/img/banners/bg-express-lg.jpg);	
	  }
  }

  /* Next & previous buttons */
  .prev, .next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	padding: 16px;
	margin-top: -22px;
	color: white;
	font-weight: bold;
	font-size: 18px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
  }
  
  /* Position the "next button" to the right */
  .next {
	right: 0;
	border-radius: 3px 0 0 3px;
  }
  
  /* On hover, add a black background color with a little bit see-through */
  .prev:hover, .next:hover {
	background-color: rgba(0,0,0,0.8);
  }
  
  /* Caption text */
  .text {
	color: #f2f2f2;
	font-size: 15px;
	padding: 8px 12px;
	position: absolute;
	bottom: 8px;
	width: 100%;
	text-align: center;
  }
  
  /* Number text (1/3 etc) */
  .mySlides .numbertext {
	color: transparent;
	font-size: 12px;
	padding: 8px 12px;
	position: absolute;
	top: 0;
  }
  
  /* The dots/bullets/indicators */
  .dot {
	cursor: pointer;
	height: 12px;
	width: 30px;
	margin: 0 2px;
	background-color: #b1b2b3;
	border-radius: 8px;
	display: inline-block;
	transition: all 0.2s ease;
  }
  
 .dot:hover {
	background-color: #8cbbe0;
	width:36px;
  }
  .active, .dot:focus, .active:hover{
	background-color: #1b75bc;
	width:40px;
  }
  /* Fading animation */
  .fade {
	animation-name: fade;
	animation-duration: 1.5s;
  }
  
  @keyframes fade {
	from {opacity: .4} 
	to {opacity: 1}
  }
  
  /* On smaller screens, decrease text size */
  @media only screen and (max-width: 300px) {
	.prev, .next,.text {font-size: 11px}
  }

  /*----- Blocos -----*/

  .botao-gama,
  .botao-gama a{
	display:inline-block;
	text-decoration: none;
	position:relative;
	border-radius:24px;
	padding:40px;
	padding-left: 30%;
	padding-right: 80px;

	background-size: cover;
	color:#fff;
	width: 100%;
	background-position: center;
	transition:all .2s ease;
	min-width: 300px;
	text-align: right;
  }
  .botao-gama:hover{
	background-position-y:45% ;

  }
  .botao-gama a::after{
	display:block;
	content:">";
	position:absolute;
	right:24px;
	top:calc(50% - 20px);
	font-size:24px;
	padding:10px 12px;
	border-radius:24px;
	background-color:#fff;
	color:#000;

	width:40px;
	height:40px;
	text-align:center;
	transition:all .2s ease;

}
.botao-gama a:hover::after{
	right:20px;

}  
  .has-background .wp-block-button:not(.is-style-outline) .wp-block-button__link:not(:hover):not(:active):not(.has-background){
	background-color:#231F20;
	box-sizing: border-box;
	border:0px solid transparent;
    color: #fff !important;
  }
  .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover, .wp-block-button:not(.is-style-outline) .wp-block-button__link:active {
    border-color: currentColor !important;
	border:0px solid transparent;
    background-color: #53575A !important;
    color: #fff !important;
	margin:0;
}
  .botao-gama.botao-monofocais{
	background-image: url(assets/img/blocos/botao-monofocais.jpg);	
  }
  .botao-gama.botao-monofocais a{
	background-color:rgba(0,0,0,0.4);
	text-shadow: 0 2px 8px rgba(255,255,255,0.25);
  }
  .botao-gama.botao-progressivas{
	background-image: url(assets/img/blocos/botao-progressivas.jpg);
  }
.botao-gama.botao-progressivas a{
		background-color:rgba(0,0,0,0.4);
	text-shadow: 0 2px 8px rgba(0,0,0,0.25);
  }
  .bloco-botoes-gama > div{
	display:flex;
	justify-content: center;
  }
  .bloco{
	border-radius:24px;
  }
  .bloco-as-lentes{
	background-image: url(assets/img/blocos/as_lentes_sm.jpg);	
	background-size: cover;
	padding: 8px!important;;
  }
  .bloco-as-lentes h3,
  .bloco-as-lentes .wp-block-columns .wp-block-column > h3:first-child{
	margin-bottom:8px;
  }
  .bloco-as-lentes > .wp-block-group__inner-container > div:first-child{
	padding:16px;
  }
  .bloco-compromisso-essor-hp{
	background-image: url(assets/img/blocos/girl-quote-sm.jpg);	
	background-size: cover;
	background-position: center;
	color:#fff;
	padding:40px;
  }
  .bloco-compromisso-essor-hp p{
	color:#fff;
	font-weight: bold;
	width:50%;
	min-height:240px;
  }
  .bloco-ecard-hp{
	background-image: url(assets/img/blocos/cards-bg-sm.jpg);	
	background-size: cover;
	padding-top:200px!important;
  }
  .has-blue-background-color[class] > [class*=__inner-container]{
	background-color:transparent
  }
  .bloco-ecard-hp{
	background-image: url(assets/img/blocos/cards-bg-sm.jpg);	
	background-size: cover;
  }
  .bloco-contactos-hp{
	background-image: url(assets/img/blocos/gray-lens.jpg);	
	background-size: auto 120%;
	background-repeat: no-repeat;
	background-position: right center;
	background-color: #D2D9ED!important;
  }
 .bloco-contactos-hp iframe{
	background-color: rgba(255, 255, 255, 0.8);
    padding: 16px;
    box-sizing: initial;
	border-radius:24px;

  }
.bloco-cuidados{
	background-image: url(assets/img/blocos/blue-curves-sm.jpg);	
	background-size: cover;
}
.bloco-cuidados .wp-block-details{
	width: 100% !important;;
	box-sizing: border-box;
}
.bloco-cuidados .dica-cuidados{
	border-radius:24px;
}
.bloco-cuidados :before{
	display:none

}
.bloco-cuidados .wp-block-details,
 .como-cuidar{
transition:all 0.2s ease;

}
.bloco-cuidados .wp-block-details summary,
 .como-cuidar summary{
	padding: 16px;
background-color: transparent;
border-radius:24px;
transition:all 0.2s ease;
background-color: rgba(255,255,255,.25);
width:fit-content;
box-sizing: border-box;

}
.bloco-cuidados .wp-block-details[open],
 .como-cuidar[open]{
	background-color: rgba(255,255,255,.25);
	border-radius:24px;
	padding: 8px;
 }
.bloco-cuidados .wp-block-details[open] summary,
 .como-cuidar[open] summary{
	width:initial;
 }
.bloco-cuidados .wp-block-details summary:hover,
 .como-cuidar summary:hover{
background-color: rgba(255,255,255,.5);

}
.bloco-onde-encontrar-hp{
	background-color:#EEE9E3!important
}
  @media only screen and (min-width: 768px) {
	.bloco-as-lentes{
		background-image: url(assets/img/blocos/as_lentes_lg.jpg);	
		padding: 24px!important;;
	  }
	  .bloco-ecard-hp{
		background-image: url(assets/img/blocos/cards-bg-lg.jpg);	
	  }
	  .bloco-compromisso-essor-hp{
		background-image: url(assets/img/blocos/girl-quote-lg.jpg);	
		padding-top: 80px !important;;
		padding-bottom: 80px !important;;
	  }
	  .bloco-compromisso-essor-hp p{
		font-size: 2rem;
		width:40%;
	  }
	  .bloco-cuidados{
		background-image: url(assets/img/blocos/blue-curves-lg.jpg);	
	}
	.bloco-ecard-hp{
		padding-top:24px!important;
	}
  }
  .caixa-compromisso,.caixa-qualidade,.caixa-tecnologia{
	background-size:100% auto;
	background-repeat:no-repeat;
	padding-top:50%!important;
  }
  .caixa-compromisso{
	background-image:url(assets/img/blocos/essor-compromisso.jpg);

  }
  .caixa-qualidade{
	background-image:url(assets/img/blocos/essor-conformidade.png);
  }
  .caixa-tecnologia{
	background-image:url(assets/img/blocos/essor-tecnologia.jpg);
  }
  @media only screen and (min-width: 768px) {
	.caixa-compromisso,.caixa-qualidade,.caixa-tecnologia{
		background-size:100% auto;
		background-repeat:no-repeat;
		padding-top:15%!important;
	  }

  }
  .bloco-testemunhos{
	background-image: url(https://davidsiqueira.com/dev/shamir/e-card-24/wp-content/uploads/2024/10/Essor-comment-bg.jpeg);
	background-position:top right; 
	background-size:cover;
	} 
	.cartao-testemunho{
	Background-color:rgba(255,255,255,0.75)!important;
	
	  -webkit-backdrop-filter: blur(8px);
	  backdrop-filter: blur(8px);
	
	}
	
	.cartao-testemunho p{
	Padding-bottom:8px!important;
	
	padding-top:8px!important;
	
	}
/*-------------------------------------------
--------- Styles pæaginas de lentes ---------
-------------------------------------------*/
  .info-lente{
	width:100%;
	border-radius:24px;
	padding:16px;
	background-color:#E2E0D6;
	background-image:url(assets/img/blocos/o-personalised.png);
	background-repeat: no-repeat;
	background-size:auto 200px;
	background-position: right top;

	}

	.info-lente.lente-advanced {
		background-color:#E2E0D6;
		background-image:url(assets/img/blocos/o-personalised.png);
	}
 
	.info-lente.lente-advanced {
	background-color:#E3DDD4;
	background-image:url(assets/img/blocos/o-essor-advanced.png);
  }
  .info-lente.lente-advanced-sport{
	background-color:#E5F6BB;
	background-image:url(assets/img/blocos/o-sport.png);
  }
  .info-lente.lente-classic {
	background-color:#E9CAC1;
	background-image:url(assets/img/blocos/o-essor-classic.png);
  }
  .info-lente.lente-basic{
	background-color:#E5F6BB;

	background-image:url(assets/img/blocos/o-essor-basic.png);
  }
  .info-lente.lente-protecao-azul {
	background-color:#CCE0ED;
	background-image:url(assets/img/blocos/o-protecao-azul.png);
  }
  .info-lente.lente-basic {
	background-color:#F7E8D8;

	background-image:url(assets/img/blocos/o-essor-basic.png);
  }
  .info-lente.lente-basic-junior {
	background-color:#FFEECD;

	background-image:url(assets/img/blocos/o-junior.png);
  }
  .info-lente.lente-sport {
	background-color:#E5F6BB;
	background-image:url(assets/img/blocos/o-sport.png);
  }
  .info-lente.lente-pro {
	background-color:#DBE0E1;
	background-image:url(assets/img/blocos/o-essor-pro.png);
  }
  .info-lente.lente-transitions {
	background-color:#9CCBDD;
	background-image:url(assets/img/blocos/o-transitions.png);
	background-repeat: no-repeat;
    background-position: top right;
    background-size: 50%;
  }

  .texto-info-lentes{
	margin-top:160px!important;
  }

 .header-transitions{
	width: 100%;
	max-width: 1240px!important;
	text-align: center;
	display: flex;
	justify-content: center;
	min-height: 400px;
	background-size: cover;
	background-position: center;
	align-items: center;
	border-radius: 24px;
	}
	.header-transitions .logo-transitions{
	width: 100%;
	height: 100%;
	background-position: 60%;
	max-width: 100%;
	}

	.texto-info-lentes   .texto-info-lentes{
		margin-top:8px;
	}
  .info-lente.has-yellow-background-color[class] > [class*=__inner-container]{
	background-color:transparent
  }
  .grupo-beneficios .wp-block-group:before{
	display:none
  }
  .grupo-beneficios .wp-block-group p.has-background{
	max-width:400px;
	border-radius:24px;
	background-color: rgba(255, 255, 255, 0.75)!important;
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
  }

  .hero-monofocais{
	background-image:url(assets/img/blocos/pagina-monofocais-banner-sm.jpg);
	background-size:cover;
	padding:24px;
	background-position: bottom;
	color:transparent;
	border-radius:24px;
	min-height:240px;
	font-size:0px;
  }
  .hero-progressivas{
	background-image:url(assets/img/blocos/pagina-progressivas-banner-sm.jpg);
	background-size:cover;
	padding:24px;
	background-position: bottom;
	color:transparent;
	border-radius:24px;
	min-height:200px;
	font-size:0px;
  }
.banner-servico-express{
	width:100%!important;
	background-color:#70A0F6!important;
	background: linear-gradient(220deg, #70A0F6 60%, #DBDEE6 100%);
	overflow:hidden;
	
	border-radius:24px;
	padding:140px 16px 16px 16px!important;
	color:#064087;
	position:relative;
	z-index: 0;
	
}
.banner-servico-express .wp-block-group__inner-container{
	z-index: 1;
	color:#002a5e!important;
	position:relative;

}
.banner-servico-express:after{
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:200px;
	background-image: url(assets/img/blocos/bg-servico_express-sm.jpg);
	background-repeat: no-repeat;
	background-size:200px;
	background-position: right top;
}

  @media only screen and (min-width: 600px) {
	.banner-servico-express{
		padding:24px 8px 24px 240px!important;
			background-position: left center;
			background: linear-gradient(90deg, #70A0F6 56%, #DBDEE6 100%);

	}
	.banner-servico-express:after{
		background-position: left center;
		height:100%;
	}
	.info-lente{
		padding:24px;
		padding-right:0;	
		background-size:40%;

		background-position: right top;
	}
	.info-lente:nth-child(odd){
		background-position: left top;
	}

	.texto-info-lentes{
		width:50%!important;
		margin-top:0!important;
		margin-left:0!important;
	}

	.info-lente:nth-child(odd) .texto-info-lentes{
		margin-left:45%!important;
	}

	.hero-monofocais{
		background-image:url(assets/img/blocos/pagina-monofocais-banner.jpg);
		background-position: center;

	}
	.hero-progressivas{
		background-image:url(assets/img/blocos/pagina-progressivas-banner.jpg);
		background-position: center;

	}
}

/* Store locator */
#wpsl-wrap,
.wpsl-no-results{
    width: 100%;
    max-width: 100%;

}
.wpsl-search{
	background-color:#E4DDD3;
	border-radius:24px;
}
#wpsl-search-btn, #wpsl-search-wrap input,
.wpsl-search-input{
	border-radius:16px;
}
#wpsl-search-btn{
	background:#231F20;
	color:#fff;
}
#wpsl-search-btn:hover{
	background:#53575A;

}
#wpsl-search-wrap .wpsl-input label,
#wpsl-search-wrap div label{
	font-size: 1em;
    line-height: 1em;
	padding-top:4px;
}
#wpsl-result-list #wpsl-stores ul li,
#wpsl-direction-details{
	border-radius:16px;
	border-radius: 16px;
    background-color: #F6F2F1;
	margin:2px;
	transition:all .2s ease;
	padding-left: 16px;
}
#wpsl-stores, #wpsl-direction-details, #wpsl-gmap{
	border-radius:16px;
}
#wpsl-result-list #wpsl-stores ul{
	border-radius:16px;
}
#wpsl-result-list #wpsl-stores ul li:hover,
#wpsl-result-list #wpsl-stores ul li .wpsl-store-location:active{
	background-color:#fff;
	color:#064087;
}
.wpsl-store-location{
	font-size:1em;
}
.wpsl-store-location strong{
	font-size: 1.2em;
	display: block;
}
.wpsl-store-location .wpsl-street, 
.wpsl-store-location .wpsl-street,
.wpsl-store-location .wpsl-country{
	display:inline-block
}
#wpsl-search-wrap .wpsl-input, #wpsl-search-wrap .wpsl-select-wrap,
#wpsl-search-btn, #wpsl-search-wrap #wpsl-radius, #wpsl-search-wrap #wpsl-results, #wpsl-search-wrap .wpsl-input input, #wpsl-search-wrap .wpsl-input label{
	display: flex;
	align-items: center;
}

.banner-exclusivo-wells,
a.banner-exclusivo-wells{

	width:100%;
	max-width: none!important;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 4px 16px!important;
	gap: 8px;
	text-decoration: none;

	background: #F6F2F1;
	border-radius: 24px;

}
.banner-exclusivo-wells:hover{
	background: #ede9e1;

}
.exclusivo-wells-badge{
	background-image: url(assets/img/exclusivo-wells.svg);
	background-size:contain;
	width:56px;
	height:56px;
	background-repeat: no-repeat;
	flex: 0 0 auto;

}

.origem-franca-icon{
	background-image: url(assets/img/france.png);
	background-size:contain;
	width:80px;
	height:80px;
    background-color: #fff;
    background-repeat: no-repeat;
    border-radius: 100px;
    margin: 0 auto 16px!important;

}
.exclusivo-wells-icon{
	background-image: url(assets/img/exclusivo-wells.png);
	background-size:contain;
	width:80px;
	height:80px;
    background-color: #fff;
    background-repeat: no-repeat;
    border-radius: 100px;
    margin: 0 auto 16px!important;
	
}
.grupo-shamir-icon{
	background-image: url(assets/img/grupo-shamir.png);
	background-size:contain;
	width:80px;
	height:80px;
    background-color: #fff;
    background-repeat: no-repeat;
    border-radius: 100px;
    margin: 0 auto 16px!important;
	
}