/*
Theme Name: SimpleGrail
Version: 0.1.0
Theme URI: https://localhost/j23nano
Author: gfxwebdev
Author URI: https://gfxwebdev.com.pl
Description:    SimpleGrail is fully responsible base framework Wordpress Theme including features as:
                detects and setup website for: aspect-ratio, device and browser 
                plus allowing reading with regular size of content (with header and footer) or 
                alternatively as full size of content (without header and footer)
Requires PHP: 7.4
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: simplegrail
*/

body {    
    margin-left: 0vw;   margin-top: 0vh;
    margin-right: 0vw;  margin-bottom: 0vh;       
    width: 100vw;       height: 100vh;        
    background-color: purple;   padding: 0%;    text-align: center;             }

a           {   color: darkslateblue;   text-decoration: none !important;       }
a:active    {   color: red;             text-decoration: none !important;       }    
a:hover     {   color: yellow;          text-decoration: none !important;       }  
  
#alert_info_landscape {
  color: black;
  background-color: white;
  border: 1px solid;                                                    z-index: 100;   }
#alert_info_portrait {
  color: black;
  background-color: white;
  border: 1px solid;                                                    z-index: 100;   }

/* ---------------------------------------------------------------------------- */
/*      SEARCH-FORM     WHITE   HACKING     OVERRIDE      :)        START       */
/*                                                                              */

/*
form {
    background-color: transparent;
}
*/

/*
class="search-form"         --->    cały formularz
class="search-field"        --->    wokół pola edit, ale poza zakresem buttona
class="screen-reader-text"  --->    pole edit WEWNĄTRZ
class="search-submit"       --->    wokół pola button, ale poza zakresem pola edit
*/

/*.search-form {
                    width:  100%;   height: 180px; */
                                                    /* 180px = 360/2, because v.keyboard     */
                                                    /* 180px to jest MAX height for mobile   */ 
/*                                                    
    background-color: blue;                         border: none;               }
.search-field {
    background-color: yellow;   color: black;       border: none;               }
.screen-reader-text {
    background-color: lime;                                                     }
.search-submit {
    background-color: red;    color: yellow;      border: none;               }
*/
/*                                                                              */
/*      SEARCH-FORM     WHITE   HACKING     OVERRIDE      :)        END         */
/* ---------------------------------------------------------------------------- */

/* ============================================================ */
/*    BACKGROUND                -   START                       */
/* ------------------------------------------------------------ */
#sea {
    position: absolute;     display: block;    
                    width:  100%;   height: 100%;        
                    left:   0%;     top:    0%;       
    background-color: navy;         margin: 0%;     border: 0%;         z-index: 0;}        
    
#island_outer_border {        
    position: absolute;     display: block;    
                    width:  100%;   height: 100%;        
                    left:   0%;     top:    0%;       
    background-color: darkgreen;    margin: 0%;     border: 0%;         z-index: 1;}    

#island_inner_border {    
    position: absolute;     display: block;    
                    width:  100%;   height: 100%;        
                    left:   0%;     top:    0%;       
    background-color: green;        margin: 0%;     border: 0%;         z-index: 2;}    
/* ---------------------------------------------------------------------------- */
/*    BACKGROUND                -   END                                         */
/* ============================================================================ */