/* Typomania CMS */

div.pusher {
	/* background-color: #ccc !important; !! NOBBLES PILED SEGMENTS - NEEDS AN ALTERNATIVE */
/* pusher background needs to be added inline !!! */
}


div.paragraph {
	font-size: 1.1em;
    margin: 0 0 1em;
    line-height: 1.4285em;
	display: block;
	-webkit-margin-before: 1em;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
}

.dashboard.menu {
	margin-bottom: 0 !important;
}

p, div.p, div.ui.bulleted.list, div.ui.ordered.list, .vertical.text.menu, .message p {
	font-size: 1.17em;
	line-height: 1.5em !important;
}
 
div.bigtext {
	font-size: 1.4em;
	line-height: 1.4em;
}

div.p {
	margin: 0 0 1em;
}

p.justified {
	text-align: justify;
	text-justify: inter-word;
}

p.right {
	text-align: right;
}

p.center {
	text-align: center;
}

.ui.ordered.list .list > .item, .ui.ordered.list > .item, ol.ui.list li {
    line-height: 1.5em !important;
}

.ui.list .list > .item, .ui.list > .item, ol.ui.list li {
    line-height: 1.5em !important;
}

.ui.sub_navigation.items { margin: 1em 0 0 0; }

nav.sub_navigation { margin: 1em 0 0 0; }

.ui.divided.sub_navigation.items>.item:first-child, .ui.unstackable.divided.sub_navigation.items>.item:first-child {
	border-top: 1px solid rgba(34,36,38,.15) !important;
	padding-top: 1em !important;
}

.ui.divided.sub_navigation.items>.item:last-child, .ui.unstackable.divided.sub_navigation.items>.item:last-child {
	/* border-top: 10px #BBB solid; */
	padding-bottom: 1em !important;
	border-bottom: 1px solid rgba(34,36,38,.15);
	
}

.leader, div.paragraph.leader {
	font-size: 1.25rem;
	line-height: 1.5rem;
}

.ui.text.container .leader {
	font-size: 1.5rem;
	line-height: 1.5rem;
}

/* from static universal */
.header.segment {
	margin-top: 5em;
	margin-bottom: 1em;
}

.inner.header {
	margin-top: 1rem;
	margin-bottom: 1em;
}

div.headspace {
	height: 44px;
}

div.double.headspace {
	height: 92px;
}

div.treble.headspace {
	height: 138px;
}

/* 
.home.header.segment {
	padding-top: 0em;
	margin-bottom: 0em;
}
 */

.file.button {
	margin-bottom: .25rem !important;
}

/* text areas */
textarea.h2
{
	font-size: 1.71428571rem !important;
	padding: .6em !important;
	font-weight: 700;
}
textarea.h3
{
	font-size: 1.28571429rem !important;
	padding: .6em !important;
	font-weight: 700;
}
textarea.h4, textarea.h5, textarea.h6
{
	font-size: 1.07142857rem !important;
	padding: .6em !important;
	font-weight: 700;
}

textarea.p
{
	font-size: 1.05rem !important;
	line-height: 1.5em !important;
	padding: .9em !important;

}


/* CARD ICON */
.image.imageicon
{
	text-align: center !important;
	padding: 5rem 2rem 5rem 2rem !important;
	/* 	background-color: #fbfbfb !important;  */
}

/* 
.flexcentered {
	display: flex;
	justify-content: center;
	align-items: center;
	border: 3px solid green; 
}
 */

.tippedimage {
	position: relative;
}

.imagetooltip {
	margin: 4px;
	padding: 4px;
	position: absolute;
	visibility: hidden;
}

.imagevisibletooltip {
	margin: 4px;
	padding: 4px;
	position: absolute;
}

.tippedimage:hover .imagetooltip {
	visibility: visible;
	z-index: 9999;
}

.gridtooltip
{
	margin: -1em;
	/* right: 8px; */
	position: absolute;
	visibility: hidden;
	z-index: 9999;
}

