/*
Theme Name: Astra Child Campaign
Template: astra
Version: 1.0
*/

/* ========= FONTS ========= */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;700&family=Source+Serif+Pro:wght@400;600&display=swap');

/* ========= COLORS ========= */
:root{
    --kok-blue:#003a54;
    --kok-lightblue:#b0d9eb;
    --kok-beige:#dad1bf;
    --kok-red:#9e0b0f;
}

/* ========= TYPOGRAPHY ========= */
body{
    font-family:'Source Serif Pro', serif;
}
h1,h2,h3,h4{
    font-family:'Barlow Condensed', sans-serif;
}

/* ========= HEADER COLOR ========= */
.ast-primary-header-bar{
    background:var(--kok-blue);
}
.ast-primary-header-bar a{
    color:#fff;
}

/* ========= BUTTON COLOR ========= */
button,
input[type="submit"],
.wp-block-button__link{
    background:var(--kok-blue);
    color:#fff;
}

/* ========= LIGHT SECTION ========= */
.section-light{
    background:var(--kok-beige);
}

/* ========= HEADER TEXT CONTRAST FIX ========= */
.ast-site-identity a,
.ast-site-identity .site-title,
.ast-primary-header-bar .site-title a{
    color:#ffffff !important;
    font-weight:600;
}

.ast-site-identity .site-description{
    color:#e6f3f8;
}

.ast-primary-header-bar .main-header-menu a{
    color:#ffffff !important;
}

/* ========= IMAGE SIZE ========= */
.wp-block-image img{
    max-width:420px;
    width:100%;
    height:auto;
}
/* ========= FOOTER ========= */
#colophon.site-footer{
    background:var(--kok-lightblue);
    color:#003a54;
}

/* footer container keskelle */
#colophon .footer-inner{
    max-width:1200px;
    margin:0 auto;
    padding:40px 20px;
}

/* 3 sarakkeen layout */
.footer-cols{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:30px;
    flex-wrap:wrap;
}

.footer-col{
    flex:1 1 260px;
}

.footer-center{
    text-align:center;
}

.footer-right{
    text-align:right;
}

.privacy-link{
    font-size:0.9em;
}

/* mobiili */
@media(max-width:768px){
    .footer-cols{
        text-align:center;
    }
    .footer-right{
        text-align:center;
    }
}