/*
- arrangement
- text

#ailt
#heirnt

*/

html, body, main, section {
 flex-direction:column;
 position:relative;
 width:100%;
 justify-content:center;
}
html, body {
 height:100%;
}

section, ._CD, ._CL {
 display:flex;
 flex-direction:column;
 height:auto;
}

._CD, .CL {
 position:relative;
 margin:0 auto !important;
 width:100%;
 max-width:var(--maxWidth_CTN);
}

._CL {
 flex-shrink:1;
}







.shadow {box-shadow:var(--shadow);}
.shadow-flat {box-shadow:var(--shadow-flat);}
.shadow-top-flat {box-shadow:var(--shadow-flat);}

.d-none {display:none!important;}
.inline {display:inline-block;}
.inline-flex {display:inline-flex;}
.block {display:block;}
.flex {display:flex;}
.grid {display:grid;}
.table {display:table;}

.flex.wrap {flex-wrap:wrap;}
.flex.nowrap {flex-wrap:nowrap;}

.collapse-v {
 max-height:0!important;
}
.collapse-v-pc {
 height:0%!important;
}
#toggle-nav-btm,
#menu-gallery
 {
 max-height:2000px;
}



/* - - - - - - - - - - - -
 - - - - - - - - - - - - - arrangement
- - - - - - - - - - - - */



.pos-centre-vrt {left:50%;transform:translateX(-50%);}






/* - - - - - - - - - - - -
 - - - - - - - - - - - - - text
- - - - - - - - - - - - */


.javalink {cursor: pointer;}

.easing {
 -webkit-transition:var(--ease-in-out);
 -moz-transition:var(--ease-in-out);
 -o-transition:var(--ease-in-out);
 transition:var(--ease-in-out);
}
.easing-long {
 -webkit-transition:var(--ease-in-out-long);
 -moz-transition:var(--ease-in-out-long);
 -o-transition:var(--ease-in-out-long);
 transition:var(--ease-in-out-long);
}


h1 {
 min-width:3.6rem;min-height:3.6rem;
 font-size:3.6rem;
 font-weight:100;
 letter-spacing:.18rem;
 line-height:3.9rem;
 margin:0;
}
h1.display {
 font-size:3.9rem;
 font-weight:700;
}

h2 {
 font-size:2rem;
 font-weight:100;
 margin:30px 0 12px 0;
 letter-spacing:.18rem;
 line-height:2.4rem;
}
h2.display {
 font-weight:700;
 letter-spacing:.06rem;
}
h3 {
 font-size:1.3rem;
 letter-spacing:.1rem;
 font-weight: 500;
}
h5 { /*figcaption titles*/
 min-width:1.2rem;min-height:1.2rem;
 font-size:1.2rem;
 font-weight:300;
 letter-spacing:.05rem;
 margin:0 0 6px 0;
 padding:0;
}
h5.detail {
 font-size:.9rem;
 font-weight:300;
 letter-spacing:.1rem;
 padding:0;
}
h6 {
 font-size:1rem;
 font-weight:300;
 letter-spacing:.05rem;
 margin:0 0 6px 0;
 padding:0;
}
h6.display {
 letter-spacing:.15rem;
}
p {
 min-width:1.3rem;min-height:1.3rem;
 font-size:1.3rem;
 font-weight:400;
 line-height:2rem;
}
p.display {
 font-weight:700;
}
p.tfooter {font-size:.93rem;}

h1.nowrap,
h2.nowrap,
h3.nowrap
h4.nowrap,
h5.nowrap,
p.nowrap {white-space:nowrap;}

#nav-text {
 font-size:1.1rem;
 letter-spacing:.24rem;
}


