/*
Theme Name: Vrtic Maza
Theme URI: https://example.com
Author: Tvoje Ime
Author URI: https://example.com
Description: WordPress tema za vrtić Maza.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vrticmaza
*/
:root {
  --kidearn-heading-font: "Quicksand", sans-serif;
   --kidearn-font: "Quicksand", sans-serif;
    --accent-color: #789b45; /* tvoja zelena */
}
:root {
    --kidearn-black: #14532D; /* stavi svoju boju */
}
.page-header {
    background-color: #00bf63;
}
.menu-custom-parent-maza {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
@media (min-width: 768px) {
    .blog-card-four__title {
        font-size: 18px;
    }
}
.blog-card-four {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 370px;
    height: 100%;
}

.blog-card-four__image-wrapper {
    height: auto; /* umjesto 100% */
    flex-shrink: 0;
}

.blog-card-four__image img {
    width: 100%;
    object-fit: cover;
    height: 212px;
}

.blog-card-four__content {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
}

.blog-card-four__content__bottom {
    margin-top: auto;
}

.maza-custom-title-widget {
    border-bottom: none;
    padding-bottom: 0px;
    margin-bottom: 0px;
    text-align: center;
    color: #fff1ba;
}
.menu-custom-parent-maza:hover {
    background-color: #fff1ba;
}
.menu-custom-parent-maza:hover .maza-custom-title-widget {
    color: #00bf63;
}
.main-footer__bg {
    background-color: #14532D;
}
.footer-widget__info li, .footer-widget__links li {
    color: #fffcf0;
}
.service-three__item__shape {
    background-color: #22C55E;
}
.blog-card-four__category {
    background-color: #789b45;
}
.blog-card-four__date {
    color: #789b45;
}
.blog-card-four__title a {
    color: #2F4F2F;
}
.blog-card-four__author__designation {
     color: #3F4F3F;
     line-height: 1.6;
}
.blog-card-four__rm {
    color: #789b45;
}
.page-header__bg::before {
    opacity: 0;
}
.page-header__bg {
    background-position: center center;
}
.main-header__logo {
    width: unset;
}
.main-header__logo img {
    width: 180px;
    position: absolute;
    top: 0px;
    z-index:1000
}
@media (max-width: 768px) {
    .main-header__logo img {
        width: 160px; /* ili neka druga vrednost po potrebi */
    }
}

.main-header__inner {
    padding: 7px 0;
}

.sidebar__posts__image img
 {
    width: 90px;
    height: 80px;
    object-fit: cover;
}
.blog-card-two .blog-card__content {
    padding: 0;
    padding-top: 0px;
}
.banner-two__item {
    padding: 50px;
}
.banner-two__content__bg {
    background-color: #4fc3f7;
}
.banner-two__content__title {
    font-size: 60px;
}
@media (max-width: 767px) {
    .banner-two__content__title {
        font-size: 36px;
        line-height: 42px;
        margin: 0 0 18px;
    }
}
.page-header__bg::before {
    background-color: #0033a0;
}
.main-menu .main-menu__list > li > a {
    font-weight: 700;
}
.current_page_item > a {
   color: #4fc3f7;
}
.blog-card-four__title {
    font-weight: 700
}
.funfact-one {
       background-color: #00bf63;
}
.kidearn-btn {
    background-color #16A34A;
}
.sidebar-menu-maza {
    background-color: #00bf63;
}
.sidebar__title a {
    color: #fff1ba;
}
.sidebar-title-maza {
        border-bottom: 1px solid #fff1ba;
}
.menu-categories-maza li:not(:last-of-type) {
    border-bottom: 1px solid #fff1ba;
}
.menu-categories-maza li a {
    color: #ffffff;
}
.menu-categories-maza li a:hover {
    color: #fff1ba;
    padding: 7px 0;
    background: #789b45;
}
.sidebar__categories li a::before {
    color: #789b45;
}

.blog-card__content a[href*=".pdf"],
.blog-card__content a[href*=".doc"],
.blog-card__content a[href*=".docx"],
.blog-card__content a[href*=".xls"],
.blog-card__content a[href*=".xlsx"],
.blog-card__content a[href*=".ppt"],
.blog-card__content a[href*=".pptx"],
.blog-card__content a[href*=".rtf"],
.blog-card__content a[href*=".txt"],
.blog-card__content a[href*=".odt"],
.blog-card__content a[href*=".ods"],
.blog-card__content a[href*=".odp"],
.blog-card__content a[href*=".csv"],
.blog-card__content a[href*=".zip"],
.blog-card__content a[href*=".rar"],
.blog-card__content a[href*=".7z"] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #eef7f1; /* vrlo lagana zelena */
border: 1px solid #d6eadc;
    border-radius: 12px;
    padding: 6px 12px;
    margin: 4px 6px 4px 0;
    font-size: 14px;
    line-height: 1.3;
    width: 100%;
    text-decoration: none;
    transition: all 0.2s ease;
    color: #0e3d20;
}
.blog-card__content a[href*=".pdf"]:hover,
.blog-card__content a[href*=".doc"]:hover,
.blog-card__content a[href*=".docx"]:hover,
.blog-card__content a[href*=".xls"]:hover,
.blog-card__content a[href*=".xlsx"]:hover,
.blog-card__content a[href*=".ppt"]:hover,
.blog-card__content a[href*=".pptx"]:hover,
.blog-card__content a[href*=".rtf"]:hover,
.blog-card__content a[href*=".txt"]:hover,
.blog-card__content a[href*=".odt"]:hover,
.blog-card__content a[href*=".ods"]:hover,
.blog-card__content a[href*=".odp"]:hover,
.blog-card__content a[href*=".csv"]:hover,
.blog-card__content a[href*=".zip"]:hover,
.blog-card__content a[href*=".rar"]:hover,
.blog-card__content a[href*=".7z"]:hover {
    background: #fff1ba;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0,0,0,0.08);
}
.blog-card__content a:hover {
    color: #14532d;
}

