#wpadminbar{
	display: none;
}
html{
	margin: 0 !important;
}

body {
    font-family: 'Montserrat', sans-serif;
    font-size: 0.9rem;
    line-height: 1.4;
    color: #666;
}

#page {}

#masthead{
	position: fixed;
	width: 380px;
	height: 100%;
	padding: 50px 0 50px 60px;
}
#masthead .logo{
	width: 290px;
}
#masthead .logo .name{
	font-family: 'Playfair Display', serif;
	font-size: 3.8rem;
    line-height: 1;
}
#main {
	margin-left: 380px;
	padding-top: 20vh;
}
#main .content{
	max-width: 510px;
	padding: 0 30px;
	margin: 0 auto;
}
body.home #main{
	padding-top: 0;
}
body.home #main .content{
	max-width: 100%;
	padding: 0 0 0 60px;
}


#menu li{
	width: 100%;
	text-transform: lowercase;
	padding-bottom: 8px;
}
#menu li.current-menu-item a,
body.category li.category a{
	font-weight: 700;
	color: #000;
	position: relative;
}
#menu li.current-menu-item a:before,
body.category li.category a:before{
    position: absolute;
    content: "";
    width: 60px;
    height: 1px;
    background: #000;
    right: 100%;
    top: 50%;
    margin-right: 10px;
}

#btnmenu{
	width: 30px;
	height: 24px;
	position: relative;
	top: 3px;
	cursor: pointer;
	margin-left: 30px;
}
#btnmenu:hover{
	opacity: 0.6;
}
#btnmenu *{
	-webkit-transition: all 0.2s cubic-bezier(0.615, 0.19, 0.305, 0.91) 0s;
	-moz-transition: all 0.2s cubic-bezier(0.615, 0.19, 0.305, 0.91) 0s;
	-ms-transition: all 0.2s cubic-bezier(0.615, 0.19, 0.305, 0.91) 0s;
	-o-transition: all 0.2s cubic-bezier(0.615, 0.19, 0.305, 0.91) 0s;
	transition: all 0.2s cubic-bezier(0.615, 0.19, 0.305, 0.91) 0s;
}
#btnmenu .line{
	position: absolute;
	left: 0;
	width: 30px;
	height: 4px;
	background-color: #343a40;
}
#btnmenu .line.up{
	top: 0;
}
#btnmenu .line.md{
	top: 50%;
	margin-top: -2px;
}
#btnmenu .line.dw{
	bottom: 0;
}
#btnmenu.open .line.up{
	opacity: 0;
}
#btnmenu.open .line.md.a{
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transition: rotate(45deg);
	-ms-transition: rotate(45deg);
	-o-transition: rotate(45deg);
}
#btnmenu.open .line.md.b{
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transition: rotate(-45deg);
	-ms-transition: rotate(-45deg);
	-o-transition: rotate(-45deg);
}
#btnmenu.open .line.dw{
	opacity: 0;
}

/* SECTIONS */

#home-gallery{
	height: 100vh;
	width: 100%;
}


/* STILE */
.font-b{
	font-family: 'Amatic SC', cursive;
}
.text-black{
	color: #000;
}
.letter-spacing-big{
	letter-spacing: 2px;
}
.lineh-1{
	line-height: 1;
}
.lineh-small{
	line-height: 0.8;
}
.small-90{
	font-size: 0.9rem;
}
dl, ol, ul {
    padding-left: 0;
}
.background{
	background-position: center center;
	background-size: cover;
}
a{
	color: #666;
}
a:hover{
	color: #000;
	text-decoration: none;
}
.cta:after{
	content: "";
	background-image: url("../img/right-arrow.svg");
	background-position: right center;
    background-repeat: no-repeat;
    padding-right: 60px;
    opacity: 0.3;
}
.transitions{
	-webkit-transition: all 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-moz-transition: all 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	-o-transition: all 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	transition: all 300ms cubic-bezier(0.165, 0.840, 0.440, 1.000); /* easeOutQuart */
}
.transitions-easeInQuart{
	-webkit-transition: all 500ms cubic-bezier(0.895, 0.030, 0.685, 0.220); 
	-moz-transition: all 500ms cubic-bezier(0.895, 0.030, 0.685, 0.220); 
	-o-transition: all 500ms cubic-bezier(0.895, 0.030, 0.685, 0.220); 
	transition: all 500ms cubic-bezier(0.895, 0.030, 0.685, 0.220); /* easeInQuart */
}
.animate{
	-webkit-transition: all 500ms cubic-bezier(0.895, 0.030, 0.685, 0.220); 
	-moz-transition: all 500ms cubic-bezier(0.895, 0.030, 0.685, 0.220); 
	-o-transition: all 500ms cubic-bezier(0.895, 0.030, 0.685, 0.220); 
	transition: all 500ms cubic-bezier(0.895, 0.030, 0.685, 0.220); /* easeInQuart */
}
.animate.opacity.off{
	opacity: 0;
}
.animate.scale.off{
	opacity: 0;
	transform: scale(0.6);
	-webkit-transform: scale(0.6);
	-moz-transition: scale(0.6);
	-ms-transition: scale(0.6);
	-o-transition: scale(0.6);
}
.animate.movedx.off{
	opacity: 0;
	right: -100px;
}
.animate.movedx.on{
	right: 0;
}
.animate.movesx.off{
	opacity: 0;
	left: -100px;
}
.animate.movesx.on{
	left: 0;
}
.t-0{
	top: 0;
}
.b-0{
	bottom: 0;
}
.l-0{
	left: 0;
}
.r-0{
	right: 0;
}
.vh100{
	height: 100vh!important;
}
.cursor{
	cursor: pointer;
}