/*!
Theme Name: opusmortis
Theme URI: http://underscores.me/
Author: Opus Mortis
Author URI: https://www.opusmortis.com
Description: Opus Mortis Boardgame
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: opusmortis
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/


a {cursor:pointer!important;}

h1 span {
    font-size:1.5rem;
    line-height:4rem;
}
h2 span {
  font-size: 1.5rem;
  line-height: 4rem;
}

body {margin:0!important;}
/* Navigation */

.burger-menu {
    display:flex!important;
    flex-direction:row!important;
    justify-content:flex-end!important;
}
    .menu-btn {
        width: 60px;
        height: 60px;
        transition-duration: 500ms all ease-in-out;
        position:relative;
    }
.menu-btn * {
	transition: 500ms all ease-in-out;
	background-color: #FFF;
	position: absolute;
	height: 2px;
}
.menu-btn:hover {cursor:pointer;}
.menu-btn .icon-left {
	width: 15px;
	top: 30px;
	left:15px;
}
.menu-btn .icon-right {
	width: 15px;
	top: 30px;
	left: 30px;
}
.menu-btn .icon-left::before, .menu-btn .icon-left::after, .menu-btn .icon-right::before, .menu-btn .icon-right::after {
	transition: 500ms all ease-in-out;
	position: absolute;
	width:15px;
	content:"";
	background-color: #FFF;
	height: 2px;
}
.menu-btn .icon-left::before {top: -10px;}
.menu-btn .icon-left::after {top: 10px;}

.menu-btn .icon-right::before {top: -10px;}
.menu-btn .icon-right::after {top: 10px;}
.menu-btn.open .icon-left, .menu-btn.open .icon-right {background: transparent;}
.menu-btn.open .icon-left::after {transform: rotateZ(-45deg) scaleX(1.4) translate(2px, -2px);}
.menu-btn.open .icon-left::before {transform: rotateZ(45deg) scaleX(1.4) translate(2px, 2px)}
.menu-btn.open .icon-right::after {transform: rotateZ(45deg) scaleX(1.4) translate(-2px, -2px);}
.menu-btn.open .icon-right::before {transform: rotateZ(-45deg) scaleX(1.4) translate(-2px, 2px);}

@media only screen and (max-width:1024px) {
	header > div {overflow:initial!important;}
	.navigation {
		z-index: 0 !important;
		background: #000;
		padding: 0 12px 24px;
		position:absolute!important;
		top:-50vh!important;
		transition:750ms all ease-in-out!important;
	}
	.navigation.open {
		top:82px!important;
		transition:750ms all ease-in-out!important;
	}
    .navigation .home-item {display:none!important;}
    
    .navigation ul {
        flex-direction:column;
        align-content:start;
    }
    .navigation ul li {
        padding:16px!important;
        width:100%;
    }
    .navigation ul li a {
        margin:0!important;
    }
}
@media only screen and (min-width:1025px) {
	.logo-mobile, .burger-menu {display:none!important;}
}
.home-item {background: url("../../uploads/opus-mortis-logo-lettering-dark.svg") no-repeat center center;}
.home-item a {
	font-size: 0 !important;
	line-height: 0 !important;
	padding: 48px 128px !important;
	margin: 0 !important;
}
.home-item a::after {display: none;}