/**
Theme Name: lapsiteema
Theme URI: https://aleksikoskinen.fi
Description: Lapsiteema supporttamaan
Author: Aleksi Koskinen
Textdomain: aleksi
Author URI: https:/aleksikoskinen.fi/
Template: astra
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/



@media (max-width: 921px) {

    .etukuva {
        width: 100%;
        text-align: center !important;
    }

    .etukuva img {
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: center !important;
    }

}


/* ========================================
   YLEISET
======================================== */

body {
    background: #F5F7FA;
    color: #0F172A;
}

.site-content {
    padding-top: 40px;
}

.site-content .ast-container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

.ast-container {
    margin-left: auto !important;
    margin-right: auto !important;
}


/* ========================================
   HEADER / FOOTER
======================================== */

.site-header {
    background: #FFFFFF;
    border-bottom: 1px solid #E5E7EB;
    margin-bottom: 0 !important;
}

.site-footer {
    background: #FFFFFF;
    border-top: 1px solid #E5E7EB;
}


/* ========================================
   BLOG LISTAUS
======================================== */

.blog .site-main,
.archive .site-main {
    max-width: 980px;
    margin: 0 auto;
}

.blog .ast-row,
.archive .ast-row {
    display: block !important;
}

.blog article,
.archive article {
    width: 100% !important;
    max-width: 100% !important;
}

.custom-blog-post {
    display: flex;
    align-items: flex-start;
    gap: 28px;

    margin-bottom: 60px;
    padding-bottom: 50px;

    border-bottom: 1px solid #E5E7EB;

    justify-content: center;
}

.blog-image {
    width: 210px;
    min-width: 210px;
    height: 100%;
}

.blog-image img {
    width: 100%;
    height: 100%;

    min-height: 220px;
    max-height: 260px;

    object-fit: cover;

    display: block;

    border-radius: 6px;
}

.blog-content {
    flex: 1;

    display: flex;
    flex-direction: column;

    max-width: 720px;
}

.blog-title {
    order: 1;

    margin: 0 0 12px 0;

    font-size: 20px;
    line-height: 1.25;
    font-weight: 700;

    max-width: 700px;

    text-wrap: balance;
}

.blog-title a {
    color: #111827;
    text-decoration: none;
}

.blog-title a:hover {
    color: #2563EB;
}

.blog-categories {
    order: 2;
    margin: 0 0 10px 0;
}

.blog-categories a {
    display: inline-block;

    background: #22C55E;
    color: #FFFFFF;

    text-decoration: none;

    padding: 3px 8px;
    border-radius: 4px;

    margin-right: 8px;
    margin-bottom: 8px;

    font-size: 11px;
    font-weight: 600;
}

.blog-meta {
    display: none;
}

.blog-excerpt {
    order: 4;

    margin-top: 10px;

    font-size: 15px;
    line-height: 1.6;
}

.blog-content p {
    margin-bottom: 10px;
}

.read-more {
    display: block;

    margin-top: 8px;

    font-size: 14px;
    font-weight: 600;

    text-decoration: none;
}


/* ========================================
   SOMEIKONIT
======================================== */

.ast-facebook {
    color: #1877F2 !important;
}

.ast-twitter {
    color: #189cef !important;
}

.ast-instagram {
    color: #E4405F !important;
}

.ast-builder-social-element svg {
  /*  fill: currentColor !important;*/
}

.ast-builder-social-element a:hover {
    opacity: 0.8;
    transform: translateY(-2px);
}


/* ========================================
   KIELIVALITSIN
======================================== */

.lang-item {
    font-size: 14px;
    font-weight: 600;
}

.pll-parent-menu-item > a {
    display: flex;
    align-items: center;
    gap: 4px;
}

.lang-item img,
.pll-parent-menu-item img {
    border-radius: 2px;
    margin-right: 2px;
}

html[lang="fi"] .pll-parent-menu-item > a::after {
    content: "FI";

    font-size: 12px;
    font-weight: 600;

    color: #FFFFFF;
}

