html.full-height {
    height: 100%;
}

body {
    padding-top: calc(80px + 3.6vw);
}

body.body-bg-image {
    background-repeat: no-repeat;
    background-size: 90vmin auto;
}

body.body-bg-center {
    background-position: center;
}

body.cycling {
    background-image: url('../img/cycling.jpg');
}

body.scotland {
    background-image: url('../img/scotland.jpg');
}

body.cape-trib {
    background-image: url('../img/cape-trib.jpg');
}

body.blue-mountains {
    background-image: url('../img/blue-mountains.jpg');
}

div.page-header {
    width: 100%;
    height: calc(20px + 3.6vw);
    position: fixed;
    top: 0;
    color: white;
    background-color: rgb(85, 15, 157);
    z-index: 1030;
}

div.page-header h1 {
    font-size: calc(12px + 3vw);
}

nav.nav-header-fixes {
    padding: 0px;
    top: calc(20px + 3.6vw);
}

p.navbar-brand-fixes {
    padding: 5px;
    margin-bottom: 0px;
    font-size: 1rem;
}

.scroll-container section {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 95vmin auto;
}

div.schedule-container {
    margin-top: 0.5%;
}

@media (max-width: 767px), (max-height: 599px) {
    body.body-bg-right {
        background-position: center;
    }
    
    p.schedule-text {
        font-size: 0.9rem;
    }
    div.hidden-md {
        display: none;
    }
    section.river-1 {
        background-image: radial-gradient(#FFFD, #FFFA), url('../img/River1.svg');
    }
    section.river-2  {
        background-image: radial-gradient(#FFFD, #FFFA), url('../img/River2.svg');
    }
    section.river-3  {
        background-image: radial-gradient(#FFFD, #FFFA), url('../img/River3.svg');
    }
    section.river-4  {
        background-image: radial-gradient(#FFFD, #FFFA), url('../img/River4.svg');
    }
    section.river-1.animated {
        background-image: radial-gradient(#FFFD, #FFFA), url('../img/River1-Animated.svg');
    }
    section.river-2.animated  {
        background-image: radial-gradient(#FFFD, #FFFA), url('../img/River2-Animated.svg');
    }
    section.river-3.animated  {
        background-image: radial-gradient(#FFFD, #FFFA), url('../img/River3-Animated.svg');
    }
    section.river-4.animated  {
        background-image: radial-gradient(#FFFD, #FFFA), url('../img/River4-Animated.svg');
    }
}

@media (min-width: 768px) and (min-height: 600px) {
    body.body-bg-right {
        background-position: right;
    }
    
    div.col-md-wh-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%;
    }
    div.col-md-wh-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%;
    }
    div.col-md-wh-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    div.col-md-wh-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }
    div.col-md-wh-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%;
    }
    div.col-md-wh-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    div.col-md-wh-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
    div.col-md-wh-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
    }
    div.col-md-wh-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%%;
        max-width: 83.333333%%;
    }
    div.row.min-height-md-10 {
        min-height:10vh;
    }
    div.row.min-height-md-15 {
        min-height:15vh;
    }
    div.row.min-height-md-20 {
        min-height:20vh;
    }
    div.row.min-height-md-25 {
        min-height:25vh;
    }
    div.row.min-height-md-30 {
        min-height:30vh;
    }
    section.river-1  {
        background-image: url('../img/River1.svg');
    }
    section.river-2  {
        background-image: url('../img/River2.svg');
    }
    section.river-3  {
        background-image: url('../img/River3.svg');
    }
    section.river-4  {
        background-image: url('../img/River4.svg');
    }
    section.river-1.animated  {
        background-image: url('../img/River1-Animated.svg');
    }
    section.river-2.animated  {
        background-image: url('../img/River2-Animated.svg');
    }
    section.river-3.animated  {
        background-image: url('../img/River3-Animated.svg');
    }
    section.river-4.animated  {
        background-image: url('../img/River4-Animated.svg');
    }
}

.message {
    background-size: 40px 40px;
    background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
    transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
    transparent 75%, transparent);
    box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
    width: 75%;
    margin-left: 12.5%;
    margin-right: 12.5%;
    border: 1px solid;
    border-radius: 15px;
    color: #fff;
    padding: 15px;
    position: relative;
    text-shadow: 0 1px 0 rgba(0,0,0,.5);
    animation: animate-bg 5s linear infinite;
}

.info {
    background-color: #4ea5cd;
    border-color: #3b8eb5;
}

.error {
    background-color: #de4343;
    border-color: #c43d3d;
}

.warning {
    background-color: #eaaf51;
    border-color: #d99a36;
}

.success {
    background-color: #61b832;
    border-color: #55a12c;
}

.message h3 {
    margin: 0 0 5px 0;
}

.message p {
    margin: 0;
}

@keyframes animate-bg {
    from {
        background-position: 25px 0;
    }
    to {
        background-position: -80px 0;
    }
}