/* 
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
*/

/* nova pocetna */

.elementor-element-548f0b5 .swiper.elementor-loop-container.elementor-grid,
.elementor-element-20468fa .swiper.elementor-loop-container.elementor-grid{
    padding-right: 210px;
    padding-left: 210px;
}

/* end nova pocetna */

.fksd-megamenu {
    position: absolute;
    top: -1500px;
    z-index: 9;
    left: 0;
    transition: all .2s linear;
}

.fksd-megamenu.active {
    top: 150px;
}

.fksd-fudbaler-hero:after {
    content: '';
    background: linear-gradient(rgba(21, 30, 45, 0) 30%, #151e2d 100%) no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.fksd-fudbaler-hero {
    position: relative;
}

/* player */

.fksd-player:hover {
    cursor: pointer;
}

.fksd-player-overlay {
    position: absolute;
    top: 0;
    left: 0;
    background: #ffffffc2;
    z-index: 2;
    height: 84%;
    opacity: 0;
    transition: all .2s linear;
    overflow: hidden;
}

.fksd-player:hover .fksd-player-overlay {
    opacity: 1;
}

.dummy-link h2 {
    opacity: 0;
}

.dummy-link {
    position: unset;
}

.dummy-link h2 a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: 199 !important;
    width: 100%;
    height: 100%;
    background: red;
}

.fksd-player-number {
    z-index: 4 !important;
}

.fksd-player-number h2 {
    color: #f0f0f0 !important;
}

.fksd-player-name {
    z-index: 4 !important;
}

.fksd-player:hover .fksd-player-name h2 {
    color: black !important;
}

.fksd-player-position {
    opacity: 1;
    transition: all .2s linear;
}

.fksd-player:hover .fksd-player-position {
    opacity: 0;
}

.fksd-player:hover .fksd-player-link {
    background: #779dd2;
}

.fksd-player:hover .fksd-player-numbers {
    z-index: -1 !important;
    transform: translateX(0);
    transition: all .2s linear;
}

.fksd-player-numbers {
    transform: translateX(-100%);
}

.fksd-player-link h2 a {
    width: 100%;
    height: 100%;
    padding: 30px 20px !important;
    display: flex;
}

.fksd-player-link .e-con-inner {
    padding: 0;
}

.fksd-player-link {
    padding: 0;
}

button#e-n-tabs-title-2681 {
    border-left: 1px solid rgba(0, 0, 0, 0.13);
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 1px solid rgba(0, 0, 0, 0.13);
}

button#e-n-tabs-title-2682 {
    border-left: none;
}

.fksd-post img {
    height: 250px;
    object-fit: cover;
}

.fksd-post:hover img {
    opacity: .7
}

.fksd-big-post img {
    height: 350px;
    object-fit: cover;
}

.hero-post-title:after {
    content: '';
    height: 1px;
    width: 40px;
    background: #779dd2;
    position: absolute;
    bottom: -40px;
    transition: all .2s linear;
}

.hero-post-title:before {
    content: '';
    height: 15px;
    width: 15px;
    position: absolute;
    bottom: -47px;
    left: 24px;
    transform: rotate(45deg);
    border-top: 1px solid #779dd2;
    border-right: 1px solid #779dd2;
    transition: all .2s linear;
}

.hero-post:hover .hero-post-title:after {
    width: 70px;
}

.hero-post:hover .hero-post-title:before {
    left: 54px;
}

.fksd-decor-line:before {
    content: '';
    background: #cacaca;
    width: 18%;
    height: 3px;
    position: absolute;
    left: 0;
    top: 1px;
}

.elementor-element-facb8fc .fksd-decor-line:before {
    background: #82e5ff;
}

.elementor-element-b4f02c8 .fksd-decor-line:before {
    background: #151E2D;
}

.elementor-post__text {
    display: flex !important;
    flex-direction: column-reverse !important;
    justify-content: flex-end;
}

table tr td:last-of-type {
    font-weight: 900;
}

.elementor-post__meta-data * {
    text-transform: uppercase;
}

.elementor-post__meta-data:before {
    content: 'PRVI TIM';
    color: #779dd2;
}

span.elementor-post-date:before {
    content: '|';
}

.elementor-element-4904dbc .elementor-grid-item {
    position: relative;
    padding-left: 20px !important;
}

.elementor-element-4904dbc .elementor-grid-item:before {
    content: '';
    height: 80%;
    width: 4px;
    background: #e4e4e4;
    position: absolute;
    left: 0;
}

.elementor-10 .elementor-element.elementor-element-4904dbc .elementor-post:last-of-type {
    border: none;
}

