@import url('/fonts/caudex-font.css');
@import url('/fonts/endor-font.css');
@import url('https://fonts.googleapis.com/css2?family=Ibarra+Real+Nova:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,400;0,700;1,100;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Edu+NSW+ACT+Foundation:wght@400..700&display=swap');

#newbody h2, #newbody h3, #newbody h4, #newbody h5, #newbody h6 {
  text-align: left;
  color: var(--textcolor);
  font-family: 'Caudex';
  margin-block-start: 0;
  margin-block-end: 0.5rem;
}
textarea { width: 18.5rem; padding: 0.5rem; margin: 0.5rem; }
.easeload {
    opacity: 0;
    transition: all 1s ease;
}
.emj {
    text-align: center;
    display: inline-block;
    width: 1.5em;
    text-shadow: 0 0 0.5px black;
}
#_CV_formclose {
    position: absolute;
    right: 0.5em;
    top: 0.5em;
}
.chapterbox svg {
    position: relative;
    left: 0.75vw;
    scale: 0.85;
    background-color: transparent;
    padding: 0;
    top: -0.25em;
    transition: left 0.5s, scale 0.5s, background-color 0.5s, padding 0.5s, top 0.5s;
    transition-timing-function: ease-out;
}
.chapterbox svg:hover {
    scale: 6.5;
    top: 7.25rem;
    left: 9.5rem;
    padding: 0.5rem;
    background-color: white;
    z-index: 1;
}
.minus1 {
    width: calc(100% - 4rem);
}
._CV_closeicon {
    max-height: 2em;
}
.header {
    width: 100%;
    /* max-height: 7.5rem; */
    flex-wrap: nowrap !important;
}
#_CV_tabcontent {
    min-height: 20rem;
}
#_CV_formalign {
    position: fixed;
    top: -10vh;
    left: 0;
    width: 100vw;
    height: 110vh;
    background-color: blanchedalmond;
    background-image: url('/images/Blue-Book.webp');
    z-index: 10;
    align-content: center;
}
#_CV_tabbar {
    margin-bottom: 0 !important;
    font-size: small;
}
#_CV_mainform {
    width: calc(100vw - 2.2rem);
    border: 1px solid darkslategrey;
    border-radius: 0.5rem;
    filter: drop-shadow(1.5rem 2.5rem 0.75rem #000D);
    margin: 0 auto;
    padding: 1em;
    font-size: 1rem;
    font-family: sans-serif;
    background: linear-gradient(45deg, #8A6b20FF, #BA9b20EE, #BA9b20EE, #E4CC8CDD);
    opacity: 0.96;
    min-height: 26.25rem;
    transition: opacity 300ms linear;
}
#_CV_mainform.small {width: 20rem;}
#_CV_mainform.med { width: 30rem; }
#_CV_mainform.large { width: 40rem; }
#_CV_mainform.huge { width: 60rem; }
.formbottom {
    display: flex;
    flex-direction: column-reverse;
    flex-grow: 1;
    max-height: 6rem;
    height: 6rem;
    margin-top: 1rem;
    flex-wrap: nowrap;
    /* border-top: 1px solid slategrey; */
    /* margin: 0.75em 0.75rem 0rem; */
    padding-top: 0.25em;
    align-content: center;
    justify-content: space-around;
    align-items: center;
}

@media screen and (min-width: 600px) {
    #_CV_mainform {
        max-width: min(30rem, 100vw);
        width: 30rem;
    }
}
@media screen and (min-width: 1600px) {
    #_CV_mainform {
        max-width: min(40rem, 100vw);
        width: 40rem;
    }
}
button {
    opacity: 1;
    transition: opacity 300ms linear;
}
#_CV_tabbody img {
    width: 6rem;
    margin: 1rem 1rem;
}
#_CV_tabcontainer {
    opacity: 1;
}
.htmx-request {
    opacity: 0;
    transition: opacity 1000ms linear;
}

