html{
font-family: "Inter", "Avenir", "Plus Jakarta Sans", sans-serif;
}

body{
    overflow-x: hidden;
}

@media(max-width:800px){
    .desktop{
        display: none;
    }
}

@media(min-width: 996px){
    .mobile{
        display: none;
    }
}

#menu-item-16{
	position:relative;
}

#menu-item-16:hover .sub-menu{
	display:block;
}
.sub-menu{
	position:absolute;
/* 	width:100%; */
	background-color:#972225;
/* 	padding:10px 10px; */
	display:none;
}

#menu-item-16 .sub-menu li{
	padding:0.3rem 0.6rem;
	white-space: nowrap;
	display:block;
	transition:.2s ease-in-out;
}

.sub-menu li:hover{
	background-color:#590000;
}

#menu-item-16 .sub-menu li a{
	color:#F9F2E8;
	font-size:1rem;
}

.page-button img{
    transition:.2s ease-in-out;
}

.page-button:hover img{
    transform:rotate(45deg);
}

.menu-nav li a{
    transition:.2s ease-in-out;
}

.menu-nav li a:hover{
    color:#972225;
}

.footer-menu li{
    margin-bottom:0.5rem;
}

footer-menu li a{
    transition:.2s ease-in-out;
}

.footer-menu li a:hover{
    color:#590000;
}

.page .excerpt p{
    color:#808080;
    font-weight:400;
}

.layer-expand{
    max-height: 50px;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.single p{
    color:#525252;
    line-height:1.7rem;
    font-family:'Avenir';
    font-weight:300;
}

.single-post ul li{
    color:#525252;
    line-height:1.7rem;
    font-family:'Avenir';
    font-weight:300;
}

.single-post strong{
    font-weight:800;
    color:#000;
}

.single-post p{
    color:#525252;
    line-height:2rem;
    font-family:'Avenir';
    font-weight:300;
    margin:1rem 0;
}

.single-post h2{
    color:#525252;
    line-height:2.7rem;
    font-family:'Avenir';
    font-weight:600;
    font-size:2rem;
    margin:1rem 0;
}

.single-post blockquote{
    font-size:1.4rem;
    font-style: italic;
    font-weight:600;
    position:relative;
    margin:2rem 0 2rem 2rem;
}
.single-post blockquote::before{
    content:'';
    position:absolute;
    top:0;
    left:-2rem;
    width:4px;
    height:100%;
    background-color:#590000;
}

.single-post ul, .single ul{
    list-style-type: disc;
    margin-left:1rem;
}

.single ul li{
    color:#525252;
    line-height:1.7rem;
    font-family:'Avenir';
    font-weight:300;
}

.page-menu{
    left:-100%;
    transition:.3s ease-in-out;
}

.menu-search{
    top:-100%;
    transition:.3s ease-in-out;
}

.content{
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}