@CHARSET "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Clicker+Script&family=Delius&display=swap');

/*
TODO: check CSS for editor
*/
html {
    margin: 0;
    height: 100%;
    background: white;
}
body {
    margin: 0;
    background: #f0f0f0;
    min-height: 100%;
}
body.celementsmenubarvisible {
    margin-top: 29px !important;
}

.clear {
    clear: both;
}

body #sitecontainer {
    position: relative;
    margin: auto;
    min-height: 100%;
    width: 1110px;
    background: white;
    box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
}

body.mce-content-body {
    padding: 0 30px;
    width: 1050px;
    background: white;
}

#content{
    padding: 30px;
    clear: both;
}

#wrapper #header,
#wrapper #header_image {
    min-height: 30px;
}

/* stack header */
#wrapper {
    display: flex;
    flex-flow: row nowrap;
}
#wrapper #header_image,
#wrapper #header {
    box-sizing: border-box;
    width: 100%;
    flex: none;
}
#wrapper #header_image,
#wrapper #header_image p {
    line-height: 0px !important;
}
#wrapper #header {
    z-index: 1;
    margin-left: -100%;
    padding: 0px 30px 30px 30px;
    margin-top: 30px;
}

/* Fonts */
#sitecontainer, 
#sitecontainer h1, 
#sitecontainer h2, 
#sitecontainer p,
#sitecontainer ul, 
#sitecontainer li, 
#sitecontainer td, 
body.mce-content-body h1,
body.mce-content-body h2,
body.mce-content-body p,
body.mce-content-body ul,
body.mce-content-body li,
body.mce-content-body td {
    margin: 0px;
    padding: 0px;
    font-family: "Open Sans", Tahoma, Arial, sans-serif;
    font-size: 15px;
    line-height: 20px;
    font-weight: normal;
    color: #333333;
}

#sitecontainer h1,
body.mce-content-body h1 {
    font-family: 'Clicker Script', cursive;
    font-size: 71px;
    line-height: 85px;
    text-shadow: 0px 0px 4px rgba(50, 50, 50, 0.75);
}

#sitecontainer h2,
#sitecontainer .article_title,
body.mce-content-body h2 {
    font-family: 'Delius', cursive;
    font-size: 18px;
    line-height: 25px;
    color: black;
    font-weight: bold;
}

#sitecontainer ul,
body.mce-content-body ul {
    margin-left: 20px;
}
#sitecontainer .presentationList ul {
    margin-left: 0;
}

#sitecontainer .white,
#sitecontainer .white a,
body.mce-content-body .white,
body.mce-content-body .white a {
    color: #e6e6e6 !important;
}
#sitecontainer #header .white,
body.mce-content-body .white { /*TODO possible to see which cell this is in?*/
    color: #e6e6e6 !important;
	text-shadow: 0px 0px 4px rgba(50, 50, 50, 0.75);
}
#sitecontainer .white a:hover,
body.mce-content-body .white a:hover {
    color: #900 !important;
}

#sitecontainer .code,
body.mce-content-body .code {
    font-family: monospace !important;
    color: black !important;
}

#sitecontainer a,
body.mce-content-body a {
  color: #900;
  text-decoration: none;
}
#sitecontainer a:hover,
body.mce-content-body a:hover {
  color: #333;
}

/* prism extension */
pre + pre {
    margin-top: -1em !important;
    padding-top: 0px !important;
}