/*******************************************************************************

Simple digital signage.

Copyright (C) 2022  Vaughan Memorial Library, Acadia University
                    https://library.acadiau.ca, library-systems@acadiau.ca

********************************************************************************

This program is free software: you can redistribute it and/or modify it under 
the terms of the GNU General Public License as published by the Free Software 
Foundation, either version 3 of the License, or (at your option) any later 
version.

This program is distributed in the hope that it will be useful, but WITHOUT ANY 
WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A 
PARTICULAR PURPOSE.  See the GNU General Public License for more details.
You should have received a copy of the GNU General Public License along with 
this program.  If not, see <https://www.gnu.org/licenses/>.

*******************************************************************************/



* {
  box-sizing: border-box;
  border: 0;
  margin: 0;
  padding: 0;
}

body {
  color: #eee;
  background-color: #000;
  padding: 0;
  margin: 0;
  font-family: sans-serif;
  font-size: 20px;
}

body a {
  color: #ffeb00;
}

/******************************************************************************/
/*#wrapper {
  height: 100vh;
  width: 100vw;
  display: flex;
  justify-content: center;
  justify-items: center;
  align-items: center;
}*/

#wrapper {
  height: 90vh;
  width: 100vw;
  display: flex;
  justify-content: center;
  justify-items: center;
  align-items: center;
}

#wrapper > * {
  flex-basis: auto;
  flex-grow: 0;
  flex-shrink: 1;
}

#wrapper.index {
  display: block;
  height: initial;
  width: initial;
  font-size: 0.75em;
  margin: 2em;
}

/******************************************************************************/

img {
  max-height: 100%;
  max-width: 100%;
  height: auto;
  width: auto;
}

iframe {
  width: 100%;
  height: 100%;
}

/******************************************************************************/
#bar {
    width: 100%;
    background-image: linear-gradient(to right, #033ead, #3093d1);
    color: white;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    display: flex;
    align-items: center;
   /* min-height: 65px;*/
    height: 10vh;
}

#text-content {
    white-space: nowrap;
    z-index: 0;
    display: block;
    height: 8vh;
    padding-top: 2vh;
}

#text-container {
    height: 100%;
    background-image: linear-gradient(to right, #033ead, #3093d1);
    display: flex;
    align-items: center;
    font-size: 20px;
    flex-grow: 1;
}

#text-content div {
    display: block;
    position: fixed;
    height: 100%;
}

#time {
    font-size: 150%;
    height: 5vh;
    padding-top: 1vh;
}
#date-time {
    display: flex;
    flex-flow: column;
    align-items: center;
    height: 10vh;
    background-color: #033ead;
    z-index: 1;
    width: 225px;
}