html[lang="en-US"] .pll-parent-menu-item > a::after,
html[lang="en-GB"] .pll-parent-menu-item > a::after,
html[lang="en"] .pll-parent-menu-item > a::after {
    content: "EN";

    font-size: 12px;
    font-weight: 600;

    color: #FFFFFF;
}

.pll-parent-menu-item .dropdown-menu-toggle {
    order: 3;

    margin-left: 0;
    padding-left: 0;
}

.sub-menu {
    min-width: unset !important;
    width: auto !important;

    display: inline-block;

    padding: 4px 0;

    border-radius: 8px;

    border: 1px solid #E5E7EB;

    box-shadow:
        0 10px 25px rgba(0,0,0,0.08);
}

.sub-menu .lang-item a {
    display: flex;
    align-items: center;

    width: auto !important;

    padding: 6px 10px;

    white-space: nowrap;
}

.sub-menu .lang-item a:hover {
    background: #F3F4F6;
}

.sub-menu li {
    width: auto !important;
}

.lang-item-fi a::after {
    content: "FI";

    font-size: 12px;
    font-weight: 600;

    color: #0F172A;
}

.lang-item-en a::after {
    content: "EN";

    font-size: 12px;
    font-weight: 600;

    color: #0F172A;
}








/* SERVICES */

.services-section {
    width: 100vw;
    margin-left: calc(50% - 50vw);

    background: #EEF2F7;

    padding: 70px 20px 60px;
}

.services-inner {
    max-width: 1100px;
    margin: 0 auto;
    text-align: center;
}

.services-inner h2,
.team-intro h2 {
    font-size: 38px;
    margin-bottom: 34px;
    color: #0F172A;
}

.services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.service-card {
    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: 20px;

    padding: 30px 26px;

    box-shadow: 0 12px 35px rgba(15,23,42,0.06);
}

.service-icon {
    font-size: 36px;
    margin-bottom: 14px;
}

.service-card h3 {
    font-size: 20px;
    margin-bottom: 10px;
}

.service-card p {
    font-size: 15px;
    line-height: 1.6;
    color: #475569;
}

/* TEAM INTRO */

.team-intro {
    width: 100vw;
    margin-left: calc(50% - 50vw);

    padding: 28px 20px 22px;

    text-align: center;

    background:
        linear-gradient(
            180deg,
            #EEF2F7 0%,
            #D7E3F3 100%
        );
}

.team-intro h2 {
    margin-bottom: 0;
    color: #0F172A;
}


.services-section {

    width: 100vw;
    margin-left: calc(50% - 50vw);

    padding: 70px 20px 60px;

    background:
        radial-gradient(circle at top left,
        rgba(59,130,246,0.08),
        transparent 30%),
        linear-gradient(
        180deg,
        #F8FAFC 0%,
        #EEF2F7 100%);
}



/* ========================================
   FULL HERO CARD
======================================== */

body.home,
.home .site-content {
    background: #EEF2F7 !important;
}

.home .site-content {
    padding-top: 0 !important;
}

.home.ast-plain-container.ast-no-sidebar #primary {
    margin-top: 0 !important;
}

.front-page-main {
    display: block;
}

/* HERO AREA */

