/* Add here all your css styles (customizations) */

body { font-size: 15px;}
img { max-width: 100%; height: auto;}
h1 {text-transform: uppercase;}
#contentcol li a { color: #0099ff;}

/* HEADER */
.blog-topbar .search-btn { font-size: 12px; padding: 0;}
.topbar-list .fa { font-size: 12px;}
.MX-social-icons a { padding: 0px 6px;}
.content .fa { font-size: 1.2em; margin-right: 0.4em; color: #274084; width: 1em; text-align: center;}

.topbar-list .topbar-dropdown { left: inherit; right: -7px;}
.topbar-list .topbar-dropdown li { white-space: nowrap;}
.topbar-list .topbar-dropdown li img {margin-right: 2px; margin-top: -2px;}
.topbar-list > li:first-of-type { padding-left: 0;}
.topbar-list > li:first-of-type:before { display: none;}

@media (max-width: 768px) {
	.topbar-list li:hover .topbar-dropdown { display: block;}
	.topbar-list .topbar-dropdown li a { padding: 5px 15px;}
	.topbar-list .topbar-dropdown li { padding: 0;}
	.topbar-list .topbar-dropdown { top: 23px; right: -15px; z-index: 1; display: none; padding: 7px 0; list-style: none; min-width: 125px; background: #151515; position: absolute;}
}
@media (max-width: 399px) {
	.topbar-list > li { padding: 7px 4px; letter-spacing: 0px;}
}

/* correct scroll to anchor for fixed header */
.content a[name], .content a[id] {display: block; position: relative; top: -100px; visibility: hidden;}

/* INDEX */
.quote-v1 { padding: 0; }
.quote-v1 p { padding: 0 60px; margin-bottom: 0.5em;}
.quote-v1 span { display: block; margin-bottom: 1em;}
.quote-v1 p::before { display:none;}
@media (max-width: 768px) {
	.quote-v1 p { padding: 0 30px;}
/*	.quote-v1 p:before { font-size: 40px; margin: -15px 0 0 -20px;}*/
}
@media (max-width: 399px) {
	.quote-v1 p, .quote-v1 span { font-size: 14px;}
}


/* SIDE BAR */


.sidebar-nav-v1 li ul a { color: #333; border-top: solid 1px #FFF;}

.sidebar-nav-v1 > li.active,
.sidebar-nav-v1 > li.active:hover,
.sidebar-nav-v1 > li.active:focus {	border-color: #FFF;}

.sidebar-nav-stipendia .sidebar-nav-v1 .list-group-item { border: 1px solid #FFF; background: #eaf4fb;} /* 10% */
.sidebar-nav-stipendia .sidebar-nav-v1 > li.active,
.sidebar-nav-stipendia .sidebar-nav-v1 > li.active:hover {background: #3498db;}

.sidebar-nav-stipendia .sidebar-nav-v1 li ul,
.sidebar-nav-stipendia .sidebar-nav-v1 li.active ul a { background: #c2e0f4;} /* 3 0% */

.sidebar-nav-stipendia .sidebar-nav-v1 ul li.active a { color: #0072bf; font-weight: bold; }

.sidebar-nav-stipendia .sidebar-nav-v1 a:focus, 
.sidebar-nav-stipendia .sidebar-nav-v1 a:hover, 
.sidebar-nav-stipendia .sidebar-nav-v1 a:active {color: #0072bf;}

.sidebar-nav-stipendia .sidebar-nav-v1 > li.active > a {color: #fff;}



.sidebar-nav-aktuality .sidebar-nav-v1 .list-group-item { border: 1px solid #FFF; background: #fcf2e8;} /* 10% */
.sidebar-nav-aktuality .sidebar-nav-v1 > li.active,
.sidebar-nav-aktuality .sidebar-nav-v1 > li.active:hover {background: #e67e22;}

.sidebar-nav-aktuality .sidebar-nav-v1 li ul,
.sidebar-nav-aktuality .sidebar-nav-v1 li.active ul a { background: #f7d8bc;} /* 3 0% */

.sidebar-nav-aktuality .sidebar-nav-v1 ul li.active a { color: #d35400; font-weight: bold; }

.sidebar-nav-aktuality .sidebar-nav-v1 a:focus, 
.sidebar-nav-aktuality .sidebar-nav-v1 a:hover, 
.sidebar-nav-aktuality .sidebar-nav-v1 a:active {color: #d35400;}

.sidebar-nav-aktuality .sidebar-nav-v1 > li.active > a {color: #fff;}



.sidebar-nav-studium .sidebar-nav-v1 .list-group-item { border: 1px solid #FFF; background: #eafaf1;} /* 10% */
.sidebar-nav-studium .sidebar-nav-v1 > li.active,
.sidebar-nav-studium .sidebar-nav-v1 > li.active:hover {background: #2ecc71;}

.sidebar-nav-studium .sidebar-nav-v1 li ul,
.sidebar-nav-studium .sidebar-nav-v1 li.active ul a { background: #c0f0d4;} /* 3 0% */

.sidebar-nav-studium .sidebar-nav-v1 ul li.active a { color: #00a645; font-weight: bold; }

.sidebar-nav-studium .sidebar-nav-v1 a:focus, 
.sidebar-nav-studium .sidebar-nav-v1 a:hover, 
.sidebar-nav-studium .sidebar-nav-v1 a:active {color: #00a645;}

.sidebar-nav-studium .sidebar-nav-v1 > li.active > a {color: #fff;}

/* FOOTER */

.footer-logo { width: 100px;}
.footer-v1 .footer .map-img {background: none;}

/* ICONS */

i.icon-lg { width: 80px; height: 80px; font-size: 40px; line-height: 90px; margin-bottom: 12px;}


/* GENERAL Classes */
@media (min-width: 992px) {
	.text-right-md { text-align:right}
}
@media (max-width: 768px) {
	.sm-margin-bottom-0 { margin-bottom: 0px;}
}
.service-block-v8 { padding: 20px;}
.service-block-v8 .service-block-desc h3 a:hover { text-decoration: none;}
.service-block-v8 .service-block-desc h3:after { top: auto; bottom: -10px; width: 80px;}
.service-block-v8 .service-block-desc h3:hover:after { width: 160px; transition: all 0.2s ease-in-out; }

.service-block-v8-img { float: left; width: 64px; height: 72px; margin: 5px 20px 0 0;}
.service-block-v8-img img { max-height: 100%;}

/* SLIDER */

.bg-color-slider { background-color: #555; }

/* MX Custom Classes */
.imageparent {clear:both;}
.imagewrapper {display: inline-block;}
.imageleft { max-width: 50%; float:left; margin:0 1.5em 1em 0;}
.imageright { max-width: 50%; float:right; margin:0 0 1em 1.5em;}

@media (max-width: 767px){
	.imageright,
	.imageleft {  max-width: 33%;}
}

.imagecaption { display: block; color: #999; background-color: #fff; padding: 2px 8px 0px; font-size: 11px; text-align: right;}

.MX-ratio-column {padding-bottom: 33%; position: relative;}
.MX-ratio-column-box {position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.MX-ratio-column-valign {position: relative; top: 50%; transform: perspective(1px) translateY(-50%);}
@media (max-width: 991px) {
	.MX-ratio-column { width: 100%; padding-bottom: 50%; }
}

/* extra state between sm and xs. must be added to col-sm-6 */
@media (min-width: 400px) and (max-width: 767px) {
	.col-xsm-6 { width: 50%; float: left;}
	.col-xsm-4 { width: 33.33333333%; float: left;}
	.col-xsm-8 { width: 66.66666666%; float: left;}
	/* GALLERY fix for inequal description lengths */
	.MX-gallery .col-xsm-4:nth-child(3n+1), .MX-gallery .col-xsm-6:nth-child(2n+1) {clear: left;}
}
@media (min-width: 768px) {
	/* GALLERY fix for inequal description lengths */
	.MX-gallery .col-sm-4:nth-child(3n+1), .MX-gallery .col-sm-6:nth-child(2n+1) {clear: left;}
}

.thumbnail-zoom img {	position: relative;	transition: all 0.8s ease-in-out;	image-rendering: -webkit-optimize-contrast;}
.thumbnail-zoom:hover img {	transform: scale(1.15);}
.thumbnail-border { border: 1px solid #ddd;}