.elementor-posts--thumbnail-top img:not(.fksd-big-post img):not(.fksd-gallery-posts img) {
    height: 250px;
    object-fit: cover;
}

.elementor-element-d1b2e90:after {
    content: '';
    height: 52%;
    width: 100%;
    background: rgb(25, 33, 71);
    background: linear-gradient(0deg, rgb(25 33 71 / 89%) 35%, rgb(255 255 255 / 0%) 100%);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 9;
}

.e-loop-item.category-galerija {
    position: relative;
}

.fksd-gallery-posts article:before,
.elementor-post.category-galerija .elementor-post__thumbnail:before,
.e-loop-item.category-galerija:before {
    content: '';
    background: url(/wp-content/uploads/2024/07/Group-12.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 20px;
    top: 20px;
    height: 40px;
    width: 40px;
    z-index: 2
}

.fksd-gallery-posts article {
    position: relative !important;
}

summary.e-n-accordion-item-title {
    position: relative;
}

.fksd-accordion-menu-1 summary.e-n-accordion-item-title:before,
.fksd-accordion-menu-2 summary.e-n-accordion-item-title:before {
    content: '';
    height: 3px;
    width: 30%;
    background: transparent;
    position: absolute;
    bottom: -1px;
    left: 0;
}

.fksd-accordion-menu-1 .e-n-accordion-item:first-of-type summary.e-n-accordion-item-title:before {
    background: transparent !important;
}

.fksd-accordion-menu-1 .e-n-accordion-item:nth-last-of-type(2) summary.e-n-accordion-item-title:before {
    background: transparent !important;
}

.fksd-rezultat-utakmice {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.elementor-element-5a5a20d .e-loop-item>.elementor-element {
    background: #1d1c43 !important;
}

.elementor-element-5a5a20d .e-loop-item .elementor-element-7b134c7 h2,
.elementor-element-5a5a20d .e-loop-item .elementor-element-605acc6 h2,
.elementor-element-5a5a20d .e-loop-item .elementor-element-c0f89b9 h2 {
    color: white !important;
}

.fksd-game-link a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: transparent;
    z-index: 9;
}

.fksd-game-link {
    position: unset;
}

.hero-post .elementor-element-529aca9 {
    overflow: hidden;
}

.hero-post .elementor-element-529aca9 img {
    transition: all .5s ease;
}

.hero-post:hover .elementor-element-529aca9 img {
    transform: scale(1.2)
}

.hero-post {
    min-height: 75vh;
}

.fksd-gameloop:hover {
    opacity: .8;
}

.elementor-element-bdb0fdf {
    margin-left: -40px;
}

.hero-post-image a,
.hero-post-image img {
    width: 100% !important;
    max-height: 75vh;
    max-width: 100% !important;
}


.elementor-post.elementor-grid-item img {
    transition: all .3s ease !important;
}

.elementor-post.elementor-grid-item:hover img {
    transform: scale(1.1);
}

.menu-lines .line {
    width: 25px;
    height: 2px;
    position: absolute;
    background: black;
    left: 0;
    transition: all .2s linear;
}

.menu-lines .line:nth-child(1) {
    top: 0px;
}

.menu-lines .line:nth-child(2) {
    top: 6px;
}

.menu-lines .line:nth-child(3) {
    top: 12px;
}

.menu-lines {
    position: relative;
    width: 35px;
    height: 15px;
}

div#fksd-megamenu-btn:hover {
    opacity: 0.6;
    cursor: pointer;
}

div#fksd-megamenu-btn:hover .menu-lines .line:nth-child(2) {
    left: 5px;
}

div#fksd-menu-btn.active .menu-lines .line:nth-child(3),
div#fksd-megamenu-btn.active .menu-lines .line:nth-child(3) {
    transform: rotate(-45deg);
    top: 50%;
    bottom: auto;
}

div#fksd-menu-btn.active .menu-lines .line:nth-child(2),
div#fksd-megamenu-btn.active .menu-lines .line:nth-child(2) {
    opacity: 0;
}

div#fksd-menu-btn.active .menu-lines .line:nth-child(1),
div#fksd-megamenu-btn.active .menu-lines .line:nth-child(1) {
    transform: rotate(45deg);
    top: 50%;
    bottom: auto;
}

.search-results .fksd-search-games .e-loop-item:not(.category-izvestaj-sa-utakmice):not(.category-najava),
.search-results .fksd-search-players .e-loop-item:not(.type-fudbaler),
.search-results .fksd-search-posts article:not(.type-post) {
    display: none;
}

.elementor-element-672db4f:before {
    content: '';
    width: 13px;
    height: 4px;
    display: inline-block;
    background-color: #1a2434;
    margin-right: 8px;
    transform: skew(150deg);
    transition: all ease-out 500ms;
    position: absolute;
    top: 14px;
    left: 9px;
}

