/*
Theme Name: Sydney Child
Theme URI: http://athemes.com/theme/sydney
Author: aThemes
Author URI: http://athemes.com
Template: sydney
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sydneyy
*/

@import url('https://fonts.googleapis.com/css2?family=Literata:ital,wght@0,400;0,700;0,800;1,400;1,700;1,800&family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');
* {
    box-sizing: border-box;
}
:root {
    --bta-colour--accent:           hsl(201, 100%, 34%);
    --bta-colour--accent-hover:     hsl(201, 80%, 24%);
    --bta-colour--secondary:        hsl(230, 33%, 40%);
    --bta-colour--text:             hsl(0, 0%, 20%);
    --bta-colour--text-light:       hsl(0, 0%, 45%);
    --bta-colour--heading:          hsl(230, 28%, 21%);
    --bta-colour-bg--content-item:  hsl(0, 0%, 100%);
    --bta-colour--main-nav:         hsl(0, 0%, 27%);
    --bta-colour--main-nav-hover:   hsl(201, 100%, 34%);
    --bta-border-radius--small:     4px;
    --bta-border-radius--medium:    6px;
    --bta-border-radius--large:     8px;
    --bta-border-radius--x-large:   12px;
    --bta-shadow--news:             0 2px 10px 0 hsla(0, 0%, 0%, 0.1), 0 0 0 1px rgba(27, 27, 27, 0.05);
    --bta-shadow--news-hover:       0 3px 12px 0 hsla(0, 0%, 0%, 0.16), 0 0 0 1px hsla(0, 0%, 11%, 0.08);
    --bta-shadow--list:             0 2px 10px 0 hsla(0, 0%, 0%, 0.1), 0 0 0 1px hsla(0, 0%, 11%, 0.05);
    --bta-shadow--list-hover:       0 3px 12px 0 hsla(0, 0%, 0%, 0.16), 0 0 0 1px hsla(0, 0%, 11%, 0.08);
    --bta-colour-bg--left-nav:      hsl(201, 50%, 94%);
    --bta-colour-txt--left-nav:     hsl(201, 100%, 34%);
    --bta-font--sans:               'Open Sans', sans-serif;
    --bta-font--serif:              'Literata', sans-serif;
    --bta-margin-x--content:        auto;
    --bta-colour--event-type-1:     hsl(201, 70%, 30%);
    --bta-colour--event-type-2:     hsl(33, 100%, 39%);
    --bta-colour--event-type-3:     hsl(68, 74%, 35%);
    --bta-colour__line--light:      hsla(0, 0%, 50%, 0.3);
    --bta-colour--footer-text:      hsla(233, 7%, 77%, 1);
    --bta-scale__news-thumb:        scale(1.075, 1.075);
}
body, html {
    margin: 0;
    padding: 0;
    font-family: var(--bta-font--sans);
}
html {
    scroll-behavior: smooth;
}
a {
    color: var(--bta-colour--accent);
}

.header-clone {
    display: none !important;
}

.top_bar {
    background-color: hsl(230, 28%, 21%);
    padding: 0px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.top_bar ul {
    margin: 0 24px 0 auto;
    display: flex;
    padding: 0;
}
.top_bar ul li {
    display: flex;
    margin-left: 28px;
    font-size: 11px;
    line-height: 1;
    text-transform: uppercase;
}
.top_bar ul li a {
    color: hsl(0, 0%, 100%);
    text-decoration: none;
    transition: color 0.3s ease-in-out;
}
.top_bar ul li a:hover {
    color: hsl(201, 100%, 70%);
}

.site-header {
    background-color:hsl(0, 0%, 100%);
    box-shadow: 0 2px 2px hsla(0, 0%, 0%, 0.12);
    padding:0px;
}

.site-header .header-wrap {
    padding: 10px 10px 10px 24px;
    height: 88px;
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: left !important;
}
.site-header .header-wrap > a img {
    max-height: 64px;
}
.site-header .header-wrap nav {
    margin-left: auto;
}

#mainnav ul li a,
#mainnav ul li::before {
    color: var(--bta-colour--main-nav);
    font-family: var(--bta-font--sans) !important;
    position: relative;
    display: block;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    outline: none;
    letter-spacing: 0.02em;
}

#mainnav ul li a:hover {
    color: var(--bta-colour--main-nav-hover);
}
#mainnav ul li.current_page_item a,
#mainnav ul li.current-menu-parent a,
#mainnav ul li.current-menu-parent ul.sub-menu li.current-menu-item a {
    color: var(--bta-colour--main-nav-hover);
}
#mainnav ul li.current-menu-parent ul.sub-menu li a {
    color: var(--bta-colour--main-nav);
}
#mainnav ul li a:hover {
    color: var(--bta-colour--main-nav-hover);
}
#mainnav ul li.current_page_item a,
#mainnav ul li.current-menu-parent a,
#mainnav ul li.current-menu-parent ul.sub-menu li.current-menu-item a {
    color: var(--bta-colour--main-nav-hover);
}
#mainnav ul li.current-menu-parent ul.sub-menu li a {
    color: var(--bta-colour--main-nav);
}
​
/* Gornja navigacija  */
#mainnav ul li.menu-item-has-children {
    margin-right: 14px !important;
}
#mainnav li.menu-item-has-children::after {
    position: absolute;
    content: '';
    background: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJhbmdsZS1kb3duIiBjbGFzcz0ic3ZnLWlubGluZS0tZmEgZmEtYW5nbGUtZG93biBmYS13LTEwIiByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMyMCA1MTIiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTE0MyAzNTIuM0w3IDIxNi4zYy05LjQtOS40LTkuNC0yNC42IDAtMzMuOWwyMi42LTIyLjZjOS40LTkuNCAyNC42LTkuNCAzMy45IDBsOTYuNCA5Ni40IDk2LjQtOTYuNGM5LjQtOS40IDI0LjYtOS40IDMzLjkgMGwyMi42IDIyLjZjOS40IDkuNCA5LjQgMjQuNiAwIDMzLjlsLTEzNiAxMzZjLTkuMiA5LjQtMjQuNCA5LjQtMzMuOCAweiI+PC9wYXRoPjwvc3ZnPg==);
    background-repeat: no-repeat;
    background-size: cover;
    right: 0px;
    height: 14px;
    width: 10px;
    opacity: 0.35;
    top: 4px;
}

#mainnav ul li ul {
    width: 180px;
    position: absolute;
    top: 100%;
    left: initial;
    opacity: 0;
    visibility: hidden;
    border-radius: 4px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px hsla(0, 0%, 0%, 0.4);
    padding: 10px 0;
    background: hsl(0, 0%, 100%);
}
#mainnav:not(.mainnav.toggled) li:hover > ul {
    opacity: 1;
    padding-top: 6px;
    visibility: visible;
    left: auto;
    display: block !important;
    transition: all 0.3s ease;
}
​
#mainnav ul li a .sub-menu li a,
#mainnav .sub-menu li a:hover {
    color: var(--bta-color--main-nav);
    display: block;
    line-height: 30px;
    background: hsl(201, 100%, 96%);
    padding: 6px 12px;
    border-top: none;
    transition: all 0.3s ease;
    font-weight: 400!important;
    text-transform: none!important;
}
​
#mainnav .sub-menu li a:hover {
    color: var(--bta-colour--main-nav-hover);
}

