/*
Theme Name:     Hideaway
Theme URI:      https://heartenmade.com
Template:       kadence
Author:         Hearten Made // Carissa Allen
Author URI:     https://heartenmade.com
Description:    A feminine WordPress theme for travel bloggers.
Version:        1.0.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/

@font-face {
    font-family: 'La Frenchie';
    src: url('assets/fonts/LaFrenchie-Regular.woff2') format('woff2');
    font-style: normal;
    font-weight: 400;
    text-rendering: optimizeLegibility;
    font-display: swap;
}

/* General
---------------------------------------- */

a,
.kb-button,
a span,
a:not(.post-more-link),
.search-toggle-open,
a .wp-block-kadence-advancedheading {
	-webkit-transition: all .25s ease-in-out !important;
	transition: all .25s ease-in-out !important;
	text-underline-offset: .25em;
	text-decoration-thickness: 2px !important;
}

::selection {
	background: var(--global-palette6);
	color: var(--global-palette3);
}

:root {
	--global-gray-400: #cbc6c1;
	--global-gray-500: #a59f99;
}

select {
	border: 1px solid var(--global-gray-400)
}

::placeholder {
    color: var(--global-gray-400);
}

input:not(.kb-text-style-field):not(.kb-search-input),
select:not(.kb-text-style-field),
textarea:not(.kb-text-style-field) {
	border-radius: 0 !important;
}

.comment-form input:placeholder-shown+label,
.comment-form textarea:placeholder-shown+label,
.comment-form .comment-input-wrap p label,
.comment-form p.comment-form-float-label label,
.comment-form input:placeholder-shown+label,
.comment-form textarea:placeholder-shown+label,
.fs-label-wrap,
.fs-dropdown,
.fs-search,
.fs-wrap.multiple .fs-option .fs-checkbox i,
.search-form input[type="search"],
.search-form input.search-field {
	color: var(--global-palette3) !important;
  border-color: var(--global-gray-500) !important;
}

input[type="text"]:not(.kb-field):not(.kb-text-style-field):not(.kb-search-input),
input[type="email"]:not(.kb-field):not(.kb-text-style-field),
input[type="url"]:not(.kb-field):not(.kb-text-style-field),
input[type="password"]:not(.kb-field):not(.kb-text-style-field),
input[type="search"]:not(.kb-field):not(.kb-text-style-field),
input[type="number"]:not(.kb-field):not(.kb-text-style-field):not(.wc-block-components-quantity-selector__input),
input[type="tel"]:not(.kb-field):not(.kb-text-style-field),
input[type="date"]:not(.kb-field):not(.kb-text-style-field),
input[type="month"]:not(.kb-field):not(.kb-text-style-field),
input[type="week"]:not(.kb-field):not(.kb-text-style-field),
input[type="time"]:not(.kb-field):not(.kb-text-style-field),
input[type="datetime"]:not(.kb-field):not(.kb-text-style-field),
input[type="datetime-local"]:not(.kb-field):not(.kb-text-style-field),
input[type="color"]:not(.kb-field):not(.kb-text-style-field), .comment-form textarea {
    border: 1px solid var(--global-gray-500) !important;
}

a.post-thumbnail img,
.featured-category-overlay .kb-section-has-link,
.hideaway-post-title-overlay a.post-thumbnail img,
.hideaway-portfolio-item .kb-img,
.wc-block-components-product-image,
.wc-block-components-product-image:hover  {
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

a.post-thumbnail img:hover,
.featured-category-overlay .kb-section-has-link:hover,
.hideaway-post-title-overlay article:hover a.post-thumbnail img,
.hideaway-portfolio-item .kb-section-has-link:hover .kb-img,
.wc-block-components-product-image:hover {
    filter: brightness(.9);
}

/* Search Results
---------------------------------------- */

.search-archive-title h1 {
	padding-bottom: .5em;
}

.search-results .content-container .entry-content-wrap {
	margin-top: 15px;
}

/* 404
---------------------------------------- */

.error404 input.search-field {
	padding: 18px 20px;
}

.error404 header.page-header {
	margin-bottom: 10px;
}

.error404 .search-form {
	margin-top: 2.5em !important;
}

.error404 .page-content {
	text-align: center !important;
}

.error404 .search-form .kadence-search-icon-wrap {
	color: var(--global-palette3) !important;
}

/* Search Header
---------------------------------------- */

#search-drawer.popup-drawer.active .drawer-inner {
	height: 32%;
	max-height: 330px;
	box-shadow: 10px 10px 20px rgb(32 32 31 / 15%);
}

