/*
	Theme Name: Etalon Child
	Template: etalon
	Theme URI: http://keydesign-themes.com/etalon/
	Author: Key-Design
	Author URI: http://themeforest.net/user/Key-Design
	Description: Multi-Concept WordPress Theme for Professional Services
	Version: 1.3
	Tags: one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, post-formats, sticky-post, translation-ready
	
/* Below you can write your style */


:root {
	--celeste: #33CCCC;  
	--verde:#CCDD77;
	--blu:#253358;
}

a:hover {transition:0.5s;}
@media screen and (max-width: 768px) {
	.container h3{font-size: 25px !important;}
}  

#single-page address {
    font-style: normal;
	
}


.btn_transparent {
    background-color: transparent; 
    border: 2px solid var(--celeste);
    text-align: center;
    font-size: 13px;
    font-weight: 600;  
    color: #333;
    padding: 17px 25px;
	line-height:1;
    text-transform: uppercase;
    letter-spacing: 0.5px;
	display: inline-block;
}

.btn_transparent:hover {
	background-color: var(--celeste);
    border: 2px solid var(--celeste);
    color: #fff;
    transition: 0.5s;
}


.btn_celeste {
	background-color: var(--celeste);
    border: 2px solid var(--celeste);
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    padding: 17px 25px;
	line-height:1;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.btn_celeste:hover {
	background-color: transparent;
    border: 2px solid var(--celeste);
    color: var(--celeste);
    transition: 0.5s;
}


/*
	.title_underline,
	.container h1, .container h2, .container h3,
	.blog-content h3
	{
	display: inline-block;
    border-bottom: 4px solid #33cbcc;
    padding: 2px;
	margin-bottom: 30px;
	text-transform: uppercase !important;
	
	}
*/



.container h1,
.container h1, .container h2, .container h3,
.blog-content h3{
    text-decoration-line: underline;
    text-decoration-color: #33cbcc;
    text-underline-offset: 8px;
}

.single-post.page .breadcrumbs {
	padding-top: 20px;
	margin-bottom: -150px;
	
}

#single-page .single-page-heading {
	margin-bottom: 20px;
}


/******************
	
	FONT
	
*****************/

#single-page .single-page-content h1,
.container h1{
	
    font-size: 35px !important;
    line-height: 50px !important;
    margin-bottom: 30px !important;
    margin-top: 25px !important;
	text-transform: uppercase !important;
}

.container h2 {
	font-size: 28px !important;
	line-height: 50px !important;
	text-transform: uppercase !important;
}


.container h3 {
	font-size: 22px !important;
	line-height: 30px !important;
	text-transform: uppercase !important;
	margin:50px 0 30px 0;
}


span.title_underline {
	color: #333333;
    font-weight: 500;
    font-family: Rubik;
	line-height: 30px !important;
	margin:20px 0 30px 0;
	
	text-decoration-line: underline;
    text-decoration-color: #33cbcc;
    text-underline-offset: 8px;
	display: block;
}
p {
    margin-bottom: 25px;
}

.fs22 {font-size:22px;}
.fs34 {font-size:34px;}


/**** sistemo bug che non fa vedere bottone header a questa risoluzione **********/


@media screen and (min-width: 960px) and (max-width: 1250px) {
	.navbar .modal-menu-item {    display: block !important;}
	.navbar-default .nav li a, .modal-menu-item { font-size:10px !important;}
	.navbar-default .navbar-collapse {
		margin-left: 0;
	}
}



/***************** TOPBAR ****************/


#prenota-topbar-custom {
	margin-left:25px;
}

#prenota-topbar-custom i {
	margin-right:5px;
	color:#fff;
}

.topbar-socials {MARGIN-LEFT:AUTO;}




/***************** SIDEBAR ****************/

span.widget-title {
	text-decoration-line: underline;   
    text-decoration-color: #33cbcc;
    text-underline-offset: 8px;
	display: block;
}

