/*
Theme Name: Glasbena Matica
Theme URI: http://www.glasbenamatica.si/
Author: Tadej Konkolič (AM Creative Agency)
Author URI: http://creativeagency.am
Description: Wordpress tema za spletno mesto Glasbena matica Ljubljana.
Version: 1.1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: glasbena-matica
Domain Path: /languages/

*/

/* Table of content
-----------------------------------------------
1. Global
2. Content
3. Post styling
4. Singe Post/Page Pagination
5. Media
6. Buttons
7. Infinite Scroll
8. Custom Styles
9. Navigation
10. Attachment styling
12. Napovednik
12. Sponzorji
12. Footer
13. Social icons
14. Copyright Bar
15. Call For Action
*/


/* =GM FONTS
----------------------------------------------- */

@font-face {
  font-family: "gm";
  src:url("inc/fonts/gmfont/gm.eot");
  src:url("inc/fonts/gmfont/gm.eot?#iefix") format("embedded-opentype"),
    url("inc/fonts/gmfont/gm.woff") format("woff"),
    url("inc/fonts/gmfont/gm.ttf") format("truetype"),
    url("inc/fonts/gmfont/gm.svg#gm") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "gm" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "gm" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-gm-linkedin:before {
  content: "\61";
}
.icon-gm-google:before {
  content: "\63";
}
.icon-gm-plus-1:before {
  content: "\67";
}
.icon-gm-left:before {
  content: "\68";
}
.icon-gm-audio:before {
  content: "\6e";
}
.icon-gm-right:before {
  content: "\69";
}
.icon-gm-listplus:before {
  content: "\64";
}
.icon-gm-list:before {
  content: "\65";
}
.icon-gm-out:before {
  content: "\62";
}
.icon-gm-circle:before {
  content: "\6c";
}
.icon-gm-facebook:before {
  content: "\6f";
}
.icon-gm-video:before {
  content: "\70";
}
.icon-gm-calendar:before {
  content: "\6b";
}
.icon-gm-twitter:before {
  content: "\66";
}
.icon-gm-lupa:before {
  content: "\6d";
}
.icon-gm-picture:before {
  content: "\71";
}
.icon-gm-pinterest:before {
  content: "\72";
}
.icon-gm-youtube:before {
  content: "\73";
}


/* =Global
----------------------------------------------- */

body {
    color: #907478;
    background-color: #FFFFFF;
    word-wrap: break-word;
    font-family: 'Roboto', sans-serif;
    line-height: 1.7;
    font-size: 14px;
    font-weight: 300;
}
a {
    color: #907478;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
a:hover, a:focus {
    color: #3a6f8f;
    text-decoration: none;
}
a:focus {
    outline: 0;
}
.single .entry-content a {
    color: #3a6f8f;
}
.single .entry-content a:hover {
    background: #3a6f8f;
    color: #fff;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #3a6f8f;
    font-weight: 400;
    font-family: 'PT Serif', serif;
    margin: 30px 0;
}
h1, h2, h3, h4, .h1, .h2, .h3, .h4 {
    font-style: oblique;
}
.container {
    max-width: 1120px;
}
h1, .h1 {
    font-size: 28px;
}
h2, .h2 {
    font-size: 24px;
}
h3, .h3 {
    font-size: 20px;
}
h4, .h4 {
    font-size: 16px;
}
h5, .h5 {
    font-size: 14px;
}
h6, .h6 {
    font-size: 13px;
}
p {
    margin: 15px 0;
}
*> p:first-child {
    margin-top: 0;
}
*> p:last-child {
    margin-bottom: 0;
}
blockquote {
    position: relative;
    border: 0;
    padding: 0 0 0 50px;
    font-style: italic;
    line-height: 1.6;
}
blockquote:before {
    content: "\201D";
    color: #3a6f8f;
    font-size: 80px;
    position: absolute;
    left: 5px;
    top: 0;
    line-height: 1;
}
blockquote p {
    margin: 0;
}
img {
    height: auto;
    /* Make sure images are scaled correctly. */
    max-width: 100%;
    /* Adhere to container width. */
}
button, input, select, textarea {
    font-family: 'Roboto', sans-serif;
    font-size: 100%;
    /* Corrects font size not being inherited in all browsers */
    margin: 0;
    /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
    vertical-align: baseline;
    /* Improves appearance and consistency in all browsers */
    *vertical-align: middle;
    /* Improves appearance and consistency in all browsers */
}
input[type="checkbox"], input[type="radio"] {
    padding: 0;
    /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
    -webkit-appearance: textfield;
    /* Addresses appearance set to searchfield in S5, Chrome */
    -webkit-box-sizing: content-box;
    /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
    /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
    -webkit-appearance: none;
}
button::-moz-focus-inner, input::-moz-focus-inner {
    /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
    border: 0;
    padding: 0;
}
input[type="text"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], input[type="search"], textarea, select {
    color: #666;
    border: 1px solid #E8E8E8;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus {
    color: #907478;
    border-color: rgba(144,116,120,0.8);
    box-shadow: 0 1px 1px rgba(229, 103, 25, 0.075) inset, 0 0 8px rgba(144,116,120,0.8);
    outline: 0 none;
}
textarea {
    overflow: auto;
    /* Removes default vertical scrollbar in IE6/7/8/9 */
    padding-left: 3px;
    vertical-align: top;
    /* Improves readability and alignment in all browsers */
    width: 100%;
}

hr {
    border-color: rgba(144,116,120,0.8);
    margin-top: 15px;
    margin-bottom: 15px;
}

hr.blue {
    border-color: rgba(58,111,143,0.8);
}
i:focus {
    outline: none;
}
:focus {
    outline: none;
}

/* Alignment */

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}
.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
}

/* Text meant only for screen readers */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}
.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/* Clearing floats */

.clear:before, .clear:after, .gallery:before, .gallery:after, .entry-content:before, .entry-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after, .home-widget-area:before {
    content: '';
    display: table;
}
.clear:after, .entry-content:after, .gallery:after, .site-header:after, .site-content:after, .site-footer:after, .home-widget-area:before {
    clear: both;
}

/* =Content
----------------------------------------------- */

article.sticky.post {
    background: #f9f9f9;
    padding: 10px 0;
}
.sticky .entry-content {
    margin: 10px 20px;
}
.hentry {
    margin: 0;
}
.byline, .updated {
    display: none;
}
.single .byline, .group-blog .byline {
    display: inline;
    margin-right: 0;
}
.single article.post {
    margin-bottom: 50px;
}
.page-content, .entry-content, .entry-summary {
    margin: 20px 0 0;
}
.page-links {
    clear: both;
    margin: 0 0 1.5em;
}
.main-content-area {
    margin-top: 40px;
    margin-bottom: 40px;
}

/* =Post styling
----------------------------------------------- */