.elementor-41 .elementor-element.elementor-element-672db4f>.elementor-widget-container {
    padding-left: 30px;
}

ul#menu-1-31c9493>li:first-of-type {
    background: #ffffff38;
    padding-left: 17px;
    border-top: 4px solid #00aeff;
}

.elementor-widget-posts .elementor-post:hover .elementor-post__title {
    opacity: .7
}

.elementor-widget-posts .elementor-post .elementor-post__title {
    transition: all .2s linear
}

.fksd-megamenu a[href="#"]:before,
.elementor-element-0a8ee99 a[href="#"]:before {
    content: 'Uskoro';
    display: block;
    padding: 8px;
    background: #6ca6fa !important;
    position: absolute;
    color: white;
    left: 0;
    right: 0;
}

.topbar-menu ul a[href="#"]:before {
    content: 'Uskoro';
    height: 100%;
    width: 70px;
    position: absolute;
    top: 0;
    left: -15px;
    background: #6ca6fa !important;
    display: flex;
    align-items: center;
    justify-content: center;
}


.fksd-megamenu a[href="#"] {
    pointer-events: hover;
}

.page-numbers {
    padding: 20px 20px;
    max-width: 30px;
    max-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #f0f0f0;
    font-weight: bold;
    font-size: 14px;
}

.page-numbers:hover {
    opacity: .7
}

nav.elementor-pagination {
    height: 50px;
    margin-top: 40px;
}

nav.elementor-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-numbers.current {
    border-bottom: 3px solid #6ca6fa
}

.elementor-element-672db4f:hover>div {
    background: #252437 !important;
}

.elementor-element-672db4f:hover:before {
    color: #fff !important;
    background: #fff !important;
}

.elementor-post__thumbnail img {
    height: 330px;
    object-fit: cover;
}

.elementor-element-672db4f:hover a:before {
    content: 'Gledaj Uživo';
    font-size: 15px !important;
    color: white;
}

.elementor-element-672db4f:hover a {
    font-size: 0 !important;
}

.fksd-hide-onpage.hide,
.elementor-element-bf700f6.hide {
    display: none;
}

.single-game small {
    padding-bottom: 7px;
}

.fksd-timeline-block:before {
    content: '';
    height: 1px;
    width: 50%;
    background: #e5e5e5;
    position: absolute;
    top: 50%;
    left: 0;
}

.fksd-timeline-block:after {
    content: '';
    width: 1px;
    height: 50%;
    background: #e5e5e5;
    position: absolute;
    top: 50%;
    left: 50%;
}

.fksd-timeline-block:nth-child(odd):before {
    left: unset;
    right: 0;
}

form.wpcf7-form input {
    border: 1px solid lightgray;
    border-radius: 0;
    margin-top: 10px;
    width: 100%;
    height: 50px;
}

form.wpcf7-form p,
form.wpcf7-form label {
    width: 100%;
}

form.wpcf7-form .fksd-form-row {
    display: flex;
    gap: 20px;
}

form.wpcf7-form textarea {
    margin-top: 15px;
    border: 1px solid lightgray;
    border-radius: 0;
}

input.wpcf7-form-control.wpcf7-submit {
    background: #191d2c;
    color: white;
    border: none;
    height: 50px;
    width: 40%;
}

input.wpcf7-form-control.wpcf7-submit:hover {
    background: #879ef5;
}

.fksd-quote-text {
    padding-left: 20px;
    border-left: 2px solid #6ca6fa;
    gap: 0;
}

.fksd-quote-text p {
    line-height: 1.2em;
}

.fksd-quote-text p:nth-of-type(2) {
    margin-top: 15px;
}

.elementor-element-2f09321 .category-najava {
    pointer-events: none;
}

.elementor-element-b4a09a6 .category-najava {
    pointer-events: none
}

ul.elementor-post-info li:first-of-type * {
    color: #6ca6fa !important;
    font-weight: 600;
}

