/* 
    Created on : December 2024
    Author     : adrianlines
*/

body {  
    color:                      var(--color1);
    background-color:           var(--bgc1);     
    
    background-repeat:          no-repeat;
    background-position:        center;
    -webkit-background-size:    cover; /* For WebKit*/
    -moz-background-size:       cover; /* Mozilla*/
    -o-background-size:         cover; /* Opera*/
    background-size:            cover; /* Generic*/
    
    font-size:                  2.5vh;
    text-shadow:0 2px 1px var(--color3);

    padding:1vh 5vw 5vh 5vw;
    height:100%;
    width:100%;
    overflow:hidden;
}

input[type='checkbox'] {
    -webkit-appearance:none;
    width: 30px;
    height: 30px;
    background:var(--inputbgc);
    border-radius:5px;
    border: 4px solid var(--border1);
    vertical-align:middle;
    cursor:pointer;
}

input[type='checkbox']:checked {
    background-image: url("tick.jpg");    
    background-repeat: no-repeat;
    background-color: springgreen;
    background-position: center; 
}  

a {
    color:var(--link); 
    text-decoration:none;
    text-shadow:0 1px 2px var(--color3);
}
a:hover {color:var(--linkhover);}

.consent{
    font-size:1.5vh;
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    padding:2vh 10vw 2vh 10vw;
    text-align:center;
    background-color:rgba(125,125,125,0.9);
}

.logo {
    position:absolute;
    right:0;
    top:0;
    padding:1vh 1vw 0 0;
    width:8vw;
}

.siteName {
    font-size:4vh;
    font-weight:bold;
    color:var(--color4);
    text-shadow:0px 1px 2px black;
}
.siteDescription {
    font-size:2.5vh;
    color:var(--color2);
    text-shadow:0px 1px 2px black;
}

.banner {
    padding:2vh 0vw 1vh 0vw;
}

.working {
    font-size:3vh;
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    padding:40vh 30vw 30vh 30vw;
    text-align:center;
    color:var(--color1);
    background-color:var(--bgc3);
    display:none;
    z-index: 9999;
}

.content {
    z-index:1;
    font-size:1em;
    margin:1vh 1vw 1vh 1vw;
    padding:2vh 2vw 2vh 2vw;
    height:67vh;
    overflow-y:auto;
    box-shadow:0 0 0.5vh black inset;
    background-color:var(--bgc4);
}

.more {
    width:100%; 
    text-align:center;
    visibility: hidden;
    font-size:0.8em;
    font-weight:bold;
}

.himage {
    border:2px solid var(--border1); 
    max-width:100%;
    opacity:0.5;
}

.himage:hover{
    opacity:1;
    border-color: var(--border1);
}

.rowselect {color:lightblue; cursor:pointer;}
.rowselect:hover {background-color:silver; color:darkblue;}

.footer {
    font-size:.6em;
    margin:1vh 1vw 0vh 1vw;
    padding:1vh 1vw 0vh 1vw;
    max-height:10vh; 
}

.footl {text-align:left;}
.footc {text-align:center;}
.footr {text-align:right;}

/* Admin Menu */
.mselect {width:100%; padding:0 0 0 1vw; cursor:pointer;}
.mselect:hover{background-color:var(--bgc3);}

/*BootStrap Changes*/
.show > .dropdown-menu {
  max-height: 90vh;
  visibility: visible;
}

.dropdown-menu {
  display: block;
  max-height: 0;
  visibility: hidden;
  transition: all 0.5s ease-in-out;
  overflow: hidden;
  border:1px solid var(--border2);
  background-color:var(--bgc1);
  color:var(--col1);
  box-shadow:0 1vh 2vh black;
  z-index:1000; 
}

.nav-item {min-width:10vw;} /* Menu Item Width */
.navbar {
    font-size:.8em; 
    z-index:10;
}

.dropdown-item {color:var(--color1);}
.dropdown-item:hover {background-color:var(--bgc3);}

.form-control {
    color:var(--color1);
    background-color:var(--inputbgc);
    padding:0.2vh 0 0.1vh 0.5vw;
    margin:0;
    border:0;
    border-radius:0;
    box-shadow:0 2px 2px black inset;
    font-weight:550;
    font-size:0.9em;
}

.form-control:focus {
    background-color:var(--linkhover);
    color:var(--color4);
}

.btn {
    border-radius:0;
    box-shadow:0 2px 3px black;
}

/*Standard CSS*/
.preview {
    position:absolute; 
    top:5%; 
    left:5%; 
    width:90%; 
    height:90%; 
    border:1px solid var(--border2);
    background-color:black;
    box-shadow:0px 0px 100px black;
    display:none;
    z-index:999;
}

.previewimage {
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    max-width:90%;
    max-height:90%;
    border:2px solid var(--border1);
}

.leftarrow {
    position:absolute;
    top:40%;
    left:0;
    padding:0vh 1vw 0vh 1vw;
    font-size:5vw;
    opacity:0.3;
    color:var(--color1);
    font-weight:bold;
    text-shadow:0 0 1vh black;
    cursor:pointer;
}

.leftarrow:hover {opacity:1;}

.rightarrow {
    position:absolute;
    top:40%;
    right:0;
    padding:0vh 1vw 0vh 1vw;
    font-size:5vw;
    opacity:0.3;
    color:var(--color1);  
    font-weight:bold;
    text-shadow:0 0 1vh black;
    cursor:pointer;
}

.rightarrow:hover {opacity:1;}

.pclose {
    position:absolute;
    top:1vh;
    right:1vw;
    padding:0.7vh 0.7vw 0.7vh 0.7vw;
    font-size:2vh;
    opacity:.6;
    font-weight:bold;
    text-shadow:0 0 5px black;
    cursor:pointer;
}
.pclose:hover{opacity:1;}

.smalldialogue {
    position:absolute;
    top:20vh;
    left:15vw;
    width:70vw;
    min-height:60vh;
    background-color:var(--bgc1);
    border:1vh solid var(--border2);
    color:var(--color1);
    box-shadow:0 1vh 3vh black;
    padding:2vh 2vw 2vh 2vw;
    display:none;
    z-index:9999;
}

.postMessage {
    color: var(--color1);
    background-color: var(--bgc5);
    padding-top:2vh;
    padding-bottom:2vh;
    padding-left:1vw;
    box-shadow:0 2px 3px black;
}

/*Normal Post*/
.pmDate {float:right;font-size:0.6em;font-weight:bold;opacity:0.7;}
.pmDate:hover {opacity:1;}
/*Syllabus Post*/
.psDate {font-size:0.8em;font-weight:bold;opacity:0.5;}
.psDate:hover {opacity:1;}

.pmTitle {width:100%;font-size:1em;font-weight:bold;color:var(--color1);text-shadow:0 0.3vh 0.3vh var(--color3);}
.pmContent {width:100%;font-size:0.8em;font-weight:normal;}

.heading {
    font-size:1.2em;
    font-weight:bold;
    text-shadow:0px 1px 2px black;
    color:var(--color4);
    padding-bottom:1vh;
}

.tooltip {
    z-index:9999;
}

/* TinyMCE Mod */
.tox-tinymce-aux {
    z-index: 99999 !important;
}