/*
Theme Name: Coming Soon Block
Author: Hamid Azad
Author URI: https://github.com/hamidhosenazad/ 
Tags: full-site-editing
Text Domain: coming-soon-block
Requires at least: 5.9
Requires PHP: 7.4
Tested up to: 6.0
Version: 1.0.2
Description: Coming soon block theme is a one page full site editing block theme with countdown timer
Tags: full-site-editing,one-page, block-theme
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/

/* Styles intended only for the front.*/
html {
    scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {

    html {
        scroll-behavior: auto;
    }
}

body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}


.csb-hero-timer-muted {
    font-size: var(--wp--preset--font-size--size-1-6-rem);
    color: var(--wp--preset--color--muted-text);
}

.csb-hero-timer {
    font-family: var(--wp--preset--font-family--gothic_a1);
    color: var(--wp--preset--color--text);
    font-size: var(--wp--preset--font-size--size-3-2-rem);
}

.csb-footer-email {
    color: var(--wp--preset--color--link) !important;
}

.csb-footer-address {
    color: var(--wp--preset--color--muted-text);
    margin-top: -3%;
    font-size: var(--wp--preset--font-size--size-1-5-rem);
}

.csb-footer-phone {
    color: var(--wp--preset--color--muted-text);
    font-size: var(--wp--preset--font-size--size-1-5-rem);
}

#year{
    display: none;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    h1 {
        font-size: 34px;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    h1 {
        font-size: 2em;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    h1 {
        font-size: 3em;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    h1 {
        font-size: 4em;
    }
}