.entry-meta a {
    font-size: 13px;
    color: #6B6B6B;
}
.entry-meta {
    margin-bottom: 20px;
}
footer.entry-meta {
    margin-bottom: 0;
}
.page-header {
    margin-top: 0;
    border-bottom: 0;
    padding-bottom: 0;
}
.entry-meta .fa {
    font-size: 14px;
    margin-right: 3px;
}
.entry-meta span {
    margin-right: 10px;
}
.entry-title {
    /*color: #444;*/
    margin-bottom: 30px;
}
.page .entry-title {
    margin-bottom: 30px;
}
.entry-title a {
    color: #444;
}
hr.section-divider {
    border-color: #E8E8E8;
    margin-top: 50px;
    margin-bottom: 50px;
}


.single-view, .blog-item-wrap {}
.post-inner-content {
    /*border-bottom: 1px solid #dedede;*/
    padding: 50px 0;
}
.archive .post-inner-content {
    margin-bottom: 50px;
}
.page .post-inner-content {
    border: 0;
    padding: 0;
}
article.post:first-child .post-inner-content {
    padding-top: 0;
}

.entry-title {
    /*font-family: 'Roboto', sans-serif;*/
    /*font-size: 24px;*/
    font-style: italic;
    margin-top: 0;
    margin-bottom: 15px;
}
.entry-footer {
    margin-top: 20px;
    text-align: center;
}
.entry-footer> *, .entry-footer a {
    color: #907478;
    margin: 0 6px;
}
.more-link, .says {
    display: none;
}
.read-more {
    text-align: center;
}
.read-more a {
    border-left: 2px solid #907478;
    border-right: 2px solid #907478;
    color: #907478;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 1px;
    display: inline-block;
    padding: 0 10px;
    text-transform: uppercase;
}

article.post .post-categories, .post-inner-content .cat-item {
    position: relative;
    font-size: 12px;
    margin: 0 0 15px 0;
    padding: 0 0 8px 0;
    list-style: none;
}

article.post .post-categories a, .post-inner-content .cat-item a {
    color: #907478;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
}
article.post {
    width: 100%;
    margin: 0;
    padding-right: 10px;
}
article.grid {
    padding: 0;
    width: 325px;
}
article.grid .post-inner-content {
    border: 0;
    padding-bottom: 0;
}
article.grid iframe {
    max-width: 325px;
    max-height: 164px;
    width: 100%;
}

/* Masonary style */

@media (min-width: 768px) {
    .article-container {
        overflow: hidden;
    }
    .blog.home article.post {
        width: 50%;
        margin: 0;
        padding-right: 10px;
        display: inline-block;
        float: left;
    }
    .blog.home article.post .read-more, .blog.home article.post .entry-footer {
        display: none;
    }
    .blog.home article.post .post-inner-content {
        border: 0;
        padding: 0 0 30px;
    }
    .blog.home .page-1 article.post:first-child, .blog.home .page-1 article.post:nth-child(2) {
        width: 100%;
        padding: 0!important;
    }
    .blog.home .page-1 article.post:first-child .post-inner-content, .blog.home .page-1 article.post:nth-child(2) .post-inner-content {
        border-bottom: 1px solid #dedede;
    }
    .blog.home .page-1 article.post:first-child .post-inner-content {
        padding: 0 0 50px;
    }
    .blog.home .page-1 article.post:nth-child(2) .post-inner-content {
        padding: 50px 0;
        margin-bottom: 30px;
    }
    .blog.home .page-1 article.post:first-child .read-more, .blog.home .page-1 article.post:nth-child(2) .read-more, .blog.home .page-1 article.post:first-child .entry-footer, .blog.home .page-1 article.post:nth-child(2) .entry-footer {
        display: block;
    }
    .blog.home article.post:nth-child(odd) {
        clear: left;
        padding-right: 25px;
    }
    .blog.home article.post:nth-child(even) {
        padding-left: 25px;
        padding-right: 0;
    }
}
.site-main {
    max-width: 100%;
}
@media (max-width: 767px) {
	.front_novice_section{
		margin-top: 0!important;
	}
    .site-main {
        width: 100% !important;
    }
    .post-inner-content {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    #secondary {
        padding: 30px 15px 0!important;
    }
}

/* =Singe Post/Page Pagination
----------------------------------------------- */

.page-links span {
    display: inline-block;
    color: #fff;
    background-color: #3a6f8f;
    border-radius: 4px;
    padding: 2px 10px;
    margin-left: 2px;
}
.page-links a span {
    background-color: #f2f2f2;
    border: none;
    color: #696962;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.page-links a:hover span {
    background-color: #3a6f8f;
    border: none;
    color: #fff;
}
.pagination .fa-chevron-left, .pagination .fa-chevron-right {
    font-size: 12px;
}
.pagination li a {
    color: #3a6f8f;
}
.pagination li:hover a {
    color: #3a6f8f;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    color: #FFF;
    background-color: #3a6f8f;
    border-color: #3a6f8f;
}
.pagination>li>a, .pagination>li>span {
    padding: 9px 14px;
    border-color: #dadada;
}
.bottom-pagination {
    text-align: center;
}

/* =Asides
----------------------------------------------- */

.blog .format-aside .entry-title, .archive .format-aside .entry-title {
    display: none;
}

/* =Media
----------------------------------------------- */

.page-content img.wp-smiley, .entry-content img.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
.single-featured {
    -webkit-transition: opacity 0.3s linear;
    -moz-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
    display: block;
    margin: auto;
}
.single-featured:hover {
    opacity: 0.8;
}
.wp-caption {
    border: 1px solid #ddd;
    margin-bottom: 1.5em;
    max-width: 100%;
}
.thumbnail .caption {
    color: #907478;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
}
.wp-caption-text {
    text-align: center;
}
.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

/* Make sure embeds and iframes fit their containers */

embed, iframe, object {
    max-width: 100%;
}


/* =Buttons
----------------------------------------------- */

.btn-default, .label-default, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .btn.btn-default, button, .input-group-btn:last-child>.btn, input[type=submit] {
    background: #f2f2f2;
    border-color: transparent;
    color: #907478;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    -webkit-transition: background-color 0.3s linear;
    -moz-transition: background-color 0.3s linear;
    -o-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear;
}
.btn-default:hover, .label-default[href]:hover, .label-default[href]:focus, .btn-default:hover, .btn-default:focus, .btn-default:active, #image-navigation .nav-previous a:hover, #image-navigation .nav-next a:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, button:hover, .input-group-btn:last-child>.btn:hover, input[type=submit]:hover {
    background-color: #3a6f8f;
    border-color: transparent;
    color: #fff;
}
.input-group-btn:last-child>.btn {
    font-size: 12px;
    opacity: 1;
    padding: 8px 20px;
    line-height: 16px;
}
#subscription-toggle {
    float: right;
}


