/*
Theme Name: Twenty Twenty One Child
Author: Bjørn Bork
Template: twentytwentyone
Text Domain: vivapages
Description: Theme used in Vivapages
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: <https://www.gnu.org/licenses/gpl-2.0.html>
*/
:root {
    font-family: Arial, Helvetica, sans-serif;

    --vetreport-theme--real-viewport-height: 100vh;

    --global-color-background: #ffffff;
    --global-color-blocker: #000000;
    --global-element-selected-border: #333333;

    --dialog-color-background: #ffffff;

    --vetreport-color-header-footer: #0F0E76;
    --vetreport-color-button: #3085fc;
    --vetreport-color-button-hover: #3085fc;
    --vetreport-color-button-special: #3085fc;
    --vetreport-color-button-text: #ffffff;
    --vetreport-color-file: #3085FC;
    --vetreport-color-file-text: #ffffff;
    --vetreport-color-folder: #2100EA;
    --vetreport-color-folder-text: #ffffff;
    --vetreport-color-context-menu-background: #3085FC;
    --vetreport-color-context-menu-hover: #ffffff;
    --vetreport-color-context-menu-text: #ffffff;
    --vetreport-color-context-menu-text-hover: #3085FC;
    --vetreport-color-input-field-background: #ffffff;
    --vetreport-color-input-field-text: #000000;
    --vetreport-color-input-field-border: #A6A6A6;
    --vetreport-color-input-field-focus-border: #000000;
    --vetreport-color-searchresult-text: #ffffff;
    --vetreport-color-table-border: #A6A6A6;
    --vetreport-color-menu-text: #ffffff;

    --vetreport-color-waitblocker: #ffffff;
    --vetreport-color-warning: #a51010;
    --vetreport-color-nudge: #018a16;
}

body
{
    background-color: var(--global-color-background);
}

h1, h2, h3
{
    margin: 0px;
}

.site-header
{
    --global--spacing-vertical: 0px;
}

.site-main
{
    --global--spacing-vertical: 0px;
}

#cookie-notice
{
    bottom: 55px;
}

.childtheme-header-text
{
    height: 100%;
    padding-left: 50px;
    padding-right: 50px;
    line-height: 54px;
    font-size: 20px;
    text-align: center;
    color: #ffffff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

#page.site
{
    margin-top: 54px;
    margin-bottom: 54px;
}

.entry-content
{
    width: 50%;
    margin: auto;
    padding: 10px;
}

.entry-header
{
    display: none;
}

.entry-footer
{
    display: none;
}

.admin-organisations-wrapper
{
    width: 100%;
    height: calc(var(--vetreport-theme--real-viewport-height) - var(--vetreport-theme--footer-menu-height) - 54px);        /* 54 is the hardcoded height of the header bar as set by the 'morph' plugin */
    margin: auto;
    overflow-x: hidden;
    overflow-y: auto;
}

.entry-content,
div[class*='-page-wrapper']
{
    width: 50%;
    height: calc(var(--vetreport-theme--real-viewport-height) - var(--vetreport-theme--footer-menu-height) - 54px);        /* 54 is the hardcoded height of the header bar as set by the 'morph' plugin */
    margin: auto;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0px;
    box-sizing: border-box;
}

div[class*='-page-wrapper'].maximized
{
    width: 80%;
}

#logo-wrapper
{
    margin: auto;
    margin-top: 30px;
    width: 80%;
    max-width: 300px;
    text-align: center;
}

#vetreport-logo
{
    width: 100%;
}

#login-button-wrapper
{
    position: relative;
    height: 50px;
    width: 300px;
    color: var(--vetreport-color-button-text);
    background-color: var(--vetreport-color-button);
    cursor: pointer;
    border-radius: 5px;
    text-align: center;
    line-height: 50px;
    margin-top: 20px;
    margin-bottom: 20px;
}

#vetreport-login-button:active,
#vetreport-login-button
{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    line-height: 50px;
    text-decoration: none;
    color: var(--vetreport-color-button-text);
}

#vetreport-login-button:hover
{
    background-color: var(--vetreport-color-button-hover);
}

.no-scrollbar::-webkit-scrollbar
{
    display: none;
}

.no-scrollbar
{
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

#vetreport-wait-blocker
{
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: var(--vetreport-color-waitblocker);
    z-index: 1000000;
}

#vetreport-wait-blocker-spinner
{
    width: 100%;
    height: 100%;
    background-image: url("assets/images/spinner.gif");
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
}

@media screen and (max-width: 768px)
{
    .entry-content,
    div[class*='-page-wrapper'],
    div[class*='-page-wrapper'].maximized
    {
        width: 100%;
        padding: 5px;
    }
}