#single-page .single-page-content .widget ul li {
	white-space: normal !important;
}

#lista_patologie_sidebar li {
	background: #fff !important;
	padding:7px 0 7px 0 !important;
	margin-left: 25px;
	white-space: normal !important;
}



/***************** HOME ****************/


/*************box hero home*/

.container_box_home_hero {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-top: -100px;
}

.item_box_hero {   
	width:33%;
	padding: 15px 30px;
}

.item_box_hero span{   
	font-size: 16px;
	margin-bottom: 5px;
    line-height: 28px;
	font-weight: bold;
	margin-top: 10px;
}


.item_box_hero .description {margin-bottom:20 px 20px;}

.container_box_home_hero .item_box_hero:nth-child(1) {background-color:#ccdd77;}
.container_box_home_hero .item_box_hero:nth-child(2) {background-color:#33cbcc;flex: 1;}
.container_box_home_hero .item_box_hero:nth-child(3) {background-color:#253358;}

.container_box_home_hero .item_box_hero:nth-child(3) .description,
.container_box_home_hero .item_box_hero:nth-child(3) span
{color:#fff;}  

@media screen and (max-width: 992px) {
	.item_box_hero {
		width:100%;
	}
	
	.container_box_home_hero {    margin-top: 20px; }
}  


/*****************box prenota home*/


.container_prenota {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	margin: 50px 0;
}


.container_prenota .box_prenota:nth-child(1) {
	width:50%;
	padding: 0 30px 0 0;
}


.container_prenota .box_prenota:nth-child(2) {
	border-left: 1px solid #33cbcc;/*in desktop do solo bordo left perche' si sovrappone con l'altro e viene spesso, in mobile lo inserisco in entrambi i lati*/
}
.container_prenota .box_prenota:nth-child(3) {
	border-left: 1px solid #33cbcc;
	border-right: 1px solid #33cbcc;
}

.container_prenota .box_prenota:not(:first-child) {
	width: 25%;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	padding: 0 15px;
}

.box_prenota span{
	color: #333333;
    font-weight: 500;
    font-family: Rubik;
    font-size: 34px;
    text-align: inherit;
    line-height: 45px;
    text-transform: inherit;
	margin-bottom: 30px;
	text-decoration-line: underline;
    text-decoration-color: #33cbcc;
    text-underline-offset: 8px;
	display:block;
}



.box_prenota i {
	font-size: 30px;
	color: var(--celeste);
	margin-bottom: 20px;
}


@media screen and (max-width: 768px) {
	
	.container_prenota .box_prenota:nth-child(1) {  width: 100%; padding: 0;}
	.container_prenota .box_prenota:not(:first-child) {width: 50%;}
}  


/*box prenota su sidebar*/

#prenota_sidebar {
	background-color: #f2f2f2;
}   

#prenota_sidebar span{
	font-size: 20px ;
    line-height: 30px ;
    text-transform: uppercase ;
	color: #333333;
    font-weight: 500;
    font-family: Rubik;
	margin-bottom: 25px;
    margin-top: 25px;
}

#prenota_sidebar.container_prenota .box_prenota:nth-child(1) {
	width: 100%;
	padding: 15px;
}



#prenota_sidebar.container_prenota .box_prenota:not(:first-child) {
	width: 100%;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	border:none;
	margin-bottom: 30px;
}




.lista_home_ds {
	list-style-type: none;
	padding: 20px 0 0 25px;
}

.lista_home_ds li{
	padding:5px;
}





.lista_home_ds li:before {
	color: var(--verde) !important;
	content: "\f058";
	font-weight: 700;
	font-family: "Font Awesome 5 Free";
	font-size: 16px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	left: 15px;
}


.sublista_home_ds {
	list-style-type: none;
	padding: 0px 0 0 15px;
}


.sublista_home_ds li:before {

color: var(--verde);
content: "\f560";
font-weight: 700;
font-family: "Font Awesome 5 Free";
font-size: 16px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
position: absolute;
left: 45px;
}