/* =Infinite Scroll
----------------------------------------------- */


/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .paging-navigation,
/* Older / Newer Posts Navigation (always hidden) */

.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */

.infinity-end.neverending .site-footer {
    display: block;
}
#infinite-handle span {
    display: block;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 10px;
    border-radius: 4px;
    padding: 20px;
    background: transparent;
    border: 1px solid #DADADA;
    background: #fff;
    color: #3a6f8f;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
#infinite-handle span:hover {
    background-color: #3a6f8f;
    color: #fff;
}

/* =Custom Styles
----------------------------------------------- */

@media (max-width: 768px) {
    .pull-right {
        float: none !important;
    }
    .pull-left {
        float: none !important;
    }
}
button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
article.post .post-categories a:hover, .entry-title a:hover, .entry-meta a:hover, .entry-footer a:hover, .read-more a:hover, .post-inner-content .cat-item a:hover {
    color: #3a6f8f;
}
button, html input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
    background: #3a6f8f;
    color: #fff;
}

/* =Navigation
----------------------------------------------- */

.post-navigation a, .paging-navigation a {
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    display: block;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.post-navigation a:hover, .paging-navigation a:hover {
    text-decoration: none;
}
.paging-navigation {
    margin-top: 1.5em;
    text-transform: uppercase;
}
.post-navigation .nav-previous, .paging-navigation .nav-previous {
    float: left;
}
.post-navigation .nav-next, .paging-navigation .nav-next {
    float: right;
    text-align: right;
}
.more-link {
    float: right;
    margin: 10px 0;
}
.single .nav-links {
    margin-top: 30px;
}
.nav>li>a {
    text-transform: uppercase;
}
.navbar.navbar-default {
    background-color: #ffffff;
    margin-bottom: 0;
    font-weight: 400;
    min-height: auto;
    padding: 0;
}
.navbar-default .navbar-nav> li> a {
    color: #907478;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    padding: 20px 0;
    margin-right: 25px;
    line-height: 2.6;
    letter-spacing: 1px;
}
.site-name {
    display: inline-block;
    margin: 0;
}
.navbar-brand {
    display: inline-block;
    float: none;
    /*color: #DADADA;*/
    font-size: 30px;
    height: auto;
    line-height: 1;
    margin: 0;
    padding: 0;
}
.navbar-default .navbar-nav> .open> a, .navbar-default .navbar-nav> .open> a:hover, .navbar-default .navbar-nav> .open> a:focus {
    border-right: none;
    border-left: none;
}
.navbar {
    border-radius: 0;
}
.navbar-default {
    border: none;
}
.navbar-default .navbar-nav> .active> a, .navbar-default .navbar-nav> .active> a:hover, .navbar-default .navbar-nav> .active> a:focus, .navbar-default .navbar-nav> li> a:hover, .navbar-default .navbar-nav> li> a:focus, .navbar-default .navbar-nav> .open> a, .navbar-default .navbar-nav> .open> a:hover, .navbar-default .navbar-nav> .open> a:focus {
    color: #3a6f8f;
    background-color: transparent;
}
.dropdown-menu> li> a:hover, .dropdown-menu> li> a:focus, .navbar-default .navbar-nav .open .dropdown-menu> li> a:hover, .navbar-default .navbar-nav .open .dropdown-menu> li> a:focus {
    color: #fff;
    background-color: #3a6f8f;
}
.navbar-collapse {
    float: left;
    padding: 0;
}
.nav-search {
    float: right;
    padding: 18px 0;
}
.nav-search input {
    border: 0;
}
@media (max-width: 991px) {
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover {
        color: #3a6f8f;
        background-color: transparent;
    }
    .navbar-collapse {
        background: #ffffff;
        float: none;
        position: absolute;
        top: 70px;
        left: 0;
        padding: 0 15px;
        width: 100% !important;
        z-index: 999;
    }
    .navbar-nav {
        margin: 0;
    }
}
.dropdown-menu {
    box-shadow: none;
    font-size: 13px;
}
.navbar-default .navbar-nav .current-menu-ancestor a.dropdown-toggle {
    color: #3a6f8f;
    background-color: transparent;
}

.navbar-default .navbar-nav .open .dropdown-menu> li> a {
    color: #907478;
}
@media (min-width: 979px) {
    ul.nav li.dropdown:hover> ul.dropdown-menu {
        display: block;
    }
}
.nav .open> a, .nav .open> a:hover, .nav .open> a:focus {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.dropdown-menu> li> a {
    padding: 10px 15px;
    color: #636467;
    /*border-bottom: 1px solid #eeeeee;*/
}
.dropdown-menu, .dropdown-menu> .active> a, .dropdown-menu> .active> a:hover, .dropdown-menu> .active> a:focus {
    border: none;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
    background-color: #3a6f8f;
    color: #fff;
}
.dropdown-menu .divider {
    background-color: rgba(0, 0, 0, 0.1);
}
.navbar-nav> li> .dropdown-menu {
    padding: 0;
}
.navbar-nav> li> a {
    padding-top: 18px;
    padding-bottom: 18px;
}
.navbar-default .navbar-toggle {
    float: left;
    margin-top: 18px;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: transparent;
}
.nav.navbar-nav {
    float: left;
}
@media (max-width: 767px) {
    .nav.navbar-nav {
        float: none;
    }
    .navbar> .container .navbar-brand {
        margin: 0;
    }
    .navbar-default .navbar-nav> li> a {
        line-height: 20px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-header {
        float: left;
    }
    .navbar-toggle {
        border: 0;
        border-radius: 0;
        margin: 0;
    }
}

/* Make third level sub menu visible */

ul.nav ul ul {
    margin: -40px 0 0 158px;
    border-radius: 0 4px 4px 4px;
    padding: 0;
}

/* =Featured Posts
----------------------------------------------- */

.flexslider {
    background-color: #f5f5f5;
}
.flexslider ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.flex-direction-nav {
    display: none;
}


/* =Attachment styling
----------------------------------------------- */

#image-navigation .nav-previous a, #image-navigation .nav-next a {
    padding: 5px 20px;
    border: 1px solid #E8E8E8;
    border-radius: 4px;
    display: block;
}
#image-navigation .nav-previous a:hover, #image-navigation .nav-next a:hover {
    background-color: #3a6f8f;
    color: #fff;
}
#image-navigation .nav-previous, #image-navigation .nav-next {
    margin: 10px 0;
}
#image-navigation .nav-previous a {
    float: left;
}
#image-navigation .nav-next a {
    float: right;
}

/* =TIMELINE / časovnica /
----------------------------------------------- */
.cd-horizontal-timeline ol, 
.cd-horizontal-timeline ul {
  list-style: none;
  margin-bottom: 10px;
  margin-top: 10px;
  padding-left: 0px;
  padding-right: 0px;
}
.cd-horizontal-timeline li {
  padding-left: 0px;
  padding-right: 0px;
}