.active-tab {
    border-bottom: 0px;
    padding: 0.5em 0.75em;
    top: 1px;
    position: relative;
    color: black;
    text-shadow: 0.33px 0.33px #000C;
    border-top: 1px solid black;
    border-left: 1px solid black;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 0.66rem;
    border-top-right-radius: 0.66rem;
    background: url(/images/Parchment-thin.webp);
    border-right: 1px solid black;
    min-width: 4.5em;
    height: 1rem;
    text-align: center;
}
.inactive-tab {
    background: linear-gradient(28deg, black, slategrey);
    border-top-left-radius: 0.33rem;
    border-top-right-radius: 0.33rem;
    border: 1px solid darkslategrey;
    padding: 0.5em 0.75em;
    top: 3px;
    /* font-size: smaller; */
    border-bottom-color: black;
    height: 1rem;
    position: relative;
    color: #fd6;
    text-align: center;
    min-width: 2.5em;
    text-rendering: optimizelegibility;
    font-size: smaller;
}
#_CV_tabbody {
    opacity: 1;
    background: url(/images/Parchment-thin.webp);
    padding: 1rem 0.5rem;
    border-radius: 0.5rem;
    border: 1px solid black;
    min-height: 22rem;
    border-top-left-radius: 0;
    transition: opacity 300ms linear;
}
#formtitle {
    margin-top: 0.33rem;
    /* margin-bottom: 0.25em; */
    text-align: center;
    font-size: larger;
}
#forminfo {
    display: flex;
    justify-content: center;
    font-size: 0.92rem;
    margin: 0.5rem 0;
    height: calc(100% - 6rem);
    align-items: center;
    text-align: center;
}
#_CV_tabbody label {
    width: 7em;
    text-align: right;
    margin: 0.5em 0.5em 0;
}
#_CV_tabbody input {
    margin: 0.5em 0.5em;
    padding: 0.5em;
    border-radius: 4px;
    border: 1px solid grey;
    height: 1rem;
}
#_CV_tabbody input[type="textarea"] {
    /* min-height: 4em; */
}
button[type='submit'] {
    line-height: 2;
    font-family: 'caudex';
    width: 10em;
    margin: 0.25em;
    /* margin-block-end: 1em; */
    /* margin-block-start: 1em; */
    /* height: 2.5em; */
    /* display: block; */
    padding: 0.25em;
    filter: drop-shadow(0.5px 1px 1px #000A) drop-shadow(1px 2px 2px #0004);
    border-color: #760;
    border-radius: 0.5em;
    font-weight: unset;
    font-size: 92%;
    background: linear-gradient(45deg, #B91, transparent);
}
#_CV_tabbody a {
    text-align: center;
    font-size: small;
    color: darkblue;
}

.horizontal {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 0;
}
.vertical {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
}
.center {
    justify-content: center;
    text-align: center;
}
.dynamic {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    /* margin: 0 0; */
    flex-grow: 1;
    align-content: center;
    justify-content: center;
    align-items: baseline;
}
.dynamic input {
    width: unset;
}
@media screen and (min-width: 600px) {
    .dynamic {
        flex-direction: row;
        margin: 0 0;
    }
    .dynamic input {
        width: calc(100% - 10rem);
    }
}

#newbody h2 { text-align: center; }
.mintitle { display: inline-block;}
.chaptertitle {
  text-align: left;
  margin-bottom: 0;
}
#level { width: 1rem; }
#newbody h1 {
    color: white;
    font-family: endor;
    height: 3rem;
    margin: auto auto;
    container-type: size;
    top: 1rem;
    text-wrap: nowrap;
    font-weight: normal;
    position: relative;
    display: inline-block;
    z-index: 250;
    width: 100%;
    text-align: center;
}
#newbody h2 {
    color: var(--sectcolor);
    font-family: Caudex;
    font-weight: bold;
    font-variant-caps: small-caps;
    line-height: 1;
    padding: 8px;
    margin-block-end: 0.5em;
    font-size: 1.25rem;
    border-bottom: 0.2rem solid var(--undercolor);
}
#newbody h3 {
    color: var(--sectcolor);
    font-family: Caudex;
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    width: 100%;
    font-size: 1.25rem;
}
.uk-h4, h4 {
    font-size: 1.15rem;
    line-height: 1.25;
    margin-top: 1em;
    font-family: Caudex;
    color: var(--chapcolor);
    text-shadow: none;
}
.breadbox li a { color: var(--dimtextcolor); font-weight: bold; }

