/*
Theme Name:         ASCA@Home (Child Theme)
Template:           asca
Theme URI:          https://roots.io/sage/
Description:        Sage is a WordPress starter theme.
Version:            10.8.2
Author:             Roots
Author URI:         https://roots.io/
Text Domain:        sage
License:            MIT License
License URI:        https://opensource.org/licenses/MIT
Requires PHP:       8.1
Requires at least:  5.9
*/

/*--------------------------------------------------------------
# Global
--------------------------------------------------------------*/
@font-face {
    font-display: swap;
    font-family: 'AmericanTypewriter';
    font-style: normal;
    src: url('./resources/fonts/american-typewriter/american-typewriter.ttf') format('truetype'); /* Safari, Android, iOS */
}

@font-face {
    font-display: swap;
    font-family: 'AmericanTypewriterBold';
    font-style: normal;
    src: url('./resources/fonts/american-typewriter/american-typewriter-bold.ttf') format('truetype'); /* Safari, Android, iOS */
}

.font-roboto { font-family: 'Roboto', sans-serif; }
.font-american-typewriter { font-family: 'AmericanTypewriter'; font-weight: normal; }
.font-american-typewriter-bold { font-family: 'AmericanTypewriterBold'; font-weight: normal; }

.text-dark-tangerine { color: #FCB715; }
.text-black-russian { color: #12121D; }
.text-mint-cream { color: #F6FAF9; }
.text-gossamer { color: #379987; }
.text-ruby { color:#D21D55; }
.text-racing-green { color: #172624; }
.text-gable-green { color: #2F3C3A; }
.text-genoa { color: #2E8071; }
.text-night-rider { color: #313131; }
.text-keppel { color: #5FAD9F; }

.text-white-shadow { text-shadow: 6px 6px 3px rgba(255, 255, 255, 0.09); }

.bg-black-russian { background-color: #12121D; }
.bg-mint-cream { background-color: #F6FAF9; }
.bg-gossamer { background-color: #379987; }
.bg-ruby { background-color:#D21D55; }

.gradient {
    background: linear-gradient(90deg, #d53369 0%, #daae51 100%);
}
.gradient-ruby {
    background: rgb(210,29,85);
    background: linear-gradient(90deg, rgba(210,29,85,1) 0%, rgba(186,7,94,1) 100%);
}
.gradient-snow {
    background: rgb(249,249,249);
    background: linear-gradient(270deg, rgba(249,249,249,1) 0%, rgba(213,213,213,1) 100%);
}
.gradient-gossamer {
    background: rgb(55,153,135);
    background: linear-gradient(180deg, rgba(55,153,135,1) 0%, rgba(95,173,159,1) 100%);
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

/* header.header--scrolled { background: rgba(0,0,0,.85); } */

/*--------------------------------------------------------------
# Other
--------------------------------------------------------------*/

/* #loadingOverlay { background: linear-gradient(180deg, rgba(232, 169, 89, 0.65) 0%, rgba(48, 188, 165, 0.65) 100%), #111; } */