html body::after {
	background: rgba(114,0,89,.49);
	content: "";
	height: 100%;
	opacity: 0;
	pointer-events: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 200;
	width: 100%;
	display: none
}
html #theme-page-navigation,
html #theme-page-header-pane,
html footer, html main {
	-webkit-transition: transform .3s;
	-moz-transition: transform .3s;
	-ms-transition: transform .3s;
	-o-transition: transform .3s;
	transition: transform .3s ease
}
html.off-canvas {
	height: 100%;
	overflow: hidden!important;
	position: relative
}
html.off-canvas body::after {
	pointer-events: auto
}

@media screen and (min-width:1200px)and (max-width:1252px) {
body .menu-button {
	margin-right: 0
}
}
.menu-button {
	padding: 2.8rem 1rem
}

@media screen and (min-width:992px) {
.menu-button {
	padding: 2.8rem 1rem;
	font-size: 1.6rem
}
}
.menu-button {
	color: #ffe600;
	display: block;
	text-align: center;
	cursor: pointer;
	font-size: 1.8rem
}

@media screen and (min-width:768px) {
html body::after {
	display: block
}
html.off-canvas #theme-page-navigation,
html.off-canvas #theme-page-header-pane,
html.off-canvas body footer,
html.off-canvas body main,
html.off-canvas body footer {
	-ms-transform: translateX(15%);
	-moz-transform: translateX(15%);
	-webkit-transform: translateX(15%);
	-o-transform: translateX(15%);
    transform: translateX(15%);
}
html.off-canvas body::after {
	opacity: 1
}
.menu-button {
	margin-right: 1.5rem
}
}

@media screen and (min-width:992px) {
.menu-button {
	font-size: 1.6rem
}
}

@media screen and (min-width:1200px) {
.menu-button, nav.header-nav .menu ul li a {
	padding: 2.8rem 1.75rem
}
.menu-button {
	font-size: 2.2rem;
	margin-right: 2rem
}
}
.menu-button .button-text {
	display: block;
	font-size: 1.4rem
}
.menu-button #nav-toggle {
	cursor: pointer;
	display: inline-block;
	height: 1.9rem;
	padding: .8rem 0 1.2rem;
	position: relative;
	vertical-align: middle;
	width: 2.9rem
}
.menu-button #nav-toggle span, .menu-button #nav-toggle span:after, .menu-button #nav-toggle span:before {
	background: #ffe600;
	content: "";
	display: block;
	height: .3rem;
	position: absolute;
	width: 100%;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-ms-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: all .3s ease-in-out
}
.menu-button #nav-toggle span:before {
	top: -.8rem;
	width: 70%;
	margin-left: 30%
}

@media screen and (min-width:992px) {
.menu-button .button-text {
	font-size: 1.8rem;
	display: inline-block
}
.menu-button #nav-toggle {
	padding: .7rem 0 1.3rem;
	height: 1.4rem;
	width: 2.5rem
}
.menu-button #nav-toggle span, .menu-button #nav-toggle span:after, .menu-button #nav-toggle span:before {
	height: .2rem
}
.menu-button #nav-toggle span:before {
	top: -.6rem
}
}
.menu-button #nav-toggle span:after {
	top: .8rem;
	width: 80%;
	margin-left: 20%
}
.menu-button.active #nav-toggle span {
	background-color: rgba(0,0,0,0)
}
.menu-button.active #nav-toggle span:after, .menu-button.active #nav-toggle span:before {
	top: 0
}
.menu-button.active #nav-toggle span:before {
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.menu-button.active #nav-toggle span:after {
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

@media screen and (max-width:991px) {
.menu-button {
	display: flex;
	flex-direction: column-reverse;
	align-items: flex-end;
	row-gap: .4rem;
	justify-content: flex-end
}
}

nav.off-canvas-nav {
	position: fixed;
	top: 0;
	left: -100%;
	bottom: 0;
	width: 100%;
	z-index: 802;
	-webkit-transition: left .3s, right .3s;
	-moz-transition: left .3s, right .3s;
	-ms-transition: left .3s, right .3s;
	-o-transition: left .3s, right .3s;
	transition: left .3s ease, right .3s ease
}

@media screen and (min-width:768px) {
nav.off-canvas-nav {
	left: -40%;
	width: 40%
}
}

@media screen and (min-width:992px) {
.menu-button #nav-toggle span:after {
	top: .6rem
}
.toggle-search-form {
	padding: 0 1.5rem 0 1rem
}
nav.off-canvas-nav {
	left: -30%;
	width: 30%
}
}
nav.off-canvas-nav>.close-off-canvas-nav {
	display: block;
	top: 1.2rem;
	right: calc(100% - 1.5rem);
	left: auto;
	position: absolute;
	-webkit-transition: left .3s, right .3s;
	-moz-transition: left .3s, right .3s;
	-ms-transition: left .3s, right .3s;
	-o-transition: left .3s, right .3s;
	transition: left .3s ease, right .3s ease;
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-o-transform: translateX(-50%);
    transform: translateX(-50%);
	z-index: 2
}
nav.off-canvas-nav div.menu {
	border-right: .1rem solid #c070a1
}

