.modal-back{
background-color: var(--wp--preset--color--m-black);
} header{
color: var(--wp--preset--color--p-white);
background-color: var(--wp--preset--color--m-black);
min-height: 54px;
}
header button{
font-size: inherit;
}
header .header-content{
display: flex;
justify-content: flex-start;
margin: 0 auto;
max-width: var(--wp--style--global--wide-size);
}
header .menu-button{
margin: 6px 0;
}
header .menu-button, .menu-modal .menu-close{
width: 44px;
border: solid 2px transparent;
border-radius: 50%;
background: transparent;
transition: border 0.25s ease-in-out;
}
header .menu-button{
padding: 10px 8px;
}
header .menu-button svg, .menu-modal .menu-close svg{
fill: var(--wp--preset--color--p-white);
display: block;
}
header .menu-button:hover, header .menu-button:active, .menu-modal .menu-close:hover, .menu-modal .menu-close:active{
border-color: var(--wp--preset--color--p-white);
} .menu-modal .menu-close{
padding: 8px;
}
.menu-modal .modal-header{
padding: 0.5rem;
} .wide-button-menu a,.wide-button-menu button{
background-color: var(--wp--preset--color--m-black);
color: var(--wp--preset--color--p-white);
border: solid 0.125em var(--wp--preset--color--p-white);
}
.wide-button-menu a:hover, .wide-button-menu a:focus, .wide-button-menu button:hover, .wide-button-menu button:focus{
border-color: var(--wp--preset--color--m-red);
color: var(--wp--preset--color--p-white);
background-color: var(--wp--preset--color--m-red);
}
.flex-menu a:hover, .flex-menu a:focus, .flex-menu button:hover, .flex-menu button:focus{
color: var(--wp--preset--color--m-red);
background-color: var(--wp--preset--color--p-white);
border-color: var(--wp--preset--color--p-white);
}
.flex-menu .sub-menu-wrap{
background-color: var(--wp--preset--color--m-red);
}
.social-menu a:hover, .social-menu a:focus{
color: var(--wp--preset--color--m-red);
background-color: var(--wp--preset--color--p-white);
border-color: var(--wp--preset--color--p-white);
} .share-fallback-inner{
font-size: var(--wp--preset--font-size--normal) !important; text-align: left;
}
.share-fallback-header{
display: flex;
justify-content: end;
padding: 0.5rem;
}
.share-fallback-close{
width: 2.5em;
height: 2.5em;
padding: 0.5em;
color: currentColor;
border: solid 2px transparent;
border-radius: 50%;
background: transparent;
transition: border 0.25s ease-in-out;
cursor: pointer;
}
.share-fallback-close:hover, .share-fallback-close:active{
border-color: currentColor;
}
.share-fallback-close svg{
fill: currentColor;
height: 100%;
}
.share-fallback-text{
position: relative;
width: 100%;
border-radius: 0;
color: currentColor;
padding: 1em 0.75em;
border: solid 0.25em currentColor;
margin-bottom: var(--wp--style--block-gap);
}
.share-fallback-copy{
display: block;
min-width: 200px;
font-size: 1em;
line-height: 1.6 !important; padding: 0.375em 0.75em !important; border: solid;
border-width: 0.25em !important; border-color: transparent;
transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, border-color 0.25s ease-in-out;
}  footer{
padding: 50px 0;
background-color: var(--wp--preset--color--m-red);
color: var(--wp--preset--color--p-white);
}
footer h1{
color: currentColor; }
footer a{
color: var(--wp--preset--color--p-white);
text-decoration: none;
}
footer a:hover, footer a:focus{
color: var(--wp--preset--color--p-white);
text-decoration: underline;
text-decoration-color: var(--wp--preset--color--p-white);
}
footer .footer-content{
margin: 0 auto;
max-width: var(--wp--style--global--content-size);
padding-bottom: 36px;
}
footer .footer-menu{
margin: 0 auto;
max-width: var(--wp--style--global--wide-size);
padding-left: var(--wp--style--root--padding-left);
padding-right: var(--wp--style--root--padding-left);
padding-bottom: 36px;
}
footer .footer-content h1{
font-size: 32px;
font-weight: 700;
text-align: center;
line-height: 1;
margin: 0 auto;
padding: 5px 0;
}
footer .disclaimer{
text-align: center;
font-weight: 300;
font-size: 0.7rem;
margin: 0 auto;
width: 75%;
}
footer .disclaimer p{
margin-bottom: 0;
}