﻿@media screen and (min-width: 1920px)  {

    body {
/*        background-color:yellow;*/
        margin: auto;
        
    }

    .ForGrid {
        /*            border-top: thin solid #808080;*/
        border-left: none;
        border-right: none;
        border-top: thin solid #b0c7d3;
        border-bottom: thin solid #b0c7d3;
    }

    .extendMsgBox {
        overflow-y: scroll;
    }

    .rowLineBorders {
        border-left: none;
        border-right: none;
        border-top: thin solid #b0c7d3;
        border-bottom: thin solid #b0c7d3;
    }

    a {
        color:black;
        text-decoration:none;
    }

    #dvMain {
        /*        position: fixed; do not put back*/
        top: 0px;
        /*width: 100vw;*/
        /*        display: inline-block !important;*/
        min-width: 30%;
        max-width: 30%;
        align-self: center;
        margin-left: auto;
        margin-right: auto;
        vertical-align: top;
/*        background-color: red;*/
    }

    #topNav {
        visibility: visible;
        width:100%;

    }

    #topNavSmall {
        visibility: hidden;
        position: fixed;
        top: 0px;
        width:100vw;
    }

    .myCardHeader {
        background-color:black;
        color:white;
    }

    #nvMain {
        display: inline;

    }

    #minNav {
        display:none;
        
    }

    #primaryBox {
        width: 100vw;
        margin: auto;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
    }

    .colStyle > * {
        flex: 1;
    }

    #primaryBox2 {
        place-items: center;
        justify-content: center;
        margin: auto;
        height: fit-content;
        position: relative;
        top: 0px;
        z-index: 1;
/*        background-color: purple;*/
        text-align: center;
        min-width: 100%;
        max-width: 100%;
        align-self: center;
        margin-left: auto;
        margin-right: auto;
        vertical-align: top;
    }

    #secondaryBox {
/*        background-color: red;*/
        width: 100vw;
        margin: auto;
        justify-content: space-evenly;
        text-align: center;
    }

    .colStyle {
/*        background-color: yellow;*/
        position: relative;
        min-width: 100%;
        max-width: 100%;
        max-height:100vh;
        min-height:100vh;
        display: inline-block !important;*/*/
    }

    .colStyle2 {
        display: inline-block !important;
        /*background-color: Yellow;*/
        min-width: 40vw;
        max-width: 40vw;
        align-self: center;
        margin-left: auto;
        margin-right: auto;
        vertical-align: top;
    }

    #btnNext {
/*        width: 100vw;*/
        text-align: center;
        align-content: center;
        align-items: center;
    }

    .box {
                /*background-color: hotpink;*/
        padding: 0 0 0 0;
        margin: 0 0 0 0;
        min-width: 100% !important;
        max-width: 100% !important;
        display: flex;
        margin-right: 500px;
        flex-wrap: wrap;
        margin-top: auto;
        flex: 1;
        flex-direction: column;
        justify-content: center;
    }

    .box > * {
        flex: 1;
    }

    .card {
        max-width: 15vw !important;
        min-width: 15vw !important;
        max-height: fit-content !important;
        min-height: fit-content !important;
        margin-left: 12px;
        /*        background-color: purple;*/
        margin-bottom: -2px;
        display: flex;
        margin-top: 12px;
        /*border-color: #0094ff !important;*/ /*New*/
        /*        box-shadow: 4px 5px 5px #a7d3f3;*/
        box-shadow: 4px 5px 5px #000;
        text-align: left;
        /*background-color: ghostwhite;*/
        border-color: #a7d3f3 !important; /*New*/
    }

    .cardImage {
        max-width: 15vw !important;
        min-width: 15vw !important;
        max-height: 180px !important;
        min-height: 180px !important;
        margin-left: 12px;
        margin-bottom: -2px;
        display: flex;
        margin-top: 12px;
        box-shadow: 4px 5px 5px #000;
        /*        box-shadow: 4px 5px 5px #a7d3f3;*/
        text-align: left;
        border-color: #a7d3f3 !important; /*New*/
        color: black;
        font-family: 'Arial Rounded MT';
        font-weight: bold;
        font-size: 40px;
        display: flex;
        text-align: center !important;
        justify-content: center !important;
        vertical-align: middle !important;
        align-content: center !important;
        border: none !important;
    }

    .pTextImage {
        max-height: fit-content !important;
        min-height: fit-content !important;
        max-width: fit-content !important;
        min-width: fit-content !important;
        margin-bottom: 4px;
        /*font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;*/
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        padding-left: 8px;
        padding-right: 8px;
        border: none !important;
        justify-content: center;
        align-self: center;
        text-decoration:none;
    }

    .pTextImageDark {
        color: white;
    }

    .pTextImageLight {
        color: black;
    }

    .pTitle_1 {
        font-size: .5em;
        /*        color: yellow !important;*/
    }

    .pTitle_2 {
        font-size: .6em;
        /*        color: yellow !important;*/
    }

    .pTitle_4 {
        font-size: .6em;
        /*        color: yellow !important;*/
    }

    .pTitle_6 {
        font-size: .8em;
/*        color: yellow !important;*/
    }

    .pTitle_8 {
        font-size: .9em;
/*        color:green !important;*/
    }


    .list-group {
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
        font-size: .9em;
    }

    .pHeader {
        background-color: #d3e1eb;
        text-align: center;
        font-weight: 500;
        padding-right: 14px;
    }

    .pHeader a {
        font-size: .9em;
        width: 90vw;
        max-width: fit-content !important;
        min-width: fit-content !important;
        max-height: fit-content !important;
        min-height: fit-content !important;
        margin-left: 4px;
        border-bottom: thick !important;
        border-bottom-color: royalblue !important;
        color: black;
        margin-left: 30px;
        text-decoration: none;
        border-bottom-left-radius: 0px !important;

    }

    .button {
        text-decoration: none;
        padding-left: 4px;
        color: black;
        border-radius: 0px !important;
        border-bottom-left-radius: 0px !important;

    }

    .pText3 {
        font-size: .8em;
        color: black;
        background-color: #dde7f1;
        max-height: fit-content !important;
        min-height: fit-content !important;
        max-width: fit-content !important;
        min-width: fit-content !important;
        margin-bottom: 4px;
        /*border-bottom-color: red;*/
        padding-left: 8px;
        padding-right: 8px;
        background-blend-mode:lighten;
        opacity:0.5;
    }


    .pText {
        font-size: .8em;
        max-height: fit-content !important;
        min-height: fit-content !important;
        max-width: fit-content !important;
        min-width: fit-content !important;
        margin-bottom: 4px;
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        padding-left: 8px;
        padding-right: 8px;
    }

}