a {color:#f9fff9; text-decoration:none; }
a:hover {color:white;}

a.n {color:#f9fff9; }
a.n:visited {color:#666; }
a.n:hover {color:white; }
a.n:active {color:#f9fff9; }
a.n:link {color:#666; }

a.LGT {color:#f9fff9; }
a.LGT:visited {color:#f9fff9; }
a.LGT:hover {color:white; }
a.LGT:active {color:#f9fff9; }
a.LGT:link {color:#f9fff9; }

a.anc {display:block; width:100%; height:12%; }
a#endCover {
 z-index:1000;
 position:absolute;bottom:-250%;left:0;
 width:1px;height:1px;
}

article a {color:#DDE2E1;}
article a:visited {color:#DDE2E1;}
article a:hover {color:#DDE2E1;}
article a:active {color:#DDE2E1;}
article a:link {color:#DDE2E1;}



/* offset-x | offset-y | blur-radius | color */
.txt-shadow {text-shadow:1px 0 3px var(--dark);}

.txt-italic {font-style:italic;}
.unbold {font-weight:normal}
.underline {text-decoration:underline;}
.allcaps {text-transform:uppercase;}


.paragraphs p {
 margin-bottom:1em;
}
.paragraphs p:last-child {
 margin-bottom:0;
}



.image {
 background-position:center;
 background-repeat:no-repeat;
 background-size:cover;
}
.image.expanded {
 background-size:103%;
}




/* - - - - - - - - - - - -
 - - - - - - - - - - - - - structure
- - - - - - - - - - - - */

.circle {border-radius:50%;}
.corner.br {border-radius:0 0 100% 0;}

.ratio {width:100%;}
.ratio#r-1n1 {padding-bottom:100%;}
.ratio#r-2n3 {padding-bottom:150%;}
.ratio.n11 {padding-bottom:100%;}

/* - - - - - - - - - - - -
 - - - - - - - - - - - - - structure
- - - - - - - - - - - - */

/* figure*/
html, body, main, section, ._CD {
 position:relative;width:100%;
}
html, body, main {
 height:100%;
}
section, ._CD {display:flex;}

.page,
section#cover * ,
main.gallery > * {
 flex-shrink:0;
}

.page {
flex-grow:0;
box-sizing:border-box;
}
._CD, figure, section#A {
 overflow:hidden;
}



html {
 font-size:var(--baseFontSize);
 font-family:'Exo 2',sans-serif;
 line-height:1.4em;

 background-color:var(--light);
 color:var(--middark);
}
body {
 z-index:1;
 overflow-x:hidden;
 overflow-y:scroll;
}

._CD {
 flex-direction:column;
 max-width:var(--maxWidth);
 padding-left:1.5rem;padding-right:1.5rem;
}

ul.list {list-style:circle;}
ul li a {
 display:inline-block;
 width:100%;height:100%;
 padding-top:calc(var(--spacer)*1.75);
 padding-bottom:calc(var(--spacer)*1.75);
}

ul.nav li a {
 letter-spacing:.24rem;
}

ul.nav li a:hover {
 font-weight:700;
}

ul.nav li a.selected {
 font-weight:700;
}

ul.nav li {
 font-weight:100;
 text-transform:uppercase;
 letter-spacing:.12rem;
 border-bottom:1px solid var(--midlight);
}

ul.nav.sub {
 padding-top:calc(var(--spacer)*.75);
 padding-bottom:calc(var(--spacer)*.25);
 padding-left:calc(var(--spacer)*1.5);
 padding-right:calc(var(--spacer)*1.5);
}
ul.nav.sub li {
 padding:calc(var(--spacer)*1.75);
 text-align:center;
 border-bottom:1px solid var(--dark-12);
}

ul.nav li:last-child,
ul.nav.sub li:last-child {
 border-bottom:0;
}

section#cover {justify-content:flex-start}

section#cover section#A span#logo svg {
 width:auto;height:15rem;
}
section#cover div#title {padding:0 12%;}
section#cover div#title span {width:100%;}

section#cover section#A #subtitle {
 font-size:33px;letter-spacing:1px;
}
section#cover section#A #intro {
 font-size:18px;
 font-weight:100;
 text-shadow: 1px 1px 2px #000;
}



section#cover section#B ._CD > div {
 padding:1rem 0 0 6rem;
 align-items:center;
}
section#cover section#B ._CD > div > a > div {
 gap:.6rem;
}
section#cover section#B ._CD > div > a p {
 font-weight:600;
 font-size:1.4rem;
}



section#cover section#C {height:0;}
section#cover section#C.active {height:5rem;}

section#cover section#C ._CD {height:0;}
section#cover section#C.active ._CD {height:100%;}


section#cover section#D {
 z-index:0;
 position:relative;
 width:0%;
 border:1px solid transparent;
}

section#cover #instagram img {
 margin:3px;
 border:1px solid var(--midlight);
}



main.gallery figure {margin:0}
main.gallery header {max-width:500px}
main.gallery figure img {max-width:500px}

main.gallery figure img {
 filter: contrast(82%);
 max-width:100%;
}/* see img.css for viewport height declination */

main.gallery figure figcaption #fig_ext {
 height:0%;display:none;
}

main.gallery figure:hover figcaption #fig_ext {
 height:100%;display:flex;
}

main.gallery header:last-child {
 margin-bottom:calc(var(--spacer)*4);
}




nav#ailt {
 overflow-y:scroll;
 z-index:7;
 position:fixed;top:0;left:16.66%;
 height:100%;

 font-size:1.2rem;
 color:var(--light);
}
nav#ailt a {color:#C4C6C0;}

nav.accordion {
}
nav.accordion .header,
nav.accordion a.entry {
 padding:1.2rem;
 display:block;
}
nav.accordion a.entry.active {
 font-weight:700;
}
nav.accordion a.entry:hover {transition:color 0.2s ease;}
nav.accordion a.entry:hover {font-weight:700;}

.accordion-section.month {
 background-color:var(--middark);
}
.accordion-section .content {
 background-color:var(--dark);
}

.accordion-section .content {
 display: none;
}
.accordion-section.year > .header,
.accordion-section.month > .header {
 border: 1px solid transparent;
 transition: border-color 0.2s ease;
}
.accordion-section.year > .header:hover,
.accordion-section.month > .header:hover {
  font-weight:700;
  border-bottom:1px solid var(--dark);
}
.accordion-section.expanded > .content {
 display: block;
}
.accordion-section.year.expanded > .header,
.accordion-section.month.expanded > .header {
  font-weight:700;
}
.accordion-section.year.expanded > .header {
 border-bottom:1px solid var(--midlight);
}

#ailt main {
 padding:2rem 0 4rem 0;
}

nav#secondary {height:0;}
nav#secondary.active {height:auto;}

body#ailt #cntl-icons,
body#heirnt #cntl-icons {min-height:1.8rem;}
body#ailt #cntl-icons h2,
body#heirnt #cntl-icons h2 {display:none;}



main#alt {
 top:0;left:0;
 width:100%;
}

main#alt article {
 position:relative;
 padding:6%;
 width:100%; max-width: 900px;
 height:auto;
}

main#alt article h1,
main#alt article h3 {color:white;}

main#alt article figure {
 position:relative;
 width:100%;left:0;
 margin:12% 0 0 0;
 text-align: center;
 border-bottom:1px solid #CCC;
}

main#alt article figure img {
 position:relative;z-index:2;
 /*width:500px;*/width:100%;
 margin:0 0 12% 0;
 border:1px solid #5B5D58; border-radius:12px;
 box-shadow: 1px 1px 4px #5B5D58;
}


#heirnt article {display:none;}

#heirnt section#meta-wrapper {
 width:100%;
 color:var(--light);
}
#heirnt section#meta-wrapper .content {display:none;}
#heirnt section#meta-wrapper.expanded .content {display:block;}

#heirnt section #meta-header {
 height:3rem;
 padding-left:2rem;
 color:var(--light);
}
#heirnt section #meta-header span#meta-toggle-label {
 padding-right:1rem;
}
#heirnt #meta-content {
 padding:1rem;
}
#heirnt #meta-content span.label {
 font-weight:500;
 width:30%;
 /*min-width:80px;*/
}

#heirnt #meta-content .meta-field {
 display:flex;
 align-items:center;
 height:2rem;
}
#heirnt #meta-content .meta-field input,
#heirnt #meta-content .meta-field select {
 width:70%;
 max-width: 100%;
}
#heirnt #meta-content .meta-field input[type="text"],
#heirnt #meta-content .meta-field select {
 color:var(--midlight);
 background-color:var(--middark);
 border:none;
 box-shadow: none;
 outline: none;
 font: inherit;
 padding:0 0 0 .5rem;
}
#heirnt #meta-content .meta-field input[type="checkbox"] {
  margin-left: 0;
  margin-right: auto;
  width:1rem;
}