#rmp_menu_trigger-3173 {
    width: 48px;
    height: 48px;
    position: fixed;
    top: 20px;
    border-radius: var(--bta-border-radius--medium);
    text-decoration: none;
    right: 5%;
    background: var(--bta-colour--accent);
    transition: transform 0.5s, background-color 0.3s ease-in-out;
}
#rmp_menu_trigger-3173:hover,
#rmp_menu_trigger-3173:focus {
    background: var(--bta-colour--accent-hover);
}
#rmp_menu_trigger-3173.is-active {
    background: hsl(201, 100%, 44%);
}


.parent-title {
    font-family: var(--bta-font--serif) !important;
    font-size: 64px;
    font-weight: bold;
    text-align: center;
}

/***slider home****/
.swiper-container {
    padding-bottom: 20px;
}
.slider-news .anwp-pg-post-teaser {
    border-radius: var(--bta-border-radius--large);
    box-shadow: var(--bta-shadow--news);
    background-color: var(--bta-colour-bg--content-item);  
    margin: 0px 6px 0 2px;
    width: calc(1/4*100% - (1 - 1/4)*10px);
}
.news .anwp-pg-post-teaser,
.news-paratekvondo .anwp-pg-post-teaser {
    border-radius: var(--bta-border-radius--large);
    box-shadow: var(--bta-shadow--news);
    background-color: var(--bta-colour-bg--content-item);  
    margin: 0 6px 0 2px;
    padding: 0 !important;
}
.slider-news .anwp-pg-post-teaser:hover,
.news .anwp-pg-post-teaser:hover,
.news-paratekvondo .anwp-pg-post-teaser:hover {
    box-shadow: var(--bta-shadow--news-hover);
}
.slider-news .anwp-pg-post-teaser .anwp-pg-post-teaser__content,
.news .anwp-pg-post-teaser__content,
.news-paratekvondo .anwp-pg-post-teaser__content{
    padding: 0 20px;
    padding-top: 16px !important;
}
.slider-news .anwp-pg-post-teaser .anwp-pg-post-teaser__title,
.anwp-pg-post-teaser__title.anwp-font-heading a {
    font-family: var(--bta-font--serif);
    font-size: 18px;
    line-height: 24px!important;
    font-weight: 700!important;
    padding: 0;
    
}
.slider-news .anwp-pg-post-teaser time.anwp-pg-published {
    font-size: 12px;
    color: var(--bta-colour--text-light);
}
.slider-news .anwp-pg-post-teaser .anwp-pg-post-teaser__title a {
    color: var(--bta-colour--accent);
}
.slider-news .anwp-pg-post-teaser .anwp-pg-post-teaser__title a:hover {
    text-decoration: underline;
}

.anwp-pg-post-teaser  .anwp-pg-post-teaser__excerpt {
    font-size: 14px;
    line-height: 1.5;
}
.slider-news .anwp-pg-post-teaser  .anwp-pg-post-teaser__excerpt {
    font-size: 14px;
    line-height: 1.5;
}
  .eicon-chevron-right:before, .eicon-chevron-left:before {
      color: var(--bta-colour--accent);
  }
  .elementor-swiper-button-next {
    right:-20px!important;
    padding: 15px 13px 15px 17px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(27, 27, 27, 0.05);
    background-color: hsl(0, 0%, 100%);
    border-radius: 30px;
  
  }
  .elementor-swiper-button-prev {
      left:-20px!important;
      padding: 15px 13px 15px 17px;
      box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(27, 27, 27, 0.05);
      background-color: hsl(0, 0%, 100%);
      border-radius: 30px; 
  }

/***slider home****/
/***board****/
.board img {
    border-radius: 6px!important;
}
.board .elementor-widget-heading {
    margin: -30px 20px 0px 20px;
    padding:10px!important;
    background-color:#fff;
    border-color:1px solid #fff;
    border-radius: 8px 8px 0px 0px;
}
.board .elementor-widget-text-editor {
    margin: -30px 20px 0px 20px;
    padding:10px!important;
}
/***board****/
/* List ajtemi */

.docs ul {
    padding: 0;
    margin: 0 0 40px 0;
}
.docs ul li {
    border-radius: var(--bta-border-radius--medium);
    box-shadow: var(--bta-shadow--list);
    background-color: var(--bta-colour-bg--content-item);
    margin-bottom: 12px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    min-height: 58px;
    padding: 0;
}
.docs ul li:hover {
    box-shadow: var(--bta-shadow--list-hover);
}
.docs ul li a {
    color: var(--bta-colour--accent);
    position: relative;
    min-height: 58px;
    padding: 10px 10px 10px 54px;
    align-self: stretch;
    line-height: 1.2;
    display: flex;
    flex-direction: column;
}
.docs ul li a span {
    font-family: var(--bta-font--serif);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--bta-colour--accent);
}
.docs ul li a:hover {
    text-decoration: none;
}
.docs ul li a:hover span {
    text-decoration: underline;
}
.docs ul li a time {
    font-family: var(--bta-font--sans);
    font-size: 13px;
    letter-spacing: 0.02em;
    color: var(--bta-colour--text-light);
    display: inline-block;
    padding-top: 6px;
}
.docs ul li a:hover time {
    text-decoration: none !important;
}
.docs ul li a::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 40px;
    margin: 0;
    position: absolute;
    left: 12px;
    line-height: 1;
}
.docs ul li a[href$=".doc"]::before,
.docs ul li a[href$=".docx"]::before {
    content: "\f1c2";
    color: hsl(201, 75%, 25%);
}
.docs ul li a[href$=".pdf"]::before {
    content: "\f1c1";
    color: hsl(354, 86%, 35%);
}


.sidebar-nav .elementor-widget-wrap .elementor-element {
    margin-bottom:8px;
}
.sidebar-nav .elementor-widget-wrap .elementor-element .elementor-size-md {
    padding: 10px 16px 14px;
}

/* Hero image za vest */

.single-post .sydney-hero-area {
    overflow: hidden;
    width: 100%;
    height: 760px;
    overflow: hidden;
    position: relative;
}
.single-post .sydney-hero-area:after {
    content: ' ';
    position: absolute;
    bottom: 0;
    height: 200px;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 96%);
}
.single-post .header-image {
    display: block;
    height: 100%;
}
.single-post .header-image img {
    max-width: 100%;
    height: auto;
    width: 100%;
    filter: brightness(0.4);
}
/* ============ SINGLE NEWS PAGE =============== */

.single .page-wrap .content-wrapper {
    padding: 0 30px 30px 30px;
    margin-top: -726px;
}
.single .entry-header .single-meta {
    color: hsl(0, 0%, 100%);
    margin: 0 auto;
    text-transform: none;
    display: flex;
    flex-direction: column;
}
.single .entry-header .single-meta a {
    color: hsl(0, 0%, 100%);
}
.single .entry-header .single-meta .sydney-svg-icon {
    display: none;
}
.single .entry-header .single-meta .byline {
    padding-left: 0;
    order: 1;
    font-family: var(--bta-font--serif);
    font-size: 21px;
    color: hsl(0, 0%, 100%);
}
.single .entry-header .single-meta .posted-on {
    order: 2;
    font-weight: 300;
    padding-top: 2px;
    opacity: 0.8;
    color: hsl(0, 0%, 100%);
}
.single .entry-header, .page .entry-header {
    margin: 50px auto;
    padding: 20px;
    text-align: center;
    max-width: 900px;
}
.single .hentry .gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(248px, 1fr));
    gap: 24px;
}
.single .hentry .gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(248px, 1fr));
    gap: 24px;
}
.single .hentry .gallery .gallery-item {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    overflow: hidden;
    border-radius: var(--bta-border-radius--small);
    max-width: none !important;
}
.single .hentry .gallery .gallery-item .gallery-icon {
    display: contents !important;
}

