/*
Theme Name:     InSyntonia
Template:       beclinic 
Version:        1.0.0
*/

/* MuseoSans */
@font-face {
  font-family: 'Museo';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/MuseoSans_300.woff') format('woff2');
}
@font-face {
  font-family: 'Museo';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/MuseoSans_500.woff') format('woff2');
}
@font-face {
  font-family: 'Museo';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/MuseoSans_700.woff') format('woff2');
}

.icon {
	width: 36px !important;
	height: 36px !important;
}

/* Tooltip */
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Museo", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  filter: alpha(opacity=0);
  opacity: 0;

  line-break: auto;
}
.tooltip.in {
  filter: alpha(opacity=90);
  opacity: .9;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #82623A;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}

#blocco_informazioni .checambi {
	padding: 15px 0 30px 60px;
	text-align: left !important;
	color: #3a2216 !important;
}
	#blocco_informazioni .checambi p {
		margin: 0 !important;
	}
	#blocco_informazioni .checambi a {
		text-align: left !important;
		margin-bottom: 0 !important;
		width: 120px !important;
		margin: 0 auto !important;
		font-size: 20px  !important;
		color: #3a2216 !important;
		line-height: 30px !important;
	}
		.checambi a .numero {
			width: 45px !important;
			padding-bottom: 15px !important;
			font-size: 55px  !important;
			clear: inline-both  !important;
			color: #3a2216 !important;
			display: block  !important;
			border-bottom: 1px solid #3a2216 !important;
			font-weight: 700 !important;
			font-weight: bold !important;
			margin-bottom: 0 !important;
		}
		
.navigatore_sezioni_container {
	background: #8AA9BD !important;
}
.navigatore_sezioni_container {
	margin-top: -30px;
	padding: 0 0 30px 0;
}
	.navigatore_sezioni_container .elementor-button-link {
		width: 300px !important; 
		background: #fff!important;
		color: #8AA9BD !important;
	}

.elemento {
	box-shadow: 1px 1px 3px rgba(0,0,0,0.5);
	margin-bottom: 35px;
	background: #ece8dc;
}
	.elemento:after {
		content: '';
		clear: both;
		display: block;
	}
	.elemento .box {
		text-align: center;
		width: 30%;
		float: left;
		background: #91a7bc;
	}
		.sorriso_rounded, .cerchietto {
			margin: 0 auto;
			overflow: hidden;
			width: 150px;
			height: 150px;
			border: 4px solid #d9e7f0;
			border-radius: 50%;
		}
			.cerchietto {
				color: #d9e7f0;
				line-height: 150px;
				text-align: center;
				font-size: 120px;
			}
			.sorriso_rounded img {
				width: 100%;
				height: 100%;
			}
	.elemento .testo {
		width: 70%;
		float: left;
	}
	
	#loginarea {
		background: #dddedf;
		padding: 15px;
		text-align: center;
	}
		@media (min-width: 768px){
			.page-id-24 .wp-video, #mep_0 {
				width: 1180px !important;
				height: 800px !important;
			}
			.elemento .testo .inner, .elemento .testo .inner-large {
				padding: 30px 0;
				width: 60%;
				margin: 0 auto;
				text-align: justify;
			}
			.elemento .testo .inner-large {
				width: 90%;
				padding: 0 30px;
				margin: 0 auto;
			}
		}
		
		
		@media (min-width: 992px){
			#site-navigation ul li.evidenza-btn a:before {
				display: none !important;
			}
			.main-navigation:not(.vertical-menu) .menu > li > a:before {
				bottom: 0;
			}
			
			
		}

		
		.elemento .testo h2 {
			color: #675549;
			margin-bottom: 15px;
			font-size: 24px;
		}
			.elemento .testo p {
				color: #675549;
				font-size: 17px;
				line-height: 22px;
			}
			.mese {
				width: 9%;
				font-size: 11px;
				text-align: center;
				display: inline-block;
				height: 50px;
				margin-right: 2px;
			}
			.inner-large { 
				padding: 0 60px; 
			}
			
	.elemento .inner {
		padding: 30px 60px; 
	}
	
	

.wp-social-login-widget {
	display: none !important;
}
@import url('https://fonts.googleapis.com/css?family=Herr+Von+Muellerhoff');

