#categoryPage header {
    margin-bottom: 40px;
}

#categoryPage .main-image {
    height: 550px;
    border: 3px solid #C4942F;
    text-align: center;
    margin-top: 80px;
}

#categoryPage .breadcrumbs {
    display: none;
}

#categoryPage h1.page-title {
    font-family: 'Roboto', sans-serif;
    font-size: 48px;
    font-weight: 100;
    z-index: 2;
    position: relative;
}

#categoryPage h1.page-title::after {
    position: absolute;
    content: "";
    background: #C4942F;
    height: 2px;
    width: 100px;
    top: 30px;
    margin-left: 20px;
}

#categoryPage .image-wrapper {
    width:auto ;
    height: 300px;
}

/*#categoryPage .image-wrapper img {*/
/*    width: auto;*/
/*    border-bottom: 10px solid #1c1c1c;*/
/*}*/

#categoryPage .articles .content .title {
    font-family: 'Karla', sans-serif;
    font-weight: bold;
    font-size: 26px;
    margin-top: 40px;
}

#categoryPage .articles .content .date {
    font-family: 'Karla', sans-serif;
    font-weight: bold;
    font-size: 16px;
    color: #C4942F;
    margin-top: 15px;
}

#categoryPage .articles .content .intro-text {
    font-family: 'Karla', sans-serif;
    margin-top: 15px;
    margin-bottom: 15px;
}

#categoryPage .articles .content .more {
    color: #C4942F;
    margin: 20px 0 20px 0;
}

#categoryPage .articles .content .more img {
    margin-right: 5px;
}

#categoryPage h1.page-title {
  display: inline-block;
}

#categoryPage .title-wrapper.news {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#categoryPage .title-wrapper.news .article-title {
    width: 100%;
}

#categoryPage .title-wrapper.news .page-title {
    width: 50%;
}

#categoryPage .tab-buttons {
  display: flex;
    width: 50%;
    justify-content: flex-end;
    margin: 20px 0;
}

#categoryPage .tab-buttons a {
    padding: 10px 20px;
    display: block;
    font-family: 'Karla', sans-serif;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    background: black;
    color: white;
    border: 2px solid transparent;
    transition: all 250ms;
}

#categoryPage .tab-buttons a.active {
    background: linear-gradient(90deg, rgba(215, 172, 82,1) 0%, rgba(255, 227, 171,1) 50%, rgba(215, 172, 82,1) 100%);
    color: black;
}

#categoryPage .tab-buttons a:hover {
    background: white;
    color: black;
    border: 2px solid #D2A446;
}

#categoryPage .tab-buttons a:not(:first-child) {
    margin-left: 10px;
}

#categoryPage .teams {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 30px;
}

#categoryPage .teams .team {
    width: 40%;
    position: relative;
}

#categoryPage .teams .team::after {
  position: absolute;
  content: "";
  background: linear-gradient(90deg, rgba(215, 172, 82,1) 0%, rgba(255, 255, 255,1) 50%, rgba(215, 172, 82,1) 100%);
  height: 10px;
  width: 100%;
  left: 0;
  bottom: 0;
}

#categoryPage .teams .team.big {
    width: 80%;
}

#categoryPage .teams .team p {
    font-family: 'Karla', sans-serif;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    color: white;
    padding: 10px 0 20px;
    background-color: #000;
}

#categoryPage .item .content .title {
    margin-bottom: 20px;
    margin-top: 20px;
}

#categoryPage .item .content .date {
    font-family: 'Karla';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 20px;
    color: #C4942F;
}

#categoryPage .item .content .intro-content {
    /*line-height: 21px;*/
    /*height: 3em;*/
    /*overflow: hidden;*/
    /*white-space: nowrap;*/
    /*text-overflow: ellipsis;*/
    /*width: 100%;*/
    /*display: -webkit-box;*/
    /*-webkit-box-orient: vertical;*/
    /*font-family: 'Karla';*/
    /*font-style: normal;*/
    /*font-weight: 400;*/
    /*font-size: 18px;*/
    /*!* or 156% *!*/


    /*color: #000000;*/

    line-height: 21px;
    height: 42px;       /* height is 2x line-height, so two lines will display */
    overflow: hidden;  /* prevents extra lines from being visible */

}

#categoryPage .item .content .intro-content > :first-child {
    font-family: 'Karla';
    font-style: normal !important;
    font-weight: 400;
    font-size: 18px;
    color: #000000 !important;
    line-height: 21px;
    height: 42px;       /* height is 2x line-height, so two lines will display */
    overflow: hidden;  /* prevents extra lines from being visible */
    width: 100%;
}

