/* =============================================
   Good Creations Custom Styles 
   ============================================= */

/* Base Classes */
.nopad {
    padding: 0 !important;
}

.nomar {
    margin: 0 !important;
}

:root {
    --accent-color: #F28D35;
    --accent2-color: #F5CA47;
    --accent3-color: #E67E75;
    --accent4-color: #8A9BAE;
    --primary-color: #3BA18E;
    --dark-text-color: #333333;
    --gray-text-color: #777777;
    --button-padding-x: 16px;
    --button-padding-y: 12px;
    --font-family-body: 'Roboto', sans-serif;
    --light-text-color: #FFFFFF;
    --dark-border-color: #356C63;
    --light-border-color: #CFEDEA;
    --font-family-heading: 'Poppins', sans-serif;
    --button-rounded-radius: 8px;
    --dark-background-color: #292929;
    --light-background-color: #E6F6F4;
    --medium-background-color: #B8DDD8;
    --primary-button-text-color: #FFFFFF;
    --secondary-button-bg-color: #FFFFFF;
    --secondary-button-text-color: #3BA18E;
    --primary-button-hover-bg-color: #329D80;
    --primary-button-hover-text-color: #FFFFFF;
    --secondary-button-hover-bg-color: #F0F5F4;
    --secondary-button-hover-text-color: #3BA18E;
}

/* Content spacing */
.post-content h2,
.post-content h3,
.blog-intro {
    margin-top: 35px;
    margin-bottom: 20px;
}

.post-content p,
.post-content li {
    margin-top: 15px;
}

/* Card */
.neobox {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px var(--gc-shadow), 0 0 10px var(--gc-white);
}

/* Marks */
.brand-name::after {
    content: " \00AE";
    vertical-align: super;
    font-size: .5em;
}

.brand-name-tm::after {
    content: " \2122";
    vertical-align: super;
    font-size: .5em;
}

/* Buttons — shared visuals */
.wp-element-button,
.sp-posts-block-read-more,
.sp-posts-block-read-more a {
    background-color: var(--gc-red);
    color: var(--gc-white);
    border: 2px solid var(--gc-white);
    border-radius: 10px;
    font-weight: 600;
    cursor: pointer;
    box-sizing: border-box;
    text-decoration: none;
    display: inline-block;
}

/* Size variants */
.wp-element-button {
    padding: 15px;
}

.sp-posts-block-read-more,
.sp-posts-block-read-more a {
    padding: 10px 20px;
    text-align: center;
}

/* Hover */
.wp-element-button:hover,
.sp-posts-block-read-more:hover,
.sp-posts-block-read-more a:hover {
    background-color: var(--gc-red-hover);
    color: var(--gc-white);
}

/* ===== Responsive + Portrait ===== */
@media (max-width: 767px),
(orientation: portrait) {
    .mediarow {
        display: flex;
        flex-wrap: wrap;
    }

    .mediarow-reverse {
        display: flex;
        flex-wrap: wrap-reverse;
    }

    .mediacol {
        width: 100% !important;
    }
}