/*
Theme Name: HRMUD tema
Theme URI: http://hrmud.hr/
Author: Sanjin Maržić
Description: Wordpress tema za stranice Hrvatskog muzejskog društva
Version: 0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: hrmud
*/

/* GENERAL SETTINGS */
html, body {
    padding: 0px;
    margin: 0px;
}
html {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    color: #1d1d1b;
}
body {
    /*background-color: #e6e7e8;*/
    background-color: #dcddde;
    background: linear-gradient(to right, #3d3d3c, #5e5e5e, #3d3d3c);
    background-repeat:  no-repeat;
}
body > #page > header {
    margin-left: -40px;
    margin-right: -40px;
}
/*1*/
body > #page > header {
    margin-top: -40px;
}
body > #page > header:after {
    content: "";
    width: 100%;
    /*background-color: #e6e7e8;*/
    background-color: #dcddde;
    height: 15px;
    position: absolute;
}
/*1*/
body:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    /*height: 492px;*/
    /*height: 520px;*/
    /*height: 411px;*/
    height: 250px;
    z-index: -1;
    background-color: #123400;
    /*background: linear-gradient(to right, #3d3d3c, #5e5e5e, #3d3d3c);*/
    /*background-size: 100% 492px;*/
    border-bottom: 2px solid;
    border-color: gray;
}
/*1*/
body {
    background: none;
    /*background-color: #e6e7e8;*/
    background-color: #dcddde;
    /*background-size: 100% 492px;*/
}
a {
    text-decoration: none;
    color: #268700;
}
img {
    border: 0px;
}
#page {
    max-width: 880px;
    padding: 40px;
    padding-bottom: 20px;
    background-color: #e6e7e8;
    margin: auto;
    position: relative;
    overflow: hidden;
}
#page:before {
    /*background-color: red;*/
    /*background: url(images/lines.svg);*/
    position: absolute;
    bottom: 0px;
    top: 0px;
    left: -15px;
    right: -15px;
    content: "";
    z-index: -1;
}
/*#page:before{
        left: -15px;

        position: absolute;
}
#page:after{
        right: -15px;
        width: 15px;
        content: "";
        position: absolute;
}*/
.red,
#main-navigation ul.menu li.current-menu-item > a,
#main-navigation ul.menu li.current-menu-parent > a,
#main-navigation ul.menu ul.sub-menu li.current-menu-item > a,
#main-navigation ul.menu a:hover,
#sidebar .galerija .galerija-inner a {
    color: #268700 !important;
}
#main-navigation ul.menu li.inactive > a:hover{
    color: #585757 !important;
}
#main-navigation ul.sub-menu {
    display: none;
}
#main-navigation ul.menu,
#main-navigation ul.menu li {
    position: relative;
}
#main-navigation {
    overflow: hidden;
}

