/*
Theme Name: MagicheGrazie
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: the WordPress team
Author URI: https://wordpress.org/
*/

@font-face {
	font-family: "Palatino";
	src: url("assets/fonts/Palatino-Roman-01.ttf");
}

@font-face {
	font-family: "Geneva";
	src: url("assets/fonts/Geneva-01.ttf");
}

@font-face {
	font-family: "Bodoni";
	src: url("assets/fonts/BodoniSvtyTwoOSITCTT-Book-01.ttf");
}

footer {
	font-size: 13px;
	color: #ffffff;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 10px 0px;
}

.footer-experience {
	background-color: white;
	/*transform: translateY(-25px);*/
}

.contact-footer
{
	font-size: 13px;
	color: #ffffff;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 10px;
}

a:hover
{
	text-decoration: none;
}

.bg-nav-top
{
	background-repeat: no-repeat;
	/*min-height:160px;*/
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 50px;
	padding-right: 50px;

}
.bg-nav-top a.nav-link {
	padding-top: 0px;
}

.exp-icon-bag
{
	height:90px;
}

.p-0
{
	padding: 0px;
}

.exp-icon-museum
{
	height:100px;
}

.exp-icon-food
{
	height:120px;
}

.exp-icon-hotair
{
	height:100px;
}

.exp-icon-boat
{
	height:70px;
}

.exp-icon-kitchen
{
	height:90px;
}

.exp-icon-vespa
{
	height:120px;
}

.exp-icon-bikes
{
	height:100px;
}

.lng-icon-dx
{
	margin:10px 10px;
	width:36px;
}

.lng-icon-sx
{
	margin:10px 10px;
	width:36px;
}

/* MENU */

ul#menu-mobile-menu,
ul#menu-mobile-menu * {
	list-style-type: none;
}
ul#menu-mobile-menu {
	padding: 0px;
}
ul#menu-mobile-menu .menu-item {
	margin: 0px;
}
ul#menu-mobile-menu .menu-item a {
	color: white;
}

.menu-item
{
	margin: 60px 0px;
}

.row-menu-sx {
	text-align: right;
}

.menu-sx {
	margin-right: 34px;
}

.menu-dx {
	margin-left: 34px;
}


.menu-sx .menu-item
{
	text-align: right;
	padding-left: 40%;
}

.row-menu-dx {
	text-align: left;
}

.menu-dx .menu-item
{
	text-align: left;
	padding-right: 40%;
}

.room-menu-item
{
	margin: 20px 0px;
}

.menu-link
{
	color:#663500;
}

.active .menu-link,
.menu-link:hover
{

	color:#444e6a;
}


.wpml-ls-legacy-dropdown {
	float: left;
    width: 100%;
    max-width: 80px !important;
    margin-bottom: 60px  !important;
	margin-left: 24px;
	margin-top: 50%;
}

.wpml-ls-legacy-dropdown a {
    border: 0px solid #cdcdcd !important;
}

.wpml-ls-statics-shortcode_actions.wpml-ls-legacy-dropdown {
    float: left;
    width: 100%;
    max-width: 80px !important;
    margin-bottom: 60px !important;
    margin-left: 0 !important;
    margin-top: 0 !important;
}

	.wpml-ls-statics-shortcode_actions.wpml-ls-legacy-dropdown a {
		background-color: transparent !important;
	}

	.wpml-ls-statics-shortcode_actions.wpml-ls-legacy-dropdown a:hover {
		background-color: transparent !important;
	}

/* END MENU */

.title-box
{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	padding: 10px 0;
	z-index: 1;
	width: 365px;
	max-height: calc(100vh - 20px);
	display: flex;
	flex-direction: column;
	background-color: rgba(122, 115, 160, 0);
}

.title-box.bgDark {
	background-color: rgba(122, 115, 160, 0.6);
}

.title-box-experience-menu {
/*	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background-color: azure;
	padding: 10px 40px ;
	background-color: rgba(122, 115, 160, 0.3);
	z-index: 1;*/
}


.title-text
{
	font-size: 3rem;
	line-height: 0.8;
	color: white;
	font-family:Palatino;
}

.contacts-text
{
	color:#444e6a;
}

.text-experience-home
{
	font-size:1.5rem;
	color:#444e6a;
	font-family: Bodoni;
}

.about-text {
	font-family: Bodoni;
	color: white;
	padding: 0px 0px;
	font-size:1.1rem;
	line-height:1.4;
	padding: 18px;
}

.about-text-box
{
	display: flex;
	flex-direction: column;
	overflow-y: scroll;
	background-color: rgba(122, 115, 160, 0.5);
}

.mb-30 {
	margin-bottom: 30px;
}

.carousel-item-100vh{
	height: 100vh;
	min-height: 350px;
	/* background: no-repeat; /* center top scroll; */
	background-repeat: no-repeat;
	background-position: center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.experience-menu
{
	border-left:4px solid #444e6add;
	border-right:4px solid #444e6add;
}

.centered {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.drop-down-trasparent
{
	background:transparent;
}

.line-down{
	outline:none;
}

.line-down-left:after {
	height: 1px;
	display: block;
	width: 50%;
	background: #444e6add;
	content: '';
}

.line-down-right:after {
	height: 1px;
	display: block;
	width: 50%;
	background: #444e6add;
	content: '';
	position:absolute;
	right: 15px;
}

.custom-toggler
{
	background-image: url("data:image/svg+xml;charset=utf8,<svg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'><path stroke='rgba(255, 255, 255, 255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/></svg>")!important ; 
}


::-webkit-scrollbar {
	height: 0px;
	width: 0px;
	background: rgba(122, 115, 125, 0.7);

}
::-webkit-scrollbar-thumb {
	background: rgba(122, 115, 125, 0.7);
	-webkit-border-radius: 1ex;
	-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75);
}

::-webkit-scrollbar-corner {
	background: rgba(122, 115, 125, 0.7);
}

.mg-left-10
{
	margin-left: 10px;
}


.fz-1
{
	font-size: 1rem;
}

.font-f-geneva
{
	font-family: Geneva;
}

.mobile-experience-menu {

}

.mobile-experience-menu .row > div {

}

.social-img { 
	width: 32px;
	height: 32px;
}

.book-white {
	fill: white;
	/*margin-right: -3px;*/
}

.cover { 
  background: url(assets/images/reservation/reservations.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.bg-reservation {
	background-image: url(assets/images/reservation/reservations.jpeg);
	height:calc(100vh - 300px);
}

.mobileContact {
	display: none;
}

/*/ Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.bg-reservation {
		height:calc(100vh - 150px);
	}
}

/*/ Medium devices (tablets, 768px and up) */
@media (max-width: 768px) { 

	.contacts-text {
		text-align: center !important;
		padding: 0px 10px;
	}

	.mobileContact {
		display: block;
		margin: 20px 0 100px 0;
		text-align:center;
	}

}

/*/ Large devices (desktops, 992px and up) */
@media (min-width: 992px) { }

/*/ Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  }