@media screen and (max-width: 900px) {
    .ivapix-igraci-column h6 {
        font-size: 14px !important;
    }

    .elementor-element-9f4710c {
        flex-basis: 46.5% !important;
        width: 50% !important;
    }

    a#fksd-show-feed,
    a#fksd-show-stats {
        width: 100%;
        box-shadow: none;
        background: transparent;
        opacity: 1;
        transition: all .2s linear;
    }

    a#fksd-show-feed:hover,
    a#fksd-show-stats:hover {
        cursor: pointer;
        opacity: .7;
    }

    body a#fksd-show-feed.active,
    body a#fksd-show-stats.active {
        background: white !important;
        box-shadow: 0 0 8px #e1e1e1;
    }

    .elementor-element-66c5d0f,
    .elementor-element-036f55b,
    .elementor-element-06a93cb {
        width: 46.5%;
    }

    div#fksd-match-stats,
    div#fksd-match-feed {
        display: none;
    }

    div#fksd-match-stats.active,
    div#fksd-match-feed.active {
        display: flex;
    }

    .elementor-element-d1b2e90:after {
        height: 40%;
    }

    .fksd-minimenu {
        overflow-x: scroll;
    }

    .fksd-minimenu .elementor-nav-menu--layout-horizontal .elementor-nav-menu {
        flex-wrap: nowrap;
    }

    .fksd-minimenu .elementor-nav-menu--main .elementor-item {
        padding: 10px 15px !important;
    }

    button#e-n-tabs-title-2682 {
        border-left: 1px solid #D6D6D6 !important;
        border-radius: 5px;
        margin-top: 40px;
    }

    button#e-n-tabs-title-2681 {
        border-radius: 5px;
    }

    .fksd-player-numbers {
        display: none !important;
    }

    .fksd-player-link {
        display: none;
    }

    .fksd-player-inner {
        min-height: fit-content;
    }

    .fksd-player-number {
        position: relative !important;
        top: unset;
        left: unset;
    }

    .fksd-player-inner {
        background-position: right 20px top 10px !important;
        background-size: contain;
        background-repeat: no-repeat;
    }

    .fksd-player-inner:before {
        opacity: 0;
        display: none;
    }

    .fksd-player-overlay {
        display: none;
        background: transparent;
    }

    .fksd-player-inner {
        background-color: rgba(232, 234, 237, 0.9) !important;
    }

    .fksd-player-number h2 {
        color: #b7b7b7 !important;
    }

    .fksd-player-name h2 {
        color: black !important;
    }

    .fksd-player:hover .fksd-player-position {
        opacity: 1;
    }

    /* .elementor-posts-container .elementor-post.has-post-thumbnail:not(.fksd-big-post .elementor-posts-container .elementor-post.has-post-thumbnail) {
        display: flex;
        flex-direction: row;
        gap: 20px;
    } */

    .elementor-post__thumbnail {
        width: 100% !important;
    }

    /* a.elementor-post__thumbnail__link:not(.fksd-big-post a.elementor-post__thumbnail__link) {
        width: fit-content !important;
    } */

    /* .elementor-posts--thumbnail-top .elementor-post__text:not(.fksd-big-post.elementor-posts--thumbnail-top .elementor-post__text) {
        width: 70%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-end;
    }

    a.elementor-post__thumbnail__link:not(.fksd-big-post a.elementor-post__thumbnail__link) {
        height: 100% !important;
        max-height: 150px !important;
        max-width: 150px !important;
    }

    .elementor-posts-container .elementor-post__thumbnail img:not(.fksd-big-post .elementor-posts-container .elementor-post__thumbnail img) {
        height: 100% !important;
        max-height: 150px !important;
        max-width: 150px !important;
    } */

    .fksd-big-post .elementor-posts-container .elementor-post__thumbnail img,
    .fksd-big-post a.elementor-post__thumbnail__link {
        height: 230px;
        object-fit: cover;
        object-position: center;
    }

    button#e-n-tab-title-2682945901 {
        border-top-left-radius: 6px;
        border-bottom-left-radius: 6px;
        border-right: none;
    }
    
    button#e-n-tab-title-2682945902 {
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
        border-left: none;
    }

    .elementor-post__title,
    .elementor-post__title a {
        width: 100% !important;
        display: flex;
    }

    /* .elementor-posts-container .elementor-post.has-post-thumbnail:not(.fksd-big-post .elementor-posts-container .elementor-post.has-post-thumbnail) {
        border-bottom: 1px solid #E8E8E8;
    } */

    .ivapix-column:nth-of-type(2) {
        width: 3%;
    }

    .ivapix-column {
        width: 45%;
    }

    .fksd-gallery-posts article:before, .elementor-post.category-galerija .elementor-post__thumbnail:before {
        height: 20px;
        width: 37px;
        left: 15px;
        top: 15px;
    }

    .elementor-element-d9921d6 .elementor-post.category-galerija:not(.elementor-element-d9921d6 .elementor-post.category-galerija:first-of-type) {
        display: none;
    }
    
    .elementor-element-d9921d6 {
        padding-top: 60px;
    }

    div#elementor-popup-modal-1881 a[href="#"]:not(#elementor-popup-modal-1881 .dialog-close-button) {
        color: lightgray;
        pointer-events: none;
    }

    .elementor-element-d9921d6 {
        filter: blur(13px);
    }

    .fksd-quote-text p:first-of-type {
        font-size: 23px !important;
    }

	/*mldn*/
	body .elementor-element.elementor-element-15c5042 {
		display: none;
	}

	.single-post h1.elementor-heading-title.elementor-size-default {
		line-height: 1.2 !important;
	}
	.fksd-minimenu ul li {
		min-height: 60px;
	}

    .fksd-player-number h2 a:before {
        content: '';
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 99;
    }
    
    .fksd-player-number h2 a {
        position: unset !important;
    }
    
    .fksd-player-number h2:before {
        position: unset !important;
    }
    
    .fksd-player-number {
        position: unset !important;
        padding-top: 10px;
        padding-left: 25px;
    }
}





