/*!
Theme Name: Novalis
Theme URI: http://underscores.me/
Author: Provoc
Author URI: https://provoc.me
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: novalis
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

novalis is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
html{line-height:1.5;-webkit-text-size-adjust:100%}
body{margin:0}
main{display:block}
h1{font-size:2em;margin:.67em 0}
hr{box-sizing:content-box;height:0;overflow:visible}
pre{font-family:monospace,monospace;font-size:1em}
a{background-color:transparent}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:1em}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
img{border-style:none}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}
button,input{overflow:visible}
button,select{text-transform:none}
button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{padding:.35em .75em .625em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
progress{vertical-align:baseline}
textarea{overflow:auto}
[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}
[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
details{display:block}
summary{display:list-item}
template{display:none}
[hidden]{display:none}
*,::before,::after{box-sizing:inherit}
html{box-sizing:border-box;scroll-behavior: smooth;}
button,input,select,optgroup,textarea{color:#404040;font-family:inherit;font-size:1rem;max-width: 100%;width: 100%;}
h1,h2,h3,h4,h5,h6{clear:both}
p{margin-bottom:1.5em}
dfn,cite,em,i{font-style:italic}
blockquote{margin:0 1.5em}
address{margin:0 0 1.5em}
pre{background:#eee;font-family:"Courier 10 Pitch",courier,monospace;line-height:1.6;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:1.6em}
code,kbd,tt,var{font-family:monaco,consolas,"Andale Mono","DejaVu Sans Mono",monospace}
abbr,acronym{border-bottom:1px dotted #666;cursor:help}
mark,ins{background:#fff9c0;text-decoration:none}
big{font-size:125%}
body{background:#fff}
hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em}
ul,ol{margin:0 0 1.5em 3em}
ul{list-style:disc}
ol{list-style:decimal}
li > ul,li > ol{margin-bottom:0;margin-left:1.5em}
dt{font-weight:700}
dd{margin:0 1.5em 1.5em}
embed,iframe,object{max-width:100%}
img, svg{height:auto;max-width:100%}
figure{margin:1em 0}
table{margin:0 0 1.5em;width:100%}
a{color:#bf1b2c;text-decoration: none;transition: color 0.2s ease-in-out}
a:visited{text-decoration: underline;}
a:hover,a:focus,a:active{color:#a00011}
a:focus{outline:thin dotted}
a:hover,a:active{outline:0}
main button,input[type="button"],input[type="reset"],input[type="submit"]{background-color: #bf1b2c;color:#fff;display: inline-flex; align-items: center;justify-content: center;height: 40px;width: auto;border: none;min-width: 150px;text-transform: uppercase;font-size: 14px;}
button:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover{border-color:#ccc #bbb #aaa}
button:active,button:focus,input[type="button"]:active,input[type="button"]:focus,input[type="reset"]:active,input[type="reset"]:focus,input[type="submit"]:active,input[type="submit"]:focus{border-color:#aaa #bbb #bbb}
input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="number"],input[type="tel"],input[type="range"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="color"],textarea{color:#000;border:1px solid #000;height: 40px;margin-bottom: 1em;padding: 7px;}
input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="number"]:focus,input[type="tel"]:focus,input[type="range"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="week"]:focus,input[type="time"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="color"]:focus,textarea:focus{color:#111}
select{border:1px solid #ccc}
textarea{width:100%;height: auto;}
label{display: block;margin-bottom: 7px;}
span.req{color: #bf1b2c;}
.main-navigation ul{list-style:none;margin:0;padding-left:0}
.main-navigation ul ul{box-shadow:0 3px 3px rgba(0,0,0,0.2);float:left;position:absolute;top:100%;left:-999em;z-index:99999}
.main-navigation ul ul ul{left:-999em;top:0}
.main-navigation ul ul li:hover > ul,.main-navigation ul ul li.focus > ul{display:block;left:auto}
.main-navigation ul ul a{width:200px}
.main-navigation ul li:hover > ul,.main-navigation ul li.focus > ul{left:auto}
.main-navigation li{position:relative}
.main-navigation a{display:block;text-decoration:none}
.main-navigation a:hover, .main-navigation .current-menu-item a{color: #bf1b2c;}

.site-main .comment-navigation,.site-main
.posts-navigation,.site-main
.post-navigation{margin:0 0 1.5em}
.comment-navigation .nav-links,.posts-navigation .nav-links,.post-navigation .nav-links{display:flex}
.comment-navigation .nav-previous,.posts-navigation .nav-previous,.post-navigation .nav-previous{flex:1 0 50%}
.comment-navigation .nav-next,.posts-navigation .nav-next,.post-navigation .nav-next{text-align:end;flex:1 0 50%}
.sticky{display:block}
.updated:not(.published){display:none}
.page-content,.entry-content,.entry-summary{margin:1.5em 0 0}
.page-links{clear:both;margin:0 0 1.5em}
.comment-content a{word-wrap:break-word}
.bypostauthor{display:block}
.widget{margin:0 0 1.5em}
.widget select{max-width:100%}
.page-content .wp-smiley,.entry-content .wp-smiley,.comment-content .wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0}
.custom-logo-link{display:inline-block}
.wp-caption{margin-bottom:1.5em;max-width:100%}
.wp-caption img[class*="wp-image-"]{display:block;margin-left:auto;margin-right:auto}
.wp-caption .wp-caption-text{margin:.8075em 0}
.wp-caption-text{text-align:center}
.gallery{margin-bottom:1.5em;display:grid;grid-gap:1.5em}
.gallery-item{display:inline-block;text-align:center;width:100%}
.gallery-columns-2{grid-template-columns:repeat(2,1fr)}
.gallery-columns-3{grid-template-columns:repeat(3,1fr)}
.gallery-columns-4{grid-template-columns:repeat(4,1fr)}
.gallery-columns-5{grid-template-columns:repeat(5,1fr)}
.gallery-columns-6{grid-template-columns:repeat(6,1fr)}
.gallery-columns-7{grid-template-columns:repeat(7,1fr)}
.gallery-columns-8{grid-template-columns:repeat(8,1fr)}
.gallery-columns-9{grid-template-columns:repeat(9,1fr)}
.gallery-caption{display:block}
.infinite-scroll .posts-navigation,.infinite-scroll.neverending .site-footer{display:none}
.infinity-end.neverending .site-footer{display:block}
.screen-reader-text, .sro{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}
.screen-reader-text:focus, .sro:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,0.6);clip:auto!important;clip-path:none;color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
#primary[tabindex="-1"]:focus{outline:0}
.alignleft{float:left;margin-right:1.5em;margin-bottom:1.5em}
.alignright{float:right;margin-left:1.5em;margin-bottom:1.5em}
.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;margin-bottom:1.5em}
h1,h2,h3,h4,h5,h6, strong, b{font-family: "HankenGrotesk-Black";font-weight: normal;}

button:where(.base:not(.btn)){padding: 0;background-color: transparent;border:none}
ul.base{padding: 0;margin: 0;list-style: none;}
.flex{display: flex}

#page{display: flex;flex-direction: column;min-height: 100vh;}
.page-template-default main, .page-template-page-contacts main{margin-bottom: 3em;}
.page-template-default .entry-content, .page-template-page-contacts .entry-content{margin-top: 0;}
.page-template-default .entry-title, .page-template-page-contacts .entry-title{margin: 0;}
.site-header{padding: 10px 0;position: fixed;width: 100%;z-index: 7;background-color: rgba(255,255,255,0.7);backdrop-filter: blur(3px)}
.site-header .container{justify-content: space-between; align-items: center;position: relative;}
.site-branding{width: 120px;}
.site-branding p{margin: 0;}
.site-branding a, .site-branding svg{display: block;}
.site-branding .cardinal{fill:#bf1b2c}

.menu-menu-container a{color:#000}

.site-footer{background-color: #000;color: #fff;padding: 20px 0;margin-top: auto;}
.footer {position: relative;}
.footer path{fill:#fff}
.footer .logo{width: 110px;display: block;}
.footer .sm-links, .sub-footer .links {gap:20px}
.footer .sm-links svg{max-width: 20px;max-height: 20px;display: block;}
#footer-menu a{color: #fff;text-decoration: none;text-transform: lowercase;}
.sub-footer {margin-top: 1em;border-top: 1px solid #292929;}
.sub-footer a{color: #bf1b2c;text-decoration: none;font-family: "HankenGrotesk-Black";}

body:not(:has(.hero)) main, article:not(.has-post-thumbnail), article.grid:not(.has-post-thumbnail){padding-top: 4.5em;}
body:not(:has(.hero)) article.grid{padding-top: 1em}
body:not(:has(.hero)) .entry-title{margin: 0 auto;}
article.grid {display: grid;padding: 60px 0;gap:60px}
.container {padding: 0 20px;}
section>:first-child{margin-top: 0;}
section>:last-child:not(.gallery-container){margin-bottom: 0;}
section.lg-bg{padding-top: 60px;padding-bottom: 60px;background-color: #fafafa;}
h1{font-size: clamp(1.75rem, 0.8804rem + 4.3478vw, 4.25rem);}
section h2{text-transform: uppercase;font-size: clamp(1.5rem, 1.1087rem + 1.9565vw, 2.625rem)}

.link-container{text-align: center;}
a.more{display: inline-block;}
a.more svg{transition: transform 0.3s ease-in-out}
a.more:hover svg{transform: translateX(7px)}

.hero{position: relative;max-height: 100vh;overflow: hidden;}
.has-post-thumbnail .entry-header, .page-template-default:not(.home) .hero .entry-header{position: absolute;bottom: 0;width: 100%;padding: 0.2em 0;background-color: rgba(0,0,0,0.35);}
.has-post-thumbnail .entry-title, .page-template-default:not(.home) .hero .entry-title{margin: 0 auto;color: #fff;}
.hero img{display: block;width: 100%;height: 100%;object-fit: cover}
.page-template-page-thankyou .entry-content{text-align: center;}
.page-template-page-thankyou .entry-content svg{width: 250px;margin-bottom: 2em;}
@media screen and (max-width: 480px) {
    .hero{height: 320px;}
}
@media screen and (max-width: 767px) {
    article.grid section:not(.lg-bg){padding: 0 20px;}
    #footer-menu {margin: 1em 0;}
    #footer-menu li+li{margin-top: 10px;}    
    .footer .sm-links{position: absolute;right: 20px;top: 10px;}
}    
@media screen and (min-width: 768px){
    .flex-m{display: flex}
    body:not(:has(.hero)) .entry-title{text-align: center;}
    article.grid {grid-template-columns:1fr min(65ch, 100%) 1fr;}
    article.grid > * {grid-column: 2;}
article.grid .full-bleed {width: 100%;grid-column: 1 / 4;}
.container {grid-column: 1 / 4;margin: auto;}
    
    .footer, .copyr{justify-content: space-between; align-items: center}
    .footer-nav-container nav{gap:20px}
    #footer-menu{gap:1em;font-size: 0.875em;}
    .sub-footer{font-size: 0.750em;}
}
@media screen and (max-width: 1023px) {
    .menu-toggle{position: relative;z-index: 78;padding: 7px;font-size: 20px;width: 24px;height: 24px;}
    .menu-toggle span{transition: opacity 0.2s ease-in-out;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%)}
    .main-navigation:not(.toggled) .menu-toggle .close, .toggled .menu-toggle .open{opacity: 0;}
    /*.toggled .menu-toggle {position: fixed;right: 20px;top: 24px;}*/
    .menu-menu-container{width: 100%;height: 100vh;position: fixed;right: 0;margin-right: -100%;padding: 20px;background: linear-gradient(45deg,  rgba(201,201,201,0.95) 0%,rgba(255,255,255,0.95) 100%);transition: margin-right 0.3s ease-in-out;top: 0;z-index: 77;backdrop-filter: blur(3px);display: flex;flex-direction: column;overscroll-behavior: contain;overflow-y: auto;}