.single .hentry .gallery .gallery-item img {
    height: 100%;
    flex: 1;
    object-fit: cover;
}
.single .hentry .title-post {
    font-size: 48px !important;
    line-height: 1.2;
}
.single .hentry .entry-content {
    margin: 0 auto;
    padding: 40px;
    background-color: hsl(0, 0%, 100%);
    border-radius: var(--bta-border-radius--x-large);
    max-width: 800px;
    font-size: 18px;
    padding-bottom: 80px;
}
.single .bta-page__content {
    background-color: transparent;
    position: relative;
    z-index: 1;
    margin-top: -760px;
}
.single .bta-page__content-container--single-news .entry-thumb {
    margin: 40px auto 0;
    text-align: center;
    overflow: hidden;
    max-width: 800px;
}
.single .bta-page__content-container--single-news .entry-thumb img {
    border-radius: var(--bta-border-radius--x-large);
}
/* ============ END SINGLE NEWS PAGE =============== */
.post-navigation {
    margin: 30px 0 45px;
    position: relative;
    background: transparent;
    padding: 0;
}
.elementor-button span {
    text-align: left;
}
.results {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(248px, 1fr));
    gap: 24px
}
.results .flex-column,
.results .result-item {
    padding: 16px 20px;
    border-radius: var(--bta-border-radius--large);
    box-shadow: var(--bta-shadow--news);
    background-color: hsl(0, 0%, 100%);
    margin: 0;
    display: flex;
    flex-direction: column;
}

.results .flex-column a,
.results .result-item a {
    font-family: var(--bta-font--serif);
    font-size: 18px;
    font-weight: 700;
    color: var(--bta-colour--accent);
    line-height: 1.2;
    flex-grow: 1;
    padding-bottom: 8px;
}

.events {
    width: 100%;
}
.tribe-events-widget-events-list__events {
    display: flex;
    flex-direction: row;
    align-content: space-between;
}
.tribe-events-widget-events-list__events .event_item {
    width: calc(1/3*100% - (1 - 1/3)*10px);
    margin: 10px 10px 0 0;
}
.tribe-events-widget-events-list__events .event_item .tribe-events-widget-events-list__event-wrapper {
    padding: 18px 20px 24px;
}
.tribe-events-widget-events-list__event-date-tag-datetime {
    text-align: left!important;
}
.tribe-events-widget-events-list__event-date-tag-month,
.tribe-events-widget-events-list__event-date-tag-daynum  {
    color: hsl(0, 0%, 100%) !important;
}
.tribe-events-widget-events-list__event-date-tag {
    background-color: hsl(201, 70%, 30%);
    padding: 16px 16px 27px 24px!important;
    border-radius: var(--bta-border-radius--large) var(--bta-border-radius--large) 0px 0px;
    width:100%!important;
}
.event_item {
    width: 25%;
    margin-bottom: 20px;
    background-color: hsl(0, 0%, 100%);
    border-radius: var(--bta-border-radius--large);
    box-shadow: var(--bta-shadow--news);
}
.event_item a {
    font-family: var(--bta-font--serif);
    font-size: 18px;
    color: var(--bta-colour--heading);
}
.event_item span {
    width:100%;
    display: block;
    font-family: var(--bta-font--sans) !important;
    font-size: 14px;
    color: var(--bta-colour--text);
    margin: 10px 0px;
}
.event_item span i {
    width: 20px
} 
.tribe-events-widget-events-list__event-wrapper article {
    padding:25px;
}
.tribe-events-widget-events-list__event-wrapper article p {
    font-family: var(--bta-font--sans) !important;
    font-size: 14px;
    line-height: 1.5;
}

.single-post .page-wrap .content-wrapper {
    background-color: transparent!important;
    
}

.title-post.entry-title {
    color: hsl(0, 0%, 100%)!important;
}
.single-post .page-wrap .content-wrapper .content-area {
    margin:0 auto;
    float:none;
}
.single-post .page-wrap .content-wrapper .content-area .entry-content {
    border-radius: 8px;
    background-color: hsl(0, 0%, 100%);
    padding:60px;
}
.news_title_page {
    background-image: url(https://bta.mijau-radionica.com/wp-content/uploads/2021/04/General_Hero.jpg);
    background-size: cover;
    padding: 100px 0px 120px 0px;
    text-align: center;
    background-position: bottom
}
.news_title_page h1{
    font-family: var(--bta-font--serif);
    font-size: 64px;
    font-weight: bold;
    text-align: center;
}
.inner-wrapper {
    margin-top: -225px;
    padding: 20px!important;
}
.inner-wrapper .elementor-container.elementor-column-gap-default {
    background: hsl(0, 0%, 100%);
    border-radius: 11px;
    padding:20px
}
.main-wrapper {
    margin-top: -200px;
    padding: 10px;
    }
.main-wrapper .elementor-container.elementor-column-gap-default {
    background: hsl(0, 0%, 100%);
    border-radius: 11px;
}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: 100%!important;
}
.news .anwp-pg-post-teaser:first-child {
    width:100%!important;
    flex:100%!important;
    max-width:100%!important;
}
.group-blog .col-md-12.classic {
    float:none;
    margin:0 auto;
    padding: 60px 60px 30px;
    border-radius: 11px;
    background-color: hsl(0, 0%, 100%);
    margin-top: -126px;
}

/* ====== NOVOSTI ====== 2 */

.posts-layout {
    display: grid;
    grid-gap: 24px;
    grid-template-columns: repeat(4, 1fr); 
}
.content-area .hentry:after {
    display: none !important;
}

.posts-layout .hentry {
    border-radius: var(--bta-border-radius--large);
    box-shadow: var(--bta-shadow--news);
    background-color: var(--bta-colour-bg--content-item);
    padding: 0px;
    display: flex;
    flex-direction: column;
}
.posts-layout .hentry .entry-thumb {
    overflow: hidden;
    height: 200px;
    border-radius: var(--bta-border-radius--large) var(--bta-border-radius--large) 0 0;
    position: relative;
}
.posts-layout .hentry .entry-thumb img {
    overflow: hidden;
    min-height: 200px;
    border-radius: var(--bta-border-radius--large) var(--bta-border-radius--large) 0 0;
    position: relative;
    overflow: hidden;
    object-fit: cover;
    width: 100%;
    transition: all 0.3s ease-in-out;
}
.posts-layout .hentry .entry-thumb a:hover img {
    filter: brightness(90%);
    transform: var(--bta-scale__news-thumb);
}

.posts-layout .hentry .title-post {
    font-family: var(--bta-font--serif);
    color: var(--bta-colour--heading);
    font-size: 18px;
    line-height: 1.3;
    font-weight: 700;
}
.posts-layout .hentry .title-post a {
    color: var(--bta-colour--accent);
    text-decoration: none;
    transition: color 0.3s ease-in-out;
}
.posts-layout .hentry .title-post a:hover {
    color: var(--bta-colour--accent-hover);
}
.posts-layout .hentry .entry-post {
    padding: 20px;
}
.posts-layout .hentry .entry-post p {
    font-size: 14px;
    line-height: 1.5;
    font-family: var(--bta-font--sans);
    margin: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}