/*WOOCOMMERCE SHOP CUSTOMIZATION START*/


h1.product_title.entry-title {
    color: #000;
    font-family: "Exo 2";
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    order: 1;
}

bdi {}

span.woocommerce-Price-amount.amount * {
    color: #001F47;
    font-family: "Exo 2";
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}

.summary.entry-summary {}

.summary.entry-summary {
    display: flex;
    flex-direction: column;
}

p.price {
    order: 2;
}

form.variations_form.cart {
    order: 2;
}

.woocommerce-tabs.wc-tabs-wrapper {
    order: 4;
}

.single-product nav.woocommerce-breadcrumb {
    display: none;
}

.product_meta {
    display: none;
}

.summary.entry-summary {
    padding: 40px;
}

.single-product main#main {
    max-width: 1640px !important;
}

.single-product span.variable-item-span.variable-item-span-button {
    font-family: 'Exo 2', sans-serif;
    font-weight: 400;
    font-size: 20px !important;
}

li.variable-item.selected {
    background: #001F47 !important;
    color: #fff !important;
    outline: unset !important;
    border: unset !important;
    box-shadow: unset !important;
}

li.variable-item {
    border-radius: 0 !important;
    height: 40px !important;
}   


a.reset_variations {
    display: none;
}

.variations th.label {
    padding: 0;
}

table tbody tr:hover>td, table tbody tr:hover>th {
    background: transparent;
}

table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th {
    background: transparent;
}

.single-product .quantity {
    display: none !important;
}

.single-product button.single_add_to_cart_button {
    background: #121a45 !important;
    color: #FFF;
    font-family: "Exo 2";
    font-size: 20px;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    width: 100%;
    border-radius: 0;
    margin-top: 45px;
    min-height: 52px;
}

button.single_add_to_cart_button.button.alt:hover {
    background: #6CA6FA !important;
}
.single-product.woocommerce div.product {
    margin-bottom: 0;
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.single-product section.related.products {
    width: 100%;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    margin: 0 1.2% 2.992em 0;
    width: 23.55%;
}


.related li {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.01);
    transition: all 0.3s ease;
}

.related li:hover {
    box-shadow: 0 2px 11px rgb(0 0 0 / 13%);
}
/*custom accordion product*/

/* Product Accordion Styling */
.product-accordion-container {
    margin-top: 30px;
    border-top: 1px solid #eee;
}

.accordion-item {
    border-bottom: 1px solid #eee;
}

.accordion-header {
    display: flex;
    align-items: center;
    padding: 15px 0;
    cursor: pointer;
}

.accordion-icon {
    color: #007bff;
    margin-right: 10px;
    font-size: 12px;
}

.accordion-title {
    flex-grow: 1;
    margin: 0;
    font-size: 16px;
    font-weight: 500;
}

.accordion-toggle {
    font-size: 18px;
    font-weight: bold;
}

.accordion-content {
    padding: 0 0 15px 25px;
    color: #666;
    line-height: 1.6;
}

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

.product-accordion-container {
    order: 4;
}


.variations label {
    color: #6CA6FA;
    font-family: "Exo 2";
    font-size: 16px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: normal;
}

.jersey-option label {
    color: #6CA6FA;
    font-family: "Exo 2";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 16px;
    margin-top: 16px;
}

.variations label {
    color: #6CA6FA;
    font-family: "Exo 2";
    font-size: 16px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: normal;
}

.jersey-option label {
    color: #6CA6FA;
    font-family: "Exo 2";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 16px;
    margin-top: 16px;
}

.single-product a.reset_variations {
    display: none !important;
}

ul.variable-items-wrapper {
    display: flex;
    gap: 10px;
}

ul.variable-items-wrapper li {
    flex: 1;
    text-align: center;
    margin: 0 !important;
    box-sizing: border-box;
    height: 56px;
}

.jersey-option select {
    border-radius: 0px;
}

