/*
Theme Name: LDL Home Pilates & More
Author: LASERBEAM
Author URI: http://www.laserbeam.it/
Description: Another ordinary Laserbeam Theme 2021
Version: 1.0
License: GNU General Public License v2 or later
*/

/* 
	Grigio Chiaro:#efeded
	Grigio scuro:#2C2928
	Viola:#9B5972
*/

@import url('https://fonts.googleapis.com/css2?family=Cutive+Mono&family=Mulish:wght@300;900&display=swap');

body {
	font-family: 'Cutive Mono', monospace;
	margin-top:50px;
	transition:ease-out 0.5s;
	background-color:#efeded;
}

body.has-changed{
	background-color:#2C2928;
	color:#efeded;
}

sub, sup {
    font-size: 25%;
    line-height: 0;
    position: relative;
    vertical-align: top;
    margin-bottom:-10%;
}

ul{
	padding-left:15px;
}

.white-back{
	background-color:#fff;
	color:#2C2928;
}

.grey-back-dark{
	background-color:#2C2928;
	color:#efeded;
}

.purple-back{
	background-color:#9B5972;
}

.gradient-back{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f7c1ff+0,7abcff+100 */
background: rgb(247,193,255); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(247,193,255,1) 0%, rgba(122,188,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(247,193,255,1) 0%,rgba(122,188,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(247,193,255,1) 0%,rgba(122,188,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7c1ff', endColorstr='#7abcff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.container-fluid{
	padding-left:30px;
	padding-right:30px;
}

.border-box{
	position:relative;
	display:inline-block;
	border:3px solid #2C2928;
	z-index:1;
}

.border-box:after{
	content:'';
	position:absolute;
	display:inline-block;
	width:100%;
	height:100%;
	left:-23px;
	top:-23px;
	background-color:transparent;
	border:3px solid #2C2928;
	z-index:-1;
}

.border-box-white{
	border:3px solid #efeded;
}

.border-box-white:after{
	content:'';
	position:absolute;
	display:inline-block;
	width:100%;
	height:100%;
	left:-23px;
	top:-23px;
	background-color:transparent;
	border:3px solid #efeded;
	z-index:-1;
}

.border-top{
	border-top:3px solid #2C2928;
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	
	.container-fluid{
		padding-left:15px;
		padding-right:15px;
	}
	
	.border-box-white:after, .border-box:after{
		left:-13px;
		top:-13px;
	}
	
}

/* TYPO */

h1,h2,h3,h4,h5,h6 {
	font-family: 'Mulish', sans-serif;
	margin:0;
	padding:0;
	margin-bottom:10px;
}

h1, .h1{
	font-family: 'Mulish', sans-serif;
	font-weight:900;
	font-size:8vw;
}

.h2, .h3, .h4, .h5{
	font-family: 'Mulish', sans-serif;
}

.white-text{
	color:#efeded;
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	
	h1, .h1{
		font-family: 'Mulish', sans-serif;
		font-weight:900;
		font-size:50px;
	}
	
	h2, .h2{
		font-family: 'Mulish', sans-serif;
		font-weight:900;
		font-size:35px;
	}
	
}

/* HEADER */

#nav-icon{
/*
	width:30px;
	height:30px;
*/
	width:50px;
	height:50px;
	display:inline-block;
	background-color:#9B5972;
	color:#2C2928;
	border-radius:50%;
	font-size:18px;
	line-height:30px;
	text-align:center;
	vertical-align:middle;
	border:3px solid #2C2928;
	position:relative;
	transition:all ease 0.25s;
}

#nav-icon.open{
	transform:rotate(180deg);
}

#nav-icon i{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}

.social-menu{
	float:right;
	font-weight:700;
	padding:8px 10px 10px 10px;
}

.social-menu a{
/* 	width:30px; */
/* 	height:30px; */
	width:50px;
	height:50px;
	display:inline-block;
	background-color:#2C2928;
	color:#efeded;
	border-radius:50%;
	font-size:18px;
	line-height:30px;
	text-align:center;
	vertical-align:middle;
	border:3px solid #9B5972;
	position:relative;
	transition:all ease 0.15s;
}

.social-menu a:hover{
	transform:rotate(20deg);
}

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

.mini-menu{
	float:right;
	font-weight:700;
	padding:20px 10px 10px 10px;
	text-transform:uppercase;
	font-family: 'Mulish', sans-serif;
	font-weight:400;
}

.mini-menu a{
	color:#9B5972;
	transition: all ease 0.25s;
}

.mini-menu a:hover{
	color:#2C2928;
}

header{
/* 	background-color:#efeded; */
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:999;
}

.navbar{
	margin-bottom:0;
	background-color:#efeded;
	border-bottom:3px solid transparent;
}

.navbar-default{
	border:none;
}

.navbar-collapse{
	box-shadow:none;
}

.navbar-default .navbar-collapse{
	min-height:100vh;
	border-color:transparent;
	transition:all ease 0.25s;
}

.navbar-default .navbar-collapse .menu-item{
	font-weight:900;
	font-family: 'Mulish', sans-serif;
/* 	font-size:6vw; */
	font-size:70px;
	line-height:72px;
	transition:all ease 0.25s;
}

.has-changed .navbar-default .navbar-collapse .menu-item a{
	color:#efeded;
}

.navbar-default .navbar-collapse .menu-item:hover a{
	color:#9B5972;
}

.has-changed .navbar{
	background-color:#2C2928;
	border-bottom:3px solid #efeded !important;
}

.scrolled .navbar{
	border-bottom:3px solid #2C2928;
}

.logo{
	z-index:9999;
	position:relative;
}

.logo img{
	position:fixed;
	top:10px;
	left:45px;
	max-height:120px;
	width:auto;
	transition:all ease 0.15s;
}

.scrolled .logo img{
/* 	transform:scale(0.7); */
/* 	top:-10px; */
}

.scrolled .logo:before{
	content:'';
	position:absolute;
	top:-4px;
	left:20px;
	display:inline-block;
	width:96px;
	height:140px;
	background-color:transparent;
	border:3px solid transparent;
	transition:ease-out 0.5s;
}

.has-changed .logo:before{
	border:3px solid #efeded !important;
}

.scrolled .logo:before{
	background-color:#9B5972;
	border:3px solid #2C2928;
}

@media (max-width: 767px) {
	
	.logo img{
		left:22.5px;
	}
	
	.scrolled .logo:before{
		left:15px;
	}
	
	.navbar-default .navbar-collapse .menu-item {
	    font-size: 30px;
	    line-height: 32px;
	    padding-bottom:20px;
	}
	
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	
	.navbar-default .navbar-collapse .menu-item{
		line-height:80px;
		padding-bottom:20px;
	}
	
}

/* FOOTER */

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	
	.footer-logo img{
		height:120px;
		width:auto;
		margin-bottom:30px;
	}
	
}

