/*
 Theme Name:   Astra Child
 Description:  Astra Child Theme
 Author:       Sabian Finogwar
 Author URI:   http://sabfino.com/
 Template:     astra
 Version:      1.0.0
 License:      GNU General Public License v3.0 or later
 License URI:  http://www.gnu.org/licenses/gpl-3.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  astrachild
*/

/**
 * Page General
 */
div .error-notice
{
    padding-top     : 10px;
    padding-bottom  : 10px;
    margin-top      : 10px;
    margin-bottom   : 10px;
    border          : 2px dotted orange;
}
div #file-exists
{
    color: darkgreen;
}
div #file-not-exists
{
    color: darkred;
}
body
{
    background:#FFF;
}
h1, h2
{
    padding-top:    20px;
    padding-bottom: 20px;
}
button
{
    transition: all .2s ease-in-out;
}
button:hover
{
    transform   :scale(1.1);
    box-shadow  :5px 5px 10px black;
}
.title-image
{
    background:         black;
    background:         rgba(0,0,0,0.5) url('https://sabfino.com/wp-content/uploads/2020/03/charts.jpg');
    background-size:    cover;
}
.title-image-txt
{
    color:          white;
    text-shadow:    2px 2px 2px black;
}
.center
{
    text-align: center;
}
.center-st
{
    text-align:     center;
    padding-top:    150px;
}
.center-sb
{
    text-align:     center;
    padding-bottom: 150px;
}
.center-stb
{
    text-align:     center;
    padding-top:    150px;
    padding-bottom: 150px;
}
.shadow
{
    text-shadow: 2px 2px black;
}
#table-form-fields
{
    padding-top:160px;
}
#addData-fail
{
    margin-top: 10px;
    color: red;
    font-weight: bold;
}
#addData-success
{
    margin-top: 10px;
    color: green;
    font-weight: bold;
}
#about-tab
{
    font-weight:bold;
    text-decoration:italic;
}
#workout_table tbody tr td
{
    cursor: pointer;
}

/* Accent colours 1 */
div .theme1
{
    background      : #FFF;
    padding-top     : 60px;
    padding-bottom  : 60px;
    padding-left    : 20px;
    padding-right   : 20px;
}
/* Accent colours 2 */
div .theme2
{
    background      : #cde6ff;
    padding-top     : 60px;
    padding-bottom  : 60px;
    padding-left    : 20px;
    padding-right   : 20px;
}
h1 h2 h3 .theme2
{
    text-shadow: 5px 5px 5px black;
}

/**
 * Floats & Columns
 */
.flex-container {
    display     : flex;
    flex-wrap   : wrap;
}
.flex-child {
    flex    : 1;
}
@media only screen and (max-width: 600px)
{
    .flex-container
    {
        padding:0;
    }
    .flex-child
    {
        padding:0;
    }
}

/**
 * Mobile Phones
 */
@media only screen and (max-width: 640px)
{
    /**
     * Page General
     */
    #table-form-fields
    {
        padding-top:60px;
    }
    
    /**
     * Floats & Columns
     */
    .flex-container {
        padding:0px;
    }
    .flex-child {
        padding:0px;
    }
}