/**
 * Decoration */

 @media (min-width: 768px) {
    #landing_page_novice > .bubble-placeholder.left {
        background-image: url('../media/bubbles/bubbles_novice2_2.svg');
        width: 713px;
        height: 339px;
        left: calc(20% - 577px);
        z-index: 4;
        top: -373px;}
    #landing_page_novice > .bubble-placeholder.right{
        background-image: url('../media/bubbles/bubbles_novice2_1.svg');
        width: clamp(0px, calc(41vw - 300px), 461px);
        height: 448px;
        right: 0px;
        z-index: 4;
        top: -429px;
      }
    }




 /*On this page disable padding for grid */
[class*="col-"] { padding-left : 0px !important; padding-right: 0px !important; }

.novice-title-container {
    width       : calc(100% - 13vw);
    position    : absolute;
    bottom      : 56px;
    left        : 6.5vw;
    z-index     : 5;
    color       : white;
}
.novice-title {
    margin-left : 0px;
    font-size   : 25px;
    font-weight : bold;
    text-shadow : 0px 1px 3px #000000, 0px 1px 6px #000000, 0px 1px 9px #000000;
}
.novice-date {
    margin-left : 0px;
    font-size   : 14px;
    font-weight : 100;
    text-shadow : 0px 1px 3px #000000, 0px 1px 6px #000000;
}
[class*="novice-detail-type-"] {
    position    : absolute;
    left        : 0px;
    font-size   : 15px;
    font-weight : bold;
    bottom      : -40px;
}
.novice-detail-type-pretekli-dogodek { color : #5ac6e0; }
.novice-detail-type-napovednik { color : #5bb047; }
.novice-nazaj {
    font-size   : 27px;
    font-weight : 100;
    color       : white;
    position    : relative;
    top         : 25px;
    right       : 10px;
    text-shadow: 0px 1px 3px #000000, 0px 1px 6px #000000;
}
.novice-nazaj:hover { color : #ddd; }

.novice-content {
    margin-bottom : calc(6.5vw - 20px);
}

/**
 * Styles for individual segment */
.novice-vsebina-segment {
    margin: 0 10px 20px 10px;
    border-bottom-width: 5px;
    border-bottom-style: solid;
    position: relative;
    padding-top : calc(100% - 21px);
    background-position: center;
    background-size: cover;

}
.novice-vsebina-segment > .background {
    position    : absolute;
    top         : 0px;
    width       : 100%;
    height      : 100%;
/*  background-image: linear-gradient(#00000011, #00000088, #000000ee, #000000ff); */
}

.novice-vsebina-segment > div.background > .type {
    font-size   : 90%;
    font-weight : bold;
    position    : absolute;
    bottom      : 8px;
    right       : 12px;
}

.novice-vsebina-segment > div.background > div.content {
    z-index     : 1;
    position    : absolute;
    bottom      : 0px;
    width       : 100%;
    color       : white;
    height      : 50%;
    overflow    : hidden;
    background-color : #252525;
    padding     : 8px;
}
.napovednik-vsebina-segment > div.background > div.content {
    z-index     : 1;
    position    : absolute;
    bottom      : 0px;
    width       : 100%;
    color       : #666666;
/*
    color       : white;
    max-height  : 150px;
    min-height  : 86px;
    height      : 150px;
*/
    overflow    : hidden;
    height      : calc(100% - 15px);
}

.novice-vsebina-segment .date {
    font-weight : 600;
    line-height : 1.2;
    text-align  : left;
    margin-left : 15px;
    margin-top  : 15px;
    overflow    : hidden;
    color       : white;
    text-shadow : 0px 0px 5px #000000, 0px 1px 6px #000000;
}

.novice-vsebina-segment .title {
    font-weight : 600;
    font-size   : 14px;
    line-height : 1.3;
    text-align  : left;
    margin      : 9px 10px 12px 10px;
    overflow    : hidden;
    -webkit-box-orient : vertical;
    -webkit-line-clamp : 2;
    display            : -webkit-box;
    transition  : font-size 0.3s;
}

.novice-vsebina-segment .text {
    font-weight : 300;
    text-align  : left;
    margin      : 8px 10px;

    /* Limit text in novice item to 5 lines */
    overflow     : hidden;
    text-overflow: ellipsis;
    display      : -webkit-box;
    -webkit-box-orient: vertical;
    min-height   : 33px;
    transition  : font-size 0.3s;
    font-size   : 12px;
    line-height  : 1.3;
}
.novice-vsebina-segment .text {
    -webkit-line-clamp: 4;
}
@media (min-width: 768px) {

}



/**
 * Detail formatting */

.page-novice-detail nav {
    border-bottom: 5px solid #5ac6e0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.page-napovednik-detail nav {
    border-bottom: 5px solid #5bb047 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.novice-detail-text-container {
    min-height: calc(100vh - 670px) !important;
    padding-left : 0px !important;
}

.novice-detail-text {
    margin-top: 20px;
    font-size:  15px;
}

.novice-detail-text h1, .novice-detail-text h2,
.novice-detail-text h3, .novice-detail-text h4,
.novice-detail-text h5, .novice-detail-text h6  { font-weight : bold; }

.blockquote {
    color               : #4ebcd7;
    font-size           : 24px !important;
    font-weight         : bold;
    border-left         : 0px solid #eee !important;
    margin              : 0 !important;
    padding             : 0 !important;
}

/**
 * Accessibility modifications */
body.accessibility-mode .novice-vsebina-segment {
    background-image : none !important;
    background-color : var(--page-bg-grey1);
}

/**
 * Detail gallery */
.pswp-gallery { width : 100%; }
.pswp-gallery a {
    display : inline-block;
    position: relative;
    width   : 100%;
    height  : 84vw;
    margin-right  : 10px;
    margin-bottom : 5px;
}
.pswp-gallery a > img {
    width   : 100%;
    height  : 100%;
    object-fit  : cover;
    position    : absolute;
    top     : 0;
}

@media (min-width: 576px) {
    .pswp-gallery a { width : calc(50% - 10px); height : calc(84vw / 2); }
}
@media (min-width: 768px) {
    .pswp-gallery a { width : calc(33% - 10px); height : calc(84vw / 3); }
}
@media (min-width: 1200px) {
    .pswp-gallery a { width : calc(25% - 10px); height : calc(84vw / 4); }
}
@media (min-width: 1762px) {
    .pswp-gallery a { height : 370px; }
}