#heirnt textarea {
 width:100%;
 height:100%;
 padding:1rem;
 background-color:transparent;
 color:inherit;
 border:none;
 resize:none;

 font-family: inherit;
 font-size: 1.2rem;
}

#heirnt input#saveBtn {
 all:unset;
 display:flex;
 align-items:center; justify-content:center;
 text-align:center;
 position:fixed;
 bottom:0;
 width:calc(100% - 2rem);
 height:5rem;
 margin:1rem;
 background-color: var(--middark);
 color:var(--midlight);
 font-size:1.5rem;
 border-radius:1rem;
 /* button position in P/index.php */
 transition: transform 0.1s ease;
}

#heirnt input#saveBtn:active {
 transform: translate(2px, 2px);
}

#heirnt input#saveBtn.saved {
 background-color: var(--dark);
 transition: background-color 0.6s ease;
}





.w-c9 {width:75%;}

.row.full,
.row-1.full,
.row-2.full,
.row-3.full,
.row-4.full,
.row-5.full,
.row-6.full,
.row-7.full,
.row-8.full,
.row-9.full,
.row-10.full,
.row-11.full,
.row-12.full {
 width:100%;
}

.wrap {flex-wrap: wrap;}

.row {
 flex-direction:row;
}
.row-1 {
 flex-direction:row;
 height:08.3%!important;
}
.row-2 {
 flex-direction:row;
 height:16.6%!important;
}
.row-3 {
 flex-direction:row;
 height:25%!important;
}
.row-4 {
 flex-flow:row wrap;
 height:33%!important;
}
.row-5 {
 flex-flow:row wrap;
 height:41%!important;
}
.row-6 {
 flex-flow:row wrap;
 height:50%!important;
}
.row-7 {
 flex-flow:row wrap;
 height:58%!important;
}
.row-8 {
 flex-direction:row;
 height:66.6%!important;
}
.row-9 {
 flex-direction:row;
 height:75%!important;
}
.row-10 {
 flex-direction:row;
 height:83.3%!important;
}
.row-11 {
 flex-direction:row;
 height:91.6%!important;
}
.row-12 {
 flex-direction:row;
 height:100%!important;
}


.col.full,
.col-0.full,
.col-1.full,
.col-2.full,
.col-3.full,
.col-4.full,
.col-5.full,
.col-6.full,
.col-7.full,
.col-8.full,
.col-9.full,
.col-10.full,
.col-11.full,
.col-12.full {
 height:100%;
}

.col {
 flex-direction:column;
}
.col-0 {
 flex-direction:column;
 width:0;
}
.col-1 {
 flex-direction:column;
 width:8.33%!important;
}
.col-2 {
 flex-direction:column;
 width:16.66%!important;
}
.col-3 {
 flex-direction:column;
 width:25%!important;
}
.col-4 {
 flex-direction:column;
 width:33%!important;
}
.col-5 {
 flex-direction:column;
 width:41%!important;
}
.col-6 {
 flex-direction:column;
 width:50%!important;
}
.col-7 {
 flex-direction:column;
 width:58%!important;
}
.col-8 {
 flex-direction:column;
 width:66.66%!important;
}
.col-9 {
 flex-direction:column;
 width:75%!important;
}
.col-10 {
 flex-direction:column;
 width:83.3%!important;
}
.col-11 {
 flex-direction:column;
 width:91.66%!important;
}
.col-12 {
 flex-direction:column;
 width:100%!important;
}





/* - - - - - - - - - - - -
 - - - - - - - - - - - - - margin padding
- - - - - - - - - - - - */

.m-0 {
 margin-top:0!important;
 margin-bottom:0!important;
 margin-right:0!important;
 margin-left:0!important;
}
.p-0 {
 padding-top:0!important;
 padding-bottom:0!important;
 padding-right:0!important;
 padding-left:0!important;
}
.mt-0 {margin-top:0!important;}
.mr-0 {margin-right:0!important;}
.mb-0 {margin-bottom:0!important;}
.ml-0 {margin-left:0!important;}
.mx-0 {
 margin-left:0!important;
 margin-right:0!important;
}
.my-0 {
 margin-top:0!important;
 margin-bottom:0!important;
}
.pt-0 {padding-top:0!important;}
.pr-0 {padding-right:0!important;}
.pb-0 {padding-bottom:0!important;}
.pl-0 {padding-left:0!important;}
.px-0 {
 padding-left:0!important;
 padding-right:0!important;
}
.py-0 {
 padding-top:0!important;
 padding-bottom:0!important;
}

.p-1 {
 padding-top:calc(var(--spacer)*.25)!important;
 padding-right:calc(var(--spacer)*.25)!important;
 padding-bottom:calc(var(--spacer)*.25)!important;
 padding-left:calc(var(--spacer)*.25)!important;
}
.pt-1 {padding-top:calc(var(--spacer)*.25)!important;}
.pr-1 {padding-right:calc(var(--spacer)*.25)!important;}
.pb-1 {padding-bottom:calc(var(--spacer)*.25)!important;}
.pl-1 {padding-left:calc(var(--spacer)*.25)!important;}
.px-1 {
 padding-left:calc(var(--spacer)*.25)!important;
 padding-right:calc(var(--spacer)*.25)!important;
}
.py-1 {
 padding-top:calc(var(--spacer)*.25)!important;
 padding-bottom:calc(var(--spacer)*.25)!important;
}
.m-1 {
 padding-top:calc(var(--spacer)*.25)!important;
 padding-right:calc(var(--spacer)*.25)!important;
 padding-bottom:calc(var(--spacer)*.25)!important;
 padding-left:calc(var(--spacer)*.25)!important;
}
.mt-1 {padding-top:calc(var(--spacer)*.25)!important;}
.mr-1 {padding-right:calc(var(--spacer)*.25)!important;}
.mb-1 {padding-bottom:calc(var(--spacer)*.25)!important;}
.ml-1 {padding-left:calc(var(--spacer)*.25)!important;}
.mx-1 {
 padding-left:calc(var(--spacer)*.25)!important;
 padding-right:calc(var(--spacer)*.25)!important;
}
.my-1 {
 padding-top:calc(var(--spacer)*.25)!important;
 padding-bottom:calc(var(--spacer)*.25)!important;
}