.cd-horizontal-timeline .events-content {
    background-color: #3a6f8f;
    color: #ffffff;
    height: auto !important;
}

.casovnica-title h2 {
    margin-bottom: -20px;
}


.cd-horizontal-timeline {
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.cd-horizontal-timeline::before {
  /* never visible - this is used in jQuery to check the current MQ */
  content: 'mobile';
  display: none;
}
.cd-horizontal-timeline.loaded {
  /* show the timeline after events position has been set (using JavaScript) */
  opacity: 1;
}
.cd-horizontal-timeline .timeline {
  position: relative;
  height: 80px;
  width: 100%;
  margin: 0 auto;
}
.cd-horizontal-timeline .events-wrapper {
  position: relative;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

.cd-horizontal-timeline .events {
  /* this is the grey line/timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 49px;
  height: 2px;
  /* width will be set using JavaScript */
  background: #ffffff;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
}
.cd-horizontal-timeline .filling-line {
  /* this is used to create the green line filling the timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #3a6f8f;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.cd-horizontal-timeline .events a {
  position: absolute;
  bottom: 0;
  z-index: 2;
  text-align: center;
  font-size: 1.3rem;
  padding-bottom: 15px;
  color: #383838;
  /* fix bug on Safari - text flickering while timeline translates */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}
.cd-horizontal-timeline .events a::after {
  /* this is used to create the event spot */
  content: '';
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -6px;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background-color: #ffffff;
  -webkit-transition: background-color 0s, border-color 0s;
  -moz-transition: background-color 0s, border-color 0s;
  transition: background-color 0s, border-color 0s;
}
.no-touch .cd-horizontal-timeline .events a:hover::after {
  background-color: #3a6f8f;
  border-color: #3a6f8f;
}
.cd-horizontal-timeline .events a.selected {
  pointer-events: none;
}
.cd-horizontal-timeline .events a.selected::after {
  background-color: #3a6f8f;
  border-color: #3a6f8f;
}
.cd-horizontal-timeline .events a.older-event::after {
  border-color: #3a6f8f;
  background-color: #3a6f8f;
}
@media only screen and (min-width: 1100px) {
  .cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'desktop';
  }
}

.cd-timeline-navigation a {
  /* these are the left/right arrows to navigate the timeline */
  position: absolute;
  z-index: 1;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border: 2px solid #dfdfdf;
  /* replace text with an icon */
  overflow: hidden;
  color: transparent;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.cd-timeline-navigation a::after {
  /* arrow icon */
  content: '';
  position: absolute;
  height: 16px;
  width: 16px;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  background: url(../img/cd-arrow.svg) no-repeat 0 0;
}
.cd-timeline-navigation a.prev {
  left: 0;
  -webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
.cd-timeline-navigation a.next {
  right: 0;
}
.no-touch .cd-timeline-navigation a:hover {
  border-color: #3a6f8f;
}
.cd-timeline-navigation a.inactive {
  cursor: not-allowed;
}
.cd-timeline-navigation a.inactive::after {
  background-position: 0 -16px;
}
.no-touch .cd-timeline-navigation a.inactive:hover {
  border-color: #dfdfdf;
}

.cd-horizontal-timeline .events-content {
  position: relative;
  overflow: hidden;
  margin-top: -1px;
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  transition: height 0.4s;
}
.cd-horizontal-timeline .events-content li {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  opacity: 0;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
.cd-horizontal-timeline .events-content li.selected {
  /* visible event content */
  position: relative;
  z-index: 2;
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
}
.cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
}
.cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}

@-webkit-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -moz-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}
@keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}
@keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}



.cd-horizontal-timeline .events a.selected:before {
    content: '';
    position: absolute;

    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #3a6f8f !important;
    bottom: 0;
    margin-bottom: -30px;
    margin-left: -15px;
}


/*izpis v eno vrstico*/
.timeline_box div {
    display: inline-block;
}

.timeline-navigation {
    display: none;
}

/*Prikaz timeline sliderja na mobile*/
@media screen and (max-width: 640px) {

    .timeline_box div {
        display: block;
        text-align: center;
    }
    .timeline_box .timeline_pikice {
        display: none;
    }
    .timeline_box .timeline_text {
        padding: 5px 20%;
        margin-top: 10px;
    }

    .timeline-navigation {
        font-size: 30px;
        line-height: 1;
        position: absolute;
        top: 0;
        display: table;
        width: 100%;
        table-layout: fixed;
        padding-top: 5px;
    }
    .timeline-navigation a {
        color: #ffffff;
        opacity: 1;
    }
    .timeline-navigation a:hover {
        opacity: 0.7;
    }

    .timeline-navigation .time-next {
        text-align: right;
        display: table-cell;
        /*padding-right: 30px;*/
    }
}




/* =NAPOVEDNIK BOXI
----------------------------------------------- */

.entry-header h1 {
    margin: 0px;
}

.napovednik_title {
    padding-bottom: 30px;
}

@media screen and (max-width: 767px) { 
    .napovednik_title {
        background-color: #ebebeb;
        padding: 20px 0px 10px 0px;
    }
}


.calendar_link {
    text-align: right;
}
.calendar_link a {
    color: #3a6f8f;
}
.calendar_link span {
    font-size: 12px;
}
.calendar_link i {
    font-size: 24px;
}

.calendar_link i.icon-gm-calendar:before{
    top: 6px;
    position: relative;
}

.no-padding {
    padding: 0px;
}

@media screen and (max-width: 640px) {
    .dogodek-box {
        width: 100%;
    }
}

.box_slika img {
    z-index: -1;
    position: relative;
}

.box_slika {
    -webkit-box-shadow: inset 0px -28px 49px 0px rgba(0,0,0,0.35);
    -moz-box-shadow: inset 0px -28px 49px 0px rgba(0,0,0,0.35);
    box-shadow: inset 0px -28px 49px 0px rgba(0,0,0,0.35);
}

.box_podatki:before {
    content: '';
    position: absolute;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #f2f2f2;
    left: 50%;
    margin-left: -15px;
    /*margin-top: -15px;*/
    margin-top: -35px;
}



.box_title {
    height: 120px;
}

.box_podatki {
    overflow: hidden;
    padding: 20px;
    background-color: #f2f2f2;
}

.box_podatki h3 {
    margin: 0px;
}
    
.box_datum {
    height: 45px;
    font-weight: bold;
}

.box_lokacija {
    height: 50px;
}


.box_front {
    z-index: 2;
    position: relative;
}

/*BOX NA HOVER - BEHIND*/
.box_behind {
    background-color: #3a6f8f;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;

    padding: 20px;
    color: #ffffff;
}