.medlandscape { display: inline; } 
.biglandscape { display: none; }  
.tinylandscape { display: none; }  

#newbody hr {
  margin: 0.5em 0;
  border-color: var(--undercolor);
  border-width: 3px;
}
span.data-value {
    color: var(--dimtextcolor);
}
.breadbox {
    display: none;
    margin: 0 1rem 0 1rem;
}
.breadbox li {
    font-size: large;
    list-style-type: '\25BA  ';
}
.breadbox .summarybox {
    display: inline-block;
    margin-right: 2rem;
    float: right;
    top: -0.2em;
    text-align: right;
}
span.mintitle {
    display: inline-block;
    width: 40vw;
}
.shrunken img {
    max-height: 75vh;
}
.shrunken .up {
    margin-top: 1px;
}
#background {
    overflow: clip;
    position: fixed;
    background-size: auto 100vh;
    background-position: left;
    background-repeat: no-repeat;
    overflow: clip;
    width: 100vw;
    height: 100vh;
}
.chapterbox {
    position: sticky;
    display: inline-block;
    z-index: 99;
    margin-top: 1rem;
    text-align: left;
    border-radius: 0;
    width: calc(100% - 2rem);
    top: -3px;
    padding: 0.5rem 1rem 1px 1rem;
    font-size: 1rem;
    transition-duration: 0.25s;
    transition-property: height, max-height;
}
.summarybox {
    display: inline-block;
    font-size: 0.98rem;
    line-height: 1;
    position: relative;
    top: 0.33rem;
    font-weight: bold;
    color: var(--summarycolor);
    text-shadow: 2px 2px 16px var(--chapcolor), -2px -2px 16px var(--chapcolor), 0 0 16px var(--chapcolor), 1px 1px var(--shadowcolor);
}
.chaptertitle .summarybox {
	text-align: center;
	width: 100%;
	right: 0;
}
.vertbar {
    background: linear-gradient(45deg,#020, green);
    width: 3.32%;
    border: 1px solid #0006;
    transition: height 0.5s;
}
.maxbar {
    background: linear-gradient(45deg,#012,#056,#088);
}
.critcolor {
    background: linear-gradient(45deg,#220,orange);
}
.brilcolor {
    background: linear-gradient(45deg, #0040, #DDF4, #AAF2);
    border: 1px solid black;
}
input#xp {
    height: 1.5em;
    text-align: center;
}
.chance-popup {
    display: none;
    width: 6em;
    background: #fffc;
    color: black;
    border: 1px solid black;
    position: relative;
    right: 50%;
    text-align: center;
    font-size: small;
    font-weight: bold;
}
.vertbar:hover .chance-popup {
    display: block;
}
.vbar-label {
    width: 3.32%;
    font-size: smaller;
    text-align: center;
}
.bargraph {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    height: 40vh;
    max-height: 21rem;
    width: 100%;
    margin-top: 1em;
}
.vbar-labels {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    height: fit-content;
    background-color: #000A;
    color: white;
    width: 100%;
    margin-top: 0;
}
input#advantage,input#disadvantage,input#extreme {
    position: relative; 
    top: -0.33em;
    margin-left: 2em;
}
div.skilltest {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: stretch;
    flex-wrap: wrap;
}
div#train {
    width: 1.25em;
    text-align: center;
}
div#xp {
    width: 2.5em;
    text-align: center;
}
body, #newbody, html {
      height: calc(100% + 60px);
      min-height: calc(100% + 60px);
      position: fixed;
}
.first span.backlinktext {
    line-height: 0.8;
    position: relative;
}
span.field-label {
    width: 10rem;
    margin-right: 2em;
    text-align: right;
    display: inline-block;
    font-family: 'Caudex';
    font-weight: bold;
}
.float-token {
    float: left;
    top: max(2em,2vw);
    position: fixed;
    margin: 1rem;
}
.shift-right {
    margin-left: 12rem;
}
.multi-col {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 125%;
    position: relative;
}
.inter-col {
    width: fit-content;
    text-align: left;
}
.shrunken h2 {
    border-bottom: 0.3rem solid var(--undercolor);
}
.shrunken a:hover h2 {
    border-bottom: 0.3rem solid var(--linkcolor);
}
.bioline {
    line-height: 1.25;
    font-family: 'Barlow Condensed';
    color: var(--dimtextcolor);
    display: block;
    position: relative;
    width: calc(100% - 13rem);
    height: 9rem;
    display: block;
    left: 13rem;
}
.signature {
    width: unset;
    position: relative;
    border: none;
    filter: invert(var(--invertsig));
    box-shadow: none !important;
    margin-bottom: 1em;
    margin-left: calc(100% - 144px);
}
#newbody a:hover h2 {
    border-bottom: 0.2rem solid var(--linkcolor);
}
#newbody a:hover h2, a:hover h3, a:hover h4 {
    color: var(--linkcolor);
}
#newbody a:hover svg {
    color: var(--linkcolor);
}
.uk-icon {
    line-height: 0.65;
}
.inline.uk-icon {
    line-height: 1.75;
}
#newbody ol {
	line-height: normal;
}
#newbody li h4 {
    margin-block-start: 0.5em;
    margin-block-end: 0;
}
#newbody ul, #newbody ol svg {
	line-height: 1.5;
	text-align: left;
}
.non-authored {
    background: var(--thinundercolor) url('/images/Parchment.webp');
    color: black;
    background-blend-mode: multiply;
}
.non-authored img {
    border-radius: 5% !important;
}
.non-authored p {
    line-height: normal;
}
.non-authored p a {
    color: black;
}
.column .sharp {
    border-radius: 2% !important;
    margin-block-start: 0.5em;
    top: 1em;
    position: relative;
    box-shadow: 4px 4px 6px 0px var(--shadowcolor) !important;
}
#newbody em {
    color: var(--textcolor);
    font-style: italic;
}
.inline svg {
	margin: 0 4px;
	position: relative;
	top: -2px;
}
.whitelink {
    color: var(--almostwhite);
    filter: drop-shadow(0px 0px 2px);
}
#newbody p a {
    color: var(--textcolor);
    text-shadow: 0 0 6px var(--linkcolor), 0 0 18px var(--linkcolor), 0 8px 36px var(--linkcolor);
}
#newbody a.backlink {
    color: var(--textcolor);
    text-shadow: 1.25px 1.25px 4px var(--shadowcolor);
}
.uk-link-toggle:hover .uk-link, .uk-link:hover, #newbody a:hover {
    color: var(--linkcolor);
    text-decoration: underline;
    position: relative;
    top:-0.1em;
    left: -0.1em;
    filter: drop-shadow(0px 0px 4px var(--glowcolor)) !important;
}
.buttonlabel {
	position: relative;
	top: 0.5rem;
	left: 2.25rem;
        text-shadow: 1px 2px 1px black, 0px 0px 8px black, 8px 0px 16px black, -8px 0px 16px black;
}
.ui-widget {
  z-index: 99999;
}
.cke-float, .cke_top {
  position: fixed !important;
  top: 15vh !important;
  left: 26.5vw !important;
}
.column img {
    max-width: 100%;
    border-radius: 10%;
}
.align_center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.cf:before,.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom:1;
}
.no-opacity {
    opacity: 0
}
.up {
    position: relative !important;
    top: 1em !important;
    scale: 2 !important;
    left: -0.5em !important;
}
.large {
  scale: 1.25;
}
.left {
   float: left;
   position: relative;
   margin: 1px 0 0 1px;
}
.align_left {
   float: left;
   margin: 0.5em 1em 0.5em 0 !important;
}
.right {
   float: right;
   top: 10px;
   margin: 0.4rem -1.33rem;
}
.align_right {
   position: relative;
   left: calc(100% - 210px);
   margin: 0.5em 0 0.5em 1em !important;
}
.float_right {
   float: right;
   margin: 0.5em 0 0.5em 1em !important;
}
#newbody h1 a {
    text-decoration: none;
    text-shadow: -0.015em 0em 0.5px black, 0.03em 0em 1px black, 0.07em 0.12em 0.06em black !important;
    color: white;
    margin: auto auto;
    padding: 0  0;
    position: relative;
    display: inline-block;
    top: calc(-7rem + 200cqh);
    font-size: 120cqh;
    text-wrap: nowrap;
}
.spacer {
    height: 50vh;
    width: 100%;
}
.backlink svg {
    color: var(--undercolor);
}
.fit {
    max-width: 100%;
}
.child-text {
    color: var(--textcolor);
    text-decoration: none;
}
.uk-text-middle {
    vertical-align: middle!important;
    display: inline-block;
    text-align: center;
    width: calc(100% - 3em);
}
#newbody h3 {
    margin: 0.75em 0 0.25em 0;
}
.button {
    border-top: 1px solid var(--brightundercolor);
    border-left: 1px solid var(--brightundercolor);
    border-right: 1px solid var(--chapcolor);
    border-bottom: 1px solid var(--chapcolor);
    border-radius: 0.3em;
    padding: 1px 2px 1px 2px;
    margin: 0px 0 6px 0;
    color: var(--buttontextcolor);
    background-color: var(--undercolor);
    box-shadow: 2px 2px 4px 0px var(--shadowcolor);
    line-height: 1;
    display: inline-block;
    width: calc(100% - 1rem);
    margin: 4px 0.5rem;
    text-align: center;
    text-shadow: none;
}
.button:hover {
    box-shadow: 0px 0px 8px 2px var(--linkcolor);
    position: relative;
    text-decoration:none;
    border-bottom: 1px solid var(--brightundercolor);
    border-right: 1px solid var(--brightundercolor);
    border-left: 1px solid var(--chapcolor);
    border-top: 1px solid var(--chapcolor);
    top: 2px;
    left: 2px;
    color: black;
}
.edit {
    background-color: var(--linkcolor);
    border-left: var(--thinundercolor);
    border-top: var(--thinundercolor);
    color: white;
    border-bottom: var(--shadowcolor);
    border-right: var(--shadowcolor);
    width: 4em;
    padding-top: 0.25rem;
    height: 1.5rem;
    padding-left: 0.75rem;
    padding-right: 0.25rem;
    border-radius: 1.5rem;
    margin: 0 0;
}
.edit:hover {
    border-right: var(--thinundercolor);
    border-bottom: var(--thinundercolor);
    border-top: var(--shadowcolor);
    border-left: var(--shadowcolor);
    top: 2px;
    left: 2px;
}
.edit .uk-text-middle {
    position: relative;
    top: -1.1rem;
    left: -2rem;
}
#newbody a {
    text-decoration: none !important;
    color: var(--linkcolor);
    text-shadow: 1px 1px 1px var(--outlinecolor), 0px 0px 1rem var(--glowcolor);
}
#newbody p {
    margin: 0 0 0.75em 0;
    line-height: normal;
}
body {
    margin: 0 0;
    overflow-y: clip;
    overflow-x: clip;
    color: var(--textcolor);
    font-family: 'Ibarra Real Nova', serif;
}
.fadeOut {
    opacity: 0 !important;
    transition: opacity;
    transition-duration: 0.20s;
}
#newbody {
  font-size: 120%;
  width:100%;
  z-index: 10;
  overflow-y: scroll;
  overflow-x: clip;
  padding: 0 0;
  margin: 0 0;
}
.shrunken {
  transform: scaleX(0.8) scaleY(0.65);
  position: static;
  width: 130%;
  position: relative;
  left: -.5vw;
  top: 0.5em;
  margin: 4px 0;
  height: max-content !important;
  transform-origin: 0 0;
  transition-duration: 0.2s;
  transition-property: left, top, transform, opacity;
}
.token {
  max-width: unset !important;
}
.token img {
  max-width: unset !important;
}
.column {
    display: inline-block;
    padding-bottom: 2rem;
    overflow: clip;
    position: relative;
    margin: 1rem 0 1rem 0;
}
.first {
    position: sticky;
    top: 5rem;
    min-height: 48vh;
    display:none;
    z-index: 10;
    width: 35%;
    max-height: 48vh;
}
.pad {
    margin-block-end: 2.5em;
}
#article {
    scrollbar-width: thin;
    transition-timing-function: ease-in-out;
    height: max-content;
    left: 0;
    transition-duration: 0.3s;
    transition-property: left, top, transform, opacity;
}	
.third {
    position: sticky;
    padding-top: 3vh;
    top: 0.5vh;
    height: fit-content;
    font-size: 0.8em;
}
.token {
    border-radius: 50%;
    border: 0.42rem solid gold;
    box-shadow: 0.1rem 0.2rem 0.1rem rgb(160,140,0), -0.18rem -0.1rem 0.1rem rgb(255, 240, 120), 0.08rem 0.08rem 0.6rem var(--shadowcolor);
    width: 12rem;
    max-width: 13vw;
    text-align: center;
    vertical-align: bottom;
    overflow: hidden;
    padding: 0;
    height: unset;
    margin: auto 1rem;
}
.third .token {
  margin: 2em auto;
}
.small-token {
    border-radius: 50%;
    border: 0.32rem solid gold;
    box-shadow: 0.1rem 0.1rem 0.1rem rgb(160,140,0), 
	-0.1rem -0.1rem 0.1rem rgb(255, 240, 120), 
	0.06rem 0.06rem 0.5rem var(--shadowcolor);
    width: 6rem;
    height: 6rem;
    text-align: center;
    vertical-align: bottom;
    overflow: hidden;
    padding: 0;
    margin: auto auto;
}
.tiny-token {
    border-radius: 50%;
    border: 0.22rem solid gold;
    box-shadow: 0.05rem 0.05rem 0.05rem rgb(160,140,0), 
	-0.05rem -0.05rem 0.05rem rgb(255, 240, 120), 
	0.03rem 0.03rem 0.25rem var(--shadowcolor);
    width: 3rem;
    height: 3rem;
    text-align: center;
    vertical-align: bottom;
    overflow: hidden;
    padding: 0;
    margin: auto auto;
}
.icon-token {
    border-radius: 50%;
    border: 1px solid gold;
    box-shadow: 1px 1px 0.5px rgb(160,140,0), 
	-1px -1px 0.5px rgb(255, 240, 120), 
	0.5px 0.5px 1px var(--shadowcolor);
    width: 1.5rem;
    height: 1.5rem;
    text-align: center;
    vertical-align: bottom;
    overflow: hidden;
    padding: 0;
    margin: auto auto;
}
.token img {
  width: 12rem;
  position: relative;
  left: 0;
  top: 0;
  transition-duration: 0.25s;
  transition-property: left, top, height, width;
}
.small-token img {
  width: 6rem;
  height: 6rem;
  position: relative;
  left: 0;
  top: 0;
  transition-duration: 0.25s;
  transition-property: left, top, height, width;
}
.tiny-token img {
  width: 3rem;
  height: 3rem;
  position: relative;
  left: 0;
  top: 0;
  transition-duration: 0.25s;
  transition-property: left, top, height, width;
}
.icon-token img {
  width: 1.5rem;
  height: 1.5rem;
  position: relative;
  left: 0;
  top: 0;
  transition-duration: 0.25s;
  transition-property: left, top, height, width;
}
.float-token {
    float: unset;
    position: relative;
    top: 0;
    margin: 1.5rem auto !important;
}
.shift-right {
    margin: 0 !important;
}
span.data-value, span.data-email {
    text-align: right;
    width: 100%;
    display: inline-block;
    margin: 0 0 0 0rem;
}
span.field-label {
    width: 100%;
    text-align: center;
    display: block;
    font-family: 'Caudex';
    font-weight: bold;
}
.multi-col {
    top: unset !important;
}
#ajax {
  display: flex;
  margin-bottom: 25rem;
  opacity: 1;
  transition-property: opacity;
  transition-duration: 0.2s;
  flex-direction: column;
}
.scrollable {
    height: max-content;
    width: 100%;
    overflow-y: visible;
}
.indent-container {
    margin-right: 2.5rem;
    margin-left: 0.25rem;
}
.unshrink {
    transform: scale(0.9) !important;
    width: 112%;
}
#prevnews {
    transform-origin: 0 0;
    overflow: hidden;
    transition: left 0.3s ease-in-out, height 0.1s linear, top 0.1s linear, transform 0.2s linear, opacity 0.2s ease-in-out;
}
.small {
    font-size: smaller;
}
.label {
    text-align: center;
    font-weight: bold;
    font-family: Caudex;
    margin: 0em;
    text-align: center;
    display: inline-block;
    left: 2em;
    color: black;
    position: relative;
    height: -11vh;
}
.white { color: white; }