.posts-layout .hentry .meta-post {
    margin-bottom: 8px;
}
.posts-layout .hentry .meta-post,
.posts-layout .hentry .meta-post a {
    color: var(--bta-colour--text-light);
    fill: var(--bta-colour--text-light);
    font-size: 12px;
}

.posts-layout .hentry .meta-post .byline,
.posts-layout .hentry .meta-post .cat-links,
.posts-layout .hentry .meta-post .posted-on i.sydney-svg-icon {
    display: none;
}
.posts-layout .hentry .meta-post .posted-on {
    padding-left: 0;
}
.posts-layout .hentry .entry-footer {
    display: none;
}


/* ====== PAGINACIJA ====== */

.navigation.pagination {
    text-align: center;
}

.nav-links .page-numbers {
    background-color: var(--bta-colour-bg--left-nav);
    padding: 12px 16px;
    line-height: 1;
    display: inline-flex;
    font-size: 14px;
    border-radius: var(--bta-border-radius--small);
    color: var(--bta-colour--text);
    transition: all 0.3s ease-in-out;
    margin-right: 4px;
}
.nav-links .page-numbers:not(.dots):hover {
    --bta-colour-bg--left-nav: hsl(201, 60%, 90%) !important;
    background-color: var(--bta-colour-bg--left-nav);
    color: var(--bta-colour-txt--left-nav) !important;
}
.nav-links .page-numbers.current {
    background-color: var(--bta-colour--secondary);
    color: hsl(0, 0%, 100%);
}

/* ====== SINGLE VEST ====== */

.content-area .post-wrap {
    padding: 0;
}

.two-columns ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

.bta-page {
    display: grid;
    max-height: 100vh;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
    grid-gap: 0;
}

.bta-page__header {
    grid-column: 1/2;
    grid-row: 1/2;
    display: flex;
    flex-direction: column;
    flex-grow: 0;
    flex-shrink: 0;
    z-index: 1;
    box-shadow: 0 2px 2px hsla(0, 0%, 0%, 0.12);
}
.bta-page__navigation-bar {
    height: 88px;
    padding: 17px 40px 19px 24px;
    background-color: hsl(0, 0%, 100%);
}
.bta-page__content-container-home {
    grid-column: 1/2;
    grid-row: 2/2;
    background-image: url(assets/Home_Hero.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    padding-top: calc(18vw + 100px);
}
.bta-page__content-results {
    background-image: url(assets/Results_Hero.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: hsl(230, 28%, 21%);
}
.bta-page__content-results + .bta-page__content {
    border-radius: 0 !important;
    padding-bottom: 80px;
}

.bta-page__content-results-inner {
    margin: 30px var(--bta-margin-x--content) 40px;
    width: 100vw;
    max-width: 1320px;
    border-radius: var(--bta-border-radius--x-large) var(--bta-border-radius--x-large) 0 0;
    padding: 0 40px;
}
.bta-page__content-container {
    grid-column: 1/2;
    grid-row: 2/2;
    background-image: url(assets/General_Hero.jpg);
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    padding-top:0;
    overflow-y: auto;
}
.bta-page__content-container--single-news {
    grid-column: 1/2;
    grid-row: 2/2;
    flex-direction: column;
    padding-top:0;
    overflow-y: auto;
}

.bta-page__content {
    margin: 0 var(--bta-margin-x--content);
    background-color: hsl(0, 0%, 100%);
    width: 100%;
    max-width: 1320px;
    border-radius: var(--bta-border-radius--x-large) var(--bta-border-radius--x-large) 0 0;
    flex-grow: 1;
    padding: 40px;
    display: flex;
    flex-direction: row;
}
.bta-page__content-block-container {
    width: 100%;
}
.bta-page__content-block-container--results {
    background-image: url(assets/Results_Hero.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-color: hsl(230, 28%, 21%);
}

.bta-page__content-block {
    margin: 30px var(--bta-margin-x--content) 40px;
    background-color: transparent;
    padding: 0 40px;
    width: 100vw;
    max-width: 1320px;
}
.bta-page__content-header {
    min-height: 160px;
    display: flex;
    margin: 0 auto;
    text-align: center;
    flex-grow: 0;
    align-items: center;
    justify-content: center;
}
.bta-page__main-heading {
    font-family: var(--bta-font--serif);
    font-size: 64px;
    font-weight: 700;
    color: var(--bta-colour--heading);
    line-height: 1;
}

.bta-page__sub-header  {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 24px;
}
.bta-page__home-sub-heading {
    font-family: var(--bta-font--serif);
    font-size: 42px;
    font-weight: 800;
    color: var(--bta-colour--secondary);
    line-height: 1;
    margin: 0;
}
.bta-page__home-sub-heading--dark-bg {
    color: hsl(0, 0%, 100%);
}
.bta-page__sub-header  .bta-page__home-sub-heading {
    margin-right: auto;
}
.bta-page__button {
    font-family: var(--bta-font--sans);
    font-weight: 600;
    display: flex;
    align-items: center;
    padding: 0 24px 2px;
    border-radius: 999px;
    min-height: 32px;
    text-decoration: none;
    background-color: var(--bta-colour-bg--left-nav);
    color: var(--bta-colour-txt--left-nav);
    transition: all 0.2s ease-in-out;
    font-size: 14px;
    line-height: 1;
}
.bta-page__button:hover {
    --bta-colour-bg--left-nav: hsl(201, 60%, 90%);
    color: var(--bta-colour-txt--left-nav);
}
.bta-page__button:active {
    --bta-colour-bg--left-nav: hsl(201, 60%, 82%);
}
.bta-page__button--dark-bg {
    background-color: hsla(0, 0%, 100%, 0.12);
    color: hsla(0, 0%, 100%);
}
.bta-page__button--dark-bg:hover {
    background-color: hsla(0, 0%, 100%, 0.20);
    color: hsla(0, 0%, 100%);
}
.bta-page__button--dark-bg:active{
    background-color: hsla(0, 0%, 100%, 0.24);
}

.bta-page__side-nav {
    width: 260px;
    margin-right: 40px;
    flex-shrink: 0;
    flex-grow: 0;
}
.bta-page__side-nav-list {
    list-style-type: none;
    margin: 0 0 32px;
}
.bta-page__side-nav-list {
    list-style-type: none;
    margin: 0 0 32px;
    padding: 0;
}
.bta-page__side-nav-list-item {
    margin-bottom: 8px;
}
.bta-page__side-nav-link {
    font-family: var(--bta-font--serif);
    font-weight: 600;
    display: flex;
    align-items: center;
    padding: 0 16px 3px;
    border-radius: 6px;
    min-height: 40px;
    text-decoration: none;
    background-color: var(--bta-colour-bg--left-nav);
    color: var(--bta-colour-txt--left-nav);
    transition: all 0.2s ease-in-out;
    font-size: 15px;
    line-height: 1;
}
.bta-page__side-nav-link:hover {
    --bta-colour-bg--left-nav: hsl(201, 60%, 90%);
    color: var(--bta-colour-txt--left-nav);
}
.bta-page__side-nav-link:active {
    --bta-colour-bg--left-nav: hsl(201, 60%, 82%);
    color: var(--bta-colour-txt--left-nav);
}
.bta-page__side-nav-link--active {
    --bta-colour-bg--left-nav: hsl(201, 100%, 34%);
    color:hsl(0, 0%, 100%);
}
.bta-page__side-nav-link--active:hover {
    --bta-colour-bg--left-nav: hsl(201, 90%, 30%);
    color:hsl(0, 0%, 100%);
}
.bta-page__side-nav-link--active:active {
    --bta-colour-bg--left-nav: hsl(201, 90%, 26%);
}

.bta-page__heading-h2 {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
    font-family: var(--bta-font--serif);
    color: var(--bta-colour--heading);
    margin: 0 0 16px 0;
}
.bta-page__heading-h2:first-of-type {
    margin-top: -10px;
}
.bta-page__heading-h2--small {
    font-size: 24px;
}
.bta-page__grid-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(248px, 1fr));
    gap: 24px;
    margin: 0 0 80px 0;
}

.bta-page__main-section {
    width: 100%;
    flex-shrink: 1;
    flex-grow: 1;
}

/* ======== KLUBOVI ======== */
.bta-club-item {
    border-radius: var(--bta-border-radius--large);
    box-shadow: var(--bta-shadow--news);
    background-color: hsl(0, 0%, 100%);
    min-height: 200px;
    display: flex;
    flex-direction: column;
}
.bta-club-item__figure {
    padding: 24px 16px;
    background-color: #F9F9F9;
    border-bottom: 1px solid hsl(0, 0%, 91%);
    text-align: center;
    border-radius: var(--bta-border-radius--large) var(--bta-border-radius--large) 0px 0px;
}
.bta-club-item__figure img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    display: inline-block;
}
.bta-club-item__main-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;

}
.bta-club-item__heading--h3 {
    font-family: var(--bta-font--serif);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--bta-colour--heading);
    margin: 20px 24px 12px;
}
.bta-club-item__heading--h4 {
    font-family: var(--bta-font--sans);
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.06em;
    color: var(--bta-colour--text-light);
    margin: 0 0 6px;
}
.bta-club-item__content-block {
    padding: 12px 0;
    margin: 0 24px;
    border-bottom: 1px solid hsl(0, 0%, 92%);
}
.bta-club-item__content-block p {
    font-size: 14px;
    line-height: 1.5;
    margin: 0;
    word-break: break-word;
}
.bta-club-item__content-block p a {
    text-decoration: none;
    color: var(--bta-colour--accent);
}
.bta-club-item__content-block p a:hover {
    text-decoration: underline;
}
.bta-club-item__content-block:last-child {
    border-bottom: none;
}
.bta-club-item__footer {
    flex-grow: 0;
    padding: 12px 24px 24px;
}
.bta-club-item__social-icons-list {
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
}
.bta-club-item__social-icon {
    background-color: var(--bta-colour-bg--left-nav);
    border-radius: 999px;
    height: 40px;
    width: 40px;
    text-align: center;
    padding:6px;
}