.social-list {
	margin-right: 195px;
}
	.site-header .social-list .social-list__items a:before {
		font-size: 13px !important;
	}
	.site-header .social-list .social-list__items a {
		color: #82623a;
		transition: all .3s;
		margin-right: 10px;
		opacity: .5;
	}
		.site-header .social-list .social-list__items a:hover {
			margin-right: 10px;
			opacity: .8;
		}
		.top-panel a, .search-form__toggle, .site-header-cart .cart-contents i,
		.top-panel a:hover, .search-form__toggle:hover, .site-header-cart .cart-contents:hover i {
			color: #82623a !important; 
		}

.related, #related, .woocommerce-tabs, .product_meta {
	display: none !important;
}		
#dottormarotta {
	
}
	#dottormarotta .elementor-column-wrap.elementor-element-populated {
		background-repeat: no-repeat;
		background-position: 50%;
	}
	@media(min-width: 1400px){
		#dottormarotta .elementor-column-wrap.elementor-element-populated {
			background-position: 100%;
		}
	}

#masthead, .header-container, .top-panel  {
	background: #ede8db !important;
}
.top-panel {
	border-bottom: 0 !important;
}
.elementor-col-25 { 
	border-right: 1px solid rgba(237,232,219,1) !important;
}
	.elementor-container .elementor-col-25:last-child { 
		border-right: 0 !important;
	}
	
.elementor-element-43ae5f9 p {
	font-size: 50px !important;
	letter-spacing: 1px;
	margin-left: -15px;
	font-family: 'Herr Von Muellerhoff', cursive !important;
}
#insyntonia_mobile, #insyntonia_mobile_menu {
	text-align: center;
	z-index: 999;
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	height: 70px;
	padding: 5px 0;
	background: #EDE8DB;
}
#insyntonia_mobile_menu {
	height: 100%;
	background: #EDE8DB;
	display: none;
}
	#insyntonia_mobile_menu img {
		height: 60px;
	}
		#insyntonia_mobile_menu .menu {
			margin-top: 30px;
		}
		#insyntonia_mobile_menu .menu li a {
			font-size: 18px !important;
			padding: 15px 0;
			color: #82623A;
		}
		
	.trigger {
		position: absolute;
		font-size: 30px !important;
		font-weight: bold;
		top: 10px; 
		left: 15px;
	}

#wpadminbar {
	display: none !important;
}
	#insyntonia_mobile img {
		height: 60px;
	}