#search-drawer .drawer-inner .drawer-content form input.search-field,
#search-drawer .drawer-inner .drawer-content form input.search-field:focus {
  box-shadow: none !important;
}

#search-drawer .drawer-inner input.search-field {
	padding: .75em 0 !important;
	border: 0 !important;
	border-bottom: 1px solid var(--global-palette3) !important;
}

#search-drawer .drawer-inner .drawer-content {
	  flex-direction: column;
    display: flex;
	  align-items: center;
    justify-content: center;
    position: absolute;
	  row-gap: 1em;
    top: 0;
	  right: 0;
    bottom: 0;
    left: 0;
    padding: 1em;
}

#search-drawer .drawer-inner form {
	  width: 100%;
    max-width: 750px;
	  margin: 0 auto;
    display: flex;
}

#search-drawer .drawer-inner form::-webkit-input-placeholder, #search-drawer .drawer-inner input.search-field {
    font-family: var(--global-heading-font-family);
    font-weight: 200;
    font-size: 24px;
}

#search-drawer .search-form .kadence-search-icon-wrap {
	justify-content: right;
	font-size: 17px;
}

/* Header
---------------------------------------- */

.site-main-header-wrap>.site-header-row-container-inner,
.site-bottom-header-wrap>.site-header-row-container-inner {
	border-bottom: 1px solid transparent;
	box-shadow: 0 2px 7px rgba(205, 205, 205, .55) !important;
}

.site-container .sub-menu:not(.kb-nav-sub-menu) {
	padding: 0 12px !important;
}

@media only screen and (min-width: 768px) {
.site-container .sub-menu:not(.kb-nav-sub-menu) {
		padding: 8px !important;
	}
}

/* Entries
---------------------------------------- */

a.read-more-button:hover {
	color: var(--global-palette-btn-hover) !important;
}

.entry-footer .more-link-wrap a {
	text-decoration: none !important;
}

.entry svg.kadence-svg-icon.kadence-arrow-right-alt-svg {
	display: none;
}

.entry-content-wrap .category-style-pill a {
	margin-top: 10px !important;
}

.entry-tags a.tag-link {
	border: 0 !important;
	color: var(--global-palette3) !important;
}

.entry-tags a.tag-link:hover {
	color: var(--global-palette-btn) !important;
	border-radius: 0;
}

.entry-taxonomies a {
	font-weight: inherit !important;
}

span.category-links.term-links.category-style-pill a {
	border-radius: 0 !important;
	padding: 5px 9px;
}

.content-style-unboxed .kadence-thumbnail-position-behind:after {
	background: none !important;
}

.content-style-unboxed .kadence-thumbnail-position-behind {
	margin-bottom: 3em;
}

.nav-next .kadence-svg-iconset,
.nav-previous .kadence-svg-iconset {
	display: none;
}

.entry-author-style-center .entry-author-avatar:before,
.entry-author-style-center .entry-author-avatar:after {
	background: transparent !important; 
}

.entry-author-style-center {
	border: 2px solid var(--global-palette7) !important;
	margin-top: 80px;
	padding-bottom: 20px;
}

.entry-author-avatar img {
	border: 8px solid var(--global-palette7);
}

.entry-author-style-center .entry-author-avatar img {
	margin-top: -50px !important;
}

.entry-author-name a {
	font-family: var(--global-heading-font-family);
	font-weight: 200;
	font-size: 30px;
	letter-spacing: -0.012em;
}

.entry-author-style-center .entry-author-profile .entry-author-description {
	max-width: 85% !important;
	font-size: 17px !important;
	margin: 0 auto !important;
}

