/*
Ttscc website simple holder 2025, necessary for various uninteresting reasons
*/

body {
	background: rgb(250, 250, 250);
	text-shadow: rgba(0,0,0,0.01) 0 0 0;
	text-rendering: optimizeLegibility;
    font-family: "Courier", "Courier New", Courier, Courier New, monotype;
	font-size: 1em;
	line-height: 1.7;
}

body, html {
    color: #3e434a;
    padding: 0;
    margin:0;
}


.text-hide {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap:normal !important
}


.dash-space:after {
	content: '\2003';
	display: inline-flex;
}


::selection {
	background-color: rgb(255, 162, 241);
}

img {
    display: block;
    height: auto;
    margin: 0;
    max-width:100%;
	margin:0;
}

em {font-style:italic;}
del {text-decoration:line-through;}


a {
    background-color: transparent;
    color: #000;
    position: relative;
	text-decoration-color: #585651;
	text-decoration-thickness: 0.3ex;
	text-underline-offset: 0.3ex;
    -webkit-transition: .17s;
    transition:.17s;
}

a:is(:focus, :hover) {
    background-color: #ffafdd;
    -webkit-transition: .18s;
    transition: .18s;
}

a:active {
    background-color: #ffafdd
}



#content {
	margin: 0 auto;
	max-width: 96ch;

	& > div.wrapping {
		max-width: 75ch;
	}
}



#wrapper {
	height: auto;
	max-width: 96ch;
	margin: 0 7%;
}


h1,
h2,
h3 {
	line-height: 1.1;
}

h1 {
	font-size: 2.027rem;
}

h2 {
	font-size: 1.802rem;
}

h3 {
	font-size: 1.602rem;
}

h4 {
	font-size: 1.424rem;
}

h5 {
	font-size: 1.266rem;
}

h6 {
	font-size: 1.125rem;
}

p {
	font-size: 1rem;
}

small {
	font-size: 0.889rem;
}


:is(h1, h2, h3, h4, h5, h6) {
	letter-spacing: 0.04rem;
}


cite {
	flex: 1 1 50%;
	font-style: italic;
}


p {
	padding: 0;
	margin:0 0 1em 0;
}

.wrapping {
	margin:0 7%;
}


footer {
	height:auto;
	padding:0;
	margin:38px 0 0 0;
}


ul, ol {
	list-style-type: none;
	padding: 0;
}

#content ul li, #content ol li {
	display: flex;
	flex-wrap: wrap;
	border: 0;
	margin: 0 0 0.75em 0;
}



.fluid-type {
    --fluid-type-min-size: 1;
    --fluid-type-max-size: 2;
    --fluid-type-min-screen: 20;
    --fluid-type-max-screen: 88;
    font-size:calc(var(--fluid-type-min-size) * 1rem +(var(--fluid-type-max-size) - var(--fluid-type-min-size)) *(100vw - var(--fluid-type-min-screen) * 1rem) /(var(--fluid-type-max-screen) - var(--fluid-type-min-screen)))
}


main > * + * {
    margin-top: 6.5em;
}

.stack > * + * {
    margin-top: 1.5em;
}

.stack_em > * + * {
    margin-top: 1.5em;
}

.stack :is(h1, h2, h3) + * {
	margin-top: 0.5em;
}


.alignfull, .section__fullwidth {
    left: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    position: relative;
    right: 50%;
    width: 100vw;
}

.text__upper {
    text-transform: uppercase
}


/* simple site logo */
.site-logo {
	align-items: flex-start;
	display: flex;
	margin-top: 23px;
	max-width: 570px;

	& > img {
		margin-right: 7px;
		width: 56px;
		height: 56px;
	}
	& > svg {
		margin-top: 21px;
	}
}

.site-branding-container {
    max-width: 1280px;
    margin:0 auto
}

.site-branding {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items:flex-start
}

.site-branding:after {
    content: "- - - - -";
    display: block;
    font-size: 16px;
    font-size: 1rem;
    margin-top: 63px;
    margin-bottom:22px
}

.site-branding:after {
    margin-top: 0;
    margin-bottom: 35px;
    margin-left:20px
}

@media screen and (min-width: 768px) {
    .site-branding:after {
        margin-left: calc(70px + 22.4px);
        margin-left:calc(70px + 1.4rem)
    }
}

