/*
 * Acuparse - AcuRite Access/smartHUB and IP Camera Data Processing, Display, and Upload.
 * @copyright Copyright (C) 2015-2023 Maxwell Power
 * @author Maxwell Power <max@acuparse.com>
 * @link http://www.acuparse.com
 * @license AGPL-3.0+
 *
 * This code is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as published
 * by the Free Software Foundation, either version 3 of the License, or
 * 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 Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this code. If not, see <http://www.gnu.org/licenses/>.
 */
/**
 * File: src/pub/themes/base.css
 * Base CSS
 */
/* Load External Fonts */
/* Open Sans */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800');

/* END: Load External Fonts */
/* ---------------------------- */

/* Global Styles */

html,
body {
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

body {
    font-family: 'Open Sans', sans-serif;
    padding-top: 4rem; /* Required padding for navbar */
}

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

/* END - Global Styles */
/* ---------------------------- */

/* Headings */

.panel-heading {
    text-decoration: underline;
}

.page-header {
    margin-top: 6px;
    text-align: center !important;
}

/* END:Headings */
/* ---------------------------- */

/* System Messages */

.system-messages {
    text-align: center;
}

/* END: System Messages */
/* ---------------------------- */

/* Navigation */

.navbar {
    padding: unset;
}

.navbar-brand {
    text-align: center;
    font-size: 1em;
    font-weight: 800;
    margin-left: .5em;
}

.navbar-brand small {
    text-align: center;
    font-weight: 600;
}

@media only screen and (max-width: 375px) {
    .navbar-brand {
        font-size: .9em;
    }
}

.navbar-toggler {
    margin-right: .5em;
}

.navbar-nav .nav-link {
    padding-left: .5em;
}

@media (max-width: 992px) {
    .navbar-nav .nav-link,
    .dropdown-menu .dropdown-item {
        font-size: 1.275em;
    }

}

/* END: Navigation */
/* ---------------------------- */

/* Local Time */

.system-time p {
    font-weight: bolder;
}

@media (max-width: 375px) {
    .system-time p {
        font-size: .9em;
    }
}

/* END: Local Time */
/* ---------------------------- */

/* Live Weather Data */

.live-weather-data {
    text-align: center !important;
}

.live-weather-data ul {
    list-style-position: inside;
}

.live-weather-data h1 {
    font-size: 1.7em;
}

.live-weather-data h2 {
    font-size: 1.235em;
}

.live-weather-data h3 {
    font-size: 1em;
    display: inline;
    font-weight: 600;
}

.live-weather-data p {
    display: inline;
}

.lightningDanger {
    color: rgba(238, 0, 32, 0.8);
}

/* END: Live Weather Display */
/* ---------------------------- */

/* Archive Weather Data */

.archive-weather-data {
    text-align: center !important;
}

.archive-weather-data ul {
    list-style-position: inside;
}

.archive-weather-data h2 {
    font-size: 1.7em;
    text-decoration: underline;
}

.archive-weather-data h3 {
    font-size: 1.4em;
}

.archive-weather-data h4 {
    font-size: 1.1em;
    display: inline;
    font-weight: 600;
}

.archive-weather-data p {
    font-size: 1em;
    display: inline;
}

/* END: Archive Weather Display */
/* ---------------------------- */

/* Live Tower Data */

.live-tower-data {
    text-align: center !important;
}

.live-tower-data h1 {
    font-size: 1.75em;
    text-decoration: underline;
}

.live-tower-data h2 {
    font-size: 1.5em;
}

.live-tower-data h3 {
    font-size: 1em;
}

.live-tower-data h4 {
    font-size: .85em;
}

/* END: Live Tower Data */
/* ---------------------------- */

/* Live Camera */

.live-camera {
    text-align: center !important;
}

.live-camera p {
    font-weight: 600;
}

/* END: Live Camera */
/* ---------------------------- */

/* Camera Archive */

.camera-archive {
    text-align: center !important;
}

.camera-archive-timelapse {
    font-weight: 700;
}

/* END: Camera Archive */
/* ---------------------------- */

/* END: Camera Archive */
/* ---------------------------- */

/* Admin Functions */

.admin-functions {
    text-align: center !important;
}

.view-users,
.add-user,
.edit-user,
.change-password {
    text-align: center !important;
}

.view-tower,
.add-tower,
.edit-tower {
    text-align: center !important;
}

.modify-settings {
    text-align: center !important;
}

.config-database {
    text-align: center !important;
}

.update-message {
    text-align: center !important;
}

.change-access-server {
    text-align: center !important;
}

.modify-settings .nav-item {
    margin-bottom: unset;
}

.modify-settings .nav-link {
    margin-left: 5px;
}

/* END: Admin Functions */
/* ---------------------------- */

/* Users */

.user-authenticated {
    font-weight: 600;
}

.admin-authenticated {
    font-weight: 700;
}

.change-password {
    text-align: center !important;
}

.user-authentication {
    text-align: center !important;
}

/* END: Users */
/* ---------------------------- */

/* Footer */

footer {
    margin: 0.5em 0;
}

.footer-appname {
    font-size: smaller;
    text-align: center;
}

/* END: Footer */
/* ---------------------------- */

/* Horizontal Rules */

hr.hr-dashed {
    border-top: thin dashed #b1b0b0;
}

hr.hr-dotted {
    border-top: thin dotted #b1b0b0;
}

hr.hr-half {
    width: 50%;
}

hr {
    border-color: #b1b0b0;
}

/* END: Horizontal Rules */
/* ---------------------------- */
