/*
Theme Name: Astra Child
Description: Child tema za Astra
Author: Filip Komatinovic
Template: astra
Version: 1.0
Text Domain: astra-child
*/
.wpcf7 {
    max-width: 700px;
    margin: 0 auto;
    text-align: center;
}

.wpcf7 p {
    text-align: center;
}

.wpcf7 label {
    display: block;
    text-align: center;
    color: #F5F5DC;
    margin-bottom: 10px;
}

.wpcf7 input,
.wpcf7 textarea {
    width: 100%;
    padding: 16px;
    border-radius: 10px;
    border: none;
    box-sizing: border-box;
}

.wpcf7 textarea {
    height: 140px;
}

.wpcf7-submit {
    background: #8B0000 !important;
    color: white !important;
    padding: 16px 36px !important;
    border: none !important;
    border-radius: 10px !important;
    width: auto !important;
    display: block !important;
    margin: 30px auto 0 auto !important;
}
.wpcf7-response-output,
.wpcf7-not-valid-tip {
    color: #F5F5DC !important;
}
@media(max-width: 900px){
	.ast-builder-layout-element.ast-flex.site-header-focus-item.ast-header-button-1{
    background-color:#F8F5F0;
}
}
:root{
	--ast-global-color-0:#8B0000
}

/* latest news grid  */

.latest-news-grid{
    padding-top:50px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.news-card{

    background:#fff;

    border-radius:16px;

    overflow:hidden;

    box-shadow:0 10px 25px rgba(0,0,0,.08);

    transition:.3s;
}

.news-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 40px rgba(0,0,0,.15);
}

.news-card img{

    width:100%;

    height:230px;

    object-fit:cover;
}

.news-content{

    padding:25px;
}

.news-category{

    color:#E50914;

    font-weight:700;

    margin-bottom:10px;

    text-transform:uppercase;

    font-size:13px;
}

.news-date{

    color:#888;

    font-size:14px;

    margin-bottom:15px;
}

.news-card h3{

    margin-bottom:15px;

    font-size:24px;
}

.news-card h3 a{

    text-decoration:none;

    color:#111;
}

.news-card h3 a:hover{

    color:#E50914;
}

.read-more{

    color:#E50914;

    font-weight:bold;

    text-decoration:none;
}

.read-more:hover{

    text-decoration:underline;
}

@media(max-width:991px){

    .latest-news-grid{

        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:767px){

    .latest-news-grid{

        grid-template-columns:1fr;
    }

}