/* TOP HEADER ELEMENTS */
#header-right {
    float: right;
    margin-right: 40px;
    padding-top: 15px;
}
#header-right:after {
    content: "";
    margin-bottom: 20px;
    display: block;
    clear: both;
}
#searchform input{
    color: gray;
    font-size: 12px;
    background-image: url('images/magnifier.svg');
    background-size: auto 80%;
    background-position-y: 50%;
    background-position-x: 3%;
    background-repeat: no-repeat;
    padding-left: 20px;
    border: 1px solid;
    border-color: #dcddde;
    background-color: transparent;

}
#logo img {
    width: 90%;
    height: auto;
    // max-width: 270px;
    max-height: 60px;
    margin-left: 40px;
}
#logo {
    clear: both;
    padding-bottom: 15px;
}
/*1*/
body #logo {
    /*clear: both;
    padding-bottom: 15px;*/
    padding-top: 15px;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    position: absolute;
    z-index: 500;
}
#hrmud_logo {
    width: 250px;
    height: 45px;
}
/* NAVIGATION */
#main-navigation {
    /*overflow-x: hidden;
    overflow-y: visible;*/
    clear: both;
    border-bottom: 2px solid;
    border-color: #d1d3d4;
}
#main-navigation ul.menu {
    /*background: linear-gradient(#F5F5F5, #C8C7C7);
    background-color: #F5F5F5;*/
    color: #585757;
    font-size: 16px;
    font-weight: 600;
    /*letter-spacing: -0.025em;*/
    margin: 0px;
    padding: 0px;
    margin-left: 40px;
    margin-right: 40px;
    /*padding-left: 15px;*/
    /*padding-right: 15px;*/
    /*text-transform: uppercase;*/
    /*width: 100%;*/
    padding-bottom: 13px;
    //width: 65%;
    float: left;
}
#main-navigation ul.menu li {
    display: inline-block;
    margin: 0;
    padding-top: 10px;
    /*padding-bottom: 15px;*/
}
#main-navigation ul.menu a {
    color: #585757;
}
#main-navigation ul.menu li:after {
    content: "\00a0\00a0|\00a0\00a0";
}
/*#main-navigation ul.menu li {
    padding-right: 10px;
}*/
#main-navigation ul.menu li:last-child:after {
    content: "";
}
#main-navigation ul.menu li:hover ul.sub-menu {
    display: block;
    z-index: 9999;
    position: absolute;
    /*width: 100%;*/
    top: 100%;
    left: -15px;
    padding: 0px;
}
#main-navigation ul.menu ul.sub-menu li {
    display: block;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin: 0px;
    white-space: nowrap;
    text-transform: none;
    background: linear-gradient(#F5F5F5, #C8C7C7);
    background-color: #F5F5F5;
}
#main-navigation ul.menu ul.sub-menu li:after {
    content: "";
}
/* SLIDER */
#slider {
    position: relative;
}
#slider img {
    display: none;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