@media screen and (max-width:767px) {
nav.off-canvas-nav div.menu {
	background: #871e6f
}
nav.off-canvas-nav div.menu .logo-submenu svg {
	width: 5.55rem;
	height: 13rem
}
nav.off-canvas-nav div.menu .logo-name path, nav.off-canvas-nav div.menu .logo-name rect {
	fill: #ffe600
}
nav.off-canvas-nav div.menu>ul {
	height: calc(100vh - 25rem);
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	justify-content: flex-start;
	row-gap: 3rem;
	position: absolute;
	bottom: 4rem;
	left: 4rem;
	overflow: scroll;
	scrollbar-width: thin
}
nav.off-canvas-nav div.menu>ul li a {
	font-size: 2.4rem;
	color: #fbfbfb
}
nav.off-canvas-nav div.menu>.utilities button {
	background: 0 0;
	border: 0
}
nav.off-canvas-nav div.menu>.utilities button path, nav.off-canvas-nav div.menu>.utilities button rect {
	fill: #ffe600;
	stroke: #ffe600
}
nav.off-canvas-nav div.menu>.utilities button.close-button {
	padding: 3.8rem 2.3rem 1rem 1rem
}
}
nav.off-canvas-nav .menu, nav.off-canvas-nav .submenu {
	background-color: #f0e8e1;
	overflow-y: scroll;
	height: 100%;
	width: 100%;
	position: relative;
	z-index: 1;
	-ms-overflow-style: none;
	scrollbar-width: none
}
nav.off-canvas-nav .menu::-webkit-scrollbar, nav.off-canvas-nav .submenu::-webkit-scrollbar {
display:none
}

@media screen and (min-width:768px) {
nav.off-canvas-nav>.close-off-canvas-nav {
	display: none;
	top: 25%;
	left: 100%;
	right: auto
}
nav.off-canvas-nav .menu>ul, nav.off-canvas-nav .submenu>ul {
	overflow-y: scroll;
	height: auto;
	padding: 25vh 2.5rem 4rem 3.5rem
}
}

@media screen and (min-width:1200px) {
nav.off-canvas-nav .menu>ul, nav.off-canvas-nav .submenu>ul {
	padding: 25vh 3rem 4rem 4rem
}
}

