/*
Copyright (C) 2022 Petr Aubrecht <petr@aubrecht.net>

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 2
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, write to the Free Software
Foundation, Inc., 59 Temple Place - Suite 330, Boston, MA  02111-1307, USA.
*/
/* 
    Created on : Oct 6, 2022, 1:26:00 AM
    Author     : Petr Aubrecht <petr@aubrecht.net>
*/

body {
    background-color: #ff8d1c;
}

div .login-button {
    display: flex;
    justify-content: flex-end;
    align-items: baseline;
}

div .big-title {
    font-size: 700%;
    font-weight: bold;
    font-family: Gill, Helvetica, sans-serif;
    color: #293884;
    overflow-wrap: anywhere;
    margin-bottom: -0.5ex; /* put subtitle closer to the title*/
    text-shadow: 0.05ex 0.025em 4px #29388470;
}

@media(max-width: 1100px) {
    div .big-title {
        font-size: 500%;
    }
}

@media(max-width: 800px) {
    div .big-title {
        font-size: 400%;
    }
}

div .subtitle {
    font-size: 150%;
    font-family: Gill, Helvetica, sans-serif;
    color: #293884;
}

div .main-image {
    display: flex;
    justify-content: center;
    height: 150px;
}

/* links color */
body .ui-commandlink, body .ui-link {
    color: #293884;
}

/* PF backgrounds */
body .ui-commandlink, body .ui-link, body .ui-selectonemenu, body .ui-paginator,
body .ui-datatable, body .ui-datatable .ui-datatable-data > tr,
body .ui-panelgrid .ui-panelgrid-cell,
body .ui-breadcrumb {
    background-color: #ff8d1c;
}
body .ui-datatable thead th {
    background-color: #e37500;
    border: 1px solid #f38510;
}

/* Nearest races */
div .nearest-races-1 {
    font-size: 1.17em;
    font-weight: bold;
    opacity: 0.5;
}

div .nearest-races-2 {
    font-size: 1.5em;
    font-weight: bold;
    opacity: 0.7;
}

div .nearest-races-3 {
    font-size: 2em;
    font-weight: bold;
    opacity: 1;
}

div .nearest-races-4 {
    font-size: 1.5em;
    font-weight: bold;
    opacity: 0.9;
}

div .nearest-races-5 {
    font-size: 1.5em;
    font-weight: bold;
    opacity: 0.7;
}

/* Big panels with pictures */
.big-blocks {
    display: flex;
    justify-content: center;
    opacity: 85%; /* adapt to white background */
}

/* links to static pages */
.static-pages {
    display: flex;
    flex-direction: column;
    align-items: center;
}

a.static-pages-link {
    font-size: 2em;
    font-weight: bold;
}

a.dynamic-pages-link {
    font-size: 2em;
    font-weight: bold;
    text-align: center;
}

.dynamic-pages-static {
    font-size: 2em;
    font-weight: bold;
    color: #293884;
}

.special-championship-evaluation {
    border: #e97a00 solid 3px; /* darker orange */
    margin: 0.5em 0 0.5em 0;
    padding: 0.3em;
    position: relative;
}

/* chat */
.chatter-link {
    font-weight: bold;
    margin: 0 0.4ex 0 0;
    border: #e97a00 solid 3px;
    border-radius: 6px;
    padding: 3px;
}

.message-short-version {
    max-height: 3em;
    overflow: scroll;
    /*TODO: add scroll shaddow: https://css-tricks.com/books/greatest-css-tricks/scroll-shadows/*/
}

.message-short-version p {
    margin: 0;
}

.whole-message {
    border: #e97a00 solid 3px; /* darker orange */
    margin: 0.5em 0 0.5em 0;
    padding: 0.3em;
    position: relative;
}

.message-header {
    display: flex;
    justify-content: space-between;
    width: 100%;
    color: #293884;
    /*font-weight: bold;*/
    margin-bottom: 0.2em;
}
/*
.message-header-name {
    align-self: flex-start;
}

.message-header-time {
    align-self: flex-end;
}*/

/* Tournament */
body .ui-datatable .ui-datatable-data > tr > td.tournament-cell {
    padding: 0.3rem;
}

body .ui-datatable thead > tr > th.tournament-cell {
    padding: 0.3rem;
    writing-mode: vertical-lr;
}

/*rich editor*/
.ql-align-center {
    text-align: center;
}
.ql-align-justify {
    text-align:justify;
}
.ql-align-right {
    text-align:right;
}
.ql-size-huge {
    font-size: 2.5em;
}
.ql-size-large {
    font-size: 1.5em;
}
.ql-size-small {
    font-size: .75em;
}

/*Edit race, notes*/
.proposal {
    font-size: 1.2rem;
    color: blue;
    font-weight: bold;
}
.proposal:before {
    content: "\e924"; /*pi-info-circle, icon of i in a circle*/
    font-family: 'primeicons';
    font-style: normal;
}
.results {
    font-size: 1.2rem;
    color: red;
    font-weight: bold;
}
.results:before {
    content: "\ea01"; /*pi-stopwatch, icon with stopwatch*/
    font-family: 'primeicons';
    font-style: normal;
}
.photos {
    font-size: 1.2rem;
    color: purple;
    font-weight: bold;
}
.photos:before {
    content: "\e96c"; /*pi-camera, icon with camear*/
    font-family: 'primeicons';
    font-style: normal;
}

/*Membership page*/
.member {
    background: lightgreen;
}

.non-member {
    background: lightgray;
}