/* ====== PORTRET ITEM= ===== */

.bta-person-item {
    margin: 0;
    padding: 0;
    min-height: 200px;
    display: flex;
    flex-direction: column;
}

.bta-person-item img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    display: inline-block;
    margin-bottom: 20px;
    border-radius: var(--bta-border-radius--large)
}

.bta-person-item__caption {
    background-color: hsl(0, 0%, 100%);
    border-radius: var(--bta-border-radius--large) var(--bta-border-radius--large) 0 0;
    min-height: 80px;
    text-align: center;
    margin: -80px 24px 0 24px;
    padding-top: 16px;
    z-index: 1;
}
.bta-person-item__name {
    margin: 0 0 4px;
    font-family: var(--bta-font--serif);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    color: var(--bta-colour--heading);
}
.bta-person-item__description {
    font-family: var(--bta-font--sans);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.4;
    text-align: center;
    color: var(--bta-colour--text-light);
    opacity: 0.8;
}
.page-wrap {
    padding: 125px 0 100px;
    clear: both;
}
/*slider naslovna */
.bta-page__news-header {
    display: flex;
}
.bta-page__news-header .bta-page__main-heading {
    font-size: 48px;
}
.bta-page__news-header-column:first-child{
    width:70%;
}
.bta-page__news-header-column{
    flex: 0 0 auto;
}
.bta-page__news-button {
    font-family: var(--bta-font--serif);
    font-weight: 600;
    display: flex;
    align-items: center;
    padding: 0 16px;
    border-radius: 16px;
    min-height: 40px;
    text-decoration: none;
    background-color: var(--bta-colour-bg--left-nav);
    color: var(--bta-colour-txt--left-nav);
    transition: all 0.2s ease-in-out;
    font-size: 15px;
    line-height: 1;
}
.bta-page__news-button:hover{
    --bta-colour-bg--left-nav: hsl(201, 60%, 90%);
}

/* ============ HOME CAROUSEL ============ */

.wpcp-carousel-section.slick-initialized .slick-slide {
    vertical-align: top!important;
}
.wpcp-carousel-wrapper {
    margin: 0 -14px 0 -36px;
}
.wpcp-single-item {
    border-radius: var(--bta-border-radius--large);
    box-shadow: var(--bta-shadow--news);
    background-color: var(--bta-colour-bg--content-item)!important;
    padding: 0px!important;
    border: none !important;
}
.wpcp-single-item .wpcp-slide-image {
    overflow: hidden;
    border-radius: var(--bta-border-radius--large) var(--bta-border-radius--large) 0 0;
    aspect-ratio: 3.5 / 2;
}
.wpcp-single-item .wpcp-slide-image img {
    margin: 0 auto;
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}
.wpcp-single-item .wpcp-slide-image a img {
    transition: all 0.3s ease-in-out;
}
.wpcp-single-item .wpcp-slide-image a:hover img {
    filter: brightness(90%);
    transform: var(--bta-scale__news-thumb);
}

.wpcp-single-item .wpcp-all-captions {
    padding: 16px 20px 20px 20px !important;
    display: flex;
    flex-direction: column;
    aspect-ratio: 28 / 21.6;
}
.wpcp-single-item .wpcp-all-captions p {
    order: 3;
    overflow: hidden;
    font-size: 14px;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.wpcp-single-item .wpcp-all-captions .wpcp-post-title {
    margin: 5px 0 16px;
    order: 2;
}
.wpcp-single-item .wpcp-all-captions .wpcp-post-title a {
    font-family: var(--bta-font--serif);
    color: var(--bta-colour--accent) !important;
    font-size: 16px;
    line-height: 1.3;
    font-weight: 700;
    padding: 0;
    display: inline-block;
    transition: color 0.2 ease-in-out;

    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.wpcp-single-item .wpcp-all-captions .wpcp-post-meta {
    margin: 0 !important;
    padding: 0;
    order: 1;
}

.wpcp-single-item .wpcp-all-captions .wpcp-post-meta time {
    font-size: 12px;
    color: var(--bta-colour--text-light);
    line-height: 1.2;
}

.wpcp-carousel-section.slick-initialized .slick-slide {
    margin: 4px 12px 8px;
}

.slick-slider .slick-arrow {
    font-size: 30px;
    background-color: hsl(0, 0%, 100%) !important;
    box-shadow: 0 2px 8px 0 hsla(0, 0%, 0%, 0.2), 0 0 1px 0 hsla(0, 0%, 0%, 0.06);
    border-radius: 999px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}
.slick-slider .slick-arrow i {
    line-height: 1;
    height: 30px;
    width: 30px;
    text-align: center;
    color: var(--bta-colour--text-light);
    transition: color 0.3s ease;
    margin-top: -2px;
}
.slick-slider .slick-arrow.slick-prev i {
    margin-right: 2px;
}
.slick-slider .slick-arrow.slick-next i {
    margin-left: 2px;
}

.slick-slider .slick-arrow.slick-prev {
    margin-right: 2px;
}
.slick-slider .slick-arrow.slick-prev,
.slick-slider .slick-arrow.slick-next {
    top: 41%;
}
.slick-slider .slick-arrow.slick-prev {
    left: 20px;
}
.slick-slider .slick-arrow.slick-next {
    right: 5px;
}

.slick-slider .slick-arrow:hover {
    box-shadow: 0 2px 10px 0 hsla(0, 0%, 0%, 0.24), 0 0 1px 0 hsla(0, 0%, 0%, 0.06);
}
.slick-slider .slick-arrow:hover i {
    color: var(--bta-colour--accent);
}
.slick-slider .slick-arrow:active {
    box-shadow: 0 1px 6px 0 hsla(0, 0%, 0%, 0.2), 0 0 1px 0 hsla(0, 0%, 0%, 0.06);
}
.slick-slider .slick-arrow:active i {
    color: var(--bta-colour--accent-hover);
}


/***footer top****/
.footer-widgets {
    padding: 0px!important;
    background-color: #1e2338!important;
}
.footer-widgets #text-6 {
    margin-bottom: 16px;
}
.footer-widgets #nav_menu-2 {
    margin-bottom: 4px;
}
.footer-widgets .widget.widget_media_image {
    padding: 32px 35px 20px !important;
    margin-bottom: 0 !important;
}
.top-footer {
    background-color:#262b43!important;
    display: flex;
    flex-direction: row;
    align-content: space-between;
}
.widget-area .widget:first-child {
    padding: 20px 35px;
}
.top-footer .widget {
    width: calc(1/3*100% - (1 - 1/3)*10px);
    margin: 10px 10px 0 0;
    vertical-align: text-top;
    padding: 15px 35px;
    border-right: 1px solid #3b3f55;
    margin-bottom:0px!important;
}
.top-footer .widget:last-child {
    border-right:none!important;
}