.jersey-options select, .jersey-options input {
    border: unset !important;
    background: #F4F4F4;
    padding-right: 20px !important;
    height: 56px;
}



/*options */

.option-buttons {
    display: flex;
    gap: 10px;
    margin-top: 5px;
}

.option-button {
    flex: 1;
    padding: 10px;
    text-align: center;
    background-color: #f0f0f0;
    cursor: pointer;
    transition: all 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 56px;
}

.option-button:hover {
    background-color: #001F47;
    color: white;
}

.option-button.selected {
    background-color: #001F47;
    color: white;
}


/* Product Gallery Layout */
.custom-product-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
    width: 65%;
    height: max-content;
}

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    float: right;
    width: 35%;
    clear: none;
}

.main-images {
    display: flex;
    width: 100%;
    gap: 10px;
    height: max-content;
}

.main-image {
    width: calc(50% - 5px);
}

.main-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 3/4;
}

.thumb-images {
    display: flex;
    width: 100%;
    gap: 10px;
}

.thumb-image {
    width: calc(33.333% - 7px);
}

.thumb-image img {
    width: 100%;
    height: auto;
    object-fit: cover;
    aspect-ratio: 3/4;
    cursor: pointer;
}


/* For mobile responsiveness */
@media (max-width: 768px) {
    .main-images {
        flex-direction: column;
    }
    
    .main-image {
        width: 100%;
    }
}

.thumb-image, .main-image {
    background: #f7f7f7;
}

.view-all-photos {
    display: none;
}


.related.products h2 {
    color: #000;
    font-family: "Exo 2";
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    background: #F8F8F8;
}

.related h2.woocommerce-loop-product__title, .related .price {
    padding-left: 30px !important;
}

.related a.add_to_cart_button {
    display: none !important;
}

.related .price {
    padding-bottom: 40px;
}

.related span.price * {
    color: #001F47;
    text-align: center;
    font-family: "Exo 2";
    font-size: 32px !important;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.cart .e-cart__column.e-cart__column-start {
    width: 100%;
}

.e-shop-table.e-cart-section.e-cart-section--no-coupon {
    border: unset;
}

.elementor-widget-woocommerce-cart .e-cart__container {
    grid-template-columns: 67% auto;
}

.cart span.woocommerce-Price-amount.amount * {
    font-size: 20px;
}

.cart .e-shop-table.e-cart-section.e-cart-section--no-coupon {
    border: unset;
    background: #F8F8F8;
    padding: 20px 40px;
}

.elementor-widget-woocommerce-cart .woocommerce table.cart td.actions, .elementor-widget-woocommerce-cart .woocommerce table.cart td.product-name, .elementor-widget-woocommerce-cart .woocommerce table.cart td.product-price, .elementor-widget-woocommerce-cart .woocommerce table.cart td.product-quantity, .elementor-widget-woocommerce-cart .woocommerce table.cart td.product-remove, .elementor-widget-woocommerce-cart .woocommerce table.cart td.product-subtotal, .elementor-widget-woocommerce-cart .woocommerce table.cart td.product-thumbnail {
    border-color: #001F4733;
}

.elementor-widget-woocommerce-cart .woocommerce a:not(.add_to_cart_button):not(.restore-item):not(.wc-backward):not(.wc-forward) {
    color: #121a45;
    font-weight: bold;
    font-size: 16px;
}

.e-shop-table.e-cart-section.e-cart-section--no-coupon {
    border: unset !important;
	padding-top: 40px;
}

.cart td.product-thumbnail img {
    width: 100% !important;
    max-width: 200px;
}

.e-cart__container * {
    font-family: 'Exo 2', sans-serif;
}

.woocommerce-cart h1, .woocommerce-checkout h1 {
    font-family: 'Exo 2', sans-serif;
	text-transform: uppercase;
}

div#korpahed {
    display: none;
}

.elementor-page-7201 div#korpahed, .single-product div#korpahed, .woocommerce-checkout div#korpahed, .woocommerce-cart div#korpahed {
    display: block;
}

.cart dl.variation dt {
    font-weight: bold;
}

.e-checkout__container * {
    font-family: 'Exo 2', sans-serif;
}

.elementor-widget-woocommerce-cart .woocommerce a:not(.add_to_cart_button):not(.restore-item):not(.wc-backward):not(.wc-forward):hover {
    color: #00000099;
}

.elementor-widget-woocommerce-cart .e-cart-totals {
    border-color: #2021301c;
    border-radius: 0;
    border-width: 4px;
    padding: 20px;
}

.e-cart-totals.e-cart-section span.woocommerce-Price-amount.amount * {
    font-size: 22px !important;
    text-align: right;
}


ul#shipping_method {
    display: none;
}

