/*
Theme Name: Âm Lịch Hôm Nay
Theme URI: https://webkinhdoanh.com/
Author: webkinhdoanh
Author URI: https://webkinhdoanh.com/
Description: Theme lịch âm Việt Nam
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: amlich
Tags: calendar, vietnamese, lunar
*/

main.site-main {
    min-height: calc(100vh - 140px);
    background:#fdf6ec;
}


h1, h2, h3, h4, h5, h6 {
    font-family: 'Merriweather', serif;
}

.hero__card{
    border-radius: 12px;
    background-color: #FFF9EC;
    border: 2px solid #dca351;
    padding: 16px;
}
.hero__card::before{
    content: '';
    position: absolute;
    inset: 16px;
    background-image:
        linear-gradient(#dca351, #D9B28B), /* top */
        linear-gradient(#dca351, #D9B28B), /* bottom */
        linear-gradient(#dca351, #D9B28B), /* left */
        linear-gradient(#dca351, #D9B28B); /* right */
    background-size:
        calc(100% - 160px) 2px,
        calc(100% - 160px) 2px,
        2px calc(100% - 160px),
        2px calc(100% - 160px);
    background-position: top center, bottom center, left center, right center;
    background-repeat: no-repeat;
    pointer-events: none;
    z-index: 5;
}
.hero__card .hero__corner{
    background: url(./assets/images/line.png) no-repeat;
    background-size: 100%;
}
.hero__card .hero__corner--tr{ transform: scaleX(-1); }
.hero__card .hero__corner--bl{ transform: scaleY(-1); }
.hero__card .hero__corner--br{ transform: scale(-1); }