.container_img_ds {
position: relative;
}

.container_img_ds img{
position: absolute;
left: 60px;
z-index: -1;
}


/*****************box perche prenotare */


.container_perche_prenotare {
display: flex;
flex-wrap: wrap;
flex-direction: row;
margin-top:50px;
gap: 30px;
}

.box_perche {
width: 33%;
flex: 1;
display: flex;
gap: 20px;
}


.box_perche .logo {
padding: 5px 0;
}




.box_perche .description {
flex-grow: 1;
text-align: left;
}


.box_perche .description h5{
text-transform: uppercase;
color: var(--blu);
margin: 0 0 10px 0;
}

@media screen and (max-width: 992px) {
.box_perche {
width: 100%;
flex: auto;		
}
}  

/***************** nostre specializzazioni */

.container_listing_specializzazioni_home {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 20px;
}

.box_specializzazioni_home {
border: 1px solid var(--celeste);
width: 33%;
flex: 1;
display: flex;
flex-direction: column;

}

@media screen and (max-width: 992px) {
.box_specializzazioni_home {flex:1 1 100%;}

}  

.box_specializzazioni_home:hover {
transition: 0.5s;
-webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}


.box_specializzazioni_home img {
display: block;
width: 100vw;
height: 30vh;
object-fit: cover;

}

.box_specializzazioni_home .box_info {
padding: 20px 20px 0 20px;
}


.box_specializzazioni_home .box_info h4{
text-transform:uppercase;
}


.box_specializzazioni_home .box_info .description{
margin-top:30px;
}

.box_specializzazioni_home .button{
margin-top:auto;
padding: 0 20px 20px;
}



/*****************   nostri fornitori */

.container_nostri_fornitori {
margin-top:30px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-content: center;
justify-content: space-around;
align-items: center;
gap: 50px;
}

.container_nostri_fornitori .box_fornitore {
flex: 1 1;
}



.container_nostri_fornitori .box_fornitore .logo img{
width:210px;
max-height:none;
}

.container_nostri_fornitori .description {
min-height: 70px;
margin-top: 30px;
}
.container_nostri_fornitori .description h5{
text-transform: uppercase;
font-weight: 400;
}





/***************** REVIEW GOOGLE */


.section_review_google {
background-image: url("/wp-content/uploads/2023/05/occhi_bg_test.jpg"); /* The image used */
background-color: #cccccc; /* Used if the image is unavailable */

background-position: center; /* Center the image */
background-repeat: no-repeat; /* Do not repeat the image */
background-size: cover; /* Resize the background image to cover the entire container */
}



/***************** INFO SU MAPPA E FOOTER */



/* Always set the map height explicitly to define the size of the div

* element that contains the map. */

#map {

height: 500px;

}

#over_map {
position: absolute;
top: 0px;
z-index: 99;
}

.business-info-wrapper {
background-color: var(--celeste);
margin-left: 0;
margin-right: -605px;
left: auto;
right: 50%;
height: 100%;
padding: 10px 40px;
color: #ffffff;
height: 550px;
    width: 380px;
}


.business-info-header {
margin-bottom: 10px !important;
}

.info-business {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: flex-start;
align-items: center;
gap: 20px;
margin-bottom: 25px;
}


.container-info-contatti a,
.business-info-wrapper a
{color:#fff;}
.container-info-contatti a:hover,
.business-info-wrapper a:hover
{color:#253358;transition:0.5s;}

.info-business i {
color: #fff;
font-size:20px;
}


.business-info-day {
display: flex;
flex-direction: column;
margin-bottom: 20px;
}

.business-info-day-hours {
color: var(--blu);
}


/***************** PLUGIN PRENOTAZIONI *************** */

/*testo checkbox*/
.tbk-checkbox-required,
.tbk-space-item {
    font-weight: 500;
}



/*****************FOOTER */

div#custom_html-9 {
    margin-top: 25px;
}

.upper-footer {
padding: 80px 0 40px 0;
}

#footer,
#footer a{
font-weight: 400;
}


