/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

#naslednja-tekma {
	display: none;
}
/* Add your custom styles here */
:root {
  --color-blue: #0E1A24;
  --color-yellow: #FECC00;
	--color-white: #FFFFFF;
}

/* OVERALL */

html, body {
    height: 100%;
}

a:active, a:hover {
	color: var(--color-yellow) !important;
	cursor: pointer;
}

#page {
    min-height: 100%;
    display: flex;
    flex-direction: column;
}

.custom-footer-wrap {
    margin-top: auto;
}

.color-white {
	color: var(--color-white);
}

.color-yellow {
	color: var(--color-yellow);
}

.site-navigation ul.menu li a {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.02rem;
    color: var(--color-yellow);
}

/* BUTTON */
.custom-btn a {
    background: linear-gradient(92.03deg,var(--color-yellow) 0,#CA893D 100%);
    color: var(--color-blue);
    display: inline-flex;
    overflow: hidden;
    position: relative;
    text-transform: uppercase;
    align-items: center;
    font-weight: 700;
    padding: 1rem 2rem;
}

.custom-btn a span {
    z-index: 20;
    color: var(--color-blue);
}

.custom-btn a:after {
    content: "";
    transform: translateX(-100%);
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #FFCD3C;
    transition: 0.3s linear;
        color: #00385d;
    
}

.custom-btn a:hover:after {
    transform: translateX(0%);
}

/* HEADER */
header#site-header {
    background: var(--color-blue);
}

header#site-header .site-logo.show img {
    max-width: 125px;
}

.site-navigation ul.menu li.menu-item-has-children:after {
    color: var(--color-yellow);
}

.site-navigation ul.sub-menu:before {
    content: "";
    position: absolute;
    top: -10px;
    left: 30px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #FFF;
}

/* Link hover color */
.site-navigation ul.sub-menu li.menu-item a {
    color: var(--color-blue);
    transition: color 0.3s linear;
}

.site-navigation ul.sub-menu li.menu-item:hover a {
    color: var(--color-yellow);
}

/* ✅ Override Hello Elementor (required) */
.site-navigation .sub-menu {
    display: block !important;
}

/* ✅ Hidden State (all submenu levels) */
.site-navigation .sub-menu {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    background: #fff;
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 150px;
    z-index: 2;
    pointer-events: none;
    transition: opacity .3s ease, transform .3s ease, visibility 0s linear .3s;
}

/* ✅ Visible State */
.site-navigation li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
    transition-delay: 0s;
}


/* BLOG ARCHIVE */

/*.blog h1.entry-title {*/
/*    font-style: italic;*/
/*    font-size: 3rem;*/
/*    font-weight: 800;*/
/*    text-transform: uppercase;*/
/*    color: var(--color-blue);*/
/*}*/

.blog h1.entry-title {
    display: none;
}

.blog main {
    padding: 60px 0;
}

.blog h2.entry-title a {
    font-size: 1.25rem;
    font-weight: bold;
    color: var(--color-blue);
}

.blog h2.entry-title {
	min-height: 5rem;
}

.blog .page-content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 75px;
}

.blog article.post {
	overflow: hidden;
	display: block;
}

.blog article.post img {
    display: block;
    min-height: 240px;
    margin-bottom: 20px;
}

/* .blog a:hover > img {
    transform: scale(1.05);
    transition: 0.3s 
linear;
	height: auto;
} */


/* SINGLE BLOG PAGE */
.single-post main {
    padding: 60px 0;
}

/* HOMEPAGE */
.latest-posts-wrapper {
    display: flex;
    gap: 20px;
}

.latest-posts-wrapper img {
    min-height: 240px;
}

.latest-post-item {
    width: 33%;
}

.latest-post-date {
	color: var(--color-yellow);
	margin-top: 0.5rem;
}

.latest-post-title a {
    text-decoration: none;
	  font-size: 1.25rem;
    font-weight: bold;
    color: var(--color-white);
}

.latest-post-thumb {
	overflow: hidden;
}

.latest-post-thumb img {
	display: block;
}


@media screen and (max-width: 768px) {
    .latest-post-item {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    
    .latest-posts-wrapper {
        flex-direction: column;
    }
    
    div#next-match-league {
        display: none;
    }
}


/* FOOTER */ 

/* --- Footer Gradient Background --- */
.custom-footer-wrap {
    background: var(--color-blue);
    padding: 50px 20px;
    color: var(--color-white);
}

/* --- Force white text --- */
.custom-footer-wrap,
.custom-footer-wrap p,
.custom-footer-wrap a,
.custom-footer-wrap span,
.custom-footer-wrap strong {
    color: var(--color-white);
}

/* --- Container replacement --- */
.container-nb {
    max-width: 1200px;
    margin: 0 auto;
}

/* --- Responsive Flexbox Grid --- */
.footer-row {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.footer-col {
    flex: 1 1 calc(25% - 30px); /* 4 columns on desktop */
    min-width: 260px; /* fallback for small screens */
}

/* --- Column spacing --- */
.footer-col-inner {
    padding-right: 10px;
}

/* Titles */
.widget__title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
    text-transform: uppercase;
}

/* Logo */
.custom-footer-wrap .custom-logo,
.footer-logo__img {
    max-width: 160px;
    height: auto;
}

/* Social links */
.ftr_social {
    display: block;
    margin: 6px 0;
    font-weight: 600;
}

.ftr_social i {
    margin-right: 5px;
}

/* Mobile layout: 1 column */
@media (max-width: 768px) {
    .footer-col {
        flex: 1 1 100%;
    }
}

.widget_recent_entries h2.widgettitle {
    display: none;
}