.entry-author-follow.author-follow a.social-button {
  border-radius: 35px !important;
	width: 1.8em;
	height: 1.8em;
}

@media screen and (min-width: 768px) {
.blog .grid-lg-col-1.item-image-style-beside article.loop-entry.has-post-thumbnail,
.archive .grid-lg-col-1.item-image-style-beside article.loop-entry.has-post-thumbnail {
		grid-template-columns: 1fr 1fr !important;
	}
}

/* Affiliate Carousel
---------------------------------------- */

.affiliate-carousel .kb-slide-item img {
  transition: filter 0.3s ease;
	opacity: 1;
}

.affiliate-carousel .kb-slide-item:hover img {
  opacity: .85;

}

/* Buttons
---------------------------------------- */

.wp-block-kadence-advancedbtn .kb-svg-icon-wrap svg {
  stroke-width: 1.5;
}

.arrow-hover span.kb-adv-text-inner > a:hover {
  padding-right: 6px !important;
}

/* Kadence Posts Block
---------------------------------------- */

.kadence-posts-list.kb-posts-style-boxed.item-image-style-above .kb-post-list-item > article.entry {
  display: flex;
  flex-direction: column;
}

.kadence-posts-list.kb-posts-style-boxed.item-image-style-above .entry-content-wrap {
  flex: 1 1 auto;
}

.custom-more-arrow .circle-arrow-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: var(--global-palette-btn-sec-bg);
	border-radius: 50%;
	width: 34px;
	height: 34px;
	padding: 0;
	text-decoration: none;
	line-height: 1;
}

.custom-more-arrow .circle-arrow-button:hover {
	background: var(--global-palette-btn-sec-bg-hover);
	border-radius: 50%;
	padding: 0;
	box-shadow: none;
}

.custom-more-arrow .circle-arrow-button svg {
  width: 20px;
  height: 20px;
	stroke-width: 1.5;
	color: var(--global-palette-btn-sec);
}

.kb-adv-heading-icon svg {
	stroke-width: 1.5;
}

.kb-posts.grid-cols,
.archive .grid-cols {
	column-gap: 2rem;
	row-gap: 2rem;
}

.kb-posts .entry-header .entry-taxonomies {
	margin-top: 15px !important;
	margin-bottom: 10px !important;
}

.kb-posts .entry-title a {
	text-decoration: none !important;
}

.entry-header .entry-taxonomies {
	margin-bottom: 10px;
}

.entry-meta>*:after {
	height: 0.16rem;
	width: 0.16rem;
}

.wp-block-kadence-posts.item-image-style-beside article {
	align-items: center !important;
}

.wp-block-kadence-posts.item-image-style-above.kb-posts-style-unboxed .entry .post-thumbnail {
	margin-bottom: 1.2em !important;
}

.wp-block-kadence-tabs .kt-tab-inner-content-inner .loop-entry p:last-child {
	margin: 1em 0 !important;
}

.kb-posts-style-boxed .loop-entry .entry-content-wrap,
.kb-posts-style-boxed .content-bg {
	background: var(--global-palette9);
}

@media screen and (max-width: 1023px) {
	.kb-posts.grid-cols {
    -webkit-column-gap: 1.5rem !important;
    -moz-column-gap: 1.5rem !important;
		column-gap: 1.5rem !important;
	}
}

@media screen and (max-width: 768px) {
	.kb-posts.grid-cols.grid-lg-col-4 {
		grid-template-columns: minmax(0,1fr) minmax(0,1fr) !important;
	} 
}

/* Gallery Block
---------------------------------------- */

.kb-splide .splide__arrow svg,
.splide .splide__arrow svg {
	fill: none !important;
	stroke-width: 1.5;
	height: 1.3em !important;
  width: 1.3em !important;
}
.editor-styles-wrapper .kb-splide .splide__arrow svg,
.editor-styles-wrapper .splide .splide__arrow svg {
	fill: initial !important;
	color: initial !important;
	stroke: initial !important;
}
.kb-splide .splide__arrow,
.splide .splide__arrow {
	opacity: 1 !important;
	border: 0 !important;
}
.kb-splide .splide__arrow,
.splide .splide__arrow {
	height: 2.5em !important;
	width: 2.5em !important;
}