.blog-card__content a:hover::before {
    transform: scale(1.1);
}
/* PDF */
.blog-card__content a[href$=".pdf"]::before {
    content: "\f1c1"; /* fa-file-pdf */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 25px;
    margin-right: 8px;
    color: #f15a29;
}
.link-maza-doc::before {
    content: "\f0c1"; /* fa-file-pdf */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 25px;
    margin-right: 8px;
    color: #f15a29;
}
.link-maza-doc {
   display: inline-flex;
    align-items: center;
    gap: 8px;
  background: #eef7f1; /* vrlo lagana zelena */
border: 1px solid #d6eadc;
    border-radius: 12px;
    padding: 6px 12px;
    margin: 4px 6px 4px 0;
    font-size: 14px;
    line-height: 1.3;
    width: 100%;
    text-decoration: none;
    transition: all 0.2s ease;
    color: #0e3d20;
}
.link-maza-doc:hover {
    background: #fff1ba;
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0,0,0,0.08);
}
.link-maza-doc:hover {
    color: #14532d;
}
/* Word */
.blog-card__content a[href*=".doc"]::before,
.blog-card__content a[href*=".odt"]::before,
.blog-card__content a[href*=".docx"]::before {
    content: "\f1c2";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 25px;
    margin-right: 8px;
    color: #f15a29;
}

/* Excel */
.blog-card__content a[href*=".xls"]::before,
.blog-card__content a[href*=".csv"]::before,
.blog-card__content a[href*=".xlsx"]::before {
    content: "\f1c3"; /* fa-file-excel */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 25px;
    margin-right: 8px;
    color: #f15a29;
}
.blog-card__content p a.doc-link-inline {
    display: inline !important;
    background: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: auto !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    color: #f15a29 !important;
}
.blog-card__content p a.doc-link-inline::before {
    content: none !important;
}






.faq-page__accordion .accrodion {
    background: #fffbea;
}

.blog-details .blog-card__content {
    padding-bottom: 30px;
    border-bottom: 0px solid var(--kidearn-border-color, #FCE9DD);
}
.blog-card-two {
    padding-bottom: 40px;
}
@media (min-width: 768px) {
    .blog-card-two .blog-card__title {
        font-size: 20px;
        font-weight: 700;
    }
}
.blog-card-two__text {
    margin-bottom: 10px;
}
.funfact-one__shape1 {
    mix-blend-mode: screen;
}
.funfact-one__shape2 {
    mix-blend-mode: hard-light;
}
.funfact-one__shape3 {
    mix-blend-mode: hard-light;
}
.funfact-one__shape4 {
    mix-blend-mode: hard-light;
}
.funfact-one__shape5 {
    mix-blend-mode: hard-light;
}
.page-header__title {
  color: #ffffff;
  text-shadow: 
    0 2px 6px rgba(0, 0, 0, 0.3),
    0 0 10px rgba(255, 255, 255, 0.15);
}