.tippedgrid:hover .gridtooltip {
	visibility: visible;
}

/* 
.carousellink {
	position: absolute;
	top: 0;
	margin: .5em;
}
 */

figure {
	border: 0px;
	/* border: 3px #123321 solid; */
	margin: 0px;
	display: inline-block;
}

figure.captioned {
	border: 0;
	/* border: 4px #000000 solid; */
	position: relative;
}

figure.captioned div.figcaption {
	z-index: 1;
	border: 0;
	/* border: 4px #555555 solid; */
	/* color: #FFF; */
	/* background-color: rgba(255, 255, 255, 0.5); */
	/* background-color: rgba(0, 0, 0, 0.3); */
	width: 100%;
	position: absolute;
	left: 0;
	padding: .5em;
}

figure.topcaptioned div.figcaption {
	top: 0;
}

figure.bottomcaptioned div.figcaption {
	bottom: 0;
}

figure.captioned div.figcaption figcaption {
	display: inline-block;
	background-color: rgba(255, 255, 255, .5);
	padding: .5em;
	border-radius: .3em;
}

figure.captioned div.figcaption figcaption p {
	font-size: .95em;
}

figure .page_post_extras {
	position: absolute;
	z-index: 1;
	bottom: 0;
	padding-left: .5em;
}

.ui.textcol.container {
	max-width: 700px;
}




figcaption.imageinfo {
	z-index: 9 !important;
	/* background-color: #fbfbfb !important; */
	background-color: rgba(0, 0, 0, 0.5);
	color: #FFF;
	width: 100%;
	/* margin: 4px; */
	padding: 1rem;
	/* right: 8px; */
	bottom: 0;
	position: absolute;
}

figcaption.hidden.imageinfo {
	visibility: hidden;
}

.tippedimage:hover figcaption.hidden.imageinfo {
	visibility: visible;
}


figcaption.imageinfo p
{
	color: white;
	font-size: .8em;
	line-height: 1.4285em;
}

figcaption.circularimageinfo {
	background-color: rgba(40, 90, 120, 0.7);
	border-radius: 0px !important;
}




div.slick-carousel {
	margin: 1rem 1rem 0 1rem;
}

/* fullcalendar */

span.fc-icon-expand {
	font-family: "Icons" !important;
	content: "\f31e";
	font-size: 1.1rem;
	line-height: 1.2rem;
	width: 1em;
	height: 1em;
}
span.fc-icon-expand:before {
	font-family: "Icons" !important;
	content: "\f31e";
	font-size: 1.1rem;
	line-height: 1.2rem;
	width: 1em;
	height: 1em;
}

span.fc-icon-compress {
	font-family: "Icons" !important;
	content: "\f78c";
	font-size: 1.1rem;
	line-height: 1.2rem;
	width: 1em;
	height: 1em;
}
span.fc-icon-compress:before {
	font-family: "Icons" !important;
	content: "\f78c";
	font-size: 1.1rem;
	line-height: 1.2rem;
	width: 1em;
	height: 1em;
}

/* home page -- smaller for mobile? */ 

/* 
.home.header.segment h1 {
	font-size: 4em;
	line-height: 1em;
}
 */

/* 
.home.header.segment h1 .sub.header {
	padding-top: 0.5em;
	font-size: 0.4em;
	line-height: 1.2em;
}
 */

.masthead.vertical.stripe h3 {
    font-size: 2em;
}


.masthead.vertical.stripe h3.ui.header .sub.header {
	font-size: 1.5rem;
}

/* forms */

.ui.form input, .ui.form textarea, input {
	font-size: 16px !important; 
}

.ui.form, .ui.form .field .dropdown, .ui.form .field .dropdown .menu > .item {
    font-size: 16px !important; 
}

.form.basic.segment {
	margin: 0 !important;
}

