:root {
    --mcusercolor: #ebf2fa;
    --mcuserpasswordcolor: rgb(251, 232, 210);
}
html {
    overflow-x: hidden; /* hide horizontal scroller unless we find we need it.*/
}
body {
}
/* =============== PROMOTION OVERRIDES ================== */
.promotion-space {
    background-color: rgb(78, 109, 83);
    background-image: linear-gradient(rgb(195, 241, 205),rgb(73, 92, 77));
    height: 100px;
    color: whitesmoke;
}
.override-promotion-text-outline {
    text-shadow: 1px 1px 3px black, 1px -1px 3px black, -1px 1px 3px black, -1px -1px 3px black;
    /*margin-top:50px; used to raise the letters 'tamanaka collective' but seems to look ok now */
}
.override-nav-header-outline {
    text-shadow: 1px 1px 3px #708090, 1px -1px 1px #708090, -1px 1px 1px #708090, -1px -1px 6px #708090;
}
.override-support-outline {
    color: black;
   /* text-shadow: 2px 2px 12px grey, 2px -2px 12px grey, -2px 2px 12px grey, -2px -2px 12px grey;  */
}
.promotion-space2 {   /* to use with images */
    background-color:transparent; 
    background-repeat: no-repeat;
    background-image: url(../img/promotion_spawntown.jpg);
    background-size: cover;
    background-position: 75% 50%;
    width:100%;
    height: 200px;
    color:whitesmoke;
}
/* =============== HEADER OVERRIDES ==================== */
.override-header-standard /* footer override */ {
    background-color: cornflowerblue;
    margin-bottom: 0px;
    /* bottom: 0; */
}

.nav.navbar-nav li a /* change navbar items white */ {
    color: white;
}

/* ================= HAMBURGER OVERRIDES ================*/
.navbar-default .navbar-toggle .icon-bar /* modify menu hamburger */ {
    background-color: yellow;
}

.navbar-default .navbar-toggle /* make it red until you click on hamburger button */ {
    background: crimson;
    border-color: crimson;
}

.navbar-default .navbar-brand /* modify the tamanaka brand area "Tamanaka Collective"*/ {
    color: white;
    font-size: 150%;
}

.navbar-default .navbar-toggle.collapsed /* when collapsed also color this on hamburger */ {
    background: crimson;
    border-color: crimson;
}
/* =================== the nav bar area that shows what page you are actively on ===============*/

.navbar-default .navbar-nav .active a:hover /* the active nav item is highlighted a:link, a:visited a:hover a:active*/ {
    background-color: rgb(235, 219, 150);
}

.navbar-default .navbar-nav .active a:active /* the active nav item is highlighted a:link, a:visited a:hover a:active*/ {
    background-color: rgb(193, 222, 241);
}

.navbar-btn {
    float: right;
}

.fa-user {
    color:lightgreen;
}
/* ================ the warning/status/add bars below nav bar ================ */
.advert-space {
    background-color: rgb(90, 121, 101);
    margin: 0px;
    text-align: center;
    color: whitesmoke;
}

.serverwarn-space {
    background-color: crimson;
    margin: 0px;
    text-align: center;
    color: whitesmoke;
    /* show this server warning showing that the page is under construction */
    /* display: none; hide this until / unless you need it if you use display:hidden instead a space for this will still be made */
}
/* ================= CARD AREA ==================================== */
.override-card {
    color: whitesmoke;
    width: 25rem;
    height: 30rem;
    text-shadow: 1px 1px 3px black, 1px -1px 3px black, -1px 1px 3px black, -1px -1px 3px black;
    padding: 5px;
    
    margin-right: 20px;
    margin-left: 20px;
    margin-bottom: 20px;
    
    /*margin: auto;*/
    border: 1px solid rgb(37, 35, 35);
    border-radius: 12px;
    background-repeat: repeat;
    background-position: center;
}

.override-img-stargazer {
    background-image: url('../img/cards/stargazer.jpg');
}
.override-img-donate {
    background-image: url('../img/cards/donate.png');
}
.override-img-greenthumb {
    background-image: url('../img/cards/greenthumb.png');
}
.override-img-sense {
    background-image: url('../img/cards/sense.jpg');
}
.override-img-observe {
    background-image: url('../img/cards/observe.jpg');
}
.override-img-other {
    background-image: url('../img/cards/other.jpg');
}





/* ==================CARD AREA ==================================== */

p.override-margins /* use when you dont want the lower 10 px */ {
    margin: 0px;
}

/* =============== THUMBNAIL HANDLING ================= */
.override-img-thumbnail {
    height: 40px;
    width: 40px;
    background-color: rgb(37, 35, 35);
    border: 1px solid rgb(37, 35, 35);
    margin: 0px;
}