.home .team-section {

    position: relative;

    width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;

    min-height: 320px;

    display: flex;
    align-items: stretch;

    padding: 0 !important;

    background:
        radial-gradient(circle at 20% 20%, rgba(59,130,246,0.20), transparent 30%),
        radial-gradient(circle at 80% 70%, rgba(34,197,94,0.16), transparent 34%),
        linear-gradient(135deg, #0F172A 0%, #1E293B 55%, #334155 100%) !important;
}

/* SWIPER */

.home .team-swiper {

    width: 100% !important;
    max-width: none !important;

    height: 100%;

    overflow: hidden !important;

    position: relative;
}

.home .team-swiper .swiper-wrapper,
.home .team-swiper .swiper-slide {

    height: 100%;
}

.home .team-swiper .swiper-slide {

    padding: 0 !important;
}

/* CARD */

.home .team-card {

    width: 100% !important;
    min-height: 320px;

    margin: 0 !important;

    border-radius: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 54px !important;

    padding: 36px 90px !important;

    background:
        linear-gradient(
            rgba(15,23,42,0.50),
            rgba(15,23,42,0.50)
        ),
        radial-gradient(circle at right, rgba(59,130,246,0.18), transparent 40%) !important;

    backdrop-filter: blur(10px);

    box-shadow: none !important;

    position: relative;

    color: #FFFFFF;
}

/* IMAGE */

.home .team-image {

    width: 280px !important;
    min-width: 280px !important;

    flex: 0 0 280px !important;
}

.home .team-image img {

    width: 100% !important;
    height: 240px !important;

    object-fit: cover;

    display: block;

    border-radius: 24px;
}

/* CONTENT */

.home .team-content {

    max-width: 700px;
}

.home .team-content h2 {

    font-size: 38px !important;
    line-height: 1.1;

    margin-bottom: 8px !important;

    color: #FFFFFF !important;
}

.home .team-role {

    font-size: 16px !important;
    font-weight: 700;

    color: #93C5FD !important;

    margin-bottom: 12px !important;
}

.home .team-content p {

    font-size: 16px !important;
    line-height: 1.55 !important;

    color: #FFFFFF !important;

    max-width: 680px;
}

/* NAVIGATION */

.home .team-swiper .swiper-button-prev,
.home .team-swiper .swiper-button-next {

    width: 64px;
    height: 64px;

    top: 50%;

    transform: translateY(-50%);

    border-radius: 999px;

    background: rgba(255,255,255,0.08);

    backdrop-filter: blur(8px);
}

.home .team-swiper .swiper-button-prev {

    left: 30px !important;
}

.home .team-swiper .swiper-button-next {

    right: 30px !important;
}

/* FRONT PAGE CONTENT */

.home .frontpage-content {

    width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;

    background: #EEF2F7 !important;

    padding: 50px 20px 80px !important;
}

.home .frontpage-content-inner {

    max-width: 980px;

    margin: 0 auto;

    background: transparent !important;
}


/* ========================================
   CONTACT SECTION
======================================== */

.frontpage-contact {

    width: 100vw;
    margin-left: calc(50% - 50vw);

    padding: 70px 20px;
/*
    background:
        radial-gradient(circle at top right,
        rgba(37,99,235,0.18),
        transparent 30%),
        linear-gradient(135deg,
        #071226 0%,
        #0B1730 45%,
        #10243D 100%);*/
}

.frontpage-contact-inner {

    max-width: 640px;

    margin: 0 auto;

    background: rgba(255,255,255,0.96);

    border: 1px solid rgba(255,255,255,0.15);

    border-radius: 22px;

    padding: 34px 38px;

    box-shadow:
        0 20px 60px rgba(0,0,0,0.22);
}

/* otsikko */

.frontpage-contact h2 {

    margin-bottom: 8px;

    font-size: 30px;
    line-height: 1.1;

    color: #111827;
}

.frontpage-contact p {

    margin-bottom: 24px;

    font-size: 14px;
    line-height: 1.6;

    color: #475569;
}

/* label */

.frontpage-contact label {

    display: block;

    margin-bottom: 14px;

    font-size: 13px;
    font-weight: 600;

    color: #334155;
}

/* kentät */

.frontpage-contact input,
.frontpage-contact textarea,
.frontpage-contact select {

    width: 100%;

    border: 1px solid #CBD5E1;
    border-radius: 10px;

    padding: 10px 12px;

    font-size: 14px;

    background: #FFFFFF;
}

/* textarea */

.frontpage-contact textarea {

    min-height: 140px;

    resize: vertical;
}

/* submit */

.frontpage-contact input[type="submit"] {

    width: auto;

    background: linear-gradient(
        135deg,
        #2563EB 0%,
        #1D4ED8 100%
    );

    color: #FFFFFF;

    border: 0;
    border-radius: 999px;

    padding: 12px 24px;

    font-size: 14px;
    font-weight: 700;

    cursor: pointer;

    transition: 0.2s ease;
}

.frontpage-contact input[type="submit"]:hover {

    transform: translateY(-1px);

    box-shadow:
        0 10px 20px rgba(37,99,235,0.25);
}

/* success */

.wpcf7-response-output {

    margin-top: 16px !important;

    font-size: 13px;

    border-radius: 10px;
}


/* ========================================
   CONTACT FORM COMPACT
======================================== */

.frontpage-contact {
    padding: 35px 20px !important;
}

.frontpage-contact-inner {
    max-width: 520px !important;
    padding: 26px 30px !important;
    border-radius: 18px !important;
}

.frontpage-contact h2 {
    font-size: 24px !important;
    margin-bottom: 6px !important;
}

.frontpage-contact > p,
.frontpage-contact-inner > p {
    font-size: 13px !important;
    margin-bottom: 14px !important;
}

/* CF7 tekee usein p-tagit kenttien ympärille */
.frontpage-contact .wpcf7 p {
    margin-bottom: 10px !important;
}

.frontpage-contact label {
    font-size: 12px !important;
    margin-bottom: 4px !important;
    line-height: 1.2 !important;
}

.frontpage-contact input,
.frontpage-contact textarea,
.frontpage-contact select {
    height: 34px !important;
    padding: 6px 10px !important;
    font-size: 13px !important;
    border-radius: 8px !important;
}

.frontpage-contact textarea {
    height: 90px !important;
    min-height: 90px !important;
}

.frontpage-contact input[type="submit"] {
    height: auto !important;
    padding: 9px 20px !important;
    font-size: 13px !important;
    margin-top: 4px !important;
}

.frontpage-contact .wpcf7-response-output {
    margin: 10px 0 0 0 !important;
    padding: 8px 12px !important;
    font-size: 12px !important;
}




/* Piilota WP Armour admin-testiboksi */

.wpa-test-msg,
.wpa-test-msg-wrapper,
.wp-armour-message,
.wp-armour-notice {
    display: none !important;
}

/* ========================================
   MOBIILI
======================================== */

@media (max-width: 921px) {

    .site-content {
        padding-top: 0 !important;
    }

    /* HERO */

    .home .team-section {
        min-height: auto !important;
        padding: 0 !important;
    }

    .home .team-swiper {
        width: 100% !important;
        overflow: hidden !important;
    }

    .home .team-swiper .swiper-slide {
        width: 100% !important;
    }

    /* CARD */

    .home .team-card {

        width: 100% !important;
        min-height: auto !important;

        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;

        text-align: center !important;

        gap: 18px !important;

        padding: 38px 22px !important;

        box-sizing: border-box !important;

        overflow: hidden !important;
    }

    /* IMAGE */

    .home .team-image {

        width: 180px !important;
        min-width: 180px !important;

        flex: none !important;
    }

    .home .team-image img {

        width: 100% !important;
        height: 170px !important;

        object-fit: cover;

        border-radius: 18px;
    }

    /* CONTENT */

    .home .team-content {

        width: 100% !important;
        max-width: 100% !important;

        padding: 0 12px !important;

        box-sizing: border-box !important;
    }

    .home .team-content h2 {

        font-size: 28px !important;
        line-height: 1.15 !important;
    }

    .home .team-role {

        font-size: 15px !important;

        margin-bottom: 8px !important;
    }

    .home .team-content p {

        font-size: 15px !important;
        line-height: 1.6 !important;

        max-width: 100% !important;

        overflow-wrap: break-word;
        word-break: break-word;

        margin: 0 auto;
    }

    /* NUOLET */

    .home .team-swiper .swiper-button-prev,
    .home .team-swiper .swiper-button-next {

        width: 42px !important;
        height: 42px !important;

        top: 42% !important;
    }

    .home .team-swiper .swiper-button-prev {
        left: 8px !important;
    }

    .home .team-swiper .swiper-button-next {
        right: 8px !important;
    }

    /* CONTACT */

    .frontpage-contact {
        padding: 35px 16px !important;
    }

    .frontpage-contact-inner {

        max-width: 100% !important;

        padding: 22px 18px !important;
    }

    .frontpage-content {
        padding: 35px 16px 50px !important;
    }
}

/* MOBIILI SWIPER HARD FIX */

@media (max-width: 921px) {

    .home .team-swiper {
        width: 100vw !important;
        max-width: 100vw !important;
        overflow: hidden !important;
    }

    .home .team-swiper .swiper-wrapper {
        width: 100% !important;
    }

    .home .team-swiper .swiper-slide {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;

        overflow: hidden !important;
    }

    .home .team-card {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;

        overflow: hidden !important;
    }

    .home .team-content {
        width: 100% !important;
        max-width: 100% !important;
    }
}

/* MOBIILI: poista ylimääräinen hero-korkeus */

@media (max-width: 921px) {

    .home .team-section {
        min-height: auto !important;
        height: auto !important;
    }

    .home .team-swiper,
    .home .team-swiper .swiper-wrapper,
    .home .team-swiper .swiper-slide {
        height: auto !important;
        min-height: auto !important;
    }

    .home .team-card {
        min-height: auto !important;
        height: auto !important;

        padding-top: 38px !important;
        padding-bottom: 38px !important;
    }
    
    .home .team-card {
        min-height: 100% !important;
    }

}

/* mobiili */

@media (max-width: 921px) {

    .services-section {
        padding: 45px 18px 35px;
    }

    .services-grid {
        grid-template-columns: 1fr;
    }

    .services-inner h2,
    .team-intro h2 {
        font-size: 30px;
    }

    .team-intro {
        padding: 5px 18px 25px;
    }
}


/* SERVICES + TEAM INTRO FINAL */

.services-section {
    width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;

    padding: 70px 20px 65px !important;

    background:
        radial-gradient(circle at top left, rgba(59,130,246,0.10), transparent 32%),
        linear-gradient(180deg, #FFFFFF 0%, #EEF2F7 100%) !important;
}

.team-intro {
    width: 100vw !important;
    margin-left: calc(50% - 50vw) !important;

    padding: 35px 20px 28px !important;

    text-align: center;

    background:
        linear-gradient(180deg, #EEF2F7 0%, #D7E3F3 100%) !important;
}

.team-intro h2 {
    margin: 0 !important;
    color: #0F172A !important;
}


/* ========================================
   BLOGI MOBIILI FIX
======================================== */

@media (max-width: 921px) {

    .blog .custom-blog-post,
    .archive .custom-blog-post {
        display: block !important;

        margin-bottom: 42px;
        padding-bottom: 38px;
    }

    .blog .blog-image,
    .archive .blog-image {
        width: 100% !important;
        min-width: 100% !important;

        margin-bottom: 18px;
    }

    .blog .blog-image img,
    .archive .blog-image img {
        width: 100% !important;
        height: auto !important;

        min-height: 0 !important;
        max-height: none !important;

        object-fit: contain !important;

        border-radius: 10px;
    }

    .blog .blog-content,
    .archive .blog-content {
        max-width: 100% !important;
    }

    .blog .blog-title,
    .archive .blog-title {
        font-size: 24px !important;
        line-height: 1.25 !important;

        margin-bottom: 12px;
    }

    .blog .blog-excerpt,
    .archive .blog-excerpt {
        font-size: 15px;
        line-height: 1.6;
    }
}


/* HEADER LIILA / TUMMA FIX */



/* kielivalitsin FI / EN */
.site-header .pll-parent-menu-item > a::after,
.site-header .lang-item-fi a::after,
.site-header .lang-item-en a::after {
    color: #FFFFFF !important;
}

/* dropdown nuoli */
.site-header .dropdown-menu-toggle,
.site-header .dropdown-menu-toggle .ast-icon,
.site-header .ast-icon svg {
    color: #1a0145 !important;
    fill: #1a0145 !important;
}

/* social iconit headerissa */
.site-header .ast-builder-social-element,
.site-header .ast-builder-social-element a,
.site-header .ast-builder-social-element svg {
   /* color: #FFFFFF !important;
    fill: #FFFFFF !important;*/
}

/* hover */
.site-header a:hover,
.site-header .menu-link:hover,
.site-header .ast-builder-social-element a:hover {
    color: #C084FC !important;
}

/* dropdown-valikko pysyy vaaleana */
.site-header .sub-menu {
    background: #FFFFFF !important;
}

.site-header .sub-menu a,
.site-header .sub-menu .lang-item a::after {
    color: #0F172A !important;
}


/* ========================================
   MOBIILI KIELIVALITSIN FINAL
======================================== */

/* ========================================
   MOBIILI KIELIVALITSIN FINAL
======================================== */

@media (max-width: 1024px) {

    #ast-mobile-site-navigation .menu-link,
    #ast-hf-mobile-menu .menu-link,
    .ast-builder-menu-mobile .menu-link {
        color: #1a0145 !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    #ast-mobile-site-navigation .pll-parent-menu-item > a.menu-link::after,
    #ast-hf-mobile-menu .pll-parent-menu-item > a.menu-link::after {
        display: inline-block !important;
        margin-left: 8px;
        color: #1a0145 !important;
        font-size: 13px;
        font-weight: 700;
    }

    html[lang="fi"] #ast-mobile-site-navigation .pll-parent-menu-item > a.menu-link::after,
    html[lang="fi"] #ast-hf-mobile-menu .pll-parent-menu-item > a.menu-link::after {
        content: "FI" !important;
    }

    html[lang="en-US"] #ast-mobile-site-navigation .pll-parent-menu-item > a.menu-link::after,
    html[lang="en"] #ast-mobile-site-navigation .pll-parent-menu-item > a.menu-link::after,
    html[lang="en-US"] #ast-hf-mobile-menu .pll-parent-menu-item > a.menu-link::after,
    html[lang="en"] #ast-hf-mobile-menu .pll-parent-menu-item > a.menu-link::after {
        content: "EN" !important;
    }

    #ast-mobile-site-navigation .pll-parent-menu-item .ast-menu-toggle,
    #ast-hf-mobile-menu .pll-parent-menu-item .ast-menu-toggle {
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        outline: none !important;
        color: #1a0145 !important;
    }

    #ast-mobile-site-navigation .pll-parent-menu-item.paja-lang-open > .ast-menu-toggle .ast-icon,
    #ast-mobile-site-navigation .pll-parent-menu-item.paja-lang-open > .ast-menu-toggle svg,
    #ast-hf-mobile-menu .pll-parent-menu-item.paja-lang-open > .ast-menu-toggle .ast-icon,
    #ast-hf-mobile-menu .pll-parent-menu-item.paja-lang-open > .ast-menu-toggle svg {
        transform: rotate(180deg) !important;
        transition: transform 0.2s ease;
    }
}