@media screen and (min-width:1440px) {
nav.off-canvas-nav .menu>ul, nav.off-canvas-nav .submenu>ul {
	padding: 25vh 6rem 4rem 7rem
}
}
nav.off-canvas-nav .menu ul, nav.off-canvas-nav .submenu ul {
	-ms-overflow-style: none;
	scrollbar-width: none
}
nav.off-canvas-nav .menu ul::-webkit-scrollbar, nav.off-canvas-nav .submenu ul::-webkit-scrollbar {
display:none
}
nav.off-canvas-nav .menu ul:not(.link-list)>li>a, nav.off-canvas-nav .submenu ul:not(.link-list)>li>a {
	display: block
}
nav.off-canvas-nav .menu ul>li.menu-item-has-children a svg, nav.off-canvas-nav .submenu ul>li.menu-item-has-children a svg {
	display: inline-block;
	margin-right: 1rem;
	-webkit-transition: transform .3s ease-in-out;
	-moz-transition: transform .3s ease-in-out;
	-ms-transition: transform .3s ease-in-out;
	-o-transition: transform .3s ease-in-out;
	transition: transform .3s ease-in-out;
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
nav.off-canvas-nav .menu ul>li.menu-item-has-children a svg rect, nav.off-canvas-nav .submenu ul>li.menu-item-has-children a svg rect {
	fill: #f0e8e1;
	stroke: #f0e8e1
}

@media screen and (min-width:768px) {
nav.off-canvas-nav .menu ul>li.menu-item-has-children a svg rect, nav.off-canvas-nav .submenu ul>li.menu-item-has-children a svg rect {
	fill: #871e6f;
	stroke: #871e6f
}
}
nav.off-canvas-nav .menu ul li, nav.off-canvas-nav .submenu ul li {
	list-style-type: none
}
nav.off-canvas-nav .menu ul li a, nav.off-canvas-nav .submenu ul li a {
	text-decoration: none;
	font-size: 1.8rem;
	width: 100%;
	color: #871e6f
}
nav.off-canvas-nav .menu ul li a svg, nav.off-canvas-nav .submenu ul li a svg {
	display: none
}
nav.off-canvas-nav .menu ul li a:focus, nav.off-canvas-nav .menu ul li a:hover, nav.off-canvas-nav .submenu ul li a:focus, nav.off-canvas-nav .submenu ul li a:hover {
	color: #f5007d
}
nav.off-canvas-nav .menu ul li a:focus svg, nav.off-canvas-nav .menu ul li a:hover svg, nav.off-canvas-nav .submenu ul li a:focus svg, nav.off-canvas-nav .submenu ul li a:hover svg {
	background: var(--wpr-bg-d5fe71a7-a467-47e9-8bf4-b1e176301185) center center/100% no-repeat;
	-ms-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-o-transform: rotate(135deg);
    transform: rotate(135deg);
}
nav.off-canvas-nav .menu ul li a:focus svg rect, nav.off-canvas-nav .menu ul li a:hover svg rect, nav.off-canvas-nav .submenu ul li a:focus svg rect, nav.off-canvas-nav .submenu ul li a:hover svg rect {
	fill: #f0e8e1;
	stroke: #f0e8e1
}
nav.off-canvas-nav .utilities {
	display: flex;
	justify-content: flex-end;
	padding: 0
}
nav.off-canvas-nav .submenu {
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: left .3s, right .3s;
	-moz-transition: left .3s, right .3s;
	-ms-transition: left .3s, right .3s;
	-o-transition: left .3s, right .3s;
	transition: left .3s ease, right .3s ease;
	z-index: 2;
	width: calc(100% - 3.7rem)
}

@media screen and (min-width:768px) {
nav.off-canvas-nav .menu ul li a:focus svg rect, nav.off-canvas-nav .menu ul li a:hover svg rect, nav.off-canvas-nav .submenu ul li a:focus svg rect, nav.off-canvas-nav .submenu ul li a:hover svg rect {
	fill: #f5007d;
	stroke: #f5007d
}
nav.off-canvas-nav .menu ul li a, nav.off-canvas-nav .submenu ul li a {
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1.7;
	padding: .5rem 0
}
nav.off-canvas-nav .utilities {
	display: none
}
nav.off-canvas-nav .submenu {
	z-index: 0;
	width: 100%
}
}
nav.off-canvas-nav .submenu>ul>li {
	display: none
}
nav.off-canvas-nav .submenu>ul>li.active {
	display: block
}
nav.off-canvas-nav .submenu>ul .menu-heading {
	font-size: 2.1rem;
	margin-bottom: 4.4rem;
	display: block;
	font-weight: 700;
	color: #f5007d;
	position: relative
}
nav.off-canvas-nav .submenu>ul .menu-heading::before {
	content: "";
	display: block;
	background: var(--wpr-bg-3f54b0a6-6e76-459b-a063-278c1311c4ac) center center/100% no-repeat;
	width: .762rem;
	height: 1.249rem;
	position: absolute;
	left: -2rem;
	top: .4rem;
	-ms-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
    transform: rotate(180deg);
}
nav.off-canvas-nav .submenu>ul .menu-heading::after {
	content: "";
	display: block;
	position: absolute;
	bottom: -.2rem;
	width: 100%;
	height: .1rem;
	background: #f5007d
}
nav.off-canvas-nav.active {
	left: 0
}
nav.off-canvas-nav.active .submenu {
	left: -100%;
	z-index: 2
}
nav.off-canvas-nav.submenu-active {
	left: 0
}
nav.off-canvas-nav.submenu-active .submenu {
	left: 0
}

@media screen and (max-width:767px) {
nav.off-canvas-nav .submenu>ul {
	display: flex;
	position: absolute;
	top: 0;
	height: calc(100% - 2rem);
	align-items: center;
	padding-left: 3.6rem
}
nav.off-canvas-nav .submenu>ul li a {
	font-size: 2rem
}
nav.off-canvas-nav .submenu>ul ul {
	justify-content: center
}
nav.off-canvas-nav.submenu-active>.close-off-canvas-nav {
	right: -1.5rem
}
}
@media screen and (min-width:768px) {
nav.off-canvas-nav .submenu>ul .menu-heading {
	font-size: 2rem;
	margin-bottom: 2rem;
	color: #871e6f
}
nav.off-canvas-nav .submenu>ul .menu-heading::after, nav.off-canvas-nav .submenu>ul .menu-heading::before {
	display: none
}
nav.off-canvas-nav .submenu>ul .link-list {
	row-gap: 0
}
nav.off-canvas-nav .submenu>ul .link-list li a {
	font-size: 2rem
}
nav.off-canvas-nav.active .submenu {
	z-index: 0;
	left: 0;
	box-shadow: 3rem 0 6rem rgba(108,12,86,.75)
}
nav.off-canvas-nav.active>.close-off-canvas-nav {
	display: inline-flex
}
nav.off-canvas-nav.submenu-active {
	left: 0
}
nav.off-canvas-nav.submenu-active .submenu {
	left: 100%
}
nav.off-canvas-nav.submenu-active .close-off-canvas-nav {
	left: 200%
}
ul.link-list li a, ul.link-list li p {
	font-size: 2.2rem
}
.logo.triangle-big::before {
	border-width: 24rem 24rem 0 0
}
}
.round-button, .round-close-button {
	width: 5.1rem;
	height: 5.1rem;
	min-width: 5.1rem;
	min-height: 5.1rem;
	background: #f5007d;
	border-radius: 6rem;
	border: none;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	-webkit-transition: background .3s;
	-moz-transition: background .3s;
	-ms-transition: background .3s;
	-o-transition: background .3s;
	transition: background .3s ease
}
.round-button svg rect, .round-close-button svg rect {
	fill: #fbfbfb
}
.round-button.big, .round-close-button.big {
	width: 7.6rem;
	height: 7.6rem
}
.round-button:focus, .round-button:hover, .round-close-button:focus, .round-close-button:hover {
	background: #871e6f
}