/*
Theme Name: magic child
Theme URI: https://aehmann.bitweb1.nwtc.edu

Author: Alex Ehmann
Author URI: https://aehmann.bitweb1.nwct.edu

Description: Web CMD Child Theme
Tags: two-column

Template: magic

Version: 1.0

Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0

License: GNU GPU
License URI: https://www.gnu.org/licenses/gpl-3.0.txt

Text Domain: wcmd-child

General comments (optional).
*/

a.tag-cloud-link:hover {
    color:indianred;
}

.tag-link-position-1, .tag-link-position-3, .tag-link-position-5 {
    padding-left: 75px;
}

.tag-link-position-2, .tag-link-position-4, .tag-link-position-6 {
    padding-right: 75px;
}

:root {
    --font-system: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    --color-main: hsla(175, 50%, 50%, 1);
    --color-main-a20: hsla(175, 50%, 50%, .2);
    --color-main-a40: hsla(175, 50%, 50%, .4);
    --color-main-a60: hsla(175, 50%, 50%, .6);
    --color-main-a80: hsla(175, 50%, 50%, .8);
    --color-font-dark: hsla(175, 50%, 5%), 1;
    --color-font-light: hsla(0, 0%, 100%, 1);
    --color-font-light-a40: hsla(0, 0%, 100%, .4);
    --color-font-light-a60: hsla(0, 0%, 100%, .6);
    --color-font-light-a80: hsla(0, 0%, 100%, .8);
    --nav-main-height: 64px;
    --grid-columns-12: repeat(12, 1fr);
    --grid-columns-8: repeat(8, 1fr);
    --grid-gap: 20px;
    --grid-gap-half: calc(var(--grid-gap) * .5);
}

header {
    box-shadow: 10px 10px 3px cyan;
    border-radius: 5px;
    font-family: "Lucida Console", "Monaco", monospace;
}

html {
    background-color: #FFE3E3;
}

body {
    font-family: "Lucida Console", "Monaco", monospace;
}

a:hover {
    color:indianred;
}

@media screen and (min-width: 768px) {
    header h1 {
        grid-column: span 12;
    }
}

.splide__slide-title {
    margin: 0;
    padding: 0 var(--grid-gap) 0;
    line-height: 1.4em;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    background: var(--color-font-light-a40);
    backdrop-filter: blur(10px);
    color:darkslategray;
}

.wp-block-archives li::marker {
    content: '> ';
}

.wp-block-categories li::marker {
    content: '# '
}

#menu-sub-nav {
    float: right;
}

#menu-sub-nav li {
    float: left;
}

#custom-header {

    margin-top: 20px;
    margin-bottom: 20px;
}

.wp-block-categories {
    list-style-position: inside;
    text-align: center;
}

button {
    background-color: cornsilk;
    border-radius: 5px;
}

.search-submit {
    background-color: cornsilk;
    border-radius: 5px;
}

.splide__toggle__play {
    background-color: cornsilk;
    border-radius: 5px;
}

.splide__toggle__pause {
    background-color: cornsilk;
    border-radius: 5px;
}

.card-section-button {
    background-color: cornsilk;
}

.submit {
    background-color: cornsilk;
    border-radius: 5px;
}