.woocommerce-shipping-fields {
    display: none;
}

div#customer_details .col-1, div#customer_details .col-2 {
    background: transparent !important;
    border: unset !important;
}

div#customer_details {
    background: #F8F8F8;
}

div#customer_details .col-1, div#customer_details .col-2 {
    background: transparent !important;
    border: unset !important;
}

.woocommerce-additional-fields {
    background: unset !important;
    border: unset !important;
}

form.cart {
    order: 2;
}

.single-product img.elementor-lightbox-image.elementor-lightbox-prevent-close.swiper-lazy.swiper-lazy-loaded {
    background: #f7f7f7;
    border-radius: 0px;
}

.checkout  dl.variation dt {
    font-weight: bold;
}

.checkout span.woocommerce-Price-amount.amount * {
    font-size: 30px;
}

.checkout tr.cart-subtotal {
    display: none;
}
.order-total th {
    align-items: center;
    align-content: center;
}
.elementor-widget-woocommerce-checkout-page .woocommerce-checkout #payment #place_order {
    background-color: #6CA6FA;
    font-size: 20px;
    font-family: 'Exo 2', sans-serif;
    font-weight: 400;
    margin-top: 20px;
    margin-bottom: 10px;
}

.elementor-widget-woocommerce-checkout-page .woocommerce-checkout #payment #place_order:hover {
    background-color: #598cd5;
}

.checkout input, .checkout select, .checkout textarea {
    border: 1px solid #001F47 !important;
}
/*
.woocommerce form .form-row .select2-container, .woocommerce form .form-row .select2-container .selection {
    border: 1px solid #001F47;
}
*/
.checkout .col-1 {
    margin: 0 !important;
    padding-bottom: 0 !important;
}

.elementor-element.elementor-element-1c3982d.e-checkout-layout-two-column.elementor-widget.elementor-widget-woocommerce-checkout-page {
    margin-bottom: 40px;
}

.checkout span#select2-billing_state-container, .checkout span#select2-billing_country-container {
    border: 1px solid #001F47 !important;
}

.checkout h3 {
    font-size: 26px !important;
}


@media only screen and (max-width: 966px) {
    .single-product.woocommerce div.product {
        flex-direction: column;
        width: 100%;
    }
    
    .custom-product-gallery {
        width: 100%;
        height: 100%;
    }
    
    .summary.entry-summary {
        float: unset !important;
        width: 100% !important;
        padding: 25px;
    }
    section.related.products {
        padding: 25px;
    }
    
    .related h2.woocommerce-loop-product__title, .related .price {
        padding-left: 10px !important;
    }
    
    .single-product .related li.product {
        min-height: 330px !important;
        margin: 0 0 0.892em;
    }
    
    .related img {
        object-fit: contain;
    }
    .related.products h2 {
        font-size: 31px;
    }
    h1.product_title.entry-title {
        font-size: 40px;
    }
    
    span.woocommerce-Price-amount.amount * {
        font-size: 40px;
    }
	.woocommerce-cart tr.cart-subtotal {
		display: none;
	}

	.e-cart__container {
		display: flex !important;
		gap: 20px !important;
	}

	.e-cart__column.e-cart__column-end {
		width: 100%;
	}

	.elementor-element.elementor-element-629f95a0 {
		padding: 20px;
	}

	.woocommerce-cart .product-thumbnail {
		display: block !important;
	}

	.woocommerce-cart td.product-remove {
		padding: 0 !important;
	}

	tr.woocommerce-cart-form__cart-item.cart_item {
		padding: 0 !important;
	}
	
	.elementor-element-b2433e0 li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-1376:after {
		content: 'Ostani u toku sa FKSD';
	}

	.elementor-element-b2433e0 li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-1374:after {
		content: 'Prvi tim našeg kluba'
	}

	.elementor-element-b2433e0 li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-1373:after {
		content: 'Utakmice našeg kluba'
	}

	.elementor-element-b2433e0 li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-1375:after {
		content: 'Pozicija našeg kluba'
	}

	.elementor-element-b2433e0 li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-4552:after {
		content: 'FK Smederevo';
	}

	.elementor-element-b2433e0 li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-4553:after {
		content: 'FK Smederevo';
	}

	.elementor-element-b2433e0 li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-4554:after {
		content: 'FK Smederevo';
	}

	.elementor-element-b2433e0 li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-2246:after {
		content: 'O našem klubu';
	}

	.elementor-element-b2433e0 li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-4408:after {
		content: 'Naša "Tvrđava"';
	}

	.elementor-element-b2433e0 li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-3352:after {
		content: 'Naši cenjeni partneri';
	}

	.elementor-element-b2433e0 li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-4407:after {
		content: 'Kontaktiraj upravu kluba';
	}

	.elementor-element-b2433e0 li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-4743:after {
		content: 'FKSD iz drugog ugla'
	}

	.elementor-element-b2433e0 li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-2255:after {
		content: 'Važne teme kluba'
	}

	.elementor-element-b2433e0 li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-356:after {
		content: 'Kupite karte online';
	}

	.elementor-element-b2433e0 li.menu-item.menu-item-type-custom.menu-item-object-custom.current-menu-item.menu-item-357:after {
		content: 'Za sve naše navijače';
	}

	.elementor-element-b2433e0 li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-358:after {
		content: 'Postani deo ekipe'
	}

	.elementor-element-b2433e0 li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-359:after {
		content: 'Pridruži se "Despotima"'
	}

}

