html {
    font-size: 14px;
}

.show-on-hover {
    display: none;
}

.hover-container:hover .show-on-hover {
    display: none;
}

.day {
    width: 14%;
    font-size: 0.8em;
}
td {
    background-color: unset !important;
    background-clip: padding-box;
}

.day-text {
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    height: 30px;
    font-size: 0.8em;
}

textarea{
    height:10rem;
}


@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

/*.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}*/

[type="time"] {
    vertical-align: bottom
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}


.fadeborder {
    background-color: rgba(255,255,255,1);
    box-shadow: 0 0 25px 30px rgba(255,255,255,1);
    z-index: -1;
}

.map {
    z-index: -1;
    background-size: cover;
    background-position: center;
    position:fixed;
    filter: blur(100px);
    height: 120% !important;
    width: 120% !important;
    top: -10% !important;
    left: -10% !important;
    background-image: url("../Home/ResizeImage?path=images/GreyhawkMap.png&width=128");
}

.day-name{
    text-align:center;
}
.day-name .short {
    display: inline;
}

.day-name .full {
    display: none;
}



@media (min-width: 576px)  {

    .day-name .short {
        display: none;
    }

    .day-name .full {
        display: inline;
    }
    .day-text {
        height: 40px;
        width: 40px;
    }
}


@media (min-width: 768px) {
    .hover-container:hover .show-on-hover {
        display: unset;
    }
  
    .day-text {
        height: 50px;
        width: 50px;
    }
}

@media (min-width: 992px)  {
    .day-text {
        height: 80px;
        width: 80px;
    }
}

@media (min-width: 1200px ) {
    .day-text {
        height: 100px;
        width: 100px;
    }
}

@media (min-width: 1400px ) {
    .day-text {
        height: 100px;
        width:100px;
    }
}






@media (max-width:575px),(max-height:393px) {

    

    .map {
        --background-image: Home/ResizeImage?path=images/GreyhawkMap.png&width=576;
    }
}


@media (min-width: 576px) and (max-width:767px),(min-height: 394px) and (max-height:524px) {

    .map {
        --background-image: Home/ResizeImage?path=images/GreyhawkMap.png&width=768;
    }
}


@media (min-width: 768px) and (max-width:991px),(min-height: 525px) and (max-height:677px) {

    .map {
        --background-image: Home/ResizeImage?path=images/GreyhawkMap.png&width=992;
    }
}

@media (min-width: 992px) and (max-width:1199px),(min-height: 678px) and (max-height:820px) {

    .map {
        --background-image: Home/ResizeImage?path=images/GreyhawkMap.png&width=1200;
    }
}

@media (min-width: 1200px ) and (max-width:1399px),(min-height: 821px) and (max-height:957px) {
    .map {
        --background-image: Home/ResizeImage?path=images/GreyhawkMap.png&width=1400;
    }
}

@media (min-width: 1400px ) and (max-width:1919px),(min-height: 958px) and (max-height:1313px) {
    .map {
        --background-image: Home/ResizeImage?path=images/GreyhawkMap.png&width=1920;
    }
}

@media (min-width: 1920px ) and (max-width:2559px),(min-height: 1314px) and (max-height:1751px) {
    .map {
        --background-image: Home/ResizeImage?path=images/GreyhawkMap.png&width=2560;
    }
}

@media (min-width: 2560px ),(min-height: 1752px) {
    .map {
        --background-image: images/GreyhawkMap.png;
    }
}