#slider img:first-child {
    display: block;
}
.slidesjs-pagination {
    z-index: 1000;
    display: inline;
    position: absolute;
    bottom: 1%;
    right: 1%;
}
.slidesjs-pagination li {
    display: inline;
    font-size: 0;
}
.slidesjs-pagination li a {
    background-color: white;
    border-radius: 3px;
    padding: 8px;
    margin-right: 2px;
}
.slidesjs-pagination a.active {
    background-color: #268700;
}
/* CONTENT */
#main {
    overflow: hidden;
    /*display: inline-table;*/
    width: 100%;
    min-height: 800px;
    margin-top: 5px;
}
/*#main:before {
    content: "";
    position: absolute;
    left: 0px;
    right: 0px;
    height: 15px;
    background-color: #e6e7e8;
}*/
#main.sidebar {
    width: 74%;
    float: left;
}
h1.page-title {
    font-size: 30px;
    font-weight: 300;
    letter-spacing: -0.025em;
    text-transform: uppercase;
    padding-bottom: 18px;
}
h1.page-title,
#articles,
.gallery,
#large-gallery{
    border-bottom: 1px solid;
    border-color: #cacaca;
    position: relative;
    /*line-height: 28px;*/
    /*overflow: hidden;*/
}
.sidebar h1.page-title {
    margin-top: 0px;
}
#articles {
    margin-bottom: 5px;
}
.single-post #articles {
    display: inline-flex;
}
h1.page-title:after,
#articles:after,
.gallery:after,
#large-gallery:after{
    content: "";
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: -6px;
    border-bottom: 1px solid;
    border-color: #a4a4a4;
}
.events-title{
    position: relative;
    border-left: 10px solid;
    border-color: #D9D9D9;
    padding-left: 25px;
    /*border-top: 1px solid;
    border-color: #cacaca;
    padding-top: 10px;*/
}
/*.events-title:before{
    content: "";
    position: absolute;
    width: 100%;
    border-top: 1px solid;
    border-color: #a4a4a4;
    top: -6px;
}*/
#content {
    /*width: 65.35%;
    min-width: 200px;
    float: left;*/
    width: 100%;
}
/*.archive #content,
.search #content,
.category #content,
.home #content {
    width: 100%;
}*/
/* ARTICLE EXCERPTS */
article.featured {
    overflow: hidden;
    padding-bottom: 20px;
    /*border-bottom: 1px dashed;*/
}
article.regular {
    max-width: 275px;
    min-width: 200px;
    width: 47.9%;
    float: left;
    margin-right: 3%;
    padding-bottom: 20px;
}
.sidebar article.regular {
    max-width: 315px;
}
article.regular:last-child {
    margin-right: 0%;
}
.regular-container {
    overflow: hidden;
    /*border-bottom: 1px dashed;
    margin-top: 20px;*/
    /*border-top: 1px dashed;*/
    border-bottom: 1px solid;
    border-color: #cacaca;
    padding-top: 20px;
}
.regular-container:last-child {
    border-bottom: 0px;
}
.regular-container:first-child {
    border-top: 0px;
    padding-top: 0px;
}
article.featured img.thumbnail {
    width: auto;
    height: auto;
    width: 380px;
    margin-right: 20px;
}
article.featured > a {
    height: 145px;
    overflow: hidden;
}
article.regular img.thumbnail {
    min-width: 80px;
    min-height: 80px;
    max-width: 100px;
    max-width: 100px;
    height: auto;
    width: auto;
}
article.featured > a,
article.regular > a {
    overflow: hidden;
    float: left;
}
article.regular > a {
    display: block;
    height: 80px;
    width: 80px;
    margin-right: 20px;
}
article.featured header h1,
article.regular header h1,
article.event header h1,
article.gallery-abstract header h1,
article.publication-abstract header h1 {
    font-size: 16px;
    font-weight: 800;
    margin: 0px;
    margin-bottom: 5px;
    padding: 0;
    /*text-transform: uppercase;*/
    /*color: #000000;*/
    color: #3D3D3C;
    line-height: 1.2em;
    height: 2.4em;
    overflow: hidden;
    /*height: 38px;*/
}
article.featured header .post-meta,
article.regular header .post-meta,
article.event header .post-meta,
article.gallery-abstract header .post-meta,
article.publication-abstract header .post-meta {
    color: #868686;
    font-size: 9px;
    font-weight: 600;
    margin-bottom: 5px;
    padding: 0px;
}
article.featured .excerpt,
article.regular .excerpt,
article.event .excerpt,
article.gallery-abstract .excerpt,
article.publication-abstract .excerpt {
    font-size: 14px !important;
    font-weight: 400;
    overflow: hidden;
}
.excerpt p:first-child{
    margin-top: 0px;
}
article.regular .post {
    overflow: hidden;
    /*max-height: 115px;
    height: 115px;146px*/
    max-height: 160px;
    height: 165px;
}
article.featured .post{
    overflow: hidden;
    max-height: 112px;
    height: 112px;
}
article.gallery-abstract .post{
    overflow: hidden;
    max-height: 60px;
    height: 60px;
}
article.featured .post,
article.gallery-abstract .post{
    min-width: 200px;
    display: block;
    margin-bottom: 15px;
}
article.regular .post {
    /*margin-bottom: 25px;*/
    margin-bottom: 5px;
}
article.featured .post-container,
article.regular .post-container,
article.publication-abstract .post-container {
    overflow: hidden;
    padding-bottom: 3px;
}
article.featured .post-container{
    max-width: 480px;
    float: left;
}
/* READ MORE */
.read-more {

    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
    /*background-color: #9B0613;*/
    //background-color: #3D3D3C;
    /* background-image: radial-gradient(rgb(241,6,19), rgb(155,6,19));*/
    display: inline;
    //color: white;
    //padding-left: 5px;
    padding-right: 15px;
    padding-top: 1px;
    padding-bottom: 1px;
    /*border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;*/
    float: left;
    //box-shadow: 2px 2px 0px #585757;
    line-height: 17px;
}
.read-more:hover{
    /*background-color: #F10613;*/
    //background-color: #268700;
    //background-image: none;
}
.read-more a {
    //color: white;
    color: #3D3D3C;
}
.read-more a:hover {
    color: #F10613;
}
.read-more a:after {
    content: " >>>";
}
/* EVENTS */
#events {
    /*margin-bottom: 10px;*/
    float:left;
    margin-top: 15px;
    /*width: 99%;*/
    width: 100%;
    position: relative;
}
#events h2.events-title {
    margin-top: 0px;
    /*margin-bottom: 20px;*/
    /*padding-bottom: 15px;*/
    font-weight: 400;
    font-size: 14px;
    /*line-height: 25px;*/
    text-transform: uppercase;
    /*border-bottom: 1px dashed;
    border-color: #CACACA;*/
    margin-bottom: 0px;
}
#events .excerpt {
    margin-bottom: 15px;
}
/* SIDEBAR */
#sidebar,
#pagination {
    width: 31.25%;
}
#sidebar {
    /*padding-left: 1.5%;*/
    margin-left: 1.5%;
    /*border-left: 1px dashed;*/
    min-width: 200px;
    float: right;
    overflow: visible;
    /*display: inline-table;*/
}
#sidebar article {
    margin-top: 20px;
}
#sidebar article:first-child {
    margin-top: 0px;
}
#sidebar article:first-child,
#sidebar article:nth-child(2){
    border-bottom: 1px dashed;
}
#sidebar article:first-child .post {
    margin-bottom: 15px;
}
#main.archive #sidebar article:first-child .post {
    margin-bottom: 25px;
}
#sidebar article {
    width: 95%;
}
#sidebar .galerija {
    height: 185px;
    border: 1px solid;
    float: left;
    width: 93%;
    padding: 3%;
}
#sidebar .galerija .galerija-inner {
    border: 1px solid;
    width: 261px;
    height: 183px;
    margin: auto;
    width: 99%;
    position: relative;
    text-align: center;
}
#sidebar .galerija .galerija-inner a {
    margin-left: 2px;
    margin-right: 2px;
}
#sidebar .galerija .image-outline {
    display: none;
    text-align: center;
    position: relative;
}
#sidebar .galerija .image-outline:first-child {
    display: block;
}
#sidebar .image {
    overflow: hidden;
    font-size: 0px;
}
#sidebar .galerija .description {
    left: 0px;
    bottom: 0px;
    width: 100%;
    text-align: center;
    background-color: black;
    opacity: 0.5;
    font-size: 10px;
    position: absolute;
    height: 20px;
    bottom: 0px;
    color: white;
}
#sidebar .galerija .slidesjs-previous,
#sidebar .galerija .slidesjs-next {
    z-index: 1000;
}
#sidebar .galerija .slidesjs-previous {
}
#sidebar .galerija .slidesjs-next {
}
#sidebar .galerija img,
#sidebar .galerija .image a {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
#sidebar .galerija .image-outline {
    max-height: 100%;
}
#sidebar .galerija .image a {
    margin: 0px;
}
/*#menu-sidebar {
        border-top: 1px solid;
        border-color: #cacaca;
        margin-top: 50px;
        padding-top: 20px;
        width: 100%;
        float: left;
        font-size: 14px;
        text-transform: uppercase;
}*/
#sidebar .menu,
.menu-arhiva-container {
    font-size: 14px;
    text-transform: uppercase
}
footer .menu {
    font-size: 14px;
}
#sidebar .menu-arhiva-container {
    border-top: 1px solid;
    border-color: #cacaca;
    /*margin-top: 54px;*/
    float: left;
}
.menu-arhiva-container {
    width: 100%;
    padding-top: 5px;
    margin-bottom: 15px;
}
#sidebar ul.menu,
footer ul.menu,
.menu-arhiva-container ul.menu{
    padding: 0px;
    margin: 0px;
}
.menu-arhiva-container .menu li,
footer .menu li{
    display: inline;
}
.menu-arhiva-container .menu li:after,
footer .menu li:after {
    content: "\00a0|\00a0";
}
.menu-arhiva-container .menu li:last-child:after,
footer .menu li:last-child:after {
    content: "";
}
.menu-arhiva-container .menu a {
    color: #000000;
}
footer .menu a {
    color: #c7c6c6;
}
/* ARTICLE - single */
article.full .thumbnail {
    margin-bottom: 20px;
    width: auto !important;
    height: auto;
    max-width: 100%;
    /*max-width: 572px;*/
}
.content,
#articles,
article.full,
article.full .post-container,
article.full .post,
#main {
    max-width: 100%;
}
/* FOOTER */
footer {
    border-top: 1px solid;
    border-color: #268700;
    font-weight: 300;
    font-size: 14px;
    color: #c7c6c6;
    padding-top: 15px;
    position: relative;
    background-color: #3d3d3c;
    /*height: 70px;*/
    overflow: hidden;
    padding-bottom: 25px;
}
footer:before {
    content: "";
    border-top: 2px solid;
    border-color: #aaaaa9;
    width: 100%;
    position: absolute;
    top: 5px;
}
footer > div {
    max-width: 880px;
    margin: auto;
    height: 100%;
}
footer img {
    margin-right: 10px;
}
footer > div > #menu-footer {
    margin-top: 28px;
    display: inline-block;
    //text-transform: uppercase;
}
#footer-right {
    margin-top: 20px;
    float: right;
    width: 60%;
    text-align: right;
}
#copyright {
    display: inline-block;
    margin-top: 8px;
    /*margin-right: 40px;*/
}
#social {
    display: inline;
    float: right;
}
#pagination {
    float: right;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    margin-top: 17px;
}
#pagination a {
    padding-left: 5px;
    padding-right: 5px;
    color: #868686;
}
#pagination a:first-child {
    float: left;
    margin: 0px;
    padding: 0px;
}
#pagination a:last-child {
    float: right;
    margin: 0px;
    padding: 0px;
}
.gallery {
    background-color: transparent;
    width: 100%;
    height: 80px;
    margin-bottom: 25px;
    margin-bottom: 25px;
    margin-top: 15px;
    position: relative;
    overflow-x: scroll;
    overflow-y: hidden;
}
.gallery img {
    height: 80px;
    width: auto;
    margin-right: 25px;
}
.gallery  button {
    position: absolute;
    top: 0px;
    bottom: 0px;
    background: none;
    background-color: #808080;
    border: none;
    color: #000000;
    opacity: 0.7;
    width: 25px;
    height: 80px;
}
/*.microfiche-controls{
    position: absolute;
    top: 0px;
    height: 76px;
    left: 0px;
    right: 0px;
}*/
.gallery button.microfiche-prev-button {
    left: 0px;
}
.gallery button.microfiche-next-button {
    right: 0px;
}
article.full .post-container {
    width: 100%;
    margin-bottom: 25px;
}
article.full {
    width: 100%;
}
article.full .post {
    font-size: 14px;
}
h2.gallery-title {
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid;
    border-color: #A4A4A4;
}
.gallery:last-child {
    border: none;
    margin-bottom: 0px;
}
.gallery:last-child:after {
    content: "";
    border: none;
}
#large-gallery {
    width: 100%;
    height: 140px;
    margin-bottom: 25px;
    padding-bottom: 15px;
}
#large-gallery img{
    width: auto;
    height: auto;
    max-height: 140px;
    max-width: 100%;
    margin: auto;
}
ul.bxslider{
    margin-top: 0px;
}
#lang-bar a,
#lang-bar a:hover,
#lang-bar a:active,
#lang-bar a:visited
{
    color: black;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
    color: #585757;
}
#lang-bar .lang-active {
    font-weight: 600;
}
#lang-bar .lang-inactive {
    color: #868686;
}
img.grayscale,
.grayscale img {
    -webkit-filter: grayscale(1);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: gray;
    filter: grayscale(100%);
}
#large-gallery img {
    width: 100%;
    height: auto;
    max-width: none;
    max-height: none;
}
#large-gallery li{
    overflow: hidden;
    width: 100%;
    height: 140px;
    display: block;
}
#Facebook, #Twitter, #YouTube {
    background-color: white;
    width: 32px;
    height: 32px;
    display: block;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    float: left;
    margin-left: 10px;
}
#Facebook {
    background-image: url('images/facebook.svg');
}
#Twitter {
    background-image: url('images/twitter.svg');
}
#YouTube {
    background-image: url('images/youtube.svg');
}
#Twitter:hover {
    background-image: url('images/twitterA.svg');
}
#Facebook:hover {
    background-image: url('images/facebookA.svg');
}
#YouTube:hover {
    background-image: url('images/youtubeA.svg');
}
.post-content > p:first-child {
    margin-top: 0px;
}