#categoryPage .item .content .intro-content p img {
    display: none;
}

/*#newsPage #pageWrapper .news-container .item-wrapper .item .content .intro-content h3 {*/
/*    font-family: 'Karla';*/
/*    font-style: normal !important;*/
/*    font-weight: 400;*/
/*    font-size: 18px;*/
/*    !* or 156% *!*/


/*    color: #000000 !important;*/
/*}*/

#categoryPage .item .content p {}

#categoryPage .item .image-wrapper {
    border-bottom: 10px solid #000000;
    /*height: unset;*/
}

#categoryPage .item .image-wrapper img {
    width: 100%;
    object-fit: cover;
}

#categoryPage .item .content .intro-content {
    margin-bottom: 20px;
}

#categoryPage .item .content .intro-text {
    margin-bottom: 20px;
}

@media (max-width: 768px) {
    #categoryPage .title-wrapper.news .page-title {
        width: 100%;
    }

    #categoryPage .main-image {
        height: unset;
        border: 3px solid #C4942F;
        text-align: center;
        margin-top: 40px;
    }


    #categoryPage .tab-buttons {
        width: 100%;
        flex-direction: column;
    }

    #categoryPage h1.page-title {
        font-size: 30px;
    }

    #categoryPage h1.page-title::after {
        width: 60px;
    }

    #categoryPage .tab-buttons {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #categoryPage .tab-buttons a {
        margin-bottom: 20px;
    }

    #categoryPage .tab-buttons a:not(:first-child) {
        margin-left: 0;
    }


}

/**********summer camp***********/

.gallery-wrapper.summer-camp .gallery .nc-col {
    width: 50%;
}

.gallery-wrapper.summer-camp .gallery .nc-col .item .image-wrapper {
    border-bottom: unset !important;
}

.club-wrapper {
    background-image: url("../img/grb_bcg.png");
    background-repeat-x: no-repeat;
    background-position: top;
    background-size: 50%;
}
.club-wrapper .articles.club {
    display: flex;
    justify-content: space-around;
    padding: 40px 0;
    flex-wrap: wrap;
}


.club-wrapper .articles.club .item {
    width: 30%;
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
    background: #ffffff;
}

.club-wrapper .articles.club .item .image-wrapper {
    border-top: 1px solid #000000 !important;
    border-right: 1px solid #000000 !important;
    border-left: 1px solid #000000 !important;
    border-bottom: unset !important;
    width: unset !important;
    height: unset !important;
}

.club-wrapper .articles.club .item .image-wrapper img {
    border-bottom: none !important;
}

.club-wrapper .articles.club .item .content {
 border-right: 1px solid #000000;
 border-left: 1px solid #000000;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 25px 0;
}

.club-wrapper .articles.club .item .content .title {
    font-family: 'Roboto';
    margin-bottom: 10px;
    margin-top: unset !important;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 20px;
    text-align: center;
    text-transform: capitalize;
    width: 100%;
    color: #000000;
}

.club-wrapper .articles.club .item .content .subtitle {
    font-family: 'Roboto';
    width: 100%;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    /* or 83% */

    text-align: center;
    text-transform: initial;

    color: #000000;
}

.club-wrapper .articles.club .item .linear {
    width: 100%;
    height: 10px;
    background: linear-gradient(94.36deg, #030304 0%, #414345 52.08%, #0D0D0E 100%);

}

@media(max-width: 768px){
    .club-wrapper .articles.club .item {
        width: 80%;
        margin: 0 auto 40px;
    }

    .gallery-wrapper.summer-camp .gallery .nc-col {
        width: 100%;
    }
}

.container.playerPage {
    padding-top: 40px;
}

#categoryPage .tabs {
    width: 100%;
}

#categoryPage #tabTimovi {
    width: 100%;
}


#categoryPage .players {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    align-items: flex-end;
    background: url('../img/bg-logo.png') no-repeat center;
    width: 100%;
}

#categoryPage .player {
    width: 30%;
    margin-bottom: 60px;
    margin-right: 3%;
}