.dogodek-box:hover .box_behind {
    z-index: 3;
    opacity: 1;
}

.box_behind h4 {
    color: #ffffff;
    margin-top: 20px;
    font-size: 18px;
}

.plus_ikona {
    position: absolute;
    right: 0;
    margin-top: 5px;
    margin-right: 5px;
    z-index: 5;
    width: 32px;
}

@media screen and (max-width: 767px) {
   .plus_ikona {
        width: 40px;
    } 
}

@media screen and (min-width: 768px) and (max-width: 992px) {
   .box_podatki h3 {
        font-size: 18px;
   }   
   .box_behind h4 {
        font-size: 16px;
        margin-top: 10px;
        margin-bottom: 10px;
   }  
   .box_behind p {
        line-height: 1.5;
   } 
   .box_behind .opis_napovedik {
        margin-top: 10px;
        margin-bottom: 10px;
   }
   .box_behind .vec_link {
        display: none;
   }
}


.opis_napovedik {
    max-height: 250px;
    overflow: hidden;
    margin-bottom: 30px;
}
.box_behind a {
    color: #ffffff;
}
.box_behind a:hover {
    opacity: 0.7;
}


.box_behind .social_share {
    bottom: 0;
    position: absolute;
    margin-bottom: 10px;
}

.box_behind .social_share a {
    opacity: 0.7;
}

.box_behind .social_share a:hover {
    opacity: 1;
}


.load_more_gumb {
    text-align: center;
    cursor: pointer;
    margin-top: 30px;
    margin-bottom: 30px;
}

.load_more_gumb.konec {
    /*display: none;*/
    visibility: hidden;
}

.load_more_gumb i {
    font-size: 30px;
    line-height: 1;
}
.load_more_gumb {
    color: #3a6f8f;
    text-transform: uppercase;
}
.load_more_gumb:hover {
    color: #907478;
}

.napovednik_row {
    /*display: inline-block;
    display: -webkit-box;*/
}

@media screen and (max-width: 640px) {
    .napovednik_row {
        margin-right: -15px;
        margin-left: -15px;
    }
}




/* =Archive strani
----------------------------------------------- */
@media screen and (max-width: 640px) {
    .archive_title {
        margin-bottom: 0px;
    }
}

.pretekli_koncerti_title {
    padding-top: 10px;
}

/* =Sponzorji
----------------------------------------------- */

#sponzorji {
    padding-bottom: 20px;
}

#sponzorji .owl-carousel .owl-item img {
    padding: 10% 18%;
}

/*centriramo logote*/
.owl-carousel .owl-item {
    height: 130px;
    position: relative;
    background-color: #f2f2f2;
}

.owl-carousel .owl-item img {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translate(0,-50%);
    transform: translate3d(0,-50%,0);
    margin: 0 auto;
}



/****  OWL CONTROLS  ****/
.owl-carousel .owl-nav {
    top: 50%;
    position: absolute;
    margin-top: -25px;
    width: 100%;
    z-index: -1;
}

.owl-carousel .owl-prev {
    display: inline-block;
    float: left;
    margin-left: -30px;
}

.owl-carousel .owl-next {
    display: inline-block;
    float: right;
    margin-right: -10px;
}


#flag_left:after {
    content: url(assets/images/prev.png);
    opacity: 0.7;
}

#flag_right:after{
    content: url(assets/images/next.png);
    opacity: 0.7;
}
#flag_left:hover:after,
#flag_right:hover:after {
    opacity: 1;
}



@media screen and (max-width: 600px) {
    .owl-carousel .owl-item {
        height: 140px;
    }
    #sponzorji .owl-carousel .owl-item img {
        padding: 10%;
    }
}


/*.owl-item.active:not(:first-child) {
    border-left: 1px solid;
}*/
.owl-sponzorji .active {
    border-left: 1px solid #d6d6d6;
}

.owl-sponzorji .active.no_border{
    border-left: 0px;
}



/* =Footer
----------------------------------------------- */

#footer-area {
    background-color: #4d4d4d;
}

#colophon {
    padding: 20px 0 50px 0;
}
.site-info h2 {
    color: #ffffff;
}
.site-info h2.naslov_drugi {
    margin-bottom: 5px;
}
.site-info a {
    color: #b2b2b2;
}
.site-info a:hover {
    color: #ffffff;
}
.site-info {
    color: #b2b2b2;
    font-size: 12px;
}
.footer-nav.nav> li> a:hover {
    background-color: transparent;
}
.scroll-to-top {
    background: #363636;
    background: rgba(100, 100, 100, 0.4);
    color: #FFF;
    bottom: 4%;
    cursor: pointer;
    display: none;
    position: fixed;
    right: 20px;
    z-index: 999;
    font-size: 16px;
    text-align: center;
    line-height: 35px;
    width: 35px;
    border-radius: 50%;
    -webkit-transition: background-color 0.3s linear;
    -moz-transition: background-color 0.3s linear;
    -o-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear;
}
.scroll-to-top:hover {
    background: #3a6f8f;
    opacity: .8;
}

.social_footer {
    display: inline-block;
}

.e_novice .navodila {
    margin-bottom: 10px;
}
.e_novice .wpcf7 .wpcf7-form-control-wrap {
    margin-bottom: 0px;
}

.e_novice .wpcf7 .wpcf7-form-control-wrap input {
    background-color: transparent;
    color: #ffffff;
    margin-bottom: 10px;
}

@media screen and (min-width: 640px) {
    .e_novice {
        width: 60%;
    }
}

/* =Social icons
----------------------------------------------- */

