@import url("https://antinori.it/vinattieri/fonts/Dolly_Pro_complete/DollyPro_webfontkit.css");
@import url("https://antinori.it/vinattieri/fonts/PlayfairDisplay/stylesheet.css");
@import url("https://antinori.it/vinattieri/fonts/AvenirPro/MyWebfontsKit.css");
/* @import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap'); */

:root {
  --main-font-family: 'DollyPro', serif;
  --title-font-family: 'Playfair Display', serif;
  /* --secondary-font-family: "AvenirPro65Medium", "Lato", sans-serif; */
  --secondary-font-family: "AvenirPro65Medium", sans-serif;


  --main-font-size: 13px;
  --main-font-color: #676A6B;
  --menu-font-color: #33374E;

  --bg-beige: #F3F1E4;
  --blu: #2B344A;
  --blu-chiaro: #2B344A;
  --oro: #7C6D43;
  --oro-chiaro: #AA975B;
  --grigio: #6E7680;
  --grigio-chiaro: #A0ADBA;
  --grigio-mappa: #707070;
  --grigio-intestazione: #f5f5f5;
  --grigio-risultato: #9499A4;
  --grigio-soft:#eaeaea;

}

body{
	
  font-size: var(--main-font-size);
  line-height: var(--main-line-height);
  font-family: var(--secondary-font-family);
  
}

a {color: var(--blu)}

.nav-tabs>li>a{
	font-size:var(--main-font-size);
	color:var(--blu);
	font-weight:500;
	line-height: 1;
	padding: 13px 20px;
	letter-spacing: 2px;
	}
.nav>li{
	border: 1px solid var(--grigio-mappa)
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
	border-color:var(--blu);
	color:#ffffff;
	background:transparent;
	font-weight:500;
}
.nav-tabs>li.active,  .nav-tabs>li.active:hover{
	border-color:var(--blu);
	background:var(--blu);
	
}
#finder_map_paging{
	top:54px;
	font-family: var(--secondary-font-family);
	font-size:var(--main-font-size);
}

.control-label{
	font-size:var(--main-font-size);
	color:var(--blu);
	font-weight:500;
}
.finder_form_right select, .finder_form_right input{
	font-size:var(--main-font-size);
	color:var(--blu);
	font-weight:500;    
	padding: 15px 10px;
    line-height: var(--main-font-size);
    height: auto;
}

#submitBtn{
	color:#fff;
	background: var(--oro);
	padding: 15px 25px;
	font-size:10px;
	line-height:10px;
	border-color: var(--oro);
	text-transform:uppercase;
	letter-spacing:1px;
}

#finder_form .panel-footer{
	font-size:var(--main-font-size);
	

}
#results_container .panel-footer{
	font-size:var(--main-font-size);
	background:#fff;
	padding:15px 55px;

}

.pagination>li>a, .pagination>li>span{
	color: var(--blu)
}

.nav>li>a:hover, .nav>li>a:focus{
	margin: 0; 
	background: var(--bg-beige);
}

.panel-primary>.panel-heading {
    color: var(--blu);
    background-color: var(--grigio-intestazione);
    border-color: var(--grigio-intestazione);
	
}
.finder_location .panel-title{
	
	font-size:24px;
	font-family: var(--title-font-family);
}

.panel-primary{
	border-color: var(--grigio-soft);
}

.finder_num {
    margin-right: 5px;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    display: inline-block;
    vertical-align: top;
	color:#ffffff;
	background-color: var(--oro);
	  font-size: var(--main-font-size);
  line-height: 24px;
  font-family: var(--secondary-font-family);
}

.finder_phone *{
	color: var(--blu);
}

.finder_address_container .finder_miles{
	background: transparent;
	font-weight:900;
	color:var(--oro);
	font-size:var(--main-font-size);
}

.finder_address_container a{
	color:var(--oro);
}
.finder_address_container{
	margin-bottom: 13px;
}
.finder_brands{
	color:#9499A4;
}

#results_container #finder_list_paging.panel-footer{
	padding:0;
}
/* width */
::-webkit-scrollbar {
  width: 16px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #FAFAFA;
  border-left: 1px solid var(--grigio-soft);
  border-right: 1px solid var(--grigio-soft);
  
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #C1C1C1;
  border-radius:10px;
  border: 4px solid transparent;
  background-clip: content-box;
}

/* Handle on hover */
/* ::-webkit-scrollbar-thumb:hover { */
  /* background: #C0C0C0; */
/* } */
.finder_phone{opacity:1;}
@media screen and (max-width:768px){
	#finder_map_paging{
		top: 130px;
        left: 21px;
		}
	.nav>li{
		float:none;
		}
	#tab-list{
		padding: 1.2em 0;
	}
	#results_container .panel-footer {
		padding: 15px;
	}
	.finder_phone{
		display:block;
	}
	.finder_dba_text{
		display:block;
		margin-top:13px;
		margin-bottom:13px;
	}
	
}

/*Debora - il map_canvas ha un altezza fissa e se ne frega dell'altezza dell'iframe. ho dovuto forzare tutto al 100% per rispettare l'altezza dell'iframe*/
#map_canvas {
    height: 100%;
    width: 100%;
}
html, body, #finder_content, #finder_form, #tab-map, #finder_results_body, #finder_results_map{
	height: 100%;
}
#tab-list{
	max-height: 100%;
}