.mt-1n {padding-top:calc(var(--spacer)*-.25)!important;}
.mr-1n {padding-right:calc(var(--spacer)*-.25)!important;}
.mb-1n {padding-bottom:calc(var(--spacer)*-.25)!important;}
.ml-1n {padding-left:calc(var(--spacer)*-.25)!important;}


.m-2 {
 margin-top:calc(var(--spacer)*.5)!important;
 margin-right:calc(var(--spacer)*.5)!important;
 margin-bottom:calc(var(--spacer)*.5)!important;
 margin-left:calc(var(--spacer)*.5)!important;
}
.mt-2 {margin-top:calc(var(--spacer)*.5)!important;}
.mr-2 {margin-right:calc(var(--spacer)*.5)!important;}
.mb-2 {margin-bottom:calc(var(--spacer)*.5)!important;}
.ml-2 {margin-left:calc(var(--spacer)*.5)!important;}
.mx-2 {
 margin-left:calc(var(--spacer)*.5)!important;
 margin-right:calc(var(--spacer)*.5)!important;
}
.my-2 {
 margin-top:calc(var(--spacer)*.5)!important;
 margin-bottom:calc(var(--spacer)*.5)!important;
}
.mt-2n {margin-top:calc(var(--spacer)*-.5)!important;}
.mr-2n {margin-right:calc(var(--spacer)*-.5)!important;}
.mb-2n {margin-bottom:calc(var(--spacer)*-.5)!important;}
.ml-2n {margin-left:calc(var(--spacer)*-.5)!important;}


.p-2 {
 padding-top:calc(var(--spacer)*.5)!important;
 padding-right:calc(var(--spacer)*.5)!important;
 padding-bottom:calc(var(--spacer)*.5)!important;
 padding-left:calc(var(--spacer)*.5)!important;
}
.pt-2 {padding-top:calc(var(--spacer)*.5)!important;}
.pr-2 {padding-right:calc(var(--spacer)*.5)!important;}
.pb-2 {padding-bottom:calc(var(--spacer)*.5)!important;}
.pl-2 {padding-left:calc(var(--spacer)*.5)!important;}
.px-2 {
 padding-left:calc(var(--spacer)*.5)!important;
 padding-right:calc(var(--spacer)*.5)!important;
}
.py-2 {
 padding-top:calc(var(--spacer)*.5)!important;
 padding-bottom:calc(var(--spacer)*.5)!important;
}


.mt-3n {margin-top:calc(var(--spacer)*-1)!important;}

.m-3 {
 margin-top:var(--spacer)!important;
 margin-right:var(--spacer)!important;
 margin-bottom:var(--spacer)!important;
 margin-left:var(--spacer)!important;
}
.mt-3 {margin-top:var(--spacer)!important;}
.mr-3 {margin-right:var(--spacer)!important;}
.mb-3 {margin-bottom:var(--spacer)!important;}
.ml-3 {margin-left:var(--spacer)!important;}
.mx-3 {
 margin-left:var(--spacer)!important;
 margin-right:var(--spacer)!important;
}
.my-3 {
 margin-top:var(--spacer)!important;
 margin-bottom:var(--spacer)!important;
}
.mt-3n {margin-top:calc(var(--spacer)*-1)!important;}
.mr-3n {margin-right:calc(var(--spacer)*-1)!important;}
.mb-3n {margin-bottom:calc(var(--spacer)*-1)!important;}
.ml-3n {margin-left:calc(var(--spacer)*-1)!important;}
.mx-3n {
 margin-left:calc(var(--spacer)*-1)!important;
 margin-right:calc(var(--spacer)*-1)!important;
}
.my-3n {
 margin-top:calc(var(--spacer)*-1)!important;
 margin-bottom:calc(var(--spacer)*-1)!important;
}


.p-3 {
 padding-top:var(--spacer)!important;
 padding-right:var(--spacer)!important;
 padding-bottom:var(--spacer)!important;
 padding-left:var(--spacer)!important;
}
.pt-3 {padding-top:var(--spacer)!important;}
.pr-3 {padding-right:var(--spacer)!important;}
.pb-3 {padding-bottom:var(--spacer)!important;}
.pl-3 {padding-left:var(--spacer)!important;}
.px-3 {
 padding-left:var(--spacer)!important;
 padding-right:var(--spacer)!important;
}
.py-3 {
 padding-top:var(--spacer)!important;
 padding-bottom:var(--spacer)!important;
}

.m-4 {margin:calc(var(--spacer)*1.5);}
.mt-4 {margin-top:calc(var(--spacer)*1.5);}
.mr-4 {margin-right:calc(var(--spacer)*1.5);}
.mb-4 {margin-bottom:calc(var(--spacer)*1.5);}
.ml-4 {margin-left:calc(var(--spacer)*1.5);}
.mx-4 {
 margin-left:calc(var(--spacer)*1.5);
 margin-right:calc(var(--spacer)*1.5);
}
.my-4 {
 margin-top:calc(var(--spacer)*1.5);
 margin-bottom:calc(var(--spacer)*1.5);
}
.p-4 {padding:calc(var(--spacer)*1.5);}
.pt-4 {padding-top:calc(var(--spacer)*1.5);}
.pr-4 {padding-right:calc(var(--spacer)*1.5);}
.pb-4 {padding-bottom:calc(var(--spacer)*1.5);}
.pl-4 {padding-left:calc(var(--spacer)*1.5);}
.px-4 {
 padding-left:calc(var(--spacer)*1.5);
 padding-right:calc(var(--spacer)*1.5);
}
.py-4 {
 padding-top:calc(var(--spacer)*1.5);
 padding-bottom:calc(var(--spacer)*1.5);
}