.header-search-icon {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.header-search-icon {
    background: transparent;
    color: #907478;
}
.header-search-icon:hover {
    background: transparent;
    color: #3a6f8f;
}

.social_icon {
    float: left;
    font-size: 30px;
    margin-right: 10px;
}

@media (max-width: 992px) {
    .main-content-inner {
        margin-bottom: 30px;
    }
}


/* =Copyright Bar
----------------------------------------------- */
.copyright-bar {
    background-color: #ffffff;
}
.copyright {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 11px;
    text-transform: uppercase;
}
.copyright, .copyright a {
    color: #4d4d4d;
}
.copyright a:hover {
    color: #b2b2b2;
}
.copy-txt {
    float: left;
}

.copyright_meni {
    float: left;
}
.copyright_meni ul li {
    border-bottom: 0px;
    float: left;
    padding-right: 30px;
    padding-left: 10px;
}

@media (max-width: 767px) {
    .copyright {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .copy-txt {
        float: none;
    }
    .copyright_meni {
        float: none;
    }
    .copyright_meni ul {
        list-style-type: none;
        padding-left: 0px;
    }
    .copyright_meni ul li {
        float: none;
        padding-right: 0px;
        padding-left: 0px;
    }
}




/* = DOGODKI - Single
----------------------------------------------- */

.datum {
    font-weight: bold;
}

.content_head {
    min-height: 22px;
}
.content_head h3 {
    margin: 0px;
}
.content_head h2 {
    margin: 0px;
}
.content_head.drugi {
    text-transform: uppercase;
    text-align: right;
    font-size: 12px;
}
.content_head.drugi a {
    color: #3a6f8f;
}

.content_share {
    display: inline-block;
}


/* Stranski meni */
.content_button {
    width: 100%;
    background-color: #ebebeb;
    cursor: pointer;
    padding: 10px 15px;
    margin-bottom: 1px;

    display: flex;
    align-items: center;
}
.content_button:hover {
    width: 100%;
    background-color: #3a6f8f;
    cursor: pointer;
    color: #ffffff;
}
.content_button i {
    padding-right: 10px;
    font-size: 18px;
}

.content_button i:before {
    top: 3px;
    position: relative;
    font-size: 20px;
}


/* =Pevska šola page
----------------------------------------------- */

#predstavitev,
#program,
#profesorji {
    display: inline-block;
}

@media screen and (min-width: 768px) {
    .box_slika {
        /*max-height: 163px;*/
        height: 163px;
    }
    .box_slika img{
        height: 163px;
        object-fit: cover;
    }
}
@media screen and (min-width: 992px) {
    .box_slika {
        /*max-height: 213px;*/
        height: 213px;
    }
    .box_slika img{
        height: 213px;
        object-fit: cover;
    }
}
@media screen and (min-width: 1200px) {
    .box_slika {
        /*max-height: 247px;*/
        height: 247px;
    }
    .box_slika img {
        height: 247px;
        object-fit: cover;
    }
}


/* =Elements when no javaScript is present
----------------------------------------------- */

.widget_rss ul, .postform, table#wp-calendar {
    display: none;
}
.no-js .widget_rss ul, .no-js .postform, .no-js table#wp-calendar {
    display: block;
}

/* =Contact form 7
----------------------------------------------- */

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea {
    border-radius: 0;
    border: 1px solid #eeeeee;
    height: 35px;
    padding: 0 10px;
    width: 100%;
}
.wpcf7 textarea {
    min-height: 200px;
    padding: 10px;
}
.wpcf7 .wpcf7-form-control-wrap {
    display: block;
    margin-bottom: 30px;
}
.wpcf7 .wpcf7-submit {
    height: 35px;
    background: #f2f2f2;
    border: 0;
    border-radius: 0;
    font-size: 12px;
    padding: 0 80px;
    text-transform: uppercase;
}
.wpcf7 p {
    margin: 0;
}

.e_novice input[type=submit] {
    height: 35px;
    background: #f2f2f2;
    border: 0;
    border-radius: 0;
    font-size: 12px;
    padding: 0 80px;
    text-transform: uppercase;
}

#enovice_obvestilo {
    display: none;
}

/* Layout */

.has-sidebar-left #secondary {
    padding-right: 40px;
}
.no-sidebar {
    float: none;
    margin: 0 auto;
}
.full-width {
    width: 100%;
}






/* =Single pevska šola
----------------------------------------------- */

@media screen and (min-width: 992px) {
    .navigation_tabs .entab:not(:first-child) {
        border-left: 1px solid #d1d1d1;
    }

    .navigation_tabs .entab:not(:last-child) {
        border-right: 1px solid #ffffff;
    }

    .navigation_tabs .active .content_button:before {
        content: '';
        position: absolute;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
        border-top: 15px solid #3a6f8f;
        bottom: 0;
        margin-bottom: -14px;
        margin-left: -15px;
        left: 50%;
    }

    .content_head_meni {
        margin-bottom: 15px;
    }
}

.navigation_tabs .active .content_button {
    width: 100%;
    background-color: #3a6f8f;
    cursor: pointer;
    color: #ffffff;
}

.inside_title h2 {
    margin-bottom: 0px;
    margin-top: 50px;
}


/* TAB PROFESORJI in ostale podstrani (align slike) */
@media screen and (max-width:640px)  {
    img.alignleft,
    img.alignright {
        width: 50%;
    }
    img.alignleft,
    img.alignright {
        width: 50%;
    }
}



/* =SINGLE NOTNE EDICIJE / založba
----------------------------------------------- */
audio {
    width: 100%;
}


.white-popup {
  position: relative;
  background: #FFF;
  padding: 20px;
  width: auto;
  max-width: 500px;
  margin: 20px auto;
}

#audio-popup h3 {
    margin-top: 0px;
}
.audio-content {
    margin-bottom: 20px;
}
/*.content_meni span.meni{
    position: absolute;
}*/

.mfp-close:hover {
background-color: transparent;
}


@media screen and (min-width: 992px){
    .clearfix.stolci {
        display: none;
    }
}


.mfp-container button:hover {
    background-color: transparent;
}

/*Skrij mobile top "back"*/
@media screen and (max-width: 991px) {
    .hide_mobile {
        display: none;
    }
}


/* =Header
----------------------------------------------- */

/* =TOP BAR */

.top_bar_section {
    padding: 5px 0;
    margin-top: 20px;
    position: relative;
    z-index: 3;
}

.top_bar_section.frontpage {
    background-color: rgba(255,255,255,0.7);
}


.head_logo img {
    max-height: 140px; 
}

.tagline {
    color: #907478;
    font-style: oblique;
    font-size: 20px;
}



/* =MENU BAR */