/* =============== CIRCLE TEXT FEATURE ================ */
.circle-text {
    display: table-cell;
    height: 75px; /* change height and width for size of initial circle */
    width: 75px;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    /* box-shadow: 0 0 3pt 2pt red; */
    box-shadow: 0 0 20pt 2pt cornflowerblue inset;
    /* make it pretty */
    background: #fff;
    color: #000;
    font-family: "josefin sans", Arial Black, sans;
    /* font-size: 20px; */
    margin: 5px;
}

.temp {
    /* font-size: 72px; */
    margin: 5px;
}

.warn {
    box-shadow: 0 0 20pt 2pt rgb(192, 192, 13) inset;
}

.success {
    box-shadow: 0 0 20pt 2pt green inset;
}

.failure {
    box-shadow: 0 0 20pt 2pt crimson inset;
}

.noir {
    box-shadow: 0 0 20pt 2pt lightslategray;
}

/* =============== FOOTER OVERRIDES ==================== */

.override-footer-dark /* footer override */ {
    background-color: rgb(37, 35, 35);
    color: whitesmoke;
    /* bottom: 0; */
}

.override-footer-copyright /* footer override for bottom strip */ {
    background-color: #000;
    color: lightblue;
    padding: 5px;
}

.override-footer-headline /* override the footer header title colors */ {
    color: lightblue;
    font-weight: bold;
}

.override-footer-watermark /* allow the watermark to be centered on the footer */ {
    position: relative;
    margin-top: 10%;
}

.nav.nav-stacked > li > a:hover /* user hovers over footer list items */ {
    background-color: rgb(68, 65, 65);
    color: lightblue;
}

/* =============== FORM OVERRIDES ==================== */
.override-form-indent /* indent the form*/
{
    margin-left:40px;
}
.override-support-margin/* the font-awesome icon burps the support header up a smidge and looks off so i burp it down a bit */{
    margin-top:10px;
    margin-left:15px;
}

.home-icon {         /* the home icon size and attributes */
}

/* ================== LOGIN FORM CSS ==============*/
.loginerrorsummary { /* error summary */
    font-weight: bold;
    color: darkred;
    border: 2px solid red;
    background-color: pink;
}
.loginerrorsummary li {
    list-style-type: none;
}

/* ================ REGISTER FORM CSS =============*/
.navbar-btn.override-register-btn {
    margin-left: 15px;
}
/* user name field */
.register-mcusername {
    background-color: var(--mcusercolor);
    border-radius: 5px;
    padding: 10px;
    font-weight: lighter;
}
.mcusernameinputbox {
    background-color: var(--mcusercolor);
}
/* user password field */
.register-mcuserpassword {
    background-color: var(--mcuserpasswordcolor);
    border-radius: 5px;
    padding: 10px;
    font-weight: lighter;
}

.register-mcuser h2 {
   text-align: center;
   font-weight: lighter;
}

.mcuserpasswordinputbox {
    background-color: var(--mcuserpasswordcolor);
}
.registrationerrorsummary { /* error summary */
    font-weight: bold;
    color: darkred;
    border: 2px solid red;
    background-color:pink;
}
.registrationerrorsummary li {
    list-style-type: none;
    padding-top: 10px;
    padding-bottom: 5px;
}

/* ================ ADMIN DASH CSS =============*/
.admin-topstrip{
    background-color: #49274A;
    color: whitesmoke;
    margin-top:-10px;
    padding:10px;
}
.admin-light{
    background-color: #713e72;
    padding:20px;
}
.alarm-light{
    background-color: #ffecc1;
}
.admin-light-text{
    color: whitesmoke;
}
.admin-badge{
    color: yellow;
    
}
.admin-navbar {
    background-color:#ead1fb;
}
.admin-body{
    background-color:white;
}
.navbar-text.admin-override-navheader {
    width:100%;   
    text-align:left;
    /* padding-left: 0px;    */
    background-color:lavender;
}

/* ================== HEARTBEAT SENSE =========*/
.SenseHB {
    background-color: rgb(37, 35, 35);
    color: red;
    font-size: x-large;
    margin-top: -15px;
    margin-left:15px;
    padding-left: 10px;
}

/* table rows */
.TamaTempReading {
    font-family:'Lucida Console';
}
.TamaTempCurrentReading {
    Border: 1px inset black;
    background-color: darkslategrey;
    color: white;
    background-image: linear-gradient(blue, green);
    padding-left: 20px;
}
.Telemetry-refresh {
    border: 1px black;
}
.Telemetry-heartbeatalert
{
    color: red;
}

.Telemetry-heartbeatok {
    color: lightgreen;
}
.Telemetry-heartbeatwarn {
    color: orange;
    animation: blink 1s;
    animation-iteration-count:infinite;
}
@keyframes blink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
.Blink {
    animation: blink 1s;
    animation-iteration-count: infinite;
}