/*
Theme Name: cdcw
Theme URI: 
Author: Moros1138
Author URI: 
Description: CD Creative Works Theme
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cdcw
Tags: 
*/

/* Layout */
/* .blog h2,
.blog h3,
.blog h4,
.blog h5,
.blog h6,
.blog .entry-content p,
.page .entry-content {
    padding: 1rem;
} */

.logo-header {
    background-color: #1e053f;
}

.logo-header h1 {
    font-size: clamp(1.5rem, 4vw, 3.5rem) !important;
    text-shadow: .2rem .2rem .2rem #140429;
}

.logo-header img {
    width: clamp(5.5rem, 10vw, 10rem) !important;
}

.wp-block-post,
.entry-content {
    padding: 0 0.5rem;
}

/* Basics */
img,
video,
iframe {
    max-width: 100%;
    height: auto;
}

/* Links */
a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.foogallery {
    max-width: 60rem !important;
}

.foogallery.fg-dark .fg-item-inner {
    background-color: #1e053f;
    color: #fff;
    border-color: #1e053f;
}

.foogallery.fg-dark .fg-item.fg-error,
.foogallery.fg-dark .fg-item.fg-idle,
.foogallery.fg-dark .fg-item.fg-loading {
    background-color: #1e053f;
    box-shadow: inset 0 0 0 1px #333
}

.wp-social-link-kofi a svg,
.wp-social-link-patreon a svg,
.wp-social-link-tiktok a svg {
    fill: white !important;
    color: white !important;
}

/* BEGIN DESKTOP/LANDSCAPE Styles */
@media (min-width: 640px) {

    .single-post-entry-group,
    .wp-block-query,
    body.page .entry-content,
    body.blog .entry-content {
        position: relative;
        background-image: url("assets/images/middle.png");
        background-repeat: repeat-y;
        background-position: center top;
        margin-top: 112px;
        margin-bottom: 112px;
    }

    .single-post-entry-group::before,
    .single-post-entry-group::after,
    .wp-block-query::before,
    .wp-block-query::after,
    body.page .entry-content::before,
    body.page .entry-content::after,
    body.blog .entry-content::before,
    body.blog .entry-content::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        background-repeat: no-repeat;
    }

    .single-post-entry-group::before,
    .wp-block-query::before,
    body.page .entry-content::before,
    body.blog .entry-content::before {
        top: -112px;
        height: 112px;
        background-image: url("assets/images/top.png");
        background-position: top;
    }

    .single-post-entry-group::after,
    .wp-block-query::after,
    body.page .entry-content::after,
    body.blog .entry-content::after {
        bottom: -112px;
        height: 112px;
        background-image: url("assets/images/bottom.png");
        background-position: bottom;
    }



}