.menu_bar_section {
    background: linear-gradient(to right, #ebebeb 75%, white 80%);
}

@media screen and (min-width: 1920px) {
    .menu_bar_section {
        background: linear-gradient(to right, #ebebeb 70%, white 70%);
    }
}

.menu_bar_section>.container .levi_del{
    padding: 30px 0 0 0;
}


.glavni_meni {
    text-transform: uppercase;  
    /*position: absolute;  */
    width: 100%;
    padding-right: 30px;
    z-index: 5;
    padding-left: 20px;
    margin-left: -20px;
    /*background-color: #ebebeb;*/
    padding-bottom: 20px;
    min-height: 330px;
}
.glavni_meni>ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: -13px;
}
.glavni_meni ul.sub-menu {
    list-style: none;
    padding-left: 20px;
}

.glavni_meni>ul>li {
    padding: 10px 0;
} 

/* ALL A */
.glavni_meni a{
  display:block;
  transition:0.2s;
}

/* INNER UL HIDE */
.glavni_meni ul ul{
  transition: max-height 0.2s ease-out;
  max-height:0;
  overflow:hidden;
}
/* INNER UL SHOW */
.glavni_meni li:hover > ul{
  max-height:200px;
  transition: max-height 0.25s ease-in;
}

.glavni_meni li.current-menu-parent > ul{
  max-height:200px;
  transition: max-height 0.25s ease-in;
}


.glavni_meni li.menu-item-has-children>a {
    pointer-events: none;
    cursor: default;
}


.glavni_meni>ul>li:not(:first-child) {
    padding: 5px 0;
    box-shadow: 0 -1px 0 0 #dcdcdc;
    border-top: 1px solid #fcfcfc;
} 


.glavni_meni:before {
    content: url(assets/images/menu_icon.png);
    position: absolute;
    margin-left: -40px;
    padding-top: 3px;
}


.search_input input[type="text"]{
    width: 100%;
    padding: 5px 20px;
}
.search_input button{
    margin-left: -40px;
    position: absolute;
}

.search_input button i {
    font-size: 30px;
    line-height: 1;
}

.search_input.nav-search input[type="text"] {
    border: 1px solid rgba(58, 111, 143, 0.31);
    color: #3a6f8f;
    border-radius: 0px;
    box-shadow: none !important;
}
.search_input.nav-search .header-search-icon {
    color: #3a6f8f;
}

input[type="text"] {
    box-shadow: none !important;
}

.social_header {
    margin-top: 10px;
}


.glavni_meni .current-menu-ancestor>a {
    color: #3a6f8f;
}

.glavni_meni .current-menu-item>a {
    color: #3a6f8f;
}






/* =HEADER SLIKA */

/* zaradi širine header slike */
body {
    width: 100%;
    overflow-x: hidden;
}

.header_slika {
    margin-top: -50%;
    /* position: absolute; */
    /* left: 0; */
    width: 150%;
    padding-left: 20px;
    background: linear-gradient(to right, transparent 45%, white 45%);
}

.header_slika img {
    border-radius: 50%;
}

.flexslider_header ul.slides {
    display: flex;
}

.header_slider {
    left: 0;
    width: 120%;
    padding-left: 30%;
    /*padding-right: 25px;*/
}

@media screen and (min-width: 992px) and (max-width: 1140px) {
    .header_slider {
        width: 110%;
        padding-left: 10%;
    }
}


.blind-caption {
    display: none;
}

.izpostavljamo {
    font-family: 'PT Serif', serif;
    font-size: 16px;
    font-style: oblique;
    color: #3a6f8f;
}

.slider_title {
    margin: 5px 0;
    min-height: 60px;
}

.slider_title a {
    font-family: 'PT Serif', serif;
    font-size: 18px;
    font-style: oblique;
    color: #3a6f8f;
}


.slider_datum {
    font-weight: bold;
}

.custom-navigation {
    font-size: 30px;
    line-height: 1;
    position: absolute;
    margin-left: -80px;
    margin-top: -30px;
}
.custom-navigation a:focus {
    color: #907478;
}


.polovica_slike {
    padding-right: 0px;
}


@media screen and (max-width: 991px) and (min-width:768px) {
    .flex_container {
        display: flex;
        align-items: stretch;
    }
    .polovica_slike .header_slika {
        height: 100%;
        width: 200%;
        position: absolute;
    }
    .polovica_slike .header_slika img {
        position: absolute;
        height: 100%;
    }
    .polovica_slike .header_slika .slides {
        height: 100%;
    }
    .glavni_meni {
        padding-right: 0px;
    }
    .glavni_meni_col {
        padding-right: 0px;
    }
    .menu_bar_section {
        background: linear-gradient(to right, #ebebeb 90%, white 90%);
        overflow: hidden;
    }

}


@media screen and (min-width: 992px) {
    .flex_container {
        display: flex;
    }
    .polovica_slike {
        align-self: flex-end;
    }
}




@media screen and (max-width: 1440px) {
    .header_slika {
        /*width: 110%;*/
        background: linear-gradient(to right, transparent 50%, white 50%);
    }
}


@media screen and (max-width: 1140px) {
    .header_slika {
        /*width: 110%;*/
    }
}

@media screen and (max-width: 1024px) {
    .header_slika {
        width: 100%;
    }
}

@media screen and (max-width: 991px) {
    .top_bar_section {
        margin-top: 0px;
        margin-bottom: 20px;
    }

    .header_slika {
        margin-top: 0%;
        width: 100%;
        padding-left: 20px;
        background: linear-gradient(to right, transparent 50%, white 50%);
    }
}


/*tob_bar_container*/

/* HEADER MOBILE */
@media screen and (min-width: 768px) {
    .headerwide {
        display: block;
    }
    .headermobile {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .headerwide {
        display: none;
    }
    .headermobile {
        display: block;
    }
}

@media screen and (min-width: 768px) {
    .site-header .navbar-default {
        display: none;
    }
}

@media screen and (max-width: 640px) {
    .tagline {
        font-size: 16px;
    }

}

@media screen and (max-width: 767px) {
    .tagline {
        left: 0;
        width: auto; 
        padding-left: 0; 
        padding-right: 0; 
    }

    .header_slider {
        width: auto;
        padding-left: 0;
        padding-right: 0;
    }
    .mobile_header_slider {
        background-color: rgba(255, 255, 255, 0.9);
        margin-top: 30px;
        margin-top: -60px;
        z-index: 4;
    }
    .mobile_header_slider .slider_title {
        margin: 0px;
        padding-top: 10px;
    }

}

.naslov_izpostavljamo_mobile h3 {
    margin: 0px;
}

.naslov_izpostavljamo_mobile {
    margin-top: 0px;
    margin-bottom: 20px;
}



.custom-navigation.m {
    font-size: 30px;
    line-height: 1;
    position: absolute;
    margin-left: 0px; 
    margin-top: -50px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #3a6f8f;
}





/* =NOVICE
----------------------------------------------- */
.novice_boxi {
    margin-bottom: 60px;
}

.front_novice_section {
    margin-top: 60px;
}


.novice-podatek.box_lokacija {
    bottom: 20px;
    position: absolute;
    height: auto;
}

/* =FORMIDABLE FORMS
----------------------------------------------- */


/*.frm_style_formidable-style.with_frm_style select {
    -webkit-appearance: none;
    border: none;
}
*/

/*.frm_style_formidable-style.with_frm_style .blog-item-wrap select {
    background-color: rgba(144,116,120,0.5);
    color: #ffffff;
    -webkit-appearance: none;
    border: none;
    height: 50px;
    width: 50px !important;
    padding-left: 20px;
}*/


/*Poravnava select-label*/
/*.narocilnica .frm_style_formidable-style.with_frm_style .blog-item-wrap select {
    float: left;
    display: inline-block;
}*/

/*.narocilnica .frm_style_formidable-style.with_frm_style .blog-item-wrap label {
    display: inline-block;
    padding-top: 14px;
    margin-left: 20px;
    width: 80%;
}*/
/* .narocilnica .frm_style_formidable-style.with_frm_style .form-field {
    margin-bottom: 30px;
}*/

/*@media screen and (max-width: 460px) {
    .narocilnica .frm_style_formidable-style.with_frm_style .blog-item-wrap label {
        padding-top: 0px;
        width: 70%;
    }
}*/

/*.frm_style_formidable-style.with_frm_style .blog-item-wrap select:focus {
    background-color: rgba(144,116,120,0.5);
    color: #ffffff;
}
*/




.frm_style_formidable-style.with_frm_style input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: rgba(144, 116, 120, 0.7);
}
.frm_style_formidable-style.with_frm_style input::-moz-placeholder { /* Firefox 19+ */
  color: rgba(144, 116, 120, 0.7);
}
.frm_style_formidable-style.with_frm_style input:-ms-input-placeholder { /* IE 10+ */
  color: rgba(144, 116, 120, 0.7);
}
.frm_style_formidable-style.with_frm_style input:-moz-placeholder { /* Firefox 18- */
  color: rgba(144, 116, 120, 0.7);
}


.frm_style_formidable-style.with_frm_style .frm-show-form  .frm_section_heading h3 {
    border: 0px;
}

.frm_style_formidable-style.with_frm_style .form-field input:not([type=file]):focus, .frm_style_formidable-style.with_frm_style select:focus, .frm_style_formidable-style.with_frm_style textarea:focus, .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=text], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=password], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=email], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=number], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=url], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=tel], .frm_style_formidable-style.with_frm_style .frm_focus_field input[type=search], .frm_form_fields_active_style, .frm_style_formidable-style.with_frm_style .chosen-container-active .chosen-choices {
        box-shadow: none;
}