h2.events-title a {
    color: black;
    text-transform: uppercase;
    font-weight: 600;
}
.event-date, .event-location {
    color: #706F70;
}

.calendar-event {
    margin-bottom: 25px;
    font-size: 12px;
}
.calendar-event .month {
    font-size: 90px;
    display: inline-block;
    color: #D9D9D9;
    font-weight: 200;
    width: 85px;
    line-height: 0px;
}
.calendar-event .event-content {
    display: inline-block;
    border-left: 10px solid;
    border-left-color: #D9D9D9;
    padding-left: 25px;
    margin-left: 25px;
    font-weight: bold;
    max-width: 70%;
}
.calendar-event .event-month{
    color: #268700;
    text-transform: uppercase;
}
.calendar-event .event-name{
    text-transform: uppercase;
}
.calendar-event .event-name a{
    color: black !important;
}
.calendar-event .event-date{
    color: #706F70;
    font-weight: normal;
}
.calendar-event .event-location{
    color: #706F70;
    font-weight: normal;
}
.calendar-title {
    font-weight: 300;
    display: inline-block;
    margin-top: 0px;
}
.calendar-navigation{
    margin-top: 25px;
    margin-bottom: 25px;
    overflow: hidden;
    font-size: 14px;
    font-weight: 400;
}
.cld-after{
    float:right;
}
.cld-before{}