/* Archive
---------------------------------------- */

.entry-hero.post-archive-hero-section .entry-header {
	padding-top: 1em;
	padding-bottom: 1em;
}

.pagination {
	text-align: center !important;
}

.pagination .page-numbers {
	border-radius: 50px !important;
	font-size: 14px;
	font-family: var(--global-primary-nav-font-family);
}

.post-navigation-sub small {
	letter-spacing: 1.1px !important;
	font-weight: 600 !important;
}

.category .kadence-breadcrumbs a {
	margin: .5em 0 !important;
	font-size: 10px !important;
	text-decoration: none;
}

.kadence-breadcrumb-container span a {
	text-decoration-thickness: 1px !important;
}

/* Filter on Archive
---------------------------------------- */

.category.archive .cat-filter-menu {
	display: none;
}

.category.archive.has-children .cat-filter-menu {
	text-align: center;
	display: block;
}

.category.archive .cat-sort-by {
	text-transform: uppercase;
	font-size: 12px;
	font-family: var(--global-primary-nav-font-family);
	letter-spacing: .2em;
	padding-right: 10px;
	color: var(--global-palette3);
}

.category.archive .cat-item {
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: .2em;
	font-family: var(--global-primary-nav-font-family);
	display: inline-block;
	padding: 0 10px;
	line-height: 2;
	text-decoration: none;
}

.archive.category.content-title-style-above .cat-filter-menu {
	padding-bottom: 2.25em;
	margin-top: -2em;
}

.category.archive .cat-item:last-child {
	padding-right: 0;
}

.category.archive .cat-item-none {
	display: none;
}

.cat-submenu-wrapper {
	margin-top: 10px;
	margin-bottom: 10px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
}

.cat-submenu {
	display: contents;
}

.cat-submenu-text {
	position: relative;
	flex: 0 0 auto;
	margin-right: 15px;
	background: var(--global-palette5);
	color: var(--global-palette3);
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	padding: 8px 10px 8px 15px;
	text-align: center;
}

.cat-submenu-text::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -12px;
  transform: translateY(-50%);
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
  border-left: 12px solid var(--global-palette5);
}

.cat-submenu-wrapper .filter {
  flex: 0 0 auto;
  display: inline-block;
  background: var(--global-palette9);
  color: var(--global-palette3);
  padding: 8px 12px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  text-decoration: none;
  white-space: nowrap;
}

.cat-submenu-wrapper .filter:hover {
  background: var(--global-palette7);
  color: var(--global-palette-btn);
}

/* Lists
---------------------------------------- */

.single-content ol {
  list-style: none;
  padding-left: 0;
}

.single-content ol li {
  position: relative;
  margin-bottom: 0.6em;
  padding-left: 2em !important;
}

.single-content ol li::before {
  content: counter(list-item);
  position: absolute;
  left: 0;
  width: 2.2em;
  height: 2.2em;
  background: var(--global-palette6);
  color: var(--global-palette3);
  font-weight: 700;
  font-size: 0.88rem !important;
  border-radius: 50%;
  line-height: 2.2em;
  text-align: center;
}

.single-content .wp-block-kadence-tableofcontents ol,
.single-content .wp-block-table-of-contents ol {
    list-style: decimal !important;
    padding-left: revert;
}
.single-content .wp-block-kadence-tableofcontents ol li,
.single-content .wp-block-table-of-contents ol li {
    position: static;
    margin-bottom: revert;
    padding-left: revert;
}
.single-content .wp-block-kadence-tableofcontents ol li::before,
.single-content .wp-block-table-of-contents ol li::before {
    content: none !important;
}

.wp-block-kadence-iconlist ul.kt-svg-icon-list .kt-svg-icon-list-item-wrap .kt-svg-icon-list-single {
	margin-top: 5px;
}

/* Related Posts
---------------------------------------- */

.entry-related .splide .splide__arrow--prev {
	left: 0;
}

.entry-related .splide .splide__arrow--next {
	right: 0;
}

.entry-related-inner-content {
	padding: 2em 2.5em 1em 2.5em !important;
}