.site-branding > a, .site-branding > a:link {
    color: #000;
    text-decoration:none
}

.site-branding > a:hover {
    background-color:transparent
}

.site-title {
    font-weight: 400;
    font-size: 44.444px;
    font-size: 2.77777778rem;
    line-height: 61.333px;
    line-height: 3.83333333rem;
    margin:0
}

.site-title a, .site-title a:link {
    color: #000;
    text-decoration:none
}

#logo__ttscc {
    display: grid;
    -webkit-column-gap: 28px;
    -moz-column-gap: 28px;
    column-gap: 28px;
    grid-template-columns: 55px fit-content(311px);
    grid-template-rows:auto
}

#logo__ttscc > [class^=logo__ttscc]:not([class$=abbr]) > svg {
    width:100%
}

.logo__ttscc-abbr > svg {
    justify-self: start;
    width:95.5%
}

.logo__ttscc-fullsome {
    grid-column-start: 1;
    grid-column-end:-1
}

@media screen and (min-width: 480px) {
    .logo__ttscc-fullsome {
        grid-column-start:2
    }
}


.site-footer {
    margin-top:5em
}

body > main .site-footer > .page__inner-wrapper {
    border-top: solid .125em #000;
    padding-top:3em
}

body > main .site-footer > .page__inner-wrapper:after {
    content: '\23DA' !important;
    line-height: 1;
    margin-bottom: 0 !important;
	position: absolute;
}

.widget-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction:column
}

/* 
@media screen and (min-width: 768px) {
    .widget-column {
        width:50%
    }
}
 */

.widget-column > * + * {
    margin-top: 24px;
    margin-top:1.5rem
}

#footer-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    max-width: 1360px;
    max-width: 85rem;
    padding:0
}

@media screen and (min-width: 768px) {
    #footer-inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap:wrap
    }
}

footer div:not(#footer-inner) {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex:0 1 auto
}

footer div:not(#footer-inner) #first-footer {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex:1 1 100%
}

footer div:not(#footer-inner) #first-footer > * {
    max-width:80ch
}

@media screen and (min-width: 768px) {
    footer div:not(#footer-inner) {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 29%;
        flex: 0 1 29%;
        margin-right:auto
    }
}

.site-footer .widget-title {
    font-size: 24px;
    font-size: 1.5rem;
    -webkit-font-feature-settings: "smcp", "c2sc";
    font-feature-settings: "smcp", "c2sc";
    font-variant: all-small-caps
}

a {
    position: relative;
    background-color: transparent;
    -webkit-transition: .17s;
    transition:.17s
}

a:link, a:visited {
    background-color: transparent;
    color: #000;
    text-decoration: underline;
    text-underline-offset:3px
}

a:focus, a:hover {
    background-color: #ffafdd;
    -webkit-transition: .18s;
    transition:.18s
}

a:active {
    background-color:#ffafdd
}


article, aside, details, figcaption, figure, footer, header, menu, nav, section {
    display:block
}

figure {
    margin:0
}


blockquote, body, button, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul {
    margin: 0;
    padding:0
}

table {
    border-collapse: collapse;
    border-spacing:0
}

fieldset, img {
    border:0
}


del, ins {
    text-decoration:none
}

li {
    list-style:none
}

caption, th {
    text-align:left
}



q:after, q:before {
    content: ''
}

abbr, acronym {
    border: 0;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    font-variant:normal
}

sup {
    vertical-align:baseline
}

sub {
    vertical-align:baseline
}

legend {
    color:#000
}

button, input, optgroup, option, select, textarea {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight:inherit
}

.embeddable-buttondown-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap:wrap
}

fieldset {
    border: 0;
    margin:0
}

form legend {
    color:#4b3735
}

form label {
    display: block;
    -webkit-font-feature-settings: "smcp", "c2sc";
    font-feature-settings: "smcp", "c2sc";
    font-variant: all-small-caps;
    font-size: 19.2px;
    font-size:1.2rem
}

.embeddable-buttondown-form input[type=email] {
	border: solid 2px #59575B;
    padding:.5em
}

@media screen and (min-width: 768px) {
    .embeddable-buttondown-form input[type=email] {
        width:25em
    }
}

