* {
box-sizing: border-box;
}
html, body {
width: 100%;
height: 100%;
margin: 0;
cursor: url(//life-drawing.com.au/wp-content/themes/life-drawing-theme/assets/Cursors/Worm_1.png), default;
font-family: Arial;
overflow: hidden;
}
a {
color: #EB4838;
text-decoration: underline;
}
a:hover {
filter: brightness(0.75);
}
div > p:nth-child(1){
margin-top: 0px;
padding-top: 0px;
}
img {
width: 100%;
margin: 10px 0px;
}
h1 {
font-size: 2em;
text-transform: uppercase;
font-weight: normal;
}
h2 {
font-size: 1.34em;
text-transform: uppercase;
font-weight: normal;
}
h5 {
font-size: 1em;
text-transform: uppercase;
font-weight: normal;
letter-spacing: 0.02em;
}
input {
-webkit-appearance: none !important;
outline: 0 !important;
padding: 0 !important;
border: 0;
}
.main-app {}
.lifeDrawingMain {
height: 100%;
width: 100%;
}
.lifeDrawingMain a:hover {
}
.not-found-page,  .not-found-page *{
max-width: 500px;
margin: 200px auto;
font-size: 25px;
}
#sketch { width: 100%;
height: 100%;
position: absolute;
top: 45px;
left: 0px;
user-select: none !important;
}
#sketch p {
padding: 0px;
margin: 0px;
} #ear { width: 130px;
height: 210px;
position: relative;
z-index: 10;
margin-left: 15px;
}
.missing-persons img{
width: 200px;
display: block;
float: left;
margin: 0px 0px 0px 25px;
z-index: 10;
mix-blend-mode: multiply;
}
.missing-persons-2 {
display: none;
position: absolute;
right: 0px;
width: 150px;
mix-blend-mode: multiply;
}
.missing-persons-2 img {
}  @keyframes marquee { 100% {transform:  translateX(-66.6666%);}
}
.main-panel {
width: 100%;
height: 100%;
margin-top: 75px;
display: flex;
flex-direction: row;
}
.sub-one {
flex: 1 5 225px;
padding-left: 5%;
}
.sub-two {
-ms-overflow-style: none; scrollbar-width: none; flex: 10 1;
overflow: auto;
margin-top: -80px;
padding-top: 80px;
}
.sub-two::-webkit-scrollbar {
display: none; }
.sub-two > div:nth-child(1){
height: auto;
margin: 0px auto 120px auto;
//padding-bottom: 40px;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
.sub-two {
font-size: 24px;;
}
.sub-three {
flex: 0 0 335px;
padding-left: 20px;
}
.page-default {
width: 100%;
height: 100%;
} .marquee {
height: 45px;
overflow: hidden;
white-space: nowrap;
margin: 0 auto; position: absolute;
width: 100%;
top: 0;
background: #EB4838;
color: white;
border: 2px solid #4a4a4a;
font-family: Arial, sans-serif;
font-style: italic;
z-index: 10;
} .marquee div {
font-family: Arial, sans-serif;
font-style: italic;
font-size: 25px;
height: 100%;
margin: 0;
line-height: 36px;
margin-left: -100%; display: inline-flex;
position: relative;
}
.marquee b {
padding: 0px 0.25em;
margin: 0px;
line-height: 36px;
}
.marquee div:hover {
animation-play-state: paused
}
.sideNav {
width: 275px;
position: relative;
z-index: 10;
overflow-x: hidden;
list-style: none;
margin: -7px 0px 0px 0px;
font-variant: all-small-caps;
font-family: Arial, sans-serif;
font-size: 34px;
line-height: 35px; }
.sideNav li {
padding-bottom: 15px;
} .sideNav a {
position : relative;
color : black ;
display : inline-block;
filter: none;
text-decoration: none;
}
.sideNav a::after {
content : "";
position : absolute;
width : 100%;
height : 2px;
background-color: black;
bottom: 0;
left: 0;
transform : scaleX(0);
transform-origin: bottom right;
transition : transform 1s steps(4, end);
}
.sideNav a:hover::after {
transform-origin: bottom left;
transform: scaleX(1); }
.lifeDrawing {
height: 100%;
}
.life-cursor, .life-cursor a {
cursor: url(//life-drawing.com.au/wp-content/themes/life-drawing-theme/assets/Cursors/Worm_1.png), default;
}
.mainAbout {
color: green;
height: auto;
cursor: url(//life-drawing.com.au/wp-content/themes/life-drawing-theme/assets/Cursors/Worm_1.png), default;
max-width: 748px;
margin: 0px auto 40px auto;
}
.about-cursor, .about-cursor a {
cursor: url(//life-drawing.com.au/wp-content/themes/life-drawing-theme/assets/Cursors/Worm_1.png), default;
}
.mainWhere {
color: #17FF03;
max-width: 748px;
cursor: url(//life-drawing.com.au/wp-content/themes/life-drawing-theme/assets/Cursors/Worm_2.png), default;
}
.where-cursor, .where-cursor a {
cursor: url(//life-drawing.com.au/wp-content/themes/life-drawing-theme/assets/Cursors/Worm_2.png), default;
}
.mainCalendar {
cursor: url(//life-drawing.com.au/wp-content/themes/life-drawing-theme/assets/Cursors/Worm_2.png), default;
}
.calendar-cursor, .calendar-cursor a {
cursor: url(//life-drawing.com.au/wp-content/themes/life-drawing-theme/assets/Cursors/Worm_2.png), default;
}
.mainHelp {
color: #000;
cursor: url(//life-drawing.com.au/wp-content/themes/life-drawing-theme/assets/Cursors/bookWorm_v1.png), default;
max-width: 748px;
}
.help-cursor, .help-cursor a {
cursor: url(//life-drawing.com.au/wp-content/themes/life-drawing-theme/assets/Cursors/bookWorm_v1.png), default;
}
.main-default {
max-width: 748px;
}
.default-cursor, .default-cursor a {
cursor: pointer;
}
canvas {
user-select: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
outline: none;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0); } .tmp-input-for-size {
visibility: hidden;
white-space: pre;
}
#sketch__ui {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
overflow: visible;
background-color: rgba(0,0,0,0) !important;
user-select: none;
}
#sketch__ui .text-box,
.tmp-input-for-size {
font-size: 40px;
line-height: 40px;
}
#sketch__ui .text-box {
position: absolute;
height: 40px;
width: 40px;
resize: none;
background: none !important;
z-index: 5;
overflow: visible;
color: transparent; caret-color: black;
font-family: Arial;
outline: 0 !important;
border: 0 !important;
padding: 0 !important;
-webkit-appearance: none !important;
cursor: url(//life-drawing.com.au/wp-content/themes/life-drawing-theme/assets/Cursors/TextCursor.png), crosshair !important;
}
#sketch.tool--paint,
#sketch.tool--paint * {
user-select: none;
cursor: url(//life-drawing.com.au/wp-content/themes/life-drawing-theme/assets/Cursors/sprayCan_v1.png), crosshair;
}
#sketch.tool--text,
#sketch.tool--text * {
user-select: none;
cursor: url(//life-drawing.com.au/wp-content/themes/life-drawing-theme/assets/Cursors/Type_v2.png), crosshair;
}
body.painting #sketch__ui,
body.painting #ear,
body.painting #missing-persons,
body.painting .missing-persons,
body.painting .missing-persons-2,
body.painting #mp,
body.painting .mob-menu-label,
body.painting .sideNav,
body.painting #toolkit {
user-select: none;
pointer-events: none;
}
body.painting {
box-sizing: border-box;
}
button, .button {
text-align: center;
outline: 0 !important;
border: 0;
padding: 0 !important;
-webkit-appearance: none !important;
}
#toolkit {
position: fixed;
z-index: 10;
background-color: #9eb598;
right: 60px;
bottom: 60px;
border: 3px solid;
width: 255px;
font-size: 15px;
}
#toolkit * {
box-sizing: content-box;
}
#toolkit button,
#toolkit .button {
background-color: #d1d2c0;
border: 3px solid !important;
}
#toolkit button:hover,
#toolkit .button:hover {
background-color: #bcbdae;
cursor: inherit;
}
.toolkit__tools {
display: grid;
grid-template-columns: repeat(2, 120px); column-gap: 3px;
margin-bottom: 3px;
}
.toolkit__tools .button {
display: flex;
justify-content: center;
align-items: center;
}
.toolkit__begin {
text-align: center;
}
#toolkit.submit .toolkit__begin,
#toolkit.submit-complete .toolkit__begin {
display: none;
}
#toolkit form.submit-anon .toolkit__form__name,
#toolkit form.submit-anon .toolkit__form__email {
display: none;
}
.toolkit__form {
display: none;
}
#toolkit button.bg {
display: block;
margin: 0 -6px -3px -6px;
border-top: 3px solid;
}
#toolkit button.bg:last-child {
margin: 0 -6px -6px -6px;
}
#toolkit.submit .toolkit__form {
display: grid;
row-gap: 3px;
}
.toolkit__form input[type="checkbox"] {
outline: 0 !important;
padding: 0 !important;
-webkit-appearance: none !important;
border: 3px solid;
width: 30px;
height: 30px;
margin: 0;
background-color: #d1d2c0;
}
.toolkit__form input[type="checkbox"]:checked { background-image: url(//life-drawing.com.au/wp-content/themes/life-drawing-theme/assets/Cursors/Tick.gif);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.toolkit__form label {
font-size: 1.05em;
text-transform: uppercase;
}
.toolkit__form input[type="text"],
.toolkit__form input[type="email"] {
font-size: 1.05em;
text-transform: uppercase;
text-align: center;
background: none;
border-bottom: 3px solid;
letter-spacing: 0.02em;
line-height: 1.4;
}
.toolkit__submit-complete {
display: none;
}
#toolkit.submit-complete .toolkit__submit-complete {
display: grid;
}
#toolkit.submit-complete .toolkit__form {
display: none;
}
.toolkit-top {
position: absolute;
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.toolkit-bottom {
position: absolute;
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
bottom: 0px;
}
.toolkit-top span:nth-child(1){
width: 3px;
height: 3px;
margin-left: -3px;
margin-top: -3px;
border-left: 3px solid #FFF;
border-top: 3px solid #FFF;
background: #000;
}
.toolkit-top span:nth-child(2){
width: 3px;
height: 3px;
margin-right: -3px;
margin-top: -3px;
border-right: 3px solid #FFF;
border-top: 3px solid #FFF;
background: #000;
}
.toolkit-bottom span:nth-child(1){
width: 3px;
height: 3px;
margin-left: -3px;
margin-bottom: -3px;
border-left: 3px solid #FFF;
border-bottom: 3px solid #FFF;
background: #000;
}
.toolkit-bottom span:nth-child(2){
width: 3px;
height: 3px;
margin-right: -3px;
margin-bottom: -3px;
border-right: 3px solid #FFF;
border-bottom: 3px solid #FFF;
background: #000;
}
.toolkit-inner {
padding: 3px;
}
.toolkit-message {
text-align: center;
}
.toolkit-error {
background: #f98a8a;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
color: #460000;
padding: 10px 0px 10px 0px;
}
.toolkit-success {
padding: 10px 0px 10px 0px;
}
.flex-row {
display: flex;
flex-direction: row;
align-items: center;
}
.hidden {
display: none;
}
.hg-waiting {
width: 100%;
}
.hg-waiting img {
width: 40px;
margin: 200px auto;
display: block;
}
.page-failed {
width: 100%;
}
.page-failed h2 {
max-width: 300px;
margin: 200px auto;
color: #b5b5b5;
text-align: center;
} .calendar-div {
height: 800px;
//width: 100%;
max-width: 900px;
margin-left: auto;
margin-right: auto;
}
.alt-calendar-table {
background: #d03131;
border-collapse: collapse !important; box-sizing: border-box;
width: 100%;
}
.alt-calendar-table tr, td {
box-sizing: border-box;
}
.alt-calendar-table td {
padding: 3px !important;
}
.alt-calendar-table tr, .alt-calendar-table td {
border: 2.5px solid #000;
box-sizing: border-box;
}
.alt-calendar-table a, calendar-table a:visited {
color: inherit;
}
.alt-calendar-table a:hover {
color: #d03131;
}
.alt-calendar-table .weekend-heading, .weekend{
color: #000;
}
.calendar-prev,
.calendar-next,
.calendar-month,
.normal-day-heading,
.weekend-heading,
.current-day,
.day-with-date,
.day-without-date {
background: rgb(235, 72, 56) !important;
background-color:  rgb(235, 72, 56) !important;
}  .alt-calendar-table > tbody > tr:nth-child(1){
display: none;
}
.alt-calendar-header {
margin-bottom: 20px;
display: flex;
flex-direction: row;
justify-content: space-between;
}
.alt-calendar-heading {
font-size: 25px;
flex: 1 1 50%;
}
.alt-calendar-prevnext {
flex: 1 1 50%;
display: flex;
flex-direction: row-reverse;
font-size: 18px;
}
.alt-calendar-prevnext > div {
padding: 10px;
}
.alt-calendar-prevnext span {
padding-left: 15px;
}
.alt-calendar-prevnext a {
color: inherit;
}
.alt-calendar-prevnext a:visited {
color: inherit;
}
.alt-calendar-prevnext a:hover {
color: #eb4838;
}
.alt-calendar-table td { position: inherit;
} .td-inner {
display: flex;
flex-direction: column;
height: 100%;
justify-content: flex-end;
width: 100%;
width: 111px;
height: 111px;
}
.td-inner > div:nth-child(1) {
font-weight: 	bold;
text-align: right;
width: 100%;
flex: 1 1; font-size: 20px;
display: inline-block;
}
.td-inner > div:nth-child(2) {
flex: 5 1;
}
.alt-calendar-table .event {
display: flex;
flex-direction: column;
justify-content: flex-end;
overflow-y: hidden;
}
.alt-calendar-table .event-unit {
font-size: 0.7rem;
flex: 0 1;
margin-top: 3px;
}
.calnk a:hover > span {
background: #f38989 !important; padding:5px 0px 5px 0px;
}
.calnk a:hover span span.event-title {
background: #f38989 !important;
width: auto;
}
.calnk a:hover span span.event-title-break {
background-color: #000;
}
.mob-menu-label {
display: none;
font-variant: all-small-caps;
font-family: Arial, sans-serif;
font-size: 34px;
line-height: 35px;
z-index: 10;
}
.nav-container-inner {
display: block;
} .mce_SELRES_start {
display: none;
}
@-webkit-keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes fadeIn {
0% {opacity: 0;}
100% {opacity: 1;}
}
@media only screen and (max-width: 1525px) {
.td-inner {
height: 90px;
width: 90px;
}
}
@media only screen and (max-width: 1368px) {
.td-inner {
height: 75px;
width: 75px;
}
}
@media only screen and (max-width: 1260px) {
.td-inner {
height: 65px;
width: 65px;
}
}
@media only screen and (max-width: 1183px) {
.td-inner {
height: 55px;
width: 55px;
}
}
@media only screen and (max-width: 1109px) {
.td-inner {
height: 50px;
width: 50px;
}
}
@media only screen and (max-width: 1082px) {
.td-inner {
height: 40px;
width: 40px;
}
}
@media only screen and (max-width: 1082px) {
.td-inner {
height: 30px;
width: 30px;
}
}
@media only screen and (max-width: 900px) {
.td-inner {
height: 75px;
width: 75px;
}
}
@media only screen and (max-width: 900px) {
body {
overflow: auto;
}
.main-panel {
flex-direction: column;
height: auto;
}
.sub-one {
display: flex;
flex-direction: row;
justify-content: 	space-between;
flex: 0 0 100px;
padding-left: 0px;
}
.sub-two {
padding: 10px;
overflow: auto;
margin-top: 0px;
transition: none;
}
.mob-show .sub-two {
transition: margin 0.25s linear;
}
.sub-two *{
box-sizing: border-box;
}
.sub-three {
display: none;
}
#sketch { }
#toolkit {
bottom: 0px;
right: 0px;
font-size: 12px;
width: 150px;
text-align: center;
}
.toolkit__tools {
display: flex;
width: 100%;
}
.toolkit__form__submit, .toolkit__form__submit h1 {
font-size: 12px;
}
.toolkit__form {
box-sizing: border-box;
}
.toolkit__form input[type="checkbox"] {
width: 20px;
height: 20px;
}
.toolkit__form > input, .toolkit__form > div {
width: 100%;
}
.toolkit__form > button {
width: 144px;
}
#ear {
width: 60px;
height: 100px;
}
.sideNav {
width: 100%;
text-align: left;
margin: 62px 0px 0px 10px;
padding-left: 0px;
}
.mob-menu-label {
display: block;
padding: 10px;
position: relative;
z-index: 20;
left: 0px;
}
.mob-show .mob-menu-label {
position: absolute;
}
.mob-menu-label:hover {
text-decoration: underline;
}
.nav-container-inner {
position: absolute;
width: 100%;
left: 0px;
top: 0px;
background: rgb(255, 255, 255, 1.0);
z-index: 15;
margin-top: -800px;
//transition: margin 0.2s linear;
}
.mob-show .nav-container-inner {
margin-top: 0px;
}
.mob-menu-label.hamburger-home{
position: fixed;
left: 0px;
top: 0px;
}
.main-panel {
margin-top: 0px;
}
.marquee {
position: relative;
}
.td-inner {
width: 100%;
}
.missing-persons-2 {
display: block;
width: 100px;
margin: 5px 10px;
z-index: 10;
position: relative;
}
.marquee {
height: 35px;
}
.marquee div {
font-size: 20px;
line-height: 30px;
}
}