.widget-area .top-footer .widget h3.widget-title {
  font-family: var(--bta-font--sans)!important;
  font-size: 12px!important;
  font-weight: bold;
  padding-bottom: 5px;
  color:hsl(233, 7%, 49%);
  margin-top: 0;
}
.widget-area .top-footer .widget p {
    font-size: 12px;
    font-family: var(--bta-font--sans)!important;
    color: var(--bta-colour--footer-text);
}
.widget-area .widget ul li {
    display: inline-block;
    padding: 0px!important;
    vertical-align: top;
    widtH:18%
}
.widget-area .widget ul li a {
    font-family: var(--bta-font--sans)!important;
    font-size: 12px;
    font-weight: bold;
    color:#c0c1c8; 
    text-transform: uppercase;
}
.widget-area .widget ul li ul.sub-menu li {
    display: block;
    width:100%;
}
.widget-area .widget ul li ul.sub-menu li a {
    font-family: var(--bta-font--sans)!important;
    font-size: 12px;
    line-height: 1.4;
    color:#757887; 
    text-transform: none;
    display: inline-block;
    padding-right: 16px !important;
}
.site-footer {
    font-family: var(--bta-font--sans)!important;
    font-size: 12px;
    line-height: 1.5;
    font-weight: normal;
    color:#757887 !important;
    padding: 16px 70px;
    background-color:#262b43!important;
}
.widget-area .widget ul.footer__socialBox li {
    widtH: auto;
    margin-right: 12px;
}
.footer__socialBox a {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    height: 40px;
    width: 40px;
    background-color: hsla(0, 0%, 100%, 0.1);
    transition: all 0.3s ease-in-out;
    margin-top: 4px;
    color: hsla(0, 0%, 100%, 0.8) !important;
}
.footer__socialBox a:hover {
    background-color: hsla(0, 0%, 100%, 0.2);
    color: hsla(0, 0%, 100%, 1) !important;
}
.footer__socialBox a i {
    font-weight: 400;
    font-size: 18px;
    height: 18px;
    width: 18px;
    line-height: 18px;
    text-align: center;
}



.text-align-center {
    text-align: center;
}
/***footer top****/
.anwp-pg-wrap .anwp-pg-classic-grid .anwp-pg-post-teaser__bottom-meta {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.anwp-pg-wrap .anwp-pg-post-teaser--layout-d .anwp-pg-post-teaser__excerpt {
    font-size: 14px;
    line-height: 1.5;
}

.slider-news .anwp-pg-post-teaser .anwp-pg-post-teaser__title a,
.anwp-pg-post-teaser__title.anwp-font-heading a {
    font-family: var(--bta-font--serif);
    color: var(--bta-colour--accent) !important;
    font-size: 18px;
    line-height: 1.3;
    font-weight: 700;
    padding: 0;
    margin-bottom: 16px;
    display: inline-block;
    transition: color 0.2 ease-in-out;
}
.slider-news .anwp-pg-post-teaser .anwp-pg-post-teaser__title a:hover,
.anwp-pg-post-teaser__title.anwp-font-heading a:hover {
    text-decoration: none;
    color: var(--bta-colour--accent-hover) !important;
}
.news .anwp-pg-post-teaser .anwp-pg-post-teaser__content {
    border-bottom: none !important;
    padding: 16px 20px 20px 20px !important;
}
.news .anwp-pg-post-teaser .anwp-pg-post-teaser__thumbnail {
    overflow: hidden;
    min-height: 200px;
    border-radius: var(--bta-border-radius--large) var(--bta-border-radius--large) 0 0;
}
.news .anwp-pg-post-teaser .anwp-pg-post-teaser__thumbnail-img {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    height: 100%;
    background-size: cover;
    transition: all .4s ease-in-out 0s;
    border-radius: var(--bta-border-radius--large) var(--bta-border-radius--large) 0 0;
}
.news .anwp-pg-post-teaser:first-child {
    width: 100% !important;
    flex: 100% !important;
    max-width: 100% !important;
    flex-direction: row !important;
    align-items: stretch;
    min-height: 400px;
}
.news .anwp-pg-post-teaser:first-child .anwp-pg-post-teaser__thumbnail {
    border-radius: var(--bta-border-radius--large) 0 0 var(--bta-border-radius--large) !important;
    flex-grow: 1;
    width: 50%;
}
.news .anwp-pg-post-teaser:first-child .anwp-pg-post-teaser__content {
    width: 50%;
}

.news .anwp-pg-post-teaser:first-child .anwp-pg-post-teaser__thumbnail-img {
    border-radius: var(--bta-border-radius--large) 0 0 var(--bta-border-radius--large) !important;
}
.news .anwp-pg-post-teaser:first-child .anwp-pg-post-teaser__content {
    padding: 32px !important;
}
.news .anwp-pg-post-teaser:first-child .anwp-pg-post-teaser__title.anwp-font-heading a {
    font-size: 28px;
    padding: 0;
    margin-bottom: 16px;
    display: inline-block;
    transition: color 0.2 ease-in-out;
}

.news .anwp-pg-post-teaser:first-child .anwp-pg-post-teaser--layout-d .anwp-pg-post-teaser__excerpt {
    font-size: 16px;
}

.news .anwp-pg-post-teaser:first-child .anwp-pg-post-teaser--layout-d .anwp-pg-post-teaser__bottom-meta {
    font-size: 14px;
}

/* ============ DEŠAVANJA ============ */

.bta__event-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(248px, 1fr));
    gap: 24px;
}
.bta__event-item {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    box-shadow: var(--bta-shadow--news);
    border-radius: var(--bta-border-radius--large);
}
.bta__event-item__date-block {
    position: relative;
    background-color: var(--bta-colour--event-type-1);
    color: hsl(0, 0%, 100%);
    padding: 18px 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 0 0 100px;
    border-radius: var(--bta-border-radius--large) var(--bta-border-radius--large) 0 0;
}

