/*------------------------------------------------------------------------------
Blocks
--------------------------------------------------------------------------------*/
/*Change defaults-*/
.disme_blocks-3{grid-template-columns: repeat(3, 1fr)}
.disme_blocks-4{grid-template-columns: repeat(2, 1fr)}
.disme_blocks-5{grid-template-columns: repeat(2, 1fr)}
.disme_blocks-6{grid-template-columns: repeat(3, 1fr)}


/*tablet*/
.disme_blocks-tablet-1{grid-template-columns: 1fr}
.disme_blocks-tablet-2{grid-template-columns: 1fr 1fr}
.disme_blocks-tablet-3{grid-template-columns: repeat(3, 1fr)}
.disme_blocks-tablet-4{grid-template-columns: repeat(4, 1fr)}
.disme_blocks-tablet-5{grid-template-columns: repeat(5, 1fr)}
.disme_blocks-tablet-6{grid-template-columns: repeat(6, 1fr)}



/*------------------------------------------------------------------------------
header
--------------------------------------------------------------------------------*/
body.openmenu{
  overflow: hidden;
}
body *{
  cursor: default;
  line-break: auto;
  -webkit-line-break: auto;
  -moz-line-break: auto;
  -o-line-break: auto;
}

.admin-bar #header{
  top:46px;
}
#header>div>.desktop_menu,
#header>div>.actions{
  display: none;
}
#header>div{
  grid-template-columns: auto 1fr auto;
}


#header>div>.mobile_actions{
  display: block;
}
#header .nav-menu-icon{
  width: 48px;
  height: 48px;
  display: grid;
  grid-template-rows: 2px 2px 2px;
  align-items: center;
  justify-content: center;
  align-content: center;
  grid-gap: 6px;
  transition: 0.3s ease all
}
#header .nav-menu-icon>div{
  width: 32px;
  height: 2px;
  background-color: currentcolor;
  transition: 0.3s ease all
}
#header .menu_mobile{
  display: block;
  position: absolute;
  top:100%;
  width: 100%;
  left:  -100%;
  height: calc(100vh - 80px);
  overflow-y: scroll;
  background-color: #fff;
  padding: 16px;
  border-top: 1px solid #ddd;
  border-top: 1px solid #ddd;
  transition: 0.3s ease all;
}
#header .menu_mobile .top-menu{
  margin-bottom: var(--def-gap);
}
.openmenu #header .menu_mobile{
  left:  0;
}
.openmenu #header .nav-menu-icon{
  transform-origin: center;
  transform: rotate(45deg);
}
.openmenu #header .nav-menu-icon>div:first-of-type{
  transform-origin: center;
  transform: translateY(8px) rotate(90deg);
}
.openmenu #header .nav-menu-icon>div:last-of-type{
  transform-origin: center;
  transform: translateY(-8px);
}