/* BLOGIN KATEGORIAFILTER */

.paja-category-filter-wrap {
    max-width: 980px;
    margin: 0 auto 36px auto;
    padding: 0 20px;
}

.paja-category-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.paja-category-link {
    display: inline-flex;
    align-items: center;

    padding: 8px 14px;

    border-radius: 10px;

    background: #FFFFFF;
    border: 1px solid #CBD5E1;

    color: #1a0145;
    text-decoration: none;

    font-size: 14px;
    font-weight: 600;

    transition: 0.2s ease;
}

.paja-category-link:hover,
.paja-category-link.is-active {
    background: #22C55E;
    border-color: #22C55E;
    color: #FFFFFF;
}

@media (max-width: 768px) {
    .paja-category-filter-wrap {
        margin-bottom: 28px;
        padding: 0 16px;
    }

    .paja-category-filter {
        gap: 8px;
    }

    .paja-category-link {
        font-size: 13px;
        padding: 7px 12px;
    }
}

.paja-category-filter-wrap {
    margin-top: 28px !important;
    margin-bottom: 18px !important;
}

.blog .site-main,
.archive .site-main {
    padding-top: 10px !important;
}

.blog .site-content,
.archive .site-content,
.category .site-content {
    padding-top: 0 !important;
}


/* Piilota category/archive otsikko */

.archive .page-title,
.category .page-title,
.blog .page-title {
    display: none !important;
}

/* Poista archive/category header kokonaan */

.archive .ast-archive-description,
.category .ast-archive-description,
.blog .ast-archive-description {
    display: none !important;
}

.nocomments,
.no-comments,
.comments-closed,
.comments-area {
    display: none !important;
}