/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Global Institute for Water Security | Global Water Futures
 * Copyright (c) 2020 All Rights Reserved
 * Author: Stephen O'Hearn
 *
 * FMC - Fonts, measures, and colo(u)rs
 * Style sheet for fonts, measurements, and colors of plaintext and web links acting as titles (e.g., in indexes, etc.).
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
html, body {
    /*font-family: Arial;*/
        /*'Brush Script MT',  /* debug */

        /*Corbel,*/
/*        -apple-system,
        BlinkMacSystemFont, 
        Roboto, 
        "Helvetica Neue",
        Arial,
        Helvetica, 
        "Noto Sans", 
        sans-serif, 
        "Apple Color Emoji", 
        "Segoe UI Emoji", 
        "Segoe UI Symbol", 
        "Noto Color Emoji";
*/    

    /*margin: 0;*/
    /*font-size: 1rem;*/ /* base size of this web site is 1 em (or 16px) */
    /*font-weight: 400;*/
}

.fmc-label-nonprominent {
    color: lightslategray;/*rgba(0, 0, 139, 0.5);*/
    font-size: 10pt;
}

.fmc-tb-appearance {
    padding: 2px 6px;
    border-radius: 6px;
    border: none;
    border-style: none;
    /*background-color: #f3f7f7;*/
    background-color: rgba(255,255,255,1);
    outline: none;
}
.fmc-tb-search {
    max-width: 98%;
    width: 300px;
    margin-left:10px;
}

.fmc-option-links {
    font-size: 14px;
}
.fmc-tbl {
    border-radius: 0;
}
.fmc-label-font {
    /*font-family: Arial;*/
    /*font-family: 'Brush Script MT';*/
    /*font-size: 13pt;*/
}
.fmc-table-label-font {
    /*font-family: 'Brush Script MT';*/
    /*font-family: Arial;*/
    /*font-size: 13pt;*/
}
.fmc-input-font {
    /* used in viewer */
    /*font-family: 'Brush Script MT';*/
    /*font-family: Arial;*/
    /*font-size: 13pt;*/
}

.fmc-tb-font {
    /* used in editor CRITICAL - it is okay to put font here!!! */
    /*font-family: Arial;*/
    /*font-size: 13pt;*/
}
.fmc-tb-height {
    min-height: 28px;
}
.fmc-instructions-font {
    /*font-family: Arial;*/
    /*font-size: 10pt;*/
}

/*
@media only screen and (max-width: 1500px) {
    html, body {
        font-size: 1.3rem;
    }
}
@media only screen and (max-width: 1200px) {
    html, body {
        font-size: 1.2rem;
    }
}
@media only screen and (max-width: 900px) {
    html, body {
        font-size: 1.1rem;
    }
}
@media only screen and (max-width: 600px) {
    html, body {
        font-size: 1rem;
    }
}
@media only screen and (max-width: 450px) {
    html, body {
        font-size: 0.9rem;
    }
}
*/

/*
p {
    margin-top: 0.7rem;
    margin-bottom: 0.7rem;
}
.p-close {
    margin-top: 0.7rem;
    margin-bottom: 0.7rem;
}
*/
p {
    margin-top: 8px;
    margin-bottom: 8px;
}

.p-close {
    margin-top: 8px;
    margin-bottom: 8px;
}

.fmc-group-separator {
    /*padding-top:20px;*/
    /*text-decoration:underline;*/
    color:white;
    /*transform:translateX(27px);*/
    /*border: 1px solid red;*/
    text-align:center;
    background-color:cornflowerblue;
}

fieldset {
    border: none;
    border-style: none;
    padding: 0;
}




select {
    /* ignore "appearance is not known" warning */
    appearance: none; 
    -webkit-appearance: none;
    -moz-appearance: none;
}
a {
    text-decoration: none;
}

/*
    Font light (L) and dark (D) colors
*/
.fmc-D-label {
    color: #00508f;
}
.fmc-L {
    color: #ddd;
}
.fmc-D {
    color: #222;
}
.fmc-L0 {
    color:black;/*white;*/
}
.fmc_D0 {
    color: black;
}

.fmc-L1 {
    background: #fff;
    color: #222;
    border-radius: 7px;
    text-shadow: 4px 2px 10px #777;
    margin-left: 50px;
    margin-right: 20px;
}

.fmc-D1 {
    background: whitesmoke;
    color: #222;
    border-radius: 7px;
    text-shadow: 4px 2px 10px #777;
    margin-left: 50px;
    margin-right: 20px;
}

.fmc-L2 {
    color: cornflowerblue;/*lightblue;*/
}
.fmc-D2 {
    color: cornflowerblue; 
}
.fmc-L3 {
    color: lightseagreen; /*darkslategrey;/*lightseagreen;*/
    /*font-family:Verdana, Geneva, Tahoma, sans-serif;*/
}
.fmc-D3 {
    color: lightseagreen; /*darkslategrey;/*lightseagreen;*/
}
.fmc-L4 {
    color: white;
}
.fmc-D4 {
    color: cadetblue;
}
.fmc-L5 {
    color: white;
}
.fmc-D5 {
    color: cadetblue;
}

.fmc-h0 {
    font-size: 1.8rem;
    padding: 3px 0px;
    padding-top: 10px;
}

h1,
.fmc-h1,
.fmc-index-h1 {
    font-size: 1.25rem;
    padding: 3px 0px;
    padding-top: 0px;
}

h2,
.fmc-h2,
.fmc-index-h2 {
    font-size: 1.25rem;
    padding: 3px 0px;
}

h3,
.fmc-h3,
.fmc-index-h3 {
    font-size: 1.0rem;
    padding: 0px 0px;
}
    .fmc-index-h3:hover {
    }


h4, h5, h6 {
    font-size: 0.9rem;
}