.woocommerce-cart tr.cart-subtotal {
    display: none;
}

p#billing_postcode_field, p#billing_address_1_field {
    margin-top: 24px;
}

.e-checkout__order_review {
    padding: 30px 30px !important;
}

.checkout .cart_item bdi, .checkout .cart_item bdi span {
    color: #6CA6FA;
    text-align: right;
    font-size: 21px !important;
    font-weight: 600;
    line-height: 135%;
    letter-spacing: -0.085px;
}

h3.accordion-title, .accordion-content {
    font-family: 'Exo 2', sans-serif;
}

.jersey-option * {
    font-family: 'Exo 2', sans-serif;
}

.elementor-6765 .elementor-element.elementor-element-c7418d4 .woocommerce .wc-proceed-to-checkout .checkout-button {
    border-radius: 0;
    background: #121a45 !important;
    color: #FFF;
    font-family: "Exo 2";
    font-size: 17px;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    width: 100%;
    border-radius: 0;
    min-height: 52px;
}

.elementor-6765 .elementor-element.elementor-element-c7418d4 .woocommerce .wc-proceed-to-checkout .checkout-button:hover {
    background: #6CA6FA !important;
}

button#place_order:hover {
    background: #6CA6FA !important;
}

button#place_order {
    background: #121a45 !important;
    color: #FFF;
    font-family: "Exo 2";
    font-size: 18px !important;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    width: 100%;
    border-radius: 0;
    min-height: 50px;
}



.woocommerce-order {
    background: #ffffff69;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
}

p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    font-size: 22px;
}

ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details * {
    font-size: 16px !important;
}

h2.woocommerce-order-details__title {
    text-align: center;
}

table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details {
    padding: 15px;
    background: #f8f8f8;
}

table.woocommerce-table.woocommerce-table--order-details.shop_table.order_details * {
    font-size: 16px;
    text-align: center;
    color: #000;
}

@media only screen and (min-width: 966px) {
    section.woocommerce-order-details {
        min-width: 500px;
    }
}

.woocommerce-order * {
    font-family: 'Exo 2', sans-serif;
}

.woocommerce-order * {
    font-family: 'Exo 2', sans-serif;
}

ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
    text-align: center;
}

ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details * {
    border-right: 0;
}

ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li {
    text-align: center;
    margin: 0;
    padding: 0;
}

p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    text-align: center;
}

p.return-to-shop {
    display: none;
}

#mobile-buttons-grid h2{
    display: flex;
    flex-direction: column;
    gap: 30px;
}

#mobile-buttons-grid h2 span:last-of-type{
    width: 50%;
}

#mobile-buttons-grid h2:after {
    content: '';
    background: url(https://fksmederevo1924.rs/wp-content/uploads/2024/07/extlink.svg);
    width: 20px;
    height: 20px;
    position: absolute;
    background-size: cover;
    background-position: center;
    bottom: 20px;
    right: 20px;
}

span.fksd-popup-button,
span.fksd-popup-button-svg {
    background: #ffffff7a;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

span.fksd-popup-button-svg svg{
    width: 25px;
    transform: rotate(-45deg)
}

.elementor-element-b2433e0 ul li:after {
    font-size: 12px;
    position: absolute;
    bottom: 0;
    color: gray;
}

span.fksd-popup-button:before {
    content: '';
    height: 30px;
    width: 30px;
    background: url(https://fksmederevo1924.rs/wp-content/uploads/2025/08/shop.svg);
    background-position: center;
    background-size: cover;
}

span.fksd-popup-button-svg:before {
    content: '';
    height: 25px;
    width: 25px;
    background: url(https://fksmederevo1924.rs/wp-content/uploads/2025/08/ticket.svg);
    background-position: center;
    background-size: cover;
    transform: rotate(-45deg)
}

.swiper-pagination .swiper-pagination-bullet {
    background: white;
}

span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 30px;
    border-radius: 15px;
}