.m-5 {margin:calc(var(--spacer)*2)!important;}
.mt-5 {margin-top:calc(var(--spacer)*2)!important;}
.mr-5 {margin-right:calc(var(--spacer)*2)!important;}
.mb-5 {margin-bottom:calc(var(--spacer)*2)!important;}
.ml-5 {margin-left:calc(var(--spacer)*2)!important;}
.mx-5 {
 margin-left:calc(var(--spacer)*2)!important;
 margin-right:calc(var(--spacer)*2)!important;
}
.my-5 {
 margin-top:calc(var(--spacer)*2)!important;
 margin-bottom:calc(var(--spacer)*2)!important;
}

.p-5 {padding:calc(var(--spacer)*2);}
.pt-5 {padding-top:calc(var(--spacer)*2)!important;}
.pr-5 {padding-right:calc(var(--spacer)*2);}
.pb-5 {padding-bottom:calc(var(--spacer)*2);}
.pl-5 {padding-left:calc(var(--spacer)*2);}
.px-5 {
 padding-left:calc(var(--spacer)*2);
 padding-right:calc(var(--spacer)*2);
}
.py-5 {
 padding-top:calc(var(--spacer)*2);
 padding-bottom:calc(var(--spacer)*2);
}

.mt-018 {margin-top:1.8%;}
.mr-018 {margin-right:1.8%;}
.mb-018 {margin-bottom:1.8%;}
.ml-018 {margin-left:1.8%;}
.mx-018 {
 margin-left:1.8%;
 margin-right:1.8%;
}
.my-018 {
 margin-top:1.8%;
 margin-bottom:1.8%;
}
.pt-018 {padding-top:1.8%;}
.pr-018 {padding-right:1.8%;}
.pb-018 {padding-bottom:1.8%;}
.pl-018 {padding-left:1.8%;}
.px-018 {
 padding-left:1.8%;
 padding-right:1.8%;
}
.py-018 {
 padding-top:1.8%;
 padding-bottom:1.8%;
}

.pt-06 {padding-top:6%;}
.pr-06 {padding-right:6%;}
.pb-06 {padding-bottom:6%;}
.pl-06 {padding-left:6%;}
.px-06 {
 padding-left:6%;
 padding-right:6%;
}
.py-30 {
 padding-top:30%;
 padding-bottom:30%;
}
.pt-30 {padding-top:30%;}
.pr-30 {padding-right:30%;}
.pb-30 {padding-bottom:30%;}
.pl-30 {padding-left:30%;}
.px-30 {
 padding-left:30%;
 padding-right:30%;
}
.py-30 {
 padding-top:30%;
 padding-bottom:30%;
}

.m-1c {margin:8.33%;}
.mt-1c {margin-top:8.33%;}
.mr-1c {margin-right:8.33%;}
.mb-1c {margin-bottom:8.33%;}
.ml-1c {margin-left:8.33%;}
.mx-1c {
 margin-left:8.33%;
 margin-right:8.33%;
}
.my-1c {
 margin-top:8.33%;
 margin-bottom:8.33%;
}
.mt-1cn {margin-top:-8.33%;}
.mr-1cn {margin-right:-8.33%;}
.mb-1cn {margin-bottom:-8.33%;}
.ml-1cn {margin-left:-8.33%;}


.m-2c {margin:16.7%;}
.mt-2c {margin-top:16.7%;}
.mr-2c {margin-right:16.7%;}
.mb-2c {margin-bottom:16.7%;}
.ml-2c {margin-left:16.7%;}
.mx-2c {
 margin-left:16.7%;
 margin-right:16.7%;
}
.my-2c {
 margin-top:16.7%;
 margin-bottom:16.7%;
}
.mt-2cn {margin-top:-16.7%;}
.mr-2cn {margin-right:-16.7%;}
.mb-2cn {margin-bottom:-16.7%;}
.ml-2cn {margin-left:-16.7%;}

.m-4c {margin:33.3%;}
.mt-4c {margin-top:33.3%;}
.mr-4c {margin-right:33.3%;}
.mb-4c {margin-bottom:33.3%;}
.ml-4c {margin-left:33.3%;}
.mx-4c {
 margin-left:33.3%;
 margin-right:33.3%;
}
.my-4c {
 margin-top:33.3%;
 margin-bottom:33.3%;
}
.mt-4cn {margin-top:-33.3%;}
.mr-4cn {margin-right:-33.3%;}
.mb-4cn {margin-bottom:-33.3%;}
.ml-4cn {margin-left:-33.3%;}


.mt-50 {margin-top:50%;}
.mr-50 {margin-right:50%;}
.mb-50 {margin-bottom:50%;}
.ml-50 {margin-left:50%;}
.mx-50 {
 margin-left:50%;
 margin-right:50%;
}
.py-50 {
 padding-top:50%;
 padding-bottom:50%;
}
.pt-50 {padding-top:50%;}
.pr-50 {padding-right:50%;}
.pb-50 {padding-bottom:50%;}
.pl-50 {padding-left:50%;}
.px-50 {
 padding-left:50%;
 padding-right:50%;
}
.py-50 {
 padding-top:50%;
 padding-bottom:50%;
}

.m-12c {margin:100%;}
.mt-12c {margin-top:100%;}
.mr-12c {margin-right:100%;}
.mb-12c {margin-bottom:100%;}
.ml-12c {margin-left:100%;}
.mx-12c {
 margin-left:100%;
 margin-right:100%;
}
.my-12c {
 margin-top:100%;
 margin-bottom:100%;
}
.mt-12cn {margin-top:-100%;}
.mr-12cn {margin-right:-100%;}
.mb-12cn {margin-bottom:-100%;}
.ml-12cn {margin-left:-100%;}


.mt-1pn {margin-top:-1px;}
.mr-1pn {margin-right:-1px;}
.mb-1pn {margin-bottom:-1px;}
.ml-1pn {margin-left:-1px;}

.mt-2pn {margin-top:-2px;}
.mr-2pn {margin-right:-2px;}
.mb-2pn {margin-bottom:-2px;}
.ml-2pn {margin-left:-2px;}


.mt-12p {margin-top:12px;}
.mr-12p {margin-right:12px;}
.mb-12p {margin-bottom:12px;}
.ml-12p {margin-left:12px;}
.mx-12p {
 margin-left:12px;
 margin-right:12px;
}
.my-12p {
 margin-top:12px;
 margin-bottom:12px;
}
.pt-12p {padding-top:12px;}
.pr-12p {padding-right:12px;}
.pb-12p {padding-bottom:12px;}
.pl-12p {padding-left:12px;}
.px-12p {
 padding-left:12px;
 padding-right:12px;
}
.py-12p {
 padding-top:12px;
 padding-bottom:12px;
}