/*#categoryPage .player .player-info {*/
/*    background: linear-gradient(90deg, rgba(35,35,36,1) 0%, rgba(65,67,69,1) 50%, rgba(35,35,36,1) 100%);*/
/*    position: relative;*/
/*    text-align: center;*/
/*    color: white;*/
/*    width: 100%;*/
/*    margin: 0 auto;*/
/*    height: 90px;*/
/*}*/
#categoryPage .player .player-info {
    border-right: 1px solid #000000;
    border-left: 1px solid #000000;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 25px 0;
}

#categoryPage .player .content {
    border-right: 1px solid #000000;
    border-left: 1px solid #000000;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 25px 0;
    background: #ffffff;
}

#categoryPage .player .linear {
    width: 100%;
    height: 10px;
    background: linear-gradient(94.36deg, #030304 0%, #414345 52.08%, #0D0D0E 100%);
}

#categoryPage .player .content .title {
    font-family: 'Karla', sans-serif;
    font-weight: bold;
    font-size: 26px;
    margin-top: 40px;
}

#categoryPage .player .content .subtitle {
    font-family: 'Roboto';
    width: 100%;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    text-transform: initial;
    color: #000000;
}

#categoryPage .player .player-info::after {
    position: absolute;
    content: "";
    background: linear-gradient(90deg, rgba(215, 172, 82,1) 0%, rgba(255, 255, 255,1) 50%, rgba(215, 172, 82,1) 100%);
    height: 10px;
    width: 100%;
    left: 0;
    bottom: 0;
}

#categoryPage .player .player-image {
    text-align: center;
    background-color: #ffffff;
    border-top: 1px solid #000000 !important;
    border-right: 1px solid #000000 !important;
    border-left: 1px solid #000000 !important;
    border-bottom: unset !important;
}

#categoryPage .player .player-image img {
    width: 100%;
}

#categoryPage .player .player-info .player-number {
    display: inline-block;
    font-size: 60px;
    margin-right: 30px;
    position: absolute;
    left: 15px;
    top: -5px;
}

#categoryPage .player .player-info .player-info-right {
    display: inline-block;
    padding-top: 10px;
}

#categoryPage .player .player-info .player-info-right .player-name {
    font-size: 20px;
}

#categoryPage .player .player-info .player-info-right .player-position {
    font-size: 15px;
}

#categoryPage h2.article-title {
    display: inline-block;
}

#categoryPage .tab-buttons {
    display: flex;
    justify-content: flex-end;

}

#categoryPage .tab-buttons .tab-button {
    padding: 10px 20px;
    display: block;
    font-family: 'Karla', sans-serif;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    background: black;
    color: white;
    border: 2px solid transparent;
    transition: all 250ms;
}

#categoryPage .tab-buttons .tab-button.active {
    background: linear-gradient(90deg, rgba(215, 172, 82,1) 0%, rgba(255, 227, 171,1) 50%, rgba(215, 172, 82,1) 100%);
    color: black;
}

#categoryPage .tab-buttons .tab-button:hover {
    background: white;
    color: black;
    border: 2px solid #D2A446;
}

#categoryPage .tab-buttons .tab-button:not(:first-child) {
    margin-left: 10px;
}

@media (max-width: 992px) {
    #categoryPage .main-image {
        height: unset;
    }

    #categoryPage h2.article-title {
        font-size: 30px;
    }

    #categoryPage .tab-buttons {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    #categoryPage .tab-buttons .tab-button {
        width: 200px;
        margin-bottom: 20px;
    }

    #categoryPage .tab-buttons .tab-button:not(:first-child) {
        margin-left: unset;
    }

    .tab-content {
        flex-wrap: wrap;
        width: 100%;
    }

    #categoryPage .player .player-info {
        display: flex;
        justify-content: center;
        flex-direction: column-reverse;
        flex-wrap: wrap;
        height: unset;
    }

    #categoryPage .player .player-info .player-number {
        width: 100%;
        position: unset;
        top: unset;
        left: unset;
        font-size: 30px;
    }

    #categoryPage .player .player-info .player-info-right {
        width: 100%;

    }

    #categoryPage .player .player-info .player-info-right .player-name {
        font-size: 18px;
    }



}

@media (max-width: 680px) {
    #categoryPage .players {
        flex-wrap: wrap;
        justify-content: center;
    }
    #categoryPage .player {
        width: 90%;
    }

    #categoryPage .tab-buttons .tab-button {
        width: 100%;
        margin-bottom: 20px;
    }

    #categoryPage #tabStrucniStab .player .player-info {
        height: 90px;
    }

    #categoryPage #tabMedicinskiTim .player .player-info {
        height: 90px;
    }
}