html, body {
	background: #E8E2D2;
	font-family: "Museo", sans-serif !important;
	font-weight: 300;
}
	h1, h2, h3, h4, h5, h6, p, div, span {
		font-family: "Museo", sans-serif !important;
	}
	#blocco_informazioni .elementor-column-wrap {
		padding-right: 0 !important;
		padding-left: 0 !important;
		padding-bottom: 0 !important; 
	}
		#blocco_informazioni a {
			color: #fff !important;
		}
			#blocco_informazioni h2 {
				font-size: 23px;
				line-height: 24px;
				display: block;
				padding-right: 60px;
				padding-left: 60px;
				padding-bottom: 60px;
			}
			
	#blocco_informazioni_interno {
		margin-bottom: 30px;
		box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
	}
	#blocco_informazioni_interno .elementor-column-wrap {
		color: #fff;
		padding-right: 0 !important;
		padding-left: 0 !important;
		padding-bottom: 0 !important; 
	}
		#blocco_informazioni_interno a {
			color: #fff !important;
		}
			#blocco_informazioni_interno h2, #blocco_informazioni_interno h1 { 
				font-size: 30px;
				color: #fff;
			}
			
			
	#slide-1-layer-6, #slide-1-layer-11, 
	#slide-9-layer-6, #slide-9-layer-7,  
	#slide-8-layer-6, #slide-8-layer-7 {
		font-weight: 300;
		font-family: "Museo", sans-serif !important;
	}
	.footer-area-wrap, .footer-social-wrap, .footer-container.invert {
		background: #E8E2D2 !important;
		color: rgba(0,0,0,.8) !important;
	}
		.footer-area-wrap a, .footer-social-wrap a {
			color: rgba(0,0,0,.8) !important;
		}
		.footer-area-wrap .widget-title {
			color: rgba(0,0,0,.9) !important;
		}
			.footer-area .widget-title:after {
					background: rgba(0,0,0,.5);
			}
			
		.nascondi_su_mobile {
			display: none;
		}
		.nascondi_su_desktop { 
			display: block;
		}
	
	@media(min-width: 640px){
		.nascondi_su_mobile {
			display: block;
		}
		.nascondi_su_desktop {
			text-align: center;
			display: none; 
		}
		
		.forcefullwidth_wrapper_tp_banner {
			padding-top: 120px;
		}
		#blocco_informazioni .elementor-widget {
			max-height: 370px ;
			overflow: hidden !important;
		}
		#contenitore_informazioni {
			margin-top: -110px;
			box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
		}
			#contenitore_informazioni h2 {
				transition: all .3s;
			}
			#contenitore_informazioni h2:hover {
				padding-left: 80px;
			}
	}
	.sorrisi {
		background: #F7FAFB url("http://www.insyntonia.com/wp-content/uploads/2018/06/fascia_homepage.jpg") no-repeat;
		background-size: cover;
		padding: 200px 0;
	}
	.top-panel__container__items {
		text-align: right !important; 
		float: right !important;
	}
	.site-logo  {
		margin-top: -50px;
		margin-left: 15px;
	}
		.site-logo img {
			width: 70px;
		}
	@media(min-width: 992px){
		.top-panel__container > *:first-child {
			margin-left: auto !important;
			margin-right: 0 !important;
		}
		.top-panel__container__items, .top-panel__container__items a {
			font-size: 10px !important;
		}
	}
	#main-menu li a:hover {
		color: rgba(130,58,98, .5) !important;
	}
	.header-btn {
		border: 0 !important;
		background: #EDE8DB !important;
		margin-top: 5px !important; 
	}
		
		.header-btn {
			background: #fff !important;
		} 
			.header-btn:hover {
				color: rgba(130,58,98, .5) !important;
				background: #fff !important;
			} 
		
	@media(min-width: 640px){
		.modulo_html {
			background: #fff;
			padding: 30px;
			box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
			width: 70%;
			margin: 30px auto;
		}
	}
	.price p {
		font-size: 17px;
		line-height: 24px;
	}
	.sorrisi_senzasfodno {
		background: #F7FAFB;
		padding: 60px 0;
	}
	.numerogrande {
		display: block;
		font-weight: 700;
		width: 90px;
		height: 90px;
		line-height: 70px;
		margin: 0 auto;
		color: #3A2216;
		border: 1px solid #3A2216 !important;
		font-size: 45px;
		border-radius: 50%;
	}
	
.wpuf-el.sorriso_perfetto .wpuf-label, .wpuf-el.sorriso_occasione_speciale .wpuf-label,
.wpuf-el.sorriso_perfetto_significato .wpuf-label,
.wpuf-el.sorriso_perfetto_significato .wpuf-label, 
.wpuf-el.anni, ._8294391990 .wpuf-label,
.wpuf-el.anni .wpuf-label {
	display: none !important;
}

strong {
	font-weight: 500;
}
#page-preloader-cover, .page-preloader-cover {
	display: none !important;
}

#site-navigation {
	margin: 0;
}
	#site-navigation ul {
		margin: 0;
	}

	#site-navigation ul li {
		padding: 0;
		margin: 0 10px;
	}

		#site-navigation ul li a {
			font-size: 15px;
			margin: 0 ;
			padding: 15px 10px;
			color: #82623a;
		}
			#site-navigation ul li.evidenza-btn a {
				padding: 15px 20px;
				background: #fff;
				border-radius: 5px;
				text-transform: uppercase;
				font-weight: 700;
			}

#header-container {
	background: rgba(0,0,0,.5) !important;
}
.elementor-element-6812 {
	display: none !important;
}
a.area_riservata {
	float: right;
	line-height: 40px !important;
	padding: 4px 18px !important;
}

div#assistenza {
    width: 100%;
}
footer#colophon {
    width: 100%;
}
.col-lg-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20% !important;
    flex: 0 0 20% !important;
    max-width: 20% !important;
}