.button {
	background-color: #C7FF0F;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow:none;
	border-radius: 37px 23px 9px 7px;
	color: #000;
    cursor: pointer;
    display: inline-block;
    font-size: 100%;
    font-weight: 700;
	left: auto;
    line-height: 1;
    margin: 0;
    overflow: visible;
    position: relative;
    padding: .618em 1em;
    text-decoration: none;
    -webkit-transition: .17s;
    transition:.17s;

	&:is(:hover, :focus) {
		background-color: #fff;
		border-style: solid;
		border-color: #000;
		border-width: 28px 37px 2px 1px;
    -webkit-transition: .17s;
    transition:.17s;
	}
}

h1, h2, h3, p {
    font-size: clamp(var(--fluid-type-min), calc(1rem + 3vw), var(--fluid-type-max));
    -webkit-marquee-increment:0vw
}

p {
    --fluid-type-min: 12.8px;
    --fluid-type-min: 0.8rem;
    --fluid-type-target: 3vw;
    --fluid-type-max: 16px;
    --fluid-type-max: 1rem;
    margin: 0 0 1.5em;
    -webkit-marquee-increment:0vw
}



h1 {
    --fluid-type-min: 28.8px;
    --fluid-type-min: 1.8rem;
    --fluid-type-target: 5vw;
    --fluid-type-max: 35.52px;
    --fluid-type-max: 2.22rem;
    color: #262c34;
    margin:0
}

h2 {
    color: #262c34;
    font: 300 26.666px/37.333px "Courier", "Courier New", Courier, Courier New, monotype;
    font: 300 1.66666667rem/2.33333333rem "Courier", "Courier New", Courier, Courier New, monotype;
    padding: 0;
    margin-bottom:8px

}

h3 {
    font: 300 21.333px/32px "Courier", "Courier New", Courier, Courier New, monotype;
    font: 300 1.33333333rem/2rem "Courier", "Courier New", Courier, Courier New, monotype;
    color: #000;
    margin-bottom: 10px;
    padding: 0;
}



h4 {
    font: 800 16px/21.333px "Courier", "Courier New", Courier, Courier New, monotype;
    font: 800 1rem/1.33333333rem "Courier", "Courier New", Courier, Courier New, monotype;
    letter-spacing: 0.025em;
    margin-bottom: 8px;
    padding-top: 6.4px;
    padding-top:.4rem
}


h5 {
    font: 700 14.222px/19.555px "Courier", "Courier New", Courier, Courier New, monotype;
    font: 700 0.88888889rem/1.22222222rem "Courier", "Courier New", Courier, Courier New, monotype;
    letter-spacing: 0.025em;
    text-transform:uppercase
}

h6 {
    font: 600 16px/21.333px "Courier", "Courier New", Courier, Courier New, monotype;
    font: 600 1rem/1.33333333rem "Courier", "Courier New", Courier, Courier New, monotype
}


nav.social ul {
    width: auto;
    margin:0
}

nav.social ul li a:link {
    padding:0 .2em
}

footer nav ul {
    background:0 0
}

footer nav ul li {
    display:block
}

footer nav ul li a:link, footer nav ul li a:visited {
    float:none
}

footer nav {
    background: 0 0;
    margin-top:0
}


*, :after, :before {
    -webkit-box-sizing: border-box;
    box-sizing:border-box
}



@media screen and (min-width: 768px) {
    article header {
        margin-bottom:0
    }
}

article section {
    padding: 0;
    height: auto;
    overflow:visible
}

article h1 a {
    display: block;
    padding: 0 0 7px;
    text-decoration:none
}



.wp-block-pullquote:after, .wp-block-pullquote:before {
    content: "";
    display: block;
    width: 20%;
    height: 1px;
    margin: 0 auto;
    background-color:#105eb7
}

.wp-block-pullquote {
    border-top: 0 none;
    border-bottom:0 none
}

.wp-block-pullquote blockquote {
    margin:46px 0 57px
}

.wp-block-pullquote blockquote p {
    color: #105eb7;
    font: 32px/42.666px "Courier", "Courier New", Courier, Courier New, monotype;
    font: 2rem/2.66666667rem "Courier", "Courier New", Courier, Courier New, monotype
 */
}