.bta__event-item--type-1 .bta__event-item__date-block {
    background-color: var(--bta-colour--event-type-1);
}
.bta__event-item--type-2 .bta__event-item__date-block {
    background-color: var(--bta-colour--event-type-2);
}
.bta__event-item--type-3 .bta__event-item__date-block {
    background-color: var(--bta-colour--event-type-3);
}

.bta__event-item__date-block-day, .bta__event-item__date-block-month {
    font-family: var(--bta-font--serif);
    font-size: 30px;
    line-height: 1;
}
.bta__event-item__date-block-month {
    font-size: 22px;
    margin-top: 4px;
}
.bta__event-item__event-type-label {
    height: 20px;
    padding: 0 12px;
    background-color: hsla(0, 0%, 100%, 0.7);
    font-size: 10px;
    font-family: var(--bta-font--sans);
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 20px;
    text-transform: uppercase;
    color: var(--bta-colour--event-type-1);
    border-radius: 9999px;
    position: absolute;
    right: 24px;
}
.bta__event-item--type-1 .bta__event-item__event-type-label {
    color: var(--bta-colour--event-type-1);
}
.bta__event-item--type-2 .bta__event-item__event-type-label {
    color: var(--bta-colour--event-type-2);
}
.bta__event-item--type-3 .bta__event-item__event-type-label {
    color: var(--bta-colour--event-type-3);
}

.bta__event-item__content-block {
    padding: 18px 24px 24px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    flex-grow: 1;
}
.bta__event-item__title {
    font-family: var(--bta-font--serif);
    color: var(--bta-colour--heading);
    font-size: 18px;
    line-height: 1.3;
    margin: 0 0 18px;
    flex-grow: 0;
}
.bta__event-item__title a {
    color: var(--bta-colour--heading);
    transition: color 0.2s ease-in-out;
    text-decoration: none;
    display: block;
}
.bta__event-item__title a:hover {
    color: var(--bta-colour--accent);
    text-decoration: underline;
}
.bta__event-item__data {
    display: flex;
    flex-direction: column;
    flex-grow: 0;
    border-top: 1px solid;
    border-bottom: 1px solid;
    border-color: var(--bta-colour__line--light);
    padding: 12px 0 8px;
    font-size: 14px;
}
.bta__event-item__description,
.bta__event-item__content-block > p {
    font-size: 14px;
    line-height: 1.5;
    color: var(--bta-colour--text-light);
    margin: 16px 0 0;
}
.bta__event-item__data > span {
    padding-bottom: 6px;
}

.bta__event-item__data > span i {
    margin-right: 8px;
    color: hsla(0, 0%, 0%, 0.4);
}
/* ============ End DEŠAVANJA ============ */

/* ============ FOOTER ============ */

.top-footer .widget {
    margin: 0 !important;
}
.top-footer .widget.widget_media_image img {
    width: 200px;
}
.widget-area .top-footer .widget p {
    margin-bottom: 0;
}

.footer-widgets .widget.widget_text p {
    color: var(--bta-colour--footer-text);
    font-size: 13px;
}
.go-top {
    background-color: var(--bta-colour--accent) !important;
    border-radius: var(--bta-border-radius--small) !important;
    transition: all 0.2s ease !important;
}
.go-top .sydney-svg-icon {
    margin-bottom: 2px;
    transition: all 0.2s ease;
} 
.go-top:hover {
    background-color: hsl(201, 100%, 44%) !important;
    color: hsl(0, 0%, 100%) !important;
}
.go-top:hover svg {
    fill: hsl(0, 0%, 100%) !important;
}
.go-top:active {
    background-color: var(--bta-colour--accent-hover) !important;
}
.go-top:hover .sydney-svg-icon {
    margin-bottom: 8px;
}
.footer-widgets .container {
    width: auto !important;
}

/* ==================================== KONTAKT ======================================= */
/* ==================================================================================== */

form input[type="text"],
form input[type="text"],
form input[type="password"],
form input[type="email"],
form textarea {
    width: 100%;
    border-radius: var(--bta-border-radius--medium);
}

form input[type="submit"] {
    min-width: 180px;
}
.bta-page__contact-section {
    display: flex;
    flex-wrap: wrap;
    gap: 48px;
}
.bta-page__contact-section .wpcf7 {
    flex: 1 1 auto;
    width: 48%
}
.bta-page__contact-section .wpcf7 p {
    margin: 0 0 20px;
}
.bta-page__contact-section .contact-details {
    width: 48%;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
}
.bta-page__contact-section .contact-details__block {
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 1.5;
    font-family: var(--bta-font--sans);
}
.bta-page__contact-section .contact-details__block h3 {
    font-family: var(--bta-font--serif);
    font-size: 18px;
    font-weight: 600;
    margin: 0;
}
.bta-page__contact-section .contact-details__block p {
    margin: 0;
}
.bta-page__contact-section .contact-details__block small {
    font-weight: 700;
    font-size: 13px;
    letter-spacing: 0.025em;
    text-transform: uppercase;
    color: var(--bta-colour--text-light);
}
.bta-page__contact-section iframe {
    border: 1px solid var(--bta-colour--secondary) !important;
    border-radius: var(--bta-border-radius--large);
    width: 100%;
    flex: 1 1 100%;
}
.bta-page__contact-section label {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
    font-weight: 600;
}




/* ==================================== TEST !!!!! ==================================== */
/* ==================================================================================== */
.site-header {

    grid-column: 1/2;
    grid-row: 1/2;
    position: static !important;
    background-color: hsl(0, 0%, 100%);
    box-shadow: 0 2px 2px hsl(0, 0%, 0%, 0.12);
    padding: 0px;
}

/* ================================== END TEST !!!!! ================================== */
/* ==================================================================================== */


/* ============ MEDIA QUERIES ============ */
@media (max-width: 640px) {
    /* --- HOME Page Sub heads --- */
    .bta-page__sub-header {
        flex-direction: column;
        justify-content: center;
    }
    .bta-page__sub-header .bta-page__home-sub-heading {
        margin: 0 auto 12px;
        text-align: center;
    }
    .single .bta-page__content {
        padding: 0;
    }
    .single .entry-header {
        padding: 20px 0;
        margin: 24px auto;
    }
    .single .hentry .title-post {
        font-size: 32px !important;
        line-height: 1.2;
    }
    .single .hentry .entry-content {
        padding: 32px 24px;
    }
}
@media (min-width: 1024px) {
    /* --- Top news --- */
    .posts-layout .hentry.top-news {
        grid-column: 1 / 5;
        flex-direction: row;
    }
    .posts-layout .hentry.top-news .title-post {
        font-size: 28px;
        line-height: 1.3;
    }
    .posts-layout .hentry.top-news .entry-post p {
        font-size: 16px;
        line-height: 1.6;
        -webkit-line-clamp: 7;
    }
    .posts-layout .hentry.top-news .entry-thumb {
        height: 100%;
        border-radius: var(--bta-border-radius--large) 0 0 var(--bta-border-radius--large);
        width: 40%;
        background-color: hsl(0, 0%, 98%);
    }
    .posts-layout .hentry.top-news .entry-thumb img {
        border-radius: var(--bta-border-radius--large) 0 0 var(--bta-border-radius--large);
        height: 100%;
        width: 100%;
        object-fit: cover;
        overflow: hidden;
    }
    .posts-layout .hentry.top-news .entry-post {
        padding: 32px 40px 40px;
        width: 60%;
    }
    .posts-layout .hentry.top-news .meta-post, 
    .posts-layout .hentry.top-news .meta-post a {
        font-size: 14px;
    }
    /* --- END Top news --- */
}

