@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans&family=Museo+Sans&display=swap');
@font-face {
    font-family: "Museo Sans";
    src: url('https://test.businessgrowthcoventry.uk/res/MuseoSans.ttf') format("truetype");
}

#menubar               {
    display:            flex;
    align-items:        center;
}
#headImage          {
    width:              25vw;
    min-width:          180px;
    max-width:          300px;
}
#navWide            {
    display:            inline-block;
    text-align:         center;
    margin:             auto 6px auto 3vw;
}
#navWide>a, #navWide>span>a         {
    padding:            0 12px;
    text-decoration:    none;
    color:              dimgrey;
    font-family:        Merriweather, Serif;
    font-size:          18pt;
}
#navWide>a:hover, #navWide>span>a:hover   {
    background:         lightgrey;
}
#headContact        {
    height:             30px;
    position:           relative;
    top:                7px;
}
.menuSelect         {
    background:         #EBE0EB;
}
#eoty               {
    display:            inline-block;
    height:             110px;
    position:           absolute;
    right:              12px;
}
#navJoin            {
    display:            inline-block;
    border:             solid medium #D2102F;
    border-radius:      34px;
    background:         #283585;
    color:              white;
    font-family:        "Museo Sans", "open sans", arial, sans-serif;
    font-size:          16pt;
    text-align:         center;
    text-decoration:    none;
    padding:            8px 18px;
    position:           absolute;
    right:              12px;
    cursor:             pointer;
}
#navJoin:hover      {
    background:         #28537D;
}
.joinButton         {
    display:            inline-block;
    border:             solid medium #D2102F;
    border-radius:      34px;
    background:         #283585;
    color:              white;
    font-family:        "Museo Sans", "open sans", arial, sans-serif;
    font-size:          16pt;
    text-align:         center;
    text-decoration:    none;
    padding:            8px 18px;
    cursor:             pointer;
}
.joinButton:hover   {
    background:         #28537D;
}
#hamburger          {
    display:            none;
    width:              18%;
    max-width:          56px;
}
#navNarrow          {
    position:           absolute;
    top:                38px;
    right:              6px;
    display:            none;
    text-align:         right;
    background:         white;
    border:             solid thin darkblue;
    padding:            2px 6px;
}
#navNarrow>a        {
    display:            block;
    margin:             6px 6px 6px 20px;
    text-decoration:    none;
    color:              dimgrey;
    font-family:        Merriweather, Serif;
    font-size:          20pt;
}
#navNarrow>a:hover  {
    background:         lightgrey;
}
.close              {
    width:              32px;
    position:           relative;
    left:               6px;
    top:                -2px;
}
body                {
    font-family:        "Nunito Sans", Verdana, sans-serif;
main                {
    text-align:         center;
}
h1                  {
    font-size:          28pt;
}
p,ul                {
    text-align:         left;
    font-size:          14pt;
}
#mainPanel          {
    display:            inline-block;
    margin:             0 auto;
    width:              100%;
    max-width:          900px;
}
.mainPanel          {
    display:            inline-block;
    vertical-align:     top;
    margin:             0 auto;
    width:              100%;
    max-width:          720px;
}
#sideBox            {
    display:            inline-block;
    width:              300px;
    vertical-align:     top;
}
#sidePanel          {
    display:            block;
    text-align:         center;
    vertical-align:     top;
}
#dingbat            {
    border:             solid thin dimgrey;
    margin:             20px auto;
    width:              300px;
    text-align:         center;
}
.dingbat            {
    text-align:         center;
    font-size:          14pt;
}
.dingbatShow        {
    text-align:         center;
}
.sideButton         {
    display:            block;
    width:              100%;
    box-sizing:         border-box;
    border-radius:      8px;
    padding:            2px 6px;
    margin:             6px 2px;
    font-size:          16pt;
    background:         dimgrey;
    color:              lightgrey;
    text-decoration:    none;
}
.sideButton:hover   {
    background:         darkgrey;
}
.button                 {
    display:            inline-block;
    box-sizing:         border-box;
    border-radius:      8px;
    text-align:         center;
    margin:             6px auto;
    padding:            2px 6px;
    font-size:          16pt;
    background:         dimgrey;
    color:              lightgrey;
    text-decoration:    none;
    cursor:             pointer;
}
.button:hover           {
    background:         darkgrey;
}
.warning                {
    color:              red;
    border:             solid thin red;
    margin:             12px auto;
}
.input                  {
    width:              100%;
    max-width:          350px;
    font-size:          12pt;
    margin:             2px auto;
}
.gradient               {
    background:         rgb(53,110,238);
    background:         linear-gradient(4deg, rgba(53,110,238,1) 0%, rgba(236,243,245,1) 0%, rgba(129,230,250,0.4738270308123249) 100%);
}
#slotWarning            {
    width:              100%;
    max-width:          350px;
    margin:             12px auto;
    display:            none;
    font-size:          12pt;
}
#slot                   {
    width:              100%;
    max-width:          350px;
    margin:             26px auto;
}
.slotButton        {
    border-radius:      8px;
    text-align:         center;
    margin:             6px auto;
    padding:            2px 6px;
    font-size:          16pt;
    background:         lightgrey;
    color:              white;
    text-decoration:    none;
    cursor:             pointer;
}
.slotButton:hover   {
    background:         dimgrey !important;
}
.slotAdmin      {
    border-radius:      8px;
    text-align:         center;
    margin:             6px auto;
    padding:            2px 6px;
    font-size:          16pt;
    background:         lightgrey;
    color:              white;
}
.slotAdminUW    {
    background:         thistle;
}
#meeting        {
    display:            none;
}
#slotBook       {
    display:            none;
}

@media screen and (max-width: 800px) {
    #navWide        {
        display:        none;
    }
    #hamburger      {
        display:        inline;
        position:       absolute;
        right:          6px;
    }
}
@media screen and (max-width: 1150px) {
    h1              {
        font-size:      25pt;
    }
    p, ul           {
        font-size:      12pt;
    }
    #eoty           {
        display:        none;
    }
    #navJoin        {
        display:        none;
    }
    #sidePanel      {
        display:        none;
    }
}
.footer             {
    text-align:         center;
    font-size:          10pt;
}
.footer>a           {
    text-decoration:    none;
    color:              dimgrey;
    font-size:          12pt;
}