.mt-18p {margin-top:18px;}
.mr-18p {margin-right:18px;}
.mb-18p {margin-bottom:18px;}
.ml-18p {margin-left:18px;}
.mx-18p {
 margin-left:18px;
 margin-right:18px;
}
.my-18p {
 margin-top:18px;
 margin-bottom:18px;
}
.pt-18p {padding-top:18px;}
.pr-18p {padding-right:18px;}
.pb-18p {padding-bottom:18px;}
.pl-18p {padding-left:18px;}
.px-18p {
 padding-left:18px;
 padding-right:18px;
}
.py-18p {
 padding-top:18px;
 padding-bottom:18px;
}
.pt-24p {padding-top:24px;}
.pr-24p {padding-right:24px;}
.pb-24p {padding-bottom:24px;}
.pl-24p {padding-left:24px;}
.px-24p {
 padding-left:24px;
 padding-right:24px;
}
.py-24p {
 padding-top:24px;
 padding-bottom:24px;
}


/* - - - - - - - - - - - -
 - - - - - - - - - - - - - break.md
- - - - - - - - - - - - */

@media (min-width:768px) {


 .d-md-none {display:none!important;}
 .flex-md {display:flex!important;}
 .inline-md {display:inline-block!important;}

 .justify-md-start {justify-content:flex-start;}
 .justify-md-centre {justify-content:center!important;}
 .justify-md-end {justify-content:flex-end;}
 .justify-md-between {justify-content:space-between;}
 .justify-md-space {justify-content:space-around;}

 .align-md-start {align-items:flex-start;}
 .align-md-centre {align-items:center;}
 .align-md-end {align-items:flex-end;}
 .align-md-stretch {align-items:stretch;}



 section#cover section#B h1 {
  font-size:6.3rem;
  min-height:4.2rem;
 }

 section#cover section#C #tab-nav .circle {
  margin-top:-8.3%;
 }

 section#cover section#C #tab-nav #logo {
  margin-top:60px!important;
 }

 main.gallery > * {
  align-items:center;
 }

 main#alt {
  padding-left:33.33%;
 }

 .row-md {
  flex-direction:row;
  height:auto!important;
 }

 .col-md-0 {
  flex-direction:column;
  width:0;
 }
 .col-md-2 {
  flex-direction:column;
  width:16.66%!important;
 }
 .col-md-9 {
  flex-direction:column;
  width:75%!important;
 }







 .m-md-3 {
  margin-top:var(--spacer)!important;
  margin-right:var(--spacer)!important;
  margin-bottom:var(--spacer)!important;
  margin-left:var(--spacer)!important;
 }
 .mt-md-3 {margin-top:var(--spacer)!important;}
 .mr-md-3 {margin-right:var(--spacer)!important;}
 .mb-md-3 {margin-bottom:var(--spacer)!important;}
 .ml-md-3 {margin-left:var(--spacer)!important;}
 .mx-md-3 {
  margin-left:var(--spacer)!important;
  margin-right:var(--spacer)!important;
 }
 .my-md-3 {
  margin-top:var(--spacer)!important;
  margin-bottom:var(--spacer)!important;
 }

 .p-md-3 {
  padding-top:var(--spacer)!important;
  padding-right:var(--spacer)!important;
  padding-bottom:var(--spacer)!important;
  padding-left:var(--spacer)!important;
 }
 .pt-md-3 {padding-top:var(--spacer)!important;}
 .pr-md-3 {padding-right:var(--spacer)!important;}
 .pb-md-3 {padding-bottom:var(--spacer)!important;}
 .pl-md-3 {padding-left:var(--spacer)!important;}
 .px-md-3 {
  padding-left:var(--spacer)!important;
  padding-right:var(--spacer)!important;
 }
 .py-md-3 {
  padding-top:var(--spacer)!important;
  padding-bottom:var(--spacer)!important;
 }


 .p-md-4 {padding:calc(var(--spacer)*1.5)!important;}
 .pt-md-4 {padding-top:calc(var(--spacer)*1.5)!important;}
 .pr-md-4 {padding-right:calc(var(--spacer)*1.5)!important;}
 .pb-md-4 {padding-bottom:calc(var(--spacer)*1.5)!important;}
 .pl-md-4 {padding-left:calc(var(--spacer)*1.5)!important;}
 .px-md-4 {
  padding-left:calc(var(--spacer)*1.5)!important;
  padding-right:calc(var(--spacer)*1.5)!important;
 }
 .py-md-4 {
  padding-top:calc(var(--spacer)*1.5)!important;
  padding-bottom:calc(var(--spacer)*1.5)!important;
 }


 .m-md-5 {margin:calc(var(--spacer)*2)!important;}
 .mt-md-5 {margin-top:calc(var(--spacer)*2)!important;}
 .mr-md-5 {margin-right:calc(var(--spacer)*2)!important;}
 .mb-md-5 {margin-bottom:calc(var(--spacer)*2)!important;}
 .ml-md-5 {margin-left:calc(var(--spacer)*2)!important;}
 .mx-md-5 {
  margin-left:calc(var(--spacer)*2)!important;
  margin-right:calc(var(--spacer)*2)!important;
 }
 .my-md-5 {
  margin-top:calc(var(--spacer)*2)!important;
  margin-bottom:calc(var(--spacer)*2)!important;
 }
 .p-md-5 {padding:calc(var(--spacer)*2)!important;}
 .pt-md-5 {padding-top:calc(var(--spacer)*2)!important;}
 .pr-md-5 {padding-right:calc(var(--spacer)*2)!important;}
 .pb-md-5 {padding-bottom:calc(var(--spacer)*2)!important;}
 .pl-md-5 {padding-left:calc(var(--spacer)*2)!important;}
 .px-md-5 {
  padding-left:calc(var(--spacer)*2)!important;
  padding-right:calc(var(--spacer)*2)!important;
 }
 .py-md-5 {
  padding-top:calc(var(--spacer)*2)!important;
  padding-bottom:calc(var(--spacer)*2)!important;
 }



 .pt-md-24p {padding-top:24px;}
 .pr-md-24p {padding-right:24px;}
 .pb-md-24p {padding-bottom:24px;}
 .pl-md-24p {padding-left:24px;}
 .px-md-24p {
  padding-left:24px;
  padding-right:24px;
 }
 .py-md-24p {
  padding-top:24px;
  padding-bottom:24px;
 }



}