/* Wider layout, still no first column */
@media screen and (min-width: 600px) {
  .medlandscape { display: none; } 
  .biglandscape { display: none; }  
  .tinylandscape { display: inline; }  
  #newbody h1 {
    position: fixed;
    width: 4em;
    top: 2rem;
    right: 0;
  }
  .column {
    margin: 1rem;
  }
  .chapterbox {
    margin-left: 0.6rem;
    margin-right: 0.6rem;
    width: calc(100% - 3.2rem);
  }
  .chaptertitle {
    max-width: 80vw;
  }
  #ajax {
    width: 100%;
  }
  #article {
    width: calc(100% - 5.5rem);
  }
}

@media screen and (max-width: 900px) {   
  .flyleft {
    left: -100vw !important; 
  }
  .flyright {
    left: 100vw !important;
  }
}

@media screen and (min-width: 900px) {
  .medlandscape { display:inline; } 
  .biglandscape { display:none; } 
  .tinylandscape { display:none; } 
  .chapterbox {
    margin-left: 0.5rem;
    width: calc(92vw - 15rem);
    max-width: 75vw;
  }
  .chaptertitle {
    max-width: unset;
  }
  #newbody h1 {
    max-width: unset;
    width: max(23vw,18rem);
  }
  .first {
    display: inline-block;
  }
  .third {
    width: 35%;
    min-width: 13rem;
  }
  #ajax {
    width: calc(100vw - 1rem);
    flex-direction: row;
    min-height: 120%;
  }
  #article {
    width: calc(100% - 5.5rem);
  }

}

/* 4K TV & Monitor */
@media screen and (min-width: 2000px) {
  .medlandscape { display:none; } 
  .biglandscape { display:inline; }
  .tinylandscape { display:none; }
  .first,.third {
    max-width: 25rem;
  }  
  .chapterbox {
    max-width: unset;
    width: calc(96vw - 26.5rem);
  }
  #newbody h1 {
    width: 28.5rem;
    max-width: unset;
  }
}
.hidden {
    display: none !important;
}