@media (min-width: 1200px) {
    .container {
        width: 100%;
    }
    .news .anwp-pg-post-teaser, .news-paratekvondo .anwp-pg-post-teaser{
        flex: 1 0 24%;
    }
    .slider-news .anwp-pg-post-teaser {
        width: calc(1/3*100% - (1 - 1/3)*10px);
    }
}

@media (max-width: 1024px) {

    .single-post .header-image {
        height: 100% !important;
    }

    .top-footer {
        flex-wrap: wrap;
    }
    .footer-widgets #nav_menu-2 {
        display: none;
    }
    .widget-area .widget:first-child {
        width: 100%;
    }
    .top-footer .widget {
        width: calc(1/2*100% - (1 - 1/2)*10px);
        margin: 0px!important;
        border-right: none;
        border-bottom: 1px solid #3b3f55;
        margin-bottom:0px!important;
    }
    .top-footer .widget:last-child {
        border-bottom: none !important;
    }

    .bta-page__content-container-home {
        background-size: contain;
    }
    .posts-layout { 
        grid-template-columns: repeat(3, 1fr); 
    }
    .top_bar {
        display: none!important;
    }
    #rmp-container-3173 {
        position: fixed;
        top: 0px;
        margin: 0px;
        transition: transform 0.5s ease 0s, box-shadow 0.4s ease-in-out;
        overflow: auto;
        display: block;
        width: 75%;
        background-color: hsl(230, 28%, 21%);
        background-image: none;
        height: 100%;
        left: 0px;
        padding: 0px;
    }
    #rmp-container-3173.rmp-menu-open {
        box-shadow: 2px 0 12px hsla(0, 0%, 0%, 0.24), 0 0 0 999px hsla(0, 0%, 0%, 0.6);
    }
    #rmp-menu-wrap-3173 .rmp-menu-item-link {
        padding-left: 32px !important;
        font-weight: 400;
        position: relative;
    }
    #rmp-menu-wrap-3173 .rmp-menu-current-item .rmp-menu-item-link {
        color: hsl(0, 0%, 100%);
        border-color: rgb(29, 67, 84);
        background-color: var(--bta-colour--accent-hover);
    }
    #rmp-menu-wrap-3173 .rmp-menu-current-item .rmp-menu-item-link:hover {
        background-color: var(--bta-colour--accent-hover);
    }
    #rmp-menu-title-3173 {
        background-color: transparent;
        padding: 0;
        font-family: var(--bta-font--serif);
        font-size: 30px;
        font-weight: 700;
        letter-spacing: 0.02em;
        text-align: left;
        height: 24px;
        margin-bottom: 0;
    }
    #rmp-menu-title-3173:hover {
        background-color: hsl(230, 28%, 19%);
        color: hsl(201, 100%, 50%);
    }
    #rmp-menu-wrap-3173 .rmp-menu-subarrow {
        right: 16px;
        color: hsla(0, 0%, 100%, 0.7);
    }
    #rmp-menu-wrap-3173 .rmp-submenu .rmp-menu-item-link,
    #rmp-menu-wrap-3173 .rmp-submenu .rmp-menu-item-link:hover
     {
        background-color: hsl(230, 28%, 19%);
    }
    #rmp-menu-wrap-3173 .rmp-submenu .rmp-menu-current-item .rmp-menu-item-link,
    #rmp-menu-wrap-3173 .rmp-submenu .rmp-menu-current-item .rmp-menu-item-link:hover {
        color: hsl(0, 0%, 100%);
        border-color: transparent;
        background-color: var(--bta-colour--accent-hover);
    }
    #rmp-menu-additional-content-3173 {
        display: none !important;
    }

    #rmp-menu-wrap-3173 #rmp-menu-item-3438,
    #rmp-menu-wrap-3173 #rmp-menu-item-3439 {
        display: inline-block;
        width: auto;
        margin-top: 40px;
        margin-left: 30px;
    }
    #rmp-menu-wrap-3173 #rmp-menu-item-3439 {
        margin-left: 0;
    }
    #rmp-menu-wrap-3173 #rmp-menu-item-3438 .rmp-menu-item-link,
    #rmp-menu-wrap-3173 #rmp-menu-item-3439 .rmp-menu-item-link {
        padding-left: 40px !important;
        font-size: 0.1px;
        font-weight: 300;
        color: hsla(0, 0%, 100%, 0);
        padding-right: 24px;

    }
    #rmp-menu-wrap-3173 .menu-item.fb .rmp-menu-item-link::before,
    #rmp-menu-wrap-3173 .menu-item.insta .rmp-menu-item-link::before {
        content: " ";
        font-family: "FontAwesome";
        font-size: 18px;
        height: 40px;
        width: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: hsla(0, 0%, 98%, 0.12);
        border-radius: 999px;
        color: hsl(0, 0%, 100%);
        position: absolute;
        top: 0;
        left: 0;
        
    }

    #rmp-menu-wrap-3173 .menu-item.fb .rmp-menu-item-link::before {
        content: "\f09a";
    }
    #rmp-menu-wrap-3173 .menu-item.insta .rmp-menu-item-link::before {
        content: "\f16d";
    }
    
}

@media (max-width: 860px) {

    .posts-layout { 
        grid-template-columns: repeat(2, 1fr); 
    }

    .mobile-hide {
        display: none;
    }
    
    .tribe-events-widget-events-list__events {
        flex-wrap: wrap;
    }
    .tribe-events-widget-events-list__events .event_item {
        width: calc(1/2*100% - (1 - 1/2)*10px);
        margin: 5px 5px 0 0;
    }


}
@media (max-width: 600px) {
    .posts-layout { grid-template-columns: repeat(1, 1fr); }
}
@media (max-width: 460px) {
    .slider-news .anwp-pg-post-teaser {
        width: 100%;  
    }
    .tribe-events-widget-events-list__events .event_item {
        width: 100%;  
    }
    .top-footer .widget {
        width: 100%;  
    }
    .club-list .elementor-column {
        margin:10px 0px!important;
    }
}

@media screen and (max-width: 1368px) {
    .bta-page__content {
        --bta-margin-x--content: 24px;
        width: auto;
        max-width: calc(100vw - 2 * var(--bta-margin-x--content));
    }
    .bta-page__side-nav {
        width: auto;
    }
    .single-post .header-image img {
        max-width: auto;
        height: 100%;
        width: auto;
        object-fit: cover;
    }
}

@media screen and (max-width: 800px) {

    .bta-page__content {
        --bta-margin-x--content: 16px;
        flex-direction: column;
    }
    .bta-page__side-nav {
        margin: 0;
        flex-grow: 1;
    }
    .bta-page__side-nav-list {
        margin-bottom: 34px;
    }
    .bta-page__content-header {
        min-height: 88px;
    }
    .bta-page__main-heading {
        font-size: 40px;
    }
    .bta-page__heading-h2 {
        font-size: 26px;
    }
    .bta-page__heading-h2--small {
        font-size: 21px;
    }
}

#mainnav ul li.menu-item-has-children {
    margin-right: 14px !important;
}