fieldset {
	background-color: #fbfbfb !important; 
}

fieldset.active {
	background-color: #F3F3F3 !important; 
}


legend {
	padding: .5em 1em .5em 1em;
	background-color: #ffffff;
/* 	background-color: #f0f0f0 !important;  */
/* 
	border-left: 1px #dadada solid;
	border-right: 1px #dadada solid;
 */
}

/* dropzone - draging divs to reorder them! */

div.dragdropzone {
/* 	display: none; */
	border: 3px #ffffff solid;
	min-height: 2rem;
	margin-top: -1.5rem;
	margin-bottom: -1.5rem;

}

div.ui.activedragdropzone {
	border: 3px #ffffff solid;
/* 	border: 5px #5DCDCB dashed; */
	min-height: 8rem;
	margin-top: -1.5rem;
	margin-bottom: -1.5rem;
}

div.ui.activedragdropzone div {
	border: 5px #5DCDCB dashed;
	border-radius: .28571429rem;
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
	min-height: 6rem;
	background-color: #EDFDFB; 
}

.ui.clearing.prefooter.divider {
	margin-top: 5em;
}

div.prefooter
{
	margin-top: 10em;
	padding-top: 3em;
	padding-bottom: 3em;
	/* background-color: #EEEEEE; */
	background: rgba(240, 240, 240, .5);
}

div.prefooter a, div.prefooter a:visited { color: #444; }
div.prefooter a:hover { color: #000; }

div.whitebg {
	background-color: #ffffff; 
}

div.negative.footer.space {
	margin-top: 4em;
}

div#footnotes {
	margin-top: 4em;
	padding-top: 4em;
	padding-bottom: 4em;
}

div#ogfooter {
	margin-top: 4em;
	padding-top: 1em;
	padding-bottom: 2em;
}

div.ui.seo {
	padding-top: 1em;
	padding-bottom: 2em;
}

/* div.metadata { background-color: #DCDCDF; } */

#main_menu .toc.item {
	display: none;
}

#main_menu {
	border: 0;
}

.found { background-color: #FFF90A; }

.scrollable {
	overflow-y: scroll;
}

#homelink, #mobile_basket_button, .homelink, .mobile.right.menu {
	display: none !important;
}

.notpublished, a.notpublished, a.notpublished:visited, i.icon.notpublished {
	-moz-opacity: .30;
	filter: alpha(opacity=30);
	opacity: .30 !important;
}

div.inverted .notpublished, div.inverted a.notpublished, div.inverted a.notpublished:visited, div.inverted i.icon.notpublished {
	-moz-opacity: .70;
	filter: alpha(opacity=70);
	opacity: .70 !important;
}

.ui.raised.basic.subnav.segment {
	border-radius: .28571429rem;
	background-color: rgba(255, 255, 255, 0.50);
}

.inverted input::-webkit-selection, .inverted textarea::-webkit-selection {
    background-color: rgba(100, 100, 100, .4);
    color:rgba(0, 0, 0, .87)
}

.inverted input::-moz-selection, .inverted textarea::-moz-selection {
    background-color: rgba(100, 100, 100, .4);
    color:rgba(0, 0, 0, .87)
}

.inverted input::selection, .inverted textarea::selection {
    background-color: rgba(190, 190, 190, .95);
    color:rgba(0, 0, 0, .87)
}





.ui.dropdown .menu.notpublished {
	z-index: 9999 !important;
}

.semipublished, .semipublished a, .semipublished a:visited {
	-moz-opacity: .80;
	filter: alpha(opacity=80);
	opacity: .80;
	color: #000;
}

.private {
	color: teal;
}

abbr {
  text-decoration: underline dotted;
}

abbr:hover {
  cursor: help;
}

.pointer { cursor: pointer;	}
.underline, .underlined { text-decoration: underline;  }
.dashed { text-decoration-style: dashed;  }
.crosshair { cursor: crosshair;	}
.move { cursor: move !important;	}