.main-navigation.toggled .menu-menu-container{margin-right: 0;}
.menu-menu-container ul{margin: auto;text-align: center;text-transform: lowercase;font-family: 'HankenGrotesk-Black';display: flex; flex-direction: column;gap:10px}
.menu-menu-container a{display: block;padding: 7px 0;font-size: 2em;}
}
@media screen and (min-width: 1024px) {
    body:not(:has(.hero)) main, .page-template-default main, .page-template-page-contacts main{margin-bottom: 5em;}
    
    
section.lg-bg{padding-top: 110px;padding-bottom: 110px;}
main{font-size: 1.125rem}
.flex-l{display: flex}
.menu-toggle{display:none}
.copyr p{margin: 0;}
.main-navigation ul{display:flex;gap:1.25rem;text-transform: lowercase;}

.site-branding{width: 160px;}

.site-footer{padding-top: 40px;}
.sub-footer{justify-content: space-between; align-items: center;margin-top: 30px;padding-top: 1rem;}
.copyr{gap:20px}
article:not(.has-post-thumbnail) {padding-top: 5em;} 
}
@media screen and (min-width: 1240px) {
    .container{max-width: 1240px;}
    .has-post-thumbnail .entry-title, .page-template-default:not(.home) .hero .entry-title{font-size: 3em;}
}