#searchform input:focus{
    outline: none;
    border-color: gray;
    border: 1px solid;
    box-shadow: 0px 0px 3px gray;
}
.posts-sidebar{
    border-left: 1px dashed;
    padding-left: 8%;
    overflow: hidden;
    padding-bottom: 54px;
    /*margin-bottom: 2px;*/
}
.nema {
    font-size: 12px;
}
.gallery-thumbnail-anchor {
    width: 380px;
    height: 145px;
    overflow: hidden;
    display: block;
    margin-bottom: 10px;
}
.gallery-thumbnail-anchor img {
    width: 100%;
    height: auto;
}
article.gallery-abstract {
    width: 380px;
    float: left;
    padding-bottom: 25px;
}
article.gallery-abstract:first-child{
    margin-right: 120px;
}
.kontakt-footer {
    float: left;
}
#secondary-navigation {
    width: 200px;
    float: left;
    margin-right: 3%;
    margin-bottom: 3%;
}
#secondary-navigation a {
    padding-bottom: 3px;
    padding-top: 9px;
    margin-bottom: 0px;
    display: block;
    font-size: 14px;
}
.razina-0 {
    font-weight: bold;
    color: #268700;
    border-bottom: 1px solid;
    border-color: #268700;
}
.razina-1 {
    color: #585757;
    border-bottom: 1px solid;
    border-color: #585757;
}
.razina-2 {
    color: #939598;
    border-bottom: 1px solid;
    border-color: #939598;
}
#secondary-navigation a.active {
    color: #268700;
}
article.publication-abstract {
    width: 49%;
    float: left;
    min-width: 300px;
    margin-bottom: 15px;
}
article.publication-abstract:first-child{
    margin-right: 2%;
}
article.publication-abstract > a {
    display: block;
    float: left;
    width: 115px;
    height: 160px;
    overflow: hidden;
    margin-right: 20px;
}
article.publication-abstract > a > img {
    width: 100%;
    height: auto;
}
article.publication-abstract .post-container {
    overflow: hidden;
    display: block;
}
article.publication-abstract .excerpt {
    height: 80px;
}
table.calendar {
    width: 100%;
    background-color: #C8C7C7;
    table-layout: fixed;
}
table.calendar td,
table.calendar th {
    width: 50px;
    min-width: 50px;
    overflow: hidden;
    background-color: #FFFFFF;
}
table.calendar tr {
    /*background-color: #A4A4A4;*/
}
table.calendar td {
    height: 100px;
    max-height: 100px;
    overflow: hidden;
    vertical-align: top;
    white-space: nowrap;
}
table.calendar td.cld-blank {
    background-color: #D9D9D9;
}
table.calendar td .cld-event {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.event-description {
    display: none;
}
/*.event-description h2 {
    max-width: 150px;
}*/
.tooltipster-content {
    max-width: 200px;
    padding: 20px !important;
}
.tooltipster-content h2 {
    line-height: 22px;
    margin-top: 0px;
    padding-top: 0px;
}
form.hrmud-forma label {
    //width: 150px;
    display: block;
}
form.hrmud-forma input[type=text],
form.hrmud-forma input[type=date],
form.hrmud-forma select,
form.hrmud-forma textarea {
    width: 100%;
    min-width: 250px;
    margin-bottom: 15px;
}
form.hrmud-forma input[type=submit],
form.hrmud-forma input[type=button] {
    width: 45%;
    min-width: 250px;
    margin-bottom: 15px;
}
form.hrmud-forma textarea {
    min-height: 300px;
    vertical-align: top;
}
form.hrmud-forma .fgroup {
    width: 45%;
    margin-right: 5%;
    min-width: 250px;
    float: left;
}
form.hrmud-forma .tagroup {
    width: 100%;
    min-width: 250px;
    clear: both;
}
form.hrmud-forma .rad {
    margin-top: 15px;
    /*border: 1px solid;*/
    padding: 15px;
    overflow: hidden;
    background-color: #a4a4a4;
}
form.hrmud-forma .trecina {
    width: 30%;
    margin-right: 2.5%;
    float: left;
}
form.hrmud-forma .trecina input[type=text] {
    width: 100%;
    min-width: inherit;
}
form.hrmud-forma #sudionik {
    overflow: hidden;
    /*border: 1px solid;*/
    padding: 15px;
    background-color: #dcddde;
}
#dodajPriopcenje {
    margin-top: 25px;
}
.hrmud-forma input[type=text],
.hrmud-forma input[type=date]{
    height: 21px;
}
.hrmud-forma select {
    height: 27px;
}
.hrmud-forma h3 {
    display: block;
    clear: both;
}
.hrmud-forma div.autor {
    overflow: hidden;
}
#searchform {
    display: none;
}

@media (max-width: 720px) {
    #secondary-navigation,
    #main.sidebar {
        width: 100%;
    }
    form.hrmud-forma input[type=text],
    form.hrmud-forma input[type=date],
    form.hrmud-forma select,
    form.hrmud-forma textarea {
        width: 100%;
        min-width: 100%;
    }
    form.hrmud-forma .fgroup {
        float: none;
        width: 100%;
        min-width: 100%;
    }
    form.hrmud-forma input[type=submit],
    form.hrmud-forma input[type=button] {
        min-width: 100%;
        max-width: 100%;
        width: 100%;
    }
    form.hrmud-forma .tagroup {
        min-width: 100%;
    }
    form.hrmud-forma .trecina {
        width: 100%;
    }
    div#menu-footer {
        margin-left: 40px;
    }
    #footer-right {
        margin-right: 40px;
    }
}
.aligncenter {
    text-align: center;
}
.greska {
    color: #8e0404;
}
.uspjeh {
    background-color: #268700;
    padding: 5px;
    color: #FFFFFF;
}