/*
Theme Name: Upit
Author: KTStudio.cz
Author URI: http://www.ktstudio.cz/
Description: základní šablona pro UPIT.cz
Version: 1.0
Text Domain: ZZZ_DOMAIN
*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap');

body {
    font-family: 'Open Sans', sans-serif;
}

.loadingUpper {
    position:relative
}

.loadingUpper:before {
    content:"";
    width:200px;
    height:13px;
    position:absolute;
    top:-20px;
    left:50%;
    margin-left:-100px;
    display:block;
    background:url("images/loadinganimation.gif") top center no-repeat
}

.loading {
    position:relative;
    overflow:hidden
}

loading:before {
    content:"";
    display:block;
    width:20px;
    height:20px;
    position:absolute;
    top:50%;
    left:50%;
    z-index:1;
    background:url("images/spinner.gif") top left no-repeat;
    margin:-10px 0 0 -10px
}

#ktCookieStatement {
    position: fixed;
    left: 0;
    bottom: 0;
    padding: 5px;
    width: 100%;
    font-size: 0.75em;
    text-align: center;
    color: #efefef;
    background: rgba(0, 0, 0, 0.75);
    z-index: 1000;
    padding: 5px;
}

#ktCookieStatement a {
    color: #efefef;
}

#ktCookieStatementText, #ktCookieStatementConfirm, #ktCookieStatementMoreInfo {
    margin: 0 5px;
}

#ktCookieStatementConfirm, #ktCookieStatementMoreInfo {
    cursor: pointer;
    padding: 3px 5px;
    background: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#projectNotices {
    text-align: center;
}

#projectNotices .success {
    color: green;
}

#projectNotices .error, .validator .erorr-s {
    color: red;
}
#sidebar ul {
    margin: 0 0 20px 20px;
}
#sidebar ul ul {
    margin: 0 0 10px 0;
}
.loop-blog {
	margin-bottom: 2rem;
}
.loop-blog .row {
	margin-bottom: 0;
}
.loop-blog .reference-subtitle {
	height: 145px;
	overflow: hidden;
}
.loop-blog .more {
	margin: 0;
}
.loop-blog .reference-icon {
    height: 100%;
    width: auto;
    margin: 0 auto;
}
.archive #main  , .search #main , .single #main { 
 width: 100%;
}
.archive #main  .container, .search #main .container, .single #main .container{ 
max-width: none;
}
.loop-blog .thumbnail-link {
height: 145px;
width: 220px;
overflow: hidden;
}