/* Full width prijavne forme */
.fullwidth-forme {
    background-color: #ebebeb;
    margin-bottom: 30px;
}


.label_podatki {
    padding-top: 10px;
    padding-bottom: 30px;
}

/*Naročilnica title*/
.narocilnica .frm_style_formidable-style.with_frm_style .frm-show-form  .frm_section_heading h3 {
    padding: 30px 0 3px 70px;
}

@media screen and (min-width: 991px) {
    .with_frm_style .frm_submit {
        width: 50%;
        padding-right: 15px;
    }
}

.frm_style_formidable-style.with_frm_style input[type=submit] {
    text-align: left;
}


/****** NAROČILNICA NEW!!!!  *******/

.icheckbox_square-green {
    margin-right: 20px;
}

.frm_style_formidable-style.with_frm_style select {
    height: auto;
}

/*select {
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
}*/

.narocilnica h3 {
    padding: 0px 0px 0px 50px;
}

.narocilnica label {
    font-weight: normal;
}

.narocilnica .izdaja_row {
    margin: 10px 0;
}

.narocilnica .izdaja_row select {
    margin-left: 20px;
}

.narocilnica form.rocna_forma {
    margin-bottom: 40px;
}


.narocilnica .skrito_polje {
    display: none;
}





/* =Koledar page
----------------------------------------------- */
.responsive-calendar .controls h3 {
    display: inline;
    color: #fff;
}

.responsive-calendar .controls {
    padding-top: 15px;
    padding-bottom: 15px;
}
.responsive-calendar .controls>a {
    color: #fff;
    /*opacity: 0.8;*/
}

.responsive-calendar .btn.focus, 
.responsive-calendar .btn:focus, 
.responsive-calendar .btn:hover {
    color: #fff;
    /*opacity: 1;*/
}

.responsive-calendar .day-headers {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #ebebeb;
}

.responsive-calendar .day.header {
    border-bottom: 0px;
}

.no-margin {
    margin: 0px;
}

.responsive-calendar .btn {
    padding: 0px 12px;
    font-size: 20px;
}

.btn.active, .btn:active {
    box-shadow: none !important;
}

@media screen and (min-width: 992px) {
    .responsive-calendar {
        /*padding: 30px 100px;*/
    }
}

.responsive-calendar .controls {
    background-color: #3a6f8f;
    color: #fff;
}
.responsive-calendar hr {
    /*margin: 0px;*/
}

.responsive-calendar .badge {
    font-weight: 400;
    background-color: transparent;
    font-size: 11px;
    padding: 1px 3px;
}

.responsive-calendar .day.active a {
    background-color: #3a6f8f;
}
.responsive-calendar .day.active a:hover {
    background-color: #d8e2e9;
}



/* =Cookie notice
----------------------------------------------- */
.cookie-notice-container {
    border-top: 1px solid;
}
#cookie-notice .button {
    text-decoration: underline;
}


/* =Pre Loader
----------------------------------------------- */
.preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fefefe;
    z-index: 99999;
    height: 100%;
    width: 100%;
    overflow: hidden !important;
}
.status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url(assets/images/loader.gif);
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px;
}


.pogoji_check {
    margin-bottom: 5px;
}



/* Skrit zgornji del pri Mojstrski tečaji */
#post-558 {
    display: none;
}

/* galerija slik pri pevskih zborih */

.galerija-slider-container {
  max-width: 500px;
}

.image-wrapper-galerija {
  position: relative;
  padding-bottom: 70%;
}

.image-wrapper-galerija img {
  position: absolute;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

#galerija-zbori .owl-carousel .owl-item {
    height: 100%;
}

.owl-carousel .owl-nav {
    width: 99%;
}

#galerija-zbori .owl-carousel .owl-nav {
    width: 102%;
}

.image-caption-drsnik{
	background: white;
	margin: 0px;
}

.no-padding-drsnik{
	padding: 0
}

.drsnik-galerija-tmar{
	margin-top: 30px;
}

.remove-counter .mfp-counter{
	display: none;
}

/* home galerija */

.gal {
	
	
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
	  
	
	}	
	.gal img{ width: 100%; padding: 7px 0;}
@media (max-width: 500px) {
		
		.gal {
	
	
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
	  
	
	}
		
    }
    

    #owl-gal-home .owl-item{
        margin-bottom: 20px;
    }

#owl-gal-home .owl-item{
    height: 100%;
}

#owl-gal-home .owl-next{
    margin-right: -40px;
}

#owl-gal-home .owl-prev{
    margin-left: -40px;
}

#owl-gal-home .dashicons, #owl-gal-home .dashicons-before:before{
    font-size: 20px;
    color: #3a6f8f;
}

#owl-gal-home .dashicons-format-image:before, #owl-gal-home .dashicons-video-alt3:before {
    padding: 8px;
    background-color: #f2f2f2;
    border-radius: 100px;
}

#owl-gal-home .plus_ikona {
    position: absolute;
    right: 0;
    margin-top: 10px;
    margin-right: 8px;
    z-index: 5;
    width: 32px;
}

.single-galerije .menu_bar_section{
display: none;
}

#frm_field_1305_container {
	display: block;
}