/**
 * public.css
 *
 * CSS for public screens
 *
 * CSS 3
 *
 * @category  None
 * @package   /
 * @author    Rick Morice <rick@floor9design.com>
 * @copyright Floor9design Ltd (floor9design.com)
 * @license   Private software
 * @version   1.0
 * @link      https://floor9design.com
 * @see       https://tympanicaudio.com
 * @since     File available since Release 1.0
 */

/* Core definitions */
body {
    font-family: 'Alegreya Sans', sans-serif;
    background-image: url("/public/images/background.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    margin: 0;
    color: #eee;
}

.site-width {
    width: 80vw;
    margin: auto;
    max-width: 1200px
}

.centre {
    text-align: center;
}

.rainbow {
    background-image: url("/public/images/background-nav.png");
    background-repeat: no-repeat;
    background-size: initial;
    background-position: center;
}

a {
    color: #4bcbff;
    text-decoration: none;
}

a:hover {
    transition: 0.7s;
    color: #dc8c8c;
    text-decoration: underline;
}

/* Header and footer */

.content-header,
.content-footer {
    background-color: rgba(0,0,0,0.8);
    box-sizing: border-box;
    padding: .5vw 1vw;
    border: solid #ccc;
    border-width: 0 0 1px 0;
}

.content-footer {
    border-width: 1px 0 0 0;
    background: linear-gradient(
        rgba(0,0,0,0.8) 0%,
        rgba(0,0,0,0) 100%);
);
}

/* navigation */

nav.main-navigation ul.main li.pulldown {
    box-sizing: border-box;
    padding-left: 0.9em;
    background-position: 0;
    background-repeat: no-repeat;
    background-size: 0.5em;
}

.main-nav {
    box-sizing: border-box;
    margin: 1.5vh 0;
    text-align: center;
}

.main-nav ul {
    box-sizing: border-box;
    padding: 0 0 0 0;
}

.main-nav li {
    box-sizing: border-box;
    list-style-type: none;
    display: inline-block;
    text-decoration: none;
    font-weight: 800;
    font-size: 1.3em;
    text-align: center;
    min-width: 9em;
}

.main-nav li ul li {
    display: block;
    font-size: 0.9em;
}

.main-nav li a,
.main-nav ul.main li a,
.main-nav span {
    display: inline-block;
    color: rgb(255, 255, 255);
    padding: 1vh 2vw;
    text-decoration: none;
}

nav.main-nav ul.main li.pulldown {
}

nav.main-nav span.dropbtn:hover {
    cursor: pointer;
    text-decoration: underline;
}

nav.main-nav .dropdownContent {
    display: none;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.6);
    min-width: 9em;
    box-shadow: 0 0.5vmin 0.5vmin 0 rgba(0, 0, 0, 0.2);
    border: 1px solid #999;
    z-index: 1;
    margin: 0.5em 0 0 0;
    padding: 0;
}

nav.main-nav .show {
    display: block;
}

/* main content */

.content-frame {
    box-sizing: border-box;
    border-radius: 0.5vw;
    margin: 2vw 0;
    font-size: 1em;
    line-height: 1.5em;
}

.content-padding{
    padding: .5vw 1vw;
}

.section {
    margin-top: 3vh;
    margin-bottom: 3vh;
    padding: 2vw;
    border-radius: 0.95vh;
    box-sizing: border-box;
}

section p {
    font-size: 1em;
    line-height: 1.7em;
}

.half {
}

.half:after {
    content: "";
    display: table;
    clear: both;
}
.div{
}

div.half-right {
    width: 50%;
    float: right;
    box-sizing: border-box;
}

div.half-left {
    width: 50%;
    float: left;
    box-sizing: border-box;
}

img.full-width {
    width: 100%;
    border-radius: 0.3vw;
}