h2.entry-related-title {
	text-align: center !important;
}

.entry-related-carousel .loop-entry .entry-content-wrap {
	padding: 1.25rem 0;
}

.entry-related .splide .splide__arrow, .entry-related .splide .splide__arrow:focus {
	background: #fff;
	color: var(--global-palette3);
}

.entry-related .entry.loop-entry {
	background: transparent !important;
}

/* Post Footer
---------------------------------------- */

.post-navigation-sub small {
	font-family: var(--global-primary-nav-font-family);
	font-weight: normal !important;
	font-size: 12px;
	
}

/* Comments
---------------------------------------- */

.comments-area a:hover {
	text-decoration-thickness: 1px !important;
}

.comment-navigation .nav-previous:after, .post-navigation .nav-previous:after {
	background: var(--global-palette3) !important;
}

#respond+.comments-title, .comment-reply-title {
	position: relative;
	font-size: 1.7em !important;
	text-align: center;
}

h2.comments-title {
	text-align: left !important;
}

#respond+.comments-title {
	margin-top: 1.5em;
}

.comment-form .form-submit input {
	width: 100% !important;
}

.comment-respond {
	background: var(--global-palette8);
	padding: 30px;
	margin-bottom: 40px;
	position: relative;
}

.comment-form .comment-notes {
	margin-top: -.5em;
	font-size: 80%;
}

.comment-form p {
	margin: .8em 0 !important;
	font-size: 85%;
	text-align: center;
}

.comment-form p a {
	font-weight: bold;
}

.comment-respond a#cancel-comment-reply-link {
	margin-left: 20px;
	font-size: .75em;
	text-decoration: underline;
}

.comment-reply-title, .comments-title {
	margin-bottom: .5em !important;
}

.comment-list li {
	padding: 25px;
	margin-bottom: 20px;
	border: 2px solid var(--global-palette8);
}

.comment-body {
	border: none !important;
	margin-bottom: 0 !important;
}

.comment-content {
	margin-bottom: 0 !important;
}

.comment-reply-link {
	color: var(--global-palette3) !important;
	background: var(--global-palette5) !important;
	border: none !important;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 1;
	padding: 10px 14px;
	font-family: var(--global-primary-nav-font-family);
}

.comment-reply-link:hover {
	opacity: .85;
}

.comments-area .says {
	display: none;
}

.comment-author .avatar,
.comments-area .comment .avatar {
	box-sizing: content-box;
	border: 5px solid var(--global-palette6);
	margin-top: -5px;
	margin-left: -5px;
}

.comment-author .fn {
	font-weight: 300 !important;
}

@media screen and (max-width: 767px) {
	.comment-list .reply {
		padding: 0px !important;
	}
	.comment-form .comment-input-wrap p {
    margin: 0 !important;
	}
}

/* Sidebars
---------------------------------------- */

.widget select {
	width: 100%;
}

.primary-sidebar .kb-posts .entry a {
	text-decoration: none;
}

.primary-sidebar .kb-posts .entry {
	align-items: center;
}

.primary-sidebar.widget-area .widget {
	margin-bottom: 0 !important;
}

.single-content .sidebar-inner-wrap h1,
.single-content .sidebar-inner-wrap h2,
.single-content .sidebar-inner-wrap h3,
.single-content .sidebar-inner-wrap h4,
.single-content .sidebar-inner-wrap h5,
.single-content .sidebar-inner-wrap h6 {
	margin-top: 0 !important;
}

.primary-sidebar .kb-search .kb-search-icon-submit {
  padding-right: 5px;
  padding-left: 5px;
}

.primary-sidebar .kb-search .kb-search-icon-submit:hover {
  box-shadow: none;
}

.primary-sidebar .kb-search .kb-search-icon {
  width: 18px;
  height: 18px;
}

/* Quotes
---------------------------------------- */

blockquote,
q {
	quotes: '“' '”';
}

/* Splide Arrows
---------------------------------------- */

.splide .splide__arrow {
	border-radius: 0 !important;
}

/* Geo Map
---------------------------------------- */