.black, .black a, a.black { color: #000000; }


i.white.icon.icon.icon.icon.icon.icon {
    color:#ffffff !important;
}

span.ui.white.text {
	color:#ffffff !important;
}

span.ui.white.text a, span.ui.white.text a:visited
{
	color: #ffffff !important;
	text-decoration: underline;
}

.ui.white.statistic > .value, .ui.white.statistics .statistic > .value, .ui.statistics .white.statistic > .value {
    color:#ffffff
}

/* 
i.grey.icon.icon.icon.icon.icon.icon


.deleted,

.ui.card>.content.deleted>.header:not(.ui), .ui.cards>.card>.content.deleted>.header:not(.ui),

.deleted a,
.deleted a:visited {
	-moz-opacity: .70;
	filter: alpha(opacity=70);
	opacity: .70;
	color: #871900 !important;
	text-decoration: line-through;
	
}
 */


.linethrough, .line-through, .strikethrough, .strike-through, .cancelled {
/* 	color: orange; */
	text-decoration: line-through;
}

/* 
.linethrough a, .line-through a, .strikethrough a, .strike-through a, .cancelled a {
	color: orange;
}
 */

.vhidden, .displayednot {
	display: none !important;
}

.notvisible {
	visibility: hidden;
}

.deleted {
	color: #871900 !important;
	text-decoration: line-through;
}

.deleted.card {
/* 
	-moz-opacity: .50 !important;
	filter: alpha(opacity=50) !important;
	opacity: .50 !important;
 */
	background-color: #ff0000; 
}

.deleted > * {
/* 
	-moz-opacity: .80;
	filter: alpha(opacity=80);
	opacity: .80;
 */
	color: #871900 !important;
	text-decoration: line-through;
	
}

.desktoponly {
	display: block !important;
}

.desktop {
	display: flex !important;
}


/* 
.nopadding {
	padding: 0 !important;
	margin: 0 !important;
}
 */

/* 
div.print.column {
	margin-left:2em;
}
 */

.button.visible-on-mobile {
	display: none !important;
}

.button.visible-on-desktop {
	display: inline-block !important;
}

.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}

@media print {
	.nonprintable {
		display: none !important;
		
	}
	
	div.print.column {
		margin-left:3em;
/* 
		margin-right:0em;
		font-size: .825em;
 */
	}
}

@media only screen and (max-width: 700px) {
	
	.home.header.segment h1 {
		font-size: 3em;
		line-height: 1em;
	}

	.home.header.segment h1 .sub.header {
		padding-top: 0.5em;
		font-size: 0.4em;
		line-height: 1.2em;
	}
	
	div.ui.unpadded.grid div.column {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	div.unpadded.column {
		padding-top: 0 !important;
		
		margin: 0 !important;
	}
	
	.inner.column {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.desktoponly, .desktop {
		display: none !important;
	}
	
	#main_menu .item, #main_menu .menu {
		display: none;
	}
	
	.toc.item {
		display: block !important;
		position: absolute;
		left: 0;
	}
	
	.mobile.right.menu {
		display: block !important;
	}
	
	.mobile.right.menu .item {
		display: block !important;
	}
	
	.mobile.right.menu .primary.item {
		float: left;
	}
	
	.header.segment {
		/* padding-top: 2em; */
		margin-top: 2em;
		margin-bottom: 1em;
		/* border: 1px solid blue; */
	}
	
	div.headspace {
		height: 26px;
	}
	
	div.double.headspace {
		height: 42px;
	}
	
	.button.visible-on-mobile {
		display: inline-block !important;
	}
	
	.button.visible-on-desktop {
		display: none !important;
	}
	
}

@media (prefers-color-scheme: dark) {

	/* Dark theme styles go here */
	
	
	
/* 
	.darkmode {
		
	}
	
	div.pusher.darkmode {
		background-color: #232B32;
	}
 */
}