/* === Styling === */

.core{ 
	--h2-size: var(--h1-size);
	--h2-align: center;
	--h2-color: var(--color-dark);
	--h3-color: var(--color-dark);
	--scribe-logo-height: 2em;
	--scribe-menu-height: 3.25em;
	--scribe-menu-margin: 0;
	--scribe-menu-background: none;
	--scribe-menu-shadow: none;
	--scribe-menu-padding: 1em 1em 0em 1em;
	--scribe-nav-background: #fff;	
	--scribe-nav-shadow: 0px 0px 3px #aaa;	
	--scribe-nav-padding: 1em; 
	--scribe-nav-radius: 1.5em 0em 1.5em 0em;
	--scribe-link-padding: 1em;
	--scribe-submenu-shadow: 0px 0px 3px #aaa;
	--scribe-submenu-radius: 1.5em 0em 1.5em 0em;
	--scribe-submenu-separator: none;
	--scribe-submenu-spacing: .25em;
	--scribe-submenu-margin: 2em;
	--scribe-header-background: var(--grad-rc);
	--scribe-header-height: 100vh;
	--scribe-header-filter: invert(1) grayscale(1) brightness(10);
	--scribe-header-margin: 20pt;
	--scribe-title-color: #fff;
	--scribe-description-color: #fff;
	--scribe-footer-separator: none;
	--scribe-summary-background: var(--grad-hc);
	--scribe-summary-color: #fff;
	--scribe-summary-padding: 4em; 
	--scribe-author-padding: 0em 4em 2em 4em;
	--scribe-author-background: var(--grad-hc);
	--scribe-author-color: #fff;
	--scribe-author-filter: invert(1) grayscale(1) brightness(10);
	--scribe-mob-menu-background: #fff;
	--scribe-mob-menu-color: #000;
	--scribe-mob-menu-fill: var(--grad-hg);
}
.core .scribe-app-menu.s0{ 
	--scribe-nav-background: none;
	--scribe-nav-shadow: none;
	--scribe-logo-filter: grayscale(1) brightness(10);
	--scribe-menu-color: #fff;
	--scribe-menu-filter: grayscale(1) brightness(10);
	--scribe-submenu-color: #fff;
	--scribe-submenu-separator: none;
	--scribe-submenu-background: rgba(0,0,0, .25);
	--scribe-submenu-shadow: none;
	--scribe-submenu-blur: 100px;
	--scribe-submenu-margin: 0px;
	--scribe-dialogs-background: #fff;
	--scribe-dialogs-color: #000;
	--scribe-dialogs-icon: none;
	--scribe-dialogs-close: grayscale(1) brightness(10);
}

.scribe-app-header{ overflow: hidden; }
.scribe-app-header *:focus{ outline-color: #fff; }
.scribe-section{ padding: 4em; }
.scribe-section .scribe-subtitle{ color: #000; }
.scribe-section:nth-child(2n){ background: var(--color-white); }
.scribe-section:nth-child(2n+1){ background: var(--grad-hg); }
.scribe-post-subtitle{ margin-top: .25em; }
.scribe-summary{ --scribe-menu-filter: grayscale(1) brightness(10); }

@media (max-width: 1200px){
	.scribe-summary{ padding: 2em; }
	.scribe-section{ padding: 2em; }
}

/* === Animations === */

.core .scribe-app-mobile.a0{ --scribe-toggle-filter: grayscale(1) brightness(10); }
.core .s0 .scribe-app-img{ animation: .25s linear 1 wait, .75s linear .25s 1 rotx360; }
.core .s0 .scribe-app-title{ animation: .5s linear 1 wait, .5s linear .5s 1 trl2r; }
.core .s0 .scribe-app-h1{ animation: .5s linear 1 wait, .5s linear .5s 1 trl2r; }
.core .s0 .scribe-app-description{ animation: .75s linear 1 wait, .5s linear .75s 1 trb2t; }
.core .s0 .scribe-app-menu *:focus{ outline-color: #fff; }

.scribe-section.soon .scribe-title{ animation: .5s linear 1 rotx360; }
.scribe-section.soon h2{ animation: .5s linear 1 rotx360; }
.scribe-section.soon h3{ animation: .5s linear .25s 1 rotx360; }
.scribe-section.soon h4{ animation: .5s linear .5s 1 rotx360; }

/* === Contact form === */

.scribe-contact-row{ display: flex; align-items: center; }
.scribe-contact-row>*{ margin: 0 var(--input-padding); }
.scribe-contact-row>*:first-child{ margin-left: 0; }
.scribe-contact-row>*:last-child{ margin-right: 0; }
.scribe-contact-rows>*{ margin-top: var(--s2x); }
.scribe-contact-rows>*:first-child{ margin-top: 0; }
.scribe-contact-input{ flex-grow: 1; flex-basis: auto; }
.scribe-contact-content{ height: 12em; }
.scribe-contact-submit{ display: flex; justify-content: center; }
.scribe-contact-row-consent{ border: 1px dashed #dcdcdc; padding: var(--input-padding); }