.map_container .imapsLabel foreignObject div {
	font-size: 16px !important;
	padding-bottom: 2px !important;
}

g.imapsSprite-group.imapsPointedShape-group.imapsPointedRectangle-group {
	filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.03)) !important;
}

/* WPRM
---------------------------------------- */

ol.wprm-recipe-instructions li {
	padding-left: 0 !important;
}

.comment-form-wprm-rating {
	display: flex;
	justify-content: center;
	gap: 1em;
	margin: 20px auto 10px auto !important;
}

.comment-form-wprm-rating label {
	font-weight: bold;
}

/* Footer
---------------------------------------- */

.widget_nav_menu li {
	padding: 3px 0;
}

/* Hideaway Custom Styles
---------------------------------------- */

.hideaway-splide-wrapper {
    position: relative;
}

.hideaway-splide-slide {
    transition: opacity 0.5s ease;
}

.hideaway-splide-prev,
.hideaway-splide-next {
	cursor: pointer;
}

.featured-destination-overlay .kt-inside-inner-col::before {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.1);
    opacity: 0;
    z-index: 0;
    transition: opacity .25s ease-in-out;
    pointer-events: none;
}

.featured-destination-overlay .kb-section-has-link:hover .kt-inside-inner-col::before {
    opacity: 1;
}

.featured-destination-overlay .kt-inside-inner-col > * {
    position: relative;
    z-index: 1;
}

/* OFFSCREEN */

#hm-menu-toggle svg {
    width: 32px !important;
    height: 32px !important;
    display: flex;
    align-items: center;
}

@media (max-width: 1024px) {
	button#mobile-toggle .menu-toggle-icon svg {
			width: 30px;
			height: 30px;
	}
}

@media (max-width: 767px) {
	button#mobile-toggle .menu-toggle-icon svg {
			width: 26px;
			height: 26px;
	}
}
#hm-menu-close svg {
    width: 21px;
    height: 21px;
}
button#hm-menu-toggle {
    background: transparent;
}
#hm-menu-container {
    position: relative;
}
#hm-menu-toggle {
    color: var(--global-palette3);
    height: 101% !important;
    border: 0 !important;
    padding: 5px;
}
.hm-offscreen-menu {
    position: fixed;
    overflow-y: auto;
    padding: 3em;
    top: 0;
    width: 28%;
    max-width: 412px;
    height: 100%;
    background: 
#ffffff;
    transition: ease 0.5s;
    z-index: 9999;
    opacity: 0;
}
.hm-offscreen-menu.open {
    opacity: 1;
}
#hm-menu-close {
    color: var(--global-palette3);
    position: absolute;
    top: 1.5em;
    right: 1.5em;
    padding: 1em .5em;
    background: none;
    border: none;
}
#hm-menu-toggle:hover, #hm-menu-toggle:active, #hm-menu-close:hover, #hm-menu-close:active {
	box-shadow: none !important;
}
.hm-offscreen-menu-widget-area {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 6em);
}
.hm-offscreen-inner {
    width: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
}
.hm-offscreen-inner > .widget {
    display: contents;
}
.hm-offscreen-inner .hm-offscreen-bottom {
    margin-top: auto;
    padding: 2rem 0 0 0;
    width: 100%;
}
.hm-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 9998;
    transition: opacity 0.5s ease, visibility 0.5s ease;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.hm-offscreen-menu .kb-nav-sub-menu {
    transition: opacity 0.5s ease, visibility 0.5s ease, transform 0.5s ease !important;
}
.hm-overlay.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
body.hm-no-scroll {
    overflow: hidden;
}
@media (max-width: 1024px) {
    .hm-offscreen-menu {
        width: 40%;
        max-width: none;
    }
}
@media (max-width: 768px) {
    .hm-offscreen-menu {
        width: 85%;
        max-width: none;
        padding: 3em;
    }
}
body.admin-bar .hm-offscreen-menu {
    top: 32px;
    height: calc(100% - 32px);
}
@media screen and (max-width: 782px) {
    body.admin-bar .hm-offscreen-menu {
        top: 46px;
        height: calc(100% - 46px);
    }
}