#footer a:hover{
color: var(--celeste);
}


#footer .business-info-day-hours {
color: var(--verde);
}


div#nav_menu-2 {
padding: 0 0 0 50px;
}


@media screen and (max-width: 992px) {
div#nav_menu-2 {
padding: 0 ;
}
}  


#sub-footer-custom {
background-color:#253358;
padding: 20px 0;
}

#sub-footer-custom #container-link {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-end;
}


#sub-footer-custom #container-link .box-link-pagine,
#sub-footer-custom #container-link .box-link-pagine a,
.box-privacy,
.box-privacy a
{
color:#fff;
}

#sub-footer-custom #container-link .box-link-pagine a:hover,
.box-privacy a:hover  
{
color: var(--celeste);
transition:0.5s;
}



.lower-footer-custom {

background-color: #333333;
color:#fff;

}


#container-lower {
display: flex;
padding: 20px 0;
}

.box-privacy {
margin-left: auto;
}

/*****************box prenota MOBILE ********************

#prenota_mobile {display:none;}

@media screen and (max-width: 992px) {
#prenota_mobile {display: block;margin-bottom:30px;}
} 

*********************************************/

/***************** pagina blog */

.entry-meta .published:before {display:none !important;} 


.container-button-post { margin: 30px 0 ;}

#posts-content img {
width: 100vw;
height: 50vh;
object-fit: cover;
}

#posts-content .blog-single-title {
text-underline-offset: 4px;
line-height: 1.3 !important;
}

#posts-content .post h2 {line-height: 50px !important;}

/**************** SINGLE *****************/

h3#reply-title {display:none;}



.w100 {width:100%;}
.w50 {width:50%;}
.m20{margin:20px}
.mt0{margin-top:0!important}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt25{margin-top:25px}
.mt30{margin-top:30px}
.mt50{margin-top:50px}
.mt100{margin-top:100px}
.mt150{margin-top:150px}
.mr10{margin-right:10px}
.mr20{margin-right:20px}
.mr50{margin-right:50px}
.mr100{margin-right:100px}
.ml10{margin-left:10px}
.ml20{margin-left:20px}
.ml50{margin-left:50px}
.ml100{margin-left:100px}
.mb0{margin-bottom:0}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px!important}
.mb25{margin-bottom:25px}
.mb30{margin-bottom:30px}
.mb50{margin-bottom:50px!important}
.mb70{margin-bottom:70px !important}
.mb100{margin-bottom:100px}
.mb250{margin-bottom:250px}
.mx50{margin-left:50px;margin-right:50px}
.my50{margin-top:50px;margin-bottom:50px}
.mx100{margin-left:100px;margin-right:100px}
.my100{margin-top:100px;margin-bottom:100px}
.pt50{padding-top:50px}
.pt20{padding-top:20px}
.pt30{padding-top:30px}
.pt100{padding-top:100px}
.pt150{padding-top:150px}
.pl0{padding-left:0!important}
.pl15{padding-left:15px}
.pb5{padding-bottom:5px}
.pb20{padding-bottom:20px}
.pb50{padding-bottom:50px}
.pb100{padding-bottom:100px}
.pb150{padding-bottom:150px}
.p0{padding:0!important}
.p5{padding:5px}
.p20{padding:20px}
.p50{padding:50px}
.px15{padding-left:15px;padding-right:15px}
.px50{padding-left:50px;padding-right:50px}
.py50{padding-top:50px;padding-bottom:50px}
.px100{padding-left:100px;padding-right:100px}
.py100{padding-top:100px;padding-bottom:100px}
.py150{padding-top:150px;padding-bottom:150px}
.text-center {text-align:center;}
.text-left {text-align: left;}
.d-block {display:block;}
.nopaddingx {
padding-right: 0!important;
padding-left: 0!important;
}