/* FORM CONTATTO */

.form-control{
	box-shadow:none;
	border:3px solid #2C2928;
	background-color:#efeded;
	border-radius:0;
}

.has-changed .form-control{
	background-color:#2C2928;
	border:3px solid #efeded;
}

/* IMAGES */

.img-rounded{
	border-radius:200vw;
	transition:all ease 1.5s;
}

.img-gray{
	filter:grayscale(1);
}

.has-changed .img-rounded{
	border-radius:0;
	transition:all ease 0.5s;
}

/* BUTTONS */

.btn{
	border-radius:0;
	border:3px solid #2C2928;
}

.has-changed .btn{
	border:3px solid #efeded;
}

.btn-primary{
	background-color:#9B5972;
}

/* CONTENT*/

.video-container video{
	width:100%;
}

#intro.purple-back .slide{
	border:3px solid #2C2928;
}

#intro.purple-back .slide:after{
	content:'';
	position:absolute;
	display:inline-block;
	width:100%;
	height:100%;
	top:auto;
	left:auto;
	bottom:-23px;
	right:-23px;
	background-color:transparent;
/* 	border:3px solid #efeded; */
	border:3px solid #2C2928;
	z-index:-1;
}

#intro.grey-back-dark .slide{
	border:3px solid #efeded;
}

#intro.grey-back-dark .slide:after{
	content:'';
	position:absolute;
	display:inline-block;
	width:100%;
	height:100%;
	top:auto;
	left:auto;
	bottom:-23px;
	right:-23px;
	background-color:transparent;
	border:3px solid #efeded;
	z-index:-1;
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	
	#slideshow{
		overflow:hidden;
	}
	
	#intro.purple-back .slide, #intro.grey-back-dark .slide{
		border:none;
	}
	
	#intro.purple-back .slide:after, #intro.grey-back-dark .slide:after{
		content:none;
	}
	
}

.tawk-icon-right img{
	display:none !important;
}