/* - - - - - - - - - - - -
 - - - - - - - - - - - - - break.lg (desktop)
- - - - - - - - - - - - */

@media (min-width: 992px) {


 .d-lg-none {display:none!important;}
 .flex-lg {display:flex!important;}

 .relative-lg {position:relative;}
 .absolute-lg {position:absolute;}
 .fixed-lg {position:fixed;}

 .justify-lg-start {justify-content:flex-start;}
 .justify-lg-centre {justify-content:center!important;}
 .justify-lg-end {justify-content:flex-end;}
 .justify-lg-between {justify-content:space-between;}
 .justify-lg-space {justify-content:space-around;}

 .align-lg-start {align-items:flex-start;}
 .align-lg-centre {align-items:center;}
 .align-lg-end {align-items:flex-end;}
 .align-lg-stretch {align-items:stretch;}

 .txt-lg-centre {text-align:center;}




 .tr-lg {
  top:0;right:0;
  left:auto;bottom:auto;
  transform:none;
 }
 .tl-lg {
  top:0;left:0;
  right:auto;bottom:auto;
  transform:none;
 }
 .tc-lg {
  left:50%;transform:translateX(-50%);
 }
 .rc-lg {
  right:0;transform:translateY(-50%);
 }
 .cc-lg {
  top:50%;left:50%;
  transform:translate(-50%,-50%);
 }
 .br-lg {
  bottom:0;right:0;
 }
 .bl-lg {
  bottom:0;left:0;
  transform:none;
 }
 .bc-lg {
  bottom:0;
  left:50%;transform:translateX(-50%);
 }

 .scroll-lg-y {overflow-y:scroll;overflow-x:hidden;}
 .scroll-lg-x {overflow-x:scroll;overflow-y:hidden;}

 .border-lg-none {border:none;}
 .border-lg-middark {border:var(--border-middark)}

 .fill-lg-none {background-color:transparent;}
 .fill-lg-black {background-color:var(--black);}
 .fill-lg-middark-90 {background-color:var(--middark-90);}

 .shadow-lg-none {box-shadow:none;}
 .txt-shadow-lg-none {text-shadow:none;}

 .twhite-LG {color:var(--white);}
 .tlight-LG {color:var(--light);}
 .tmidlight-LG {color:var(--midlight);}
 .tmiddark-LG {color:var(--middark);}


 .circle-lg {border-radius:50%;}
 .corner-lg.br-lg {border-radius:0 0 100% 0;}

 .border-top-light {border-top:none;}
 .bRadius-top-sm {
  border-top-left-radius: 0;border-top-right-radius: 0;}

 .bRadius-lg-bl-none {border-bottom-left-radius:0;}
 .border-lg-left-none {border-left:none;}



 section#cover section#C #tab-nav .circle {
  margin-top:-4.3%;
  left:16.7%;
 }

 main.gallery header > * {
  min-width:500px;
 }

 #ailt main {
  padding-bottom:0;
 }
 body#ailt nav#secondary {height:auto;}


 #heirnt article {display:block;}
 #heirnt div#split-view {padding-left:16.66%;
 }

 #heirnt #split-view > article {
  flex: 1;
  overflow-y: auto;
  padding: 1rem;
  border-right: 1px solid #ccc;
 }
 #heirnt #editor-panel {
  flex: 1;
  overflow-y: auto;
 }

 #heirnt input#saveBtn {
  bottom:0!important;
  right:0;
  width:9rem;
 }

 #nav-text {
  font-size:1.2rem;
  letter-spacing:.24rem;
 }



 .w-lg-c9 {width:75%!important;}

 .row-lg {
  flex-direction:row;
 }
 .row-lg-1 {
  flex-direction:row;
  height:08.3%!important;
 }
 .row-lg-2 {
  flex-direction:row;
  height:16.6%!important;
 }
 .row-lg-3 {
  flex-direction:row;
  height:25%!important;
 }
 .row-lg-4 {
  flex-flow:row wrap;
  height:33%!important;
 }
 .row-lg-5 {
  flex-flow:row wrap;
  height:41%!important;
 }
 .row-lg-6 {
  flex-flow:row wrap;
  height:50%!important;
 }
 .row-lg-7 {
  flex-flow:row wrap;
  height:58%!important;
 }
 .row-lg-8 {
  flex-direction:row;
  height:66.6%!important;
 }
 .row-lg-9 {
  flex-direction:row;
  height:75%!important;
 }
 .row-lg-10 {
  flex-direction:row;
  height:83.3%!important;
 }
 .row-lg-11 {
  flex-direction:row;
  height:91.6%!important;
 }
 .row-lg-12 {
  flex-direction:row;
  height:100%!important;
 }

 .col-LG {
  flex-direction:column;
 }

 .mt-lg-0 {margin-top:0!important;}
 .mr-lg-0 {margin-right:0!important;}
 .mb-lg-0 {margin-bottom:0!important;}
 .ml-lg-0 {margin-left:0!important;}
 .mx-lg-0 {
  margin-left:0!important;
  margin-right:0!important;
 }
 .my-lg-0 {
  margin-top:0!important;
  margin-bottom:0!important;
 }

 .p-lg-0 {
  padding-top:0!important;
  padding-right:0!important;
  padding-bottom:0!important;
  padding-left:0!important;
 }
 .pt-lg-0 {padding-top:0!important;}
 .pr-lg-0 {padding-right:0!important;}
 .pb-lg-0 {padding-bottom:0!important;}
 .pl-lg-0 {padding-left:0!important;}
 .px-lg-0 {
  padding-left:0!important;
  padding-right:0!important;
 }
 .py-lg-0 {
  padding-top:0!important;
  padding-bottom:0!important;
 }


 .p-lg-3 {
  padding-top:var(--spacer)!important;
  padding-right:var(--spacer)!important;
  padding-bottom:var(--spacer)!important;
  padding-left:var(--spacer)!important;
 }
 .pt-lg-3 {padding-top:var(--spacer)!important;}
 .pr-lg-3 {padding-right:var(--spacer)!important;}
 .pb-lg-3 {padding-bottom:var(--spacer)!important;}
 .pl-lg-3 {padding-left:var(--spacer)!important;}
 .px-lg-3 {
  padding-left:var(--spacer)!important;
  padding-right:var(--spacer)!important;
 }
 .py-lg-3 {
  padding-top:var(--spacer)!important;
  padding-bottom:var(--spacer)!important;
 }

 .p-lg-4 {padding:calc(var(--spacer)*1.5);}
 .pt-lg-4 {padding-top:calc(var(--spacer)*1.5);}
 .pr-lg-4 {padding-right:calc(var(--spacer)*1.5);}
 .pb-lg-4 {padding-bottom:calc(var(--spacer)*1.5);}
 .pl-lg-4 {padding-left:calc(var(--spacer)*1.5);}
 .px-lg-4 {
  padding-left:calc(var(--spacer)*1.5);
  padding-right:calc(var(--spacer)*1.5);
 }
 .py-lg-4 {
  padding-top:calc(var(--spacer)*1.5);
  padding-bottom:calc(var(--spacer)*1.5);
 }



 .m-lg-5 {margin:calc(var(--spacer)*2);}
 .mt-lg-5 {margin-top:calc(var(--spacer)*2);}
 .mr-lg-5 {margin-right:calc(var(--spacer)*2);}
 .mb-lg-5 {margin-bottom:calc(var(--spacer)*2);}
 .ml-lg-5 {margin-left:calc(var(--spacer)*2);}
 .mx-lg-5 {
  margin-left:calc(var(--spacer)*2);
  margin-right:calc(var(--spacer)*2);
 }
 .my-lg-5 {
  margin-top:calc(var(--spacer)*2)!important;
  margin-bottom:calc(var(--spacer)*2)!important;
 }

 .ml-lg-20 {margin-left:16.66%;}

 .p-lg-5 {padding:calc(var(--spacer)*2)!important;}
 .pt-lg-5 {padding-top:calc(var(--spacer)*2)!important;}
 .pr-lg-5 {padding-right:calc(var(--spacer)*2)!important;}
 .pb-lg-5 {padding-bottom:calc(var(--spacer)*2)!important;}
 .pl-lg-5 {padding-left:calc(var(--spacer)*2)!important;}
 .px-lg-5 {
  padding-left:calc(var(--spacer)*2)!important;
  padding-right:calc(var(--spacer)*2)!important;
 }
 .py-lg-5 {
  padding-top:calc(var(--spacer)*2)!important;
  padding-bottom:calc(var(--spacer)*2)!important;
 }

 .mt-lg-018 {margin-top:1.8%!important;}
 .mr-lg-018 {margin-right:1.8%!important;}
 .mb-lg-018 {margin-bottom:1.8%!important;}
 .ml-lg-018 {margin-left:1.8%!important;}
 .mx-lg-018 {
  margin-left:1.8%!important;
  margin-right:1.8%!important;
 }
 .my-lg-018 {
  margin-top:1.8%!important;
  margin-bottom:1.8%!important;
 }

 .mt-lg-06 {padding-top:6%!important;}
 .mr-lg-06 {padding-right:6%!important;}
 .mb-lg-06 {padding-bottom:6%!important;}
 .ml-lg-06 {padding-left:6%!important;}
 .mx-lg-06 {
  padding-left:6%!important;
  padding-right:6%!important;
 }
 .my-lg-06 {
  padding-top:6%!important;
  padding-bottom:6%!important;
 }



 .m-lg-1c {margin:8.33%!important;}
 .mt-lg-1c {margin-top:8.33%!important;}
 .mr-lg-1c {margin-right:8.33%!important;}
 .mb-lg-1c {margin-bottom:8.33%!important;}
 .ml-lg-1c {margin-left:8.33%!important;}
 .mx-lg-1c {
  margin-left:8.33%!important;
  margin-right:8.33%!important;
 }
 .my-lg-1c {
  margin-top:8.33%!important;
  margin-bottom:8.33%!important;
 }
 .mt-lg-1cn {margin-top:-8.33%!important;}
 .mr-lg-1cn {margin-right:-8.33%!important;}
 .mb-lg-1cn {margin-bottom:-8.33%!important;}
 .ml-lg-1cn {margin-left:-8.33%!important;}







 .m-lg-c2 {
  margin-top:16.7%!important;
  margin-right:16.7%!important;
  margin-bottom:16.7%!important;
  margin-left:16.7%!important;
 }
 .mt-lg-c2 {margin-top:16.7%!important;}
 .mr-lg-c2 {margin-right:16.7%!important;}
 .mb-lg-c2 {margin-bottom:16.7%!important;}
 .ml-lg-c2 {margin-left:16.7%!important;}
 .mx-lg-c2 {
  margin-left:16.7%!important;
  margin-right:16.7%!important;
 }
 .my-lg-c2 {
  margin-top:16.7%!important;
  margin-bottom:16.7%!important;
 }


 .mt-lg-1pn {margin-top:-1px;}
 .mr-lg-1pn {margin-right:-1px;}
 .mb-lg-1pn {margin-bottom:-1px;}
 .ml-lg-1pn {margin-left:-1px;}



}


/* - - - - - - - - - - - -
 - - - - - - - - - - - - - break.xlg (desktop)
- - - - - - - - - - - - */

@media (min-width:1920px) {

 section#B h1 {
  font-size:7.2rem;
  min-height:5.2rem;
 }
 section#B h2 {
  font-size:2.4rem;
 }
 section#B a {
  color:var(--dark);
 }
 #nav-text {
  font-size:1.5rem;
  letter-spacing:.24rem;
 }

}




/* - - - - - - - - - - - -
 - - - - - - - - - - - - - tall mobile devices & nav-btm
- - - - - - - - - - - - */

/* hides page navigation on short viewport devices*/

@media (max-width:1366px) and (min-height:800px) {

 .flex-mtall {display:flex!important;}
}