/* ==================================================
   Add your own style here. This file will overide properties described in any other css file.
================================================== */

.aboutbtns {
	margin-right: 15px;
}

.event-list-img {
    height: 140px;
    width: 100%;
    object-fit: cover;
}

a.btn.btn-primary.btn-lg.aboutbtns {
    margin-bottom: 10px;
}

img.tri-galerije-home {
    Width: 100%;
    height: 173px;
    object-fit: cover;
    padding: 4px;
    background-color: #ffffff;
    border: 1px solid #eceae4;
    border-radius: 3px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.clanekslika {
	height: 60px;
    width: 100%;
    object-fit: cover;
}

/*----------------------- Preloader -----------------------*/
body.preloader-site {
    overflow: hidden;
}

.preloader-wrapper {
    height: 100%;
    width: 100%;
    background: #FFF;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999;
}

.preloader-wrapper .preloader {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 120px;
}

/*----------------------- Preloader END -----------------------*/

/* -------Social Share buttonsPW Module ------------- */

ul.MarkupSocialShareButtons.cf {
    display: -webkit-box;
    width: 30px;
}
/* -------Social Share buttonsPW Module END ------------- */

/* ------- TILT ------- */ 

.tilt {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease; 
}

.tilt:hover {
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	transform: rotate(-5deg);
}

.moder {
background-color: #0066cc !important;

}
.moder:hover {
background-color: #3276b1 !important;
}


/* -- barve spreminjanje --- */
.barrva {
      color:#fff;
      -webkit-animation:colorchange 20s infinite alternate;
    }

    @-webkit-keyframes colorchange {
      0% {
        
        color: white;
      }
      
      10% {
        
        color: #8e44ad;
      }
      
      20% {
        
        color: #1abc9c;
      }
      
      30% {
        
        color: #d35400;
      }
      
      40% {
        
        color: yellow;
      }
      
      50% {
        
        color: #34495e;
      }
      
      60% {
        
        color: white;
      }
      
      70% {
        
        color: #2980b9;
      }
      80% {
     
        color: #f1c40f;
      }
      
      90% {
     
        color: #2980b9;
      }
      
      100% {
        
        color: white;
      }
    }
.barrva:hover {
      color:#fff !important;   
	-webkit-animation:colorchange 0s infinite alternate;   
    }

/* --- FORME CSS --- */


.Inputfields textarea,
.Inputfields .InputfieldMaxWidth {
display: block;
    width: 100%;
    padding: 10px 16px;
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 1.33;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.Inputfields select {
display: block;
    width: 30%;
    padding: 10px 16px;
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 1.33;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

#Inputfield_obrazec_vstopnice_stevilo {
    width: 30%;
    height: 46px;
    padding: 10px 16px;
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 1.33;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;

}
a#karte {
    margin: 190px 0px 0px 0;
}
i.toggle-icon.fa.fa-fw.fa-angle-down {
    display: none;
}

.Inputfields .InputfieldSubmit label {
display: none;
}
span.pw-no-select {
    font-weight: 100;
}

p.InputfieldError.ui-state-error {
    color: red;
    font-weight: 700;
}
.ui-state-error-text {
color: red;
}

/* --- END FORME CSS --- */

/* --- BUTTON WIGGLE --- */
.btnWiggle {
margin-right: 10px;
  -webkit-animation: btnWiggle 5s infinite;
  -moz-animation: btnWiggle 5s infinite;
  -o-animation: btnWiggle 5s infinite;
  animation: btnWiggle 5s infinite;
}

/* animation */
@-webkit-keyframes btnWiggle {
    0% {-webkit-transform: rotate(0deg);}
    2% {-webkit-transform: rotate(-10deg);}
    3.5% {-webkit-transform: rotate(10deg);}
    5% {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(0deg);}
}
@-o-keyframes btnWiggle {
    0% {-webkit-transform: rotate(0deg);}
    2% {-webkit-transform: rotate(-10deg);}
    3.5% {-webkit-transform: rotate(10deg);}
    5% {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(0deg);}
}
@keyframes btnWiggle {
    0% {-webkit-transform: rotate(0deg);}
    2% {-webkit-transform: rotate(-10deg);}
    3.5% {-webkit-transform: rotate(10deg);}
    5% {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(0deg);}
}


/* --- BUTTON WIGGLE END --- */

.soc-intervju {
	float: right;
	font-size: 22px;
	color: #000000;
}

.intervju-prva {
	height: 186px;
	object-fit: cover;
}