/**
 * Theme Name:  TH Custom Theme
 * Theme URI:   https://www.tehnologijahrane.com/
 * Description: Custom look for TH.
 * Version:     5.0-alpha-1
 * Author:      Tehnologija Hrane
 * Template:    hyboo
 */

/* Fonts */
@font-face {
	font-family: TrajanPro;
		src: url('fonts/TrajanPro-Regular.eot');
		src: url('fonts/TrajanPro-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/TrajanPro-Regular.woff2') format('woff2'),
		url('fonts/TrajanPro-Regular.woff') format('woff'),
		url('fonts/TrajanPro-Regular.ttf') format('truetype'),
		url('fonts/TrajanPro-Regular.svg#TrajanPro') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face{
	font-family: Gizmo;
		src: url('fonts/ss-gizmo.eot');
		src: url('fonts/ss-gizmo.eot?#iefix') format("embedded-opentype"),
		url('fonts/ss-gizmo.woff2') format("woff2"),
		url('fonts/ss-gizmo.woff') format("woff"),
		url('fonts/ss-gizmo.ttf') format("truetype"),
		url('fonts/ss-gizmo.svg#SSGizmo') format("svg");
}

@font-face {
	font-family: 'mendel-icons';
		src: url('fonts/mendel-icons.woff2') format('woff2'),
		url('fonts/mendel-icons.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MWF-MDL2';
		src: url('fonts/MWFMDL2.woff2') format('woff2'),
		url('fonts/MWFMDL2.woff') format('woff'),
		url('fonts/MWFMDL2.ttf') format('truetype'),
		url('fonts/MWFMDL2.svg') format('svg');
}

/* General */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

/* Main grid sizes */


#content .container,
body.home #content .container {
	padding-top: 20px;
	padding-bottom: 10px;
}

@media (min-width: 768px) {
	#content .container {
		padding-top: 220px;
		padding-bottom: 220px;
	}
}

@media (min-width: 1200px) {
	.container {
		width: 1200px;
	}

	body.home .container {
		max-width: 800px;
	}
}

/* Main borders */

.th-border {
	border: 1px solid #D7D7D7;
}

.border-top {
	border-top: 1px solid #D7D7D7;
}

/* Content shadow */
#content > div > div > div:first-child {
	background-color: #fcfcfc;
}

/* Header */

#header {
	border-bottom: 3px solid #ddd;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	transition: all .3s ease-in;
}

#header.headroom--pinned.headroom--not-top,
#header.headroom--unpinned.headroom--not-top {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
	padding-bottom: 5px;
	background: #fff;
	border-bottom: 1px solid #e2e2e2;
	box-shadow: 1px 1px 8px rgba(102,102,102,0.3);
}

/* Chrome 29+ (Only) https://stackoverflow.com/a/24749343 */
@supports (-webkit-appearance:none) and (not (overflow:-webkit-marquee))
and (not (-ms-ime-align:auto)) and (not (-moz-appearance:none)) {
	#header.headroom--unpinned.headroom--not-top {
		top: 25px;
	}
}

@media (min-width: 768px) {
	#header.headroom--unpinned.headroom--not-top {
		top: 0;
	}
}

body.home #header {
	position: initial !important;
}

#header > .container {
	max-width: 1600px;
	padding: 0;
	width: auto;
}

#header.headroom--pinned.headroom--not-top + #content {
	padding-top: 75px;
}

#header.headroom--not-top #branding {
	display: none;
}

#header.headroom--unpinned .header-scroll-down {
	display: inherit !important;
}

#header > div > div > div > div {
	padding-right: 0;
}

@media (max-width: 768px) {
	#header > div > div > div > div {
		padding-left: 5px;
	}
}

#header div.row > div.row {
	margin-left: 0;
	margin-right: 0;
}

#header div.row > div.row:first-child {
	padding-left: 15px;
	padding-right: 35px;
}

@media (min-width: 768px) {
	#header:not(.headroom--not-top) > div.container > div.row {
		margin-top: 10px;
	}
}

#header .current-content-breadcrumb-holder {
	padding: 0 25px 0 34px;
}

.current-content-breadcrumb {
	font-family: "Open Sans", sans-serif;
	line-height: 28px;
	font-size: 14px;
	color: #333;
}

#header .current-content-breadcrumb {
	line-height: 40px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

@media (max-width: 768px) {
	#header .current-content-breadcrumb {
		line-height: 20px;
		margin-top: 5px;
	}
}

.current-content-breadcrumb strong {
	text-transform: uppercase;
}

.current-content-breadcrumb a {
	color: inherit;
}

.header-scroll-down .flyout-menu-toggler-holder {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	padding-top: 12px;
}

#menu-secondary a:hover,
#footer a:hover {
	text-decoration: none;
	background-color: #e9ebe4;
}

.front-page-description {
	font-size: 16px;
	color: #8a8179;
}

/* Header title */

#branding, #branding a {
	text-transform: uppercase;
}

#header .header-loginout a {
	text-transform: initial;
}

.title-container {
	padding-bottom: 20px;
}


#header.headroom--pinned.headroom--not-top .title-container {
	padding-top: 15px;
	padding-bottom: 15px;
}

@media (min-width: 768px) {
	#header.headroom--pinned.headroom--not-top hgroup {
		padding-top: 2px;
		padding-bottom: 2px;
	}

	#header.headroom--pinned.headroom--not-top .title-container {
		padding-top: 0;
		margin-top: 5px;
		margin-bottom: 25px;
	}
}

body.home .title-container {
	margin-right: 15px;
	padding-right: 0;
}

.title-container > div {
	padding: 0;
}

#site-title a {
	font-family: TrajanPro, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: 600;
	line-height: 1px;
	color: #007398;
}

@media (min-width: 400px) {
	#header.headroom--pinned.headroom--not-top #site-title a {
		font-size: 18px;
	}
}


@media (min-width: 400px) and (max-width: 991px) {
	#site-title a {
		font-size: 18px;
	}
}

@media (max-width: 399px) {
	#site-title a {
		font-size: 16px;
	}
}

@media (max-width: 330px) {
	#site-title a {
		font-size: 15px;
	}
}

#site-title a:focus,
#site-title a:hover {
	text-decoration: none;
}

#site-title {
	line-height: 1px;
	display: inline;
}

@media (min-width: 768px) {
	#site-title {
		line-height: 27px;
	}
}

#site-description {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 10px;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #999;
}

.header-loginout {
	list-style: none;
}

.header-loginout li {
	display: inline;
}

.brit-head,
.brit-head a {
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	line-height: 28px;
	color: #333;
}

.mobile-only-header {
	background-color: #084466;
	padding-top: 4px;
}

#collapsible-mobile-share-box {
	background-color: #e6e6e6;
}

.nt-icon {
	background-repeat: no-repeat;
	background-image: url(images/nyt-sprite-20161221.svg?a);
	width: 16px;
	height: 16px;
	display: block;
	opacity: 0.75;
	vertical-align: middle;
}

.settings-button {
	background-position: -494px -214px;
	line-height: 0;
	vertical-align: middle;
	font-style: normal;
	color: #fff;
	cursor: pointer;
}

.flyout-menu-toggler {
	background-position: -443px -214px;
	display: inline-block;
	cursor: pointer;
	vertical-align: inherit;
}

.search-icon {
	background-position: -357px -214px;
	display: inline-block;
	cursor: pointer;
}

.logged-in-settings-button {
	text-transform: lowercase;
	color: #4d7b9f;
	font-size: 12px;
	line-height: 15px;
	font-weight: 700;
	padding: 5px;
	display: inline-block;
	vertical-align: middle;
	font-style: normal;
	cursor: pointer;
}

.dropdown.open .logged-in-settings-button .caret {
	content: "";
	border-top: 0;
	border-bottom: 4px dashed;
	border-bottom: 4px solid;
}

.dropdown.open .logged-in-settings-button,
.logged-in-settings-button:hover {
	background-color: #f7f7f5;
	border-radius: 3px;
	transition: background-color 0.3s;
	color: #666;
}

.dropdown-menu.header-setting-menu:before {
  position: absolute;
  top: -7px;
  left: 90%;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.dropdown-menu.header-setting-menu:after {
  position: absolute;
  top: -6px;
  left: 90%;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  border-left: 6px solid transparent;
  content: '';
}

.dropdown-menu.header-setting-menu > li {
	padding: 0 10px;
	margin-bottom: 5px;
}

.dropdown-menu.header-setting-menu > li.logged-in-display-name {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 11px;
	line-height: 16px;
	font-weight: 700;
	color: #666;
	border-bottom: 1px solid #e2e2e2;
}

.dropdown-menu.header-setting-menu > li > a {
	border-radius: 3px;
	color: #666;
	text-decoration: none;
	font-size: 14px;
	line-height: 15px;
	padding-left: 2px;
}

.dropdown-menu.header-setting-menu > li > a:hover {
	background-color: #f4f5f2;
	color: inherit !important;
}

@media (max-width: 992px) {
	.dropdown {
		text-align: right;
	}
}

a.header-logout {
	width: 100%;
	background: #f3f3f3;
	text-align: center;
	color: #000;
	padding: 8px 9px;
}

.loginout-container {
	padding-right: 60px;
		padding-top: 10px;
}

.loginout-container a {
	color: #106596;
	font-size: 12px;
}

.loginout-container a:first-child {
	margin-right: 10px;
}

@media (min-width: 768px) {
	.loginout-container {
		text-align: right;
	}
}

@media (max-width: 768px) {
	.title-container {
		margin-right: 15px;
	}

	.title-container,
	.title-container .col-xs-8 {
		text-align: center;
	}

	.loginout-container div {
		float: right;
		margin: 10px 10px 0;
		display: inline-block;
	}
}

@media (min-width: 400px) {
	.title-container {
		padding-left: 0;
	}
}

/* Menu responsive */

.navbar-toggle {
	width: 100%;
	margin: 0;
}

.sr-only {
	clip: auto;
	width: 100%;
	text-align: center;
	left:0;
	overflow: visible;
	margin: 0;
	top:5px;
}
.navbar-toggle .icon-bar {
	background:#333;
}


/* Header search form */

#header .screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	left: -1000em;
}

#header .search-field {
	background-color: transparent;
	background-image: url(images/magnifier.png);
	background-repeat: no-repeat;
	background-size: 16px 19px;
	border: none;
	cursor: pointer;
	padding: 0 0 0 34px;
	position: relative;
	-webkit-transition: width 400ms ease, background 400ms ease;
	transition:         width 400ms ease, background 400ms ease;
	width: 0;
}

#header .search-field:focus {
	background-color: #fff;
	border: 2px solid #106596;
	cursor: text;
	outline: 0;
	width: 130px;
}

.search-form .search-submit {
	display: none;
}

input[type="search"] {
	-webkit-appearance: textfield;
	padding-right: 2px; /* Don't cut off the webkit search cancel button */
	width: 270px;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

#search-button-field {
	display: inline;
}

#search-button-field form {
	border-radius: 0;
	border: 1px solid rgba(0,0,0,.6);
	box-sizing: border-box;
	margin-top: 0;
	margin-bottom: 0;
}

button.ms-magnifier {
	background-color: rgba(0, 0, 0, 0);
	box-sizing: border-box;
	border: none;
}

button.ms-magnifier::before {
	font-family: "MWF-MDL2";
	font-size: 16px;
	content: "";
	text-indent: 0;
	-ms-high-contrast-adjust: none;
	display: inline-block;
	vertical-align: middle;
}

.mi-mobile-header {
	cursor: pointer;
	color: #fff;
}

#search-button-field input[type="search"] {
	font-size: 15px;
	width: 250px;
	border: none;
	box-shadow: inherit;
}

#search-button-field input[type="search"]::-moz-placeholder {
	color: rgba(0,0,0,.6);
}

#mobile-search-field-modal.fade.in {
	background-color: #fff;
}

#mobile-search-field-modal .modal-dialog {
	margin: 0;
}

#mobile-search-field-modal .modal-content {
	border: none;
	border-radius: unset;
}

#mobile-search-field-modal .modal-body {
	padding-top: 5px;
	padding-bottom: 5px;
}

#mobile-search-field-modal .modal-body form {
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
}

#mobile-search-field-modal .modal-body form .form-group > * {
	display: inline;
}

#mobile-search-field-modal .modal-body form input[type="search"] {
	width: 70%;
	border: none;
	box-shadow: inherit;
	padding-left: 0;
}

#mobile-search-field-modal .modal-body form button.close {
	font-size: 30px;
	opacity: unset;
}

/* Header ad */

#top-ad {
	padding-bottom: 40px;
	margin-bottom: 100px;
	border-bottom: 0.01px solid #d7d7d7;
}

#top-ad.collapse:not(.in) ~ #container {
	margin-top: 100px;
}

#top-ad,
#top-ad a {
	font-size: 12px;
	font-family: "Open Sans", sans-serif;
	color: #4f4f4f;
	line-height: 28px;
}

.top-ad-container {
	width: 728px;
	max-width: 100%;
}

/* Header menu */

#menu-secondary.affix {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
}

#menu-secondary.affix + #content {
	padding-top: 75px;
}

/* Flyout menu */

.flyout-menu-animate {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

#menu-secondary-flyout {
	position: fixed;
	top: 0px;
	right: -100%;
	padding-top: 10px;
	padding-bottom: 15px;
	height: 100%;
	max-width: 150px;
	text-align: left;
	background-color: rgb(255, 255, 255);
	box-shadow: -3px 0px 3px 0px rgba(160, 160, 160, 0.30);
	z-index: 1001;
}

#menu-secondary-flyout.focus {
	left: 0px;
}

#menu-secondary-flyout ul {
	padding-left: 0;
}

#menu-secondary-flyout li {
	list-style: none;
}

#menu-secondary-flyout ul > li.first-additional-link {
	padding-top: 10px;
}

#menu-secondary-flyout a {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-weight: 700;
	color: #000;
	padding: 4px 21px 4px 12px;
}

#menu-secondary .divider {
	content: '';
	border-bottom: 1px solid rgb(230, 230, 230);
	max-height: 1px;
	overflow: hidden;
	margin: 15px 0px;
}

#menu-secondary ul {
	padding: 7px 35px 7px 15px;
	margin: 15px 0 0;
	list-style: none;
	background-color: #f2f2f2;
}

#header.headroom--not-top #menu-secondary ul {
	margin-top: 0;
	padding-top: 0;
}

#menu-secondary ul > li {
	display: inline;
}

.brit-head > li.float-right {
	float: right;
	margin-right: 40px;
}

.brit-head > li.float-right:first-child {
	margin-right: 0;
}

.brit-head > li {
	padding-left: 5px;
}

#menu-secondary a {
	margin: 3px 30px 3px 0;
	padding: 0 4px;
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	line-height: 28px;
	color: #333;
}

#menu-secondary ul > li:last-child a {
	margin-right: 0;
}

#menu-secondary #search-button-field form {
	margin-top: 0;
	float: none !important;
}

@media (max-width: 768px) {
	#menu-secondary #search-button-field form div.form-group {
		padding-left: 10px;
	}
}

#menu-secondary input[type="search"] {
	width: 70%;
	display: inline;
	border: none;
	box-shadow: unset;
	cursor: pointer;
	position: relative;
	-webkit-transition: width 400ms ease, background 400ms ease;
	transition:         width 400ms ease, background 400ms ease;
}

#menu-secondary input[type="search"]::-webkit-input-placeholder {
	color: #007ee5;
}

#menu-secondary input[type="search"]::-moz-placeholder {
	color: #007ee5;
}

#menu-secondary input[type="search"]:-ms-input-placeholder {
	color: #007ee5;
}

/* Page title */

#webpage-title {
	margin-bottom: 3px;
	border-top: 1px solid #ccc;
	padding-top: 60px;
	padding-bottom: 20px;
}

#webpage-title h1,
#webpage-title a {
	font-size: 40px;
	line-height: 48px;
	font-family: 'Playfair Display', serif;
	font-weight: 400;
	display: inline;
	color: #333;
}

#webpage-title a:hover {
	color: #326891;
	text-decoration: none;
}

.post-meta-row {
	padding-bottom: 10px;
}

.post-type-row,
.post-meta-row {
	font-size: 14px;
	color: #999;
	font-size: 0;
}

.post-type-row a,
.post-meta-row a {
	font-family: 'Open Sans',sans-serif;
	color: #2393bd;
	font-size: 14px;
	position: relative;
}

.post-type-row span a::before,
.post-meta-row span a::before,
.arrow-sep::before {
	content: '\25BB';
	font-family: Gizmo, "Segoe UI Symbol", "Lucida Grande", "Arial Unicode MS", sans-serif;
	font-size: 9.5px;
	position: relative;
	padding-left: 5px;
	padding-right: 8px;
}

.post-type-row span:first-child a::before,
.post-meta-row span:first-child a::before {
	content: '';
	padding: 0;
}

.topic-navigator-arrow {
	border-color: black transparent transparent;
	border-style: solid;
	border-width: 8px;
	height: 0;
	left: 5%;
	position: relative;
	top: -1px;
	width: 0;
}

.topic-navigator-arrow span {
	border-color: white transparent transparent transparent;
	border-style: solid;
	border-width: 8px;
	height: 0;
	left: -8px;
	position: relative;
	top: -3px;
	width: 0;
}

/* Article content */
.hfeed {
	font-family: 'Open Sans',sans-serif;
}

.loop-title,
h3.listing-by-letter,
.entry-content h3.listing-by-letter {
	font-family: 'Playfair Display', serif;
	line-height: 35px;
	color: #333;
	border-top: 1px solid #e6e6e6;
	margin-top: 0;
	padding-top: 35px;
	padding-bottom: 20px;
}

.basic-entry-meta {
	font-size: 14px;
	line-height: 20px;
	margin: 0px 0px 40px 0px;
	color: #909090;
	padding-bottom: 5px;
}

.metadata-icons-holder {
	color: #4f4f4f;
	margin: 0;
}

.metadata-icons-holder-row {
	display: -ms-flexbox;
	display: flex;
	margin: 5px 0;
}

.metadata-icons-holder-row:last-child {
	margin-bottom: 40px;
}

.metadata-icons-holder-row svg {
	margin-right: 10px;
	fill: #2e414f;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.entry-content {
	color: #4f4f4f;
	text-align: left;
	font-size: 16px;
	line-height: 28px;
}
.entry-content td,
.entry-content th,
.entry-content dd {
	font-size: 14px;
	line-height: 20px;
}

.entry-content p {
	margin: 0 0 10px;
	text-align: left;
}

.entry-content h3,
.entry-content h4,
.entry-content h5,
#bbprc-replies-section-title {
	font-weight: 400;
	font-family: "Playfair Display", serif;
	color: #333;
	line-height: 35px;
	margin: 35px 0 20px;
}

.entry-content h3 {
	font-size: 30px;
	margin-bottom: 30px;
	padding-top: 35px;
	border-top: 1px solid #e6e6e6;
}

.entry-content h4 {
	font-size: 25px;
}

.entry-content h5 {
	font-size: 20px;
	font-style: italic;
}

.entry-content blockquote {
	border: none;
	padding: 0;
}

.entry-content blockquote p {
	background-color: #f2f2f2;
	margin: 10px 20px;
	padding: 10px 20px;
	font-size: 16px;
	font-style: italic;
	line-height: 28px;
}

.entry-content a,
.entry-content a:hover,
.entry-content a:focus {
	color: #2393bd;
}

.entry-content a:not(.dropdown-toggle) {
	background-color: #f2f2f2;
}

.entry-content ::selection {
	background-color: #106596;
	color: white;
}

.entry-content ol,
.entry-content ul {
	margin: 10px 0;
}

.entry-content ul li {
	list-style: none;
}

.entry-content ul li::before {
	font-size: 1em;
	content: "\2022";
	float: left;
	position: relative;
	top: .05em;
	width: 1em;
	margin-left: -1em;
	font-family: serif;
	line-height: inherit;
	color: #0176c3;
}

.entry-content ul.letter-list li::before {
	display: none;
}

.entry-content .inner-table-text,
.entry-content table caption {
	font-size: 14px;
	line-height: 20px;
	padding: 15px 0;
	color: #4f4f4f;
}

/* TOC */

.toc {
	background-color: #f8f8f8;
	border: solid 1px #ccc;
	border-radius: 6px;
	box-shadow: 2px 2px 8px #ccc;
	float: left;
	font-size: 12px;
	margin: 0 20px 5px 0;
	padding: 10px;
	top: 8px;
	overflow: auto;
}

.toc-pravilnici {
	overflow: inherit;
	max-height: 100%;
}

#bbp-front-latest-topics.toc {
	width: 100%;
	margin-bottom: 10px;
	max-height: 100%;
}

#bbp-front-latest-topics.toc h3 {
	margin: 0;
	padding-bottom: 0;
	text-transform: none;
}

.toc h5 {
	color: #888;
	font-size: 12px;
	font-family: inherit;
	font-weight: bold;
	margin-bottom: 10px;
	padding-bottom: 0;
	text-transform: uppercase;
}

.toc ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

.toc li {
	color: #333;
	line-height: 1.6em;
	position: relative;
}

.toc a {
	text-decoration: none;
	color: #2393bd;
	margin-left: 10px;
}

.toc a:hover {
	text-decoration: underline;
}

.toc ol .toc-child-list {
	padding-left: 10px;
}

.ui-tree-expand {
	position: absolute;
	border: 0;
	display: block;
	height: 11px;
	width: 11px;
	font-family: courier new,sans-serif;
	text-align: center;
	line-height: 10px;
	font-size: 11px;
	top: 4px;
	background-color: transparent;
	border-radius: 2px;
	color: #888;
	cursor: pointer;
}

.topic-toc-arrow {
	border-size: 10px;
	border-style: solid;
	border-width: 5px;
	display: block;
	height: 0;
	width: 0;
}

.topic-toc-plus .topic-toc-arrow {
	border-color: transparent transparent transparent #106596;
}

.topic-toc-minus .topic-toc-arrow {
	border-color: #106596 transparent transparent transparent;
}

.topic-toc-minus {
	top: 7px;
	left: -3px;
}

/* Grey list */

.grey-list {
	margin-bottom: 20px;
}

.grey-list .row {
	margin-left: 0;
}

.grey-list-item {
	color: #909090;
	margin: 8px 0 0;
	padding: 2px 5px;
	background-color: #f2f2f2;
}

.grey-list-item-empty {
	width: 1%;
}

.grey-list-item a {
	color: #909090;
}

/**************
 * Table list
 **************/
.dogadjaji {
	color: #444;
}
#content .dogadjaji td {
	padding: 3pt;
}
#content .dogadjaji table {
	width: 100%;
}
#content .dogadjaji table, #content .dogadjaji tr, #content .dogadjaji td {
	border: 1px solid #CCC;
	border-collapse: collapse;
}
#content .left-col-date {
	font-size: 11px;
	font-style: italic;
}


/* Entry metadata */
.grey-entry-meta {
	color: #909090;
	padding-left: 5px;
}
.before-entry-metadata {
	line-height: 25px;
	margin-bottom: 20px;
}
.before-entry-metadata .left > div:first-of-type {
	border-top: 1px solid #D7D7D7;
	border-bottom: 1px solid #D7D7D7;
	padding-top: 10px;
	padding-bottom: 10px;
}
.firma-left-meta {
	display: inline-table;
	width: 120px;
}
.firma-right-meta {
	display: inline-table;
	max-width: 270px;
}
.firma-proizvodi-title {
	margin-bottom: 14.56px;
	display: block;
}
.firma-proizvodi {
	padding-left: 40px;
	width:760px;
	margin-bottom:20px;
	overflow:hidden;
}
.firma-proizvodi li {
	list-style-type: square;
	padding-right: 40px;
	line-height:1.5em;
	float:left;
	width:25%;
	margin-bottom: 14.56px;
}
.firma #gallery-1 .gallery-item {
	width: 30%;
	padding: 5px;
	border: 1px solid #CCC;
	margin: 5px;
}
.firma .entry-content #gallery-1 .gallery-icon img {
	border: none;
	margin: 0;
}
.firma .gallery-caption {
	margin: 0;
	padding: 0 5px;
	text-align: center;
	font-size: .9em;
	font-style: italic;
	color: #666;
}

/* Tables */
.singular .hentry table {
	width: 100%;
}
.singular .hentry table, .singular .hentry tr, .singular .hentry td {
	border: 1px solid #CCC;
	border-collapse: collapse;
	margin: 15px 0 30px;
}
.singular .hentry table.noborder, .singular .hentry table.noborder tr, .singular .hentry table.noborder td {
	border: none;
}
.singular .hentry td {
	padding: 3pt;
}

/* Post meta table */

.singular .hentry table.country-stat-table {
	border: solid 1px #ccc;
	position: relative;
	top: 10px;
	margin-bottom: 20px;
	font-size: .85em;
}

.singular .hentry .country-stat-table tr {
	border: 0px none;
}

.singular .hentry .country-stat-table td {
	padding: 4px;
	border: 0px none;
	border-bottom: dotted 1px #d2d2d2;
	line-height: 1.7em;
}

.country-stat-info {
	background-color: #f2f2f2;
	font-weight: bold;
}

/* Enciklopedija */

#ht-tags {
	font-size: 1.04em;
	line-height: 1.6em;
	font-family: Droid Sans, "Lucida Grande", "Lucida Sans Unicode", Tahoma, "DejaVu Sans", sans-serif;
}
#ht-tags .ht-vtag {
	margin-left: 0.4em;
}
#ht-tags a {
	font-size: 95%;
	text-transform: uppercase;
	padding: 1px 4px 1px 4px;
	background-color: rgb(238,238,238);
	border-radius: 5px 5px 5px 5px;
	display: inline-block;
	text-decoration: none;
	color: #21759b;
	margin-bottom: 5px;
}
#ht-tags a:hover {
	color: rgb(255,255,255);
	background-color: #21759b;
	text-decoration: none;
}

.letter-list {
	list-style-type: none;
	padding-left: 0;
}

/* Biografija */

.content-biografija {
	font-family: Roboto, Arial, sans-serif;
	font-size: 13px;
}

.content-biografija h3 {
	color: #262626;
	display: inline-block;
	font: 300 20px Roboto, Arial, sans-serif;
	text-transform: none;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
}

.bio-strong-title {
	color: #262626;
	font: 300 20px Roboto, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
}


/* Registration encouragement */

.widget-register-encouragement {
	background:url(images/bg_rightcol_row.gif) repeat;
	padding:10px;
	margin:0 0 18px 0;
	float:left;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	-webkit-border-radius:3px;
	border: solid 1px #dde7fa;
}

.widget-register-encouragement h2 {
	background:url(images/widget-title-shadow.png) no-repeat center bottom;
	background-position: left bottom;
	color: #8fa250;
	display: block;
	font-size: 20px;
	padding: 0 20px 15px 0;
	margin: 0px;
	font-weight: normal;
	font-style: normal;
}

.reg-button {
	float: right;
}
.reg-button a {
	color: #252525 !important;
	text-decoration: none;
	cursor: default;
	line-height: 22px;
	height: 22px;
	display: inline-block;
	white-space: nowrap;
}

.reg-button div {
	float: left;
	text-decoration: none;
	line-height: 22px;
	height: 22px;
	cursor: default;
}
.wre-l {
	width: 3px;
	background: url(images/wre_button_left_side.png) no-repeat;
}
.wre-m {
	font-size: 1.2em;
	padding-left: 11px;
	padding-right: 11px;
	text-align: center;
	white-space: nowrap;
	background: url(images/wre_button_middle.png) repeat-x;
	font-family: 'Segoe UI', SegoeUIWF, Arial, sans-serif;
	font-size: 12px;
}
.wre-r {
	width: 3px;
	background: url(images/wre_button_right_side.png) no-repeat;
}
.reg-button a:hover .wre-l {
	background: url(images/wre_button_left_side_hover.png) !important;
}
.reg-button a:hover .wre-m {
	background: url(images/wre_button_middle_hover.png) repeat-x !important;
}
.reg-button a:hover .wre-r {
	background: url(images/wre_button_right_side_hover.png) !important;
}

/* Archives */

.numbered-entry-title {
	font-size: 20px;
}

.numbered-entry-title  .entry-title,
article.content-archive .entry-title,
article.content-archive ul.literatura-list li.cat-item a {
	font-size: 20px;
	line-height: 28px;
	display: inline-block;
	margin-bottom: 0;
}

.numbered-entry-title  .entry-title,
article.content-archive .entry-title,
ul.letter-list li a {
	font-size: 20px !important;
	line-height: 28px !important;
	margin-top: 10px;
}

.numbered-entry-title .entry-title a,
article.content-archive .entry-title a,
ul.letter-list li a {
	color: #2393bd;
	background: none !important;
	padding-bottom: 10px;
}

article.content-archive ul.literatura-list li.cat-item a,
article.content-katalog a {
	color: #2393bd;
	margin: 10px 0px;
}

article.content-archive ul.literatura-list,
article.content-archive ul.literatura-list li ul.children,
article.content-archive .entry-content {
	padding-left: 0;
	list-style: none;
	font-size: 14px;
	line-height: 20px;
	color: #909090;
	margin-bottom: 10px;
}

article.content-archive ul.literatura-list,
article.content-archive ul.literatura-list li ul.children {
	margin-bottom: 30px;
}

article.content-archive .loop-meta .loop-title {
	color: #232323;
	font-weight: 400;
	font-family: 'Playfair Display', serif;
}

article.content-archive + .loop-meta .loop-title {
	margin-top: 40px;
	margin-bottom: 0;
}

article.content-katalog a {
}

article.content-katalog h4 {
	text-align: initial;
	font-style: italic;
}

.singular-forum #bbpress-forums article.content-archive h1.entry-title {
	padding-bottom: 0;
}

ul.letter-list li {
	padding-bottom: 20px;
}

/* Front page */

#utility-before-content .widget {
	display: inline-block;
	width: 33.333333%;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 13px;
}

@media (max-width: 768px) {
	#utility-before-content .widget {
		display: block;
		width: 100%;
	}
}

@media (min-width: 768px) {
	.front-social-col {
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}
}

.front-social-row {
	padding-bottom: 10px;
	display: inline-block;
}

.front-social-row li {
	font-size: 15px;
	line-height: 24px;
}

.nt-facebook-icon {
	background-position: -365px -21px;
}

.nt-twitter-icon {
	background-position: -302px -280px;
}

.nt-rss-icon {
	background-position: -105px -214px;
	width: 14px;
	height: 14px;
}

.front-social-row .nt-icon:hover {
	opacity: 1;
	transition: opacity 0.2s ease-in;
}

.front-counter-box {
	padding: 10px 0 0;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	line-height: initial;
	margin-bottom: 10px;
}

.front-counter-box,
.front-counter-box a,
.front-counter-box:hover {
	color: #444;
}

.front-counter-box-top {
	font-size: 18px;
}

.front-counter-box-num {
	font-size: 48px;
	display: inline-block;
	border-radius: 8px;
	text-shadow: rgb(255, 255, 255) 0px 0px 100px;
}

.front-page-search {
	right: 0;
	top: 0;
	background-color: #fff;
	-webkit-font-smoothing: antialiased;
	color: #25282b;
	-webkit-transition: 0.1s width;
	transition: 0.1s width;
}

.front-page-search .search-form {
	position: relative;
	padding: 2px 4px;
	border: 1px solid #d0d4d9;
	border-radius: 3px;
}

.front-page-search .search-form label {
	display: inherit;
	margin-bottom: inherit;
	font-weight: normal;
}

.front-page-search .search-field {
	height: 26px;
	width: calc(100% - 44px);
	border-width: 0;
	color: #000;
	outline: none;
}

.front-page-search .search-field.is-focused::-webkit-input-placeholder {
	color:#d0d4d9
}
.front-page-search .search-field.is-focused::-moz-placeholder {
	color:#d0d4d9
}
.front-page-search .search-field.is-focused:-ms-input-placeholder {
	color:#d0d4d9
}
.front-page-search .search-field.is-focused::placeholder {
	color:#d0d4d9
}

.front-page-search .search-form .search-submit {
	display: inherit;
	position: absolute;
	top: -1px;
	right: 0;
	height: 32px;
	width: 44px;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	border-width: 0;
	background-color: transparent;
	background-image: url(images/search-icon-front.png);
	background-size: 32px 32px;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-transition: 0.1s background-color;
	transition: 0.1s background-color;
}

.pictograms {
	padding-right: 10px;
}

.pictograms .thumbnail {
	border: 1px solid #d7d7d7;
	height: 125px;
	width: 125px;
}

.pictograms .thumbnail:hover {
	border-color: #589fc3;
}

.pictograms .thumbnail .caption {
	padding: 0;
}

.pictograms .thumbnail a .caption h4 {
	font-weight: 600;
	font-size: 14px;
	color: #919191;
}

.pictograms .thumbnail a:hover {
	text-decoration: none;
}

body.home hr {
	border-top-color: #d7d7d7;
}

.front-page-weekly-bar {
	margin-left: 0;
	border-top: 2px solid #8a8179;
	border-bottom: 1px solid #d7d7d7;
	font-size: 12px;
	color: #4f4f4f;
}

.front-page-weekly-bar .front-page-weekly-bar-edge-col {
	margin-top: 15px;
}

.front-page-weekly-bar h4 {
	font-family: TrajanPro, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 22px;
}

.front-page-weekly > div {
	padding-left: 30px;
	padding-right: 30px;
}

.front-page-weekly h5 {
	font-size: 25px;
	font-family: 'Playfair Display', serif;
	line-height: 35px;
	color: #333;
}

.front-page-weekly h5 {
	margin-top: 20px;
}

.front-page-weekly > div > div:first-child h5 {
	margin-top: 0;
}

.front-page-weekly a {
	font-weight: 700;
	color: #4f4f4f;
}

.front-page-weekly span {
	text-decoration: none;
	font-size: 12px;
	font-weight: 400;
	color: #4f4f4f;
}

/* Weekly registration encouragement box */
.weekly-intro-box h3 {
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: 700;
	color: #333;
	line-height: 25px;
}

.weekly-intro-box p {
	font-family: 'Open Sans',sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #8a8179;
}

.signing-up-button {
	font-weight: 600;
	font-size: 14px;
	color: #fff;
	background-color: #589fc3;
	border: 1px solid #589fc3;
	border-radius: 4px;
	-webkit-transition: border .2s ease-in-out;
	-o-transition: border .2s ease-in-out;
	transition: border .2s ease-in-out;
}

.signing-up-button:focus,
.signing-up-button:hover {
	color: #fff;
}

/* Info box after post */

.after-post-community-info {
	margin-top: 215px;
	border-top: 1px solid #D7D7D7;
	background-color: #fff;
}

.after-post-community-info h3 {
	font-family: 'Playfair Display', serif;
	font-size: 30px;
	line-height: 35px;
	margin-top: 40px;
	margin-bottom: 20px;
}

.after-post-community-info a {
	font-size: 16px;
	line-height: 25px;
	color: #2393bd;
}

/* Latest new (tweets) */

.hfeed .aktt_tweets ul {
	margin-left: 0;
	padding-left: 0;
}

.hfeed .aktt_tweets ul li {
	margin: 10px;
	padding: 5px;
	list-style-type: none;
}

/* Search */

#sr-content>ul {
	margin: 0 0 1em 0;
	color: #444;
	font-size: 1em;
	list-style: none;
}

#sr-content>ul>li {
	clear: both;
	margin-bottom: 10px;
}


.sr-link {
	display: block;
	font-weight: normal;
	line-height: 1.4em;
	font-size: 1.2em;
	padding: 4px 0 0;
}

.sr-link a {
	display: inline;
	font-family: 'Open Sans', sans-serif;
	font-size: 17px;
	font-style: normal;
	font-weight: bold;
	color: #326891;
}

body.search .pagination {
	height: 26px;
	text-align: center;
	clear: both;
	padding: 20px 0;
	font-weight: bold;
	padding-left: 40px;
	display: block;
	border-top: 1px solid #ccc;
}

body.search .pagination a {
	color: #106596;
	padding: 0 4px;
	margin: 0 1px;
}

body.search #content .col-sm-8 {
	padding-right: 0;
}

body.search #content .col-sm-4 {
	padding-left: 0;
}

.search-results-right-border {
	border-right: 1px solid #eee;
}

body.search .sr-result .row {
	margin-right: -30px;
}

body.search .sr-result .row .col-md-1 {
	padding-left: 0;
}

.search-preview-arrow {
	width: 35px;
	color: #222;
	background-color: #fff;
	font-size: x-large;
	text-align: center;
	z-index: 1;
	top: 0;
	cursor: pointer;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	right: -1px;
	border: 1px solid #e6e6e6;
	border-radius: 5px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right-color: #fafafa;
	padding: 10px;
}

.search-emphasing {
	background-color: #FFE5AE;
}

/* Primary sidebar */

@media (min-width: 1200px) {
	#primary {
		margin-left: 15px;
		margin-right: 15px;
	}

	body.home #primary {
		margin-left: initial;
		margin-right: initial;
	}
}

@media (max-width: 992px) {
	#primary {
		margin-top: 45px;
	}
}

#primary .widget {
	width: 100%;
	padding: 0px;
	margin: 0 0 20px 0;
	float: left;
}

#primary .widget.toc-widget.affix {
	top: 105px;
	width: 340px;
	overflow-y: auto;
	max-height: 85%;
	z-index: 1000;
	background: #fff;
}

#primary .widget.toc-widget.affix-bottom {
	position: absolute;
}

#primary .widget ul {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	list-style-type: none;
	padding: 0;
}

#primary .widget ul li {
	display: block;
	font-size: 12px;
	line-height: 15px;
	padding: 0 10px;
}

#primary .widget ul li {
	padding-left: 0;
}

#primary .widget ul.list-in-widget > li {
	padding-top: 10px;
}

#primary .widget.toc-widget ul.sidebar-toc > li > a {
	margin-top: 10px;
}

#primary .widget.toc-widget ul.sidebar-toc a:hover {
	background-color: #f2f2f2;
}

#primary .widget a {
	font-size: 13px;
	font-weight: 600;
	font-family: 'Open Sans', sans-serif;
	color: #007398;
	line-height: 20px;
	padding-left: 0;
}

#primary .widget ul li ul li > a,
#primary .widget ul li ul li ul li > a {
	font-size: 12px;
	font-weight: 400;
	padding-left: 25px;
}

#primary .widget.toc-widget ul li ul li ul li > a {
	font-size: 11px;
	padding-left: 50px;
}

#primary .widget.toc-widget ul li.active > a,
#primary .widget.toc-widget ul li ul li.active > a,
#primary .widget.toc-widget ul li ul li ul li.active > a {
	background-color: #f2f2f2;
	color: #333;
}

#primary .widget ul li a:hover,
#primary .widget ul li a:focus{
	text-decoration: underline;
}

#primary .widget.toc-widget a {
	padding-top: 1px;
	padding-bottom: 1px;
}

#primary .widget-title,
#primary .widget.toc-widget h4 {
	font-size: 13px;
	font-weight: 700;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;
	color: #444;
}

#primary .widget.toc-widget::-webkit-scrollbar {
	width: 5px;
}

#primary .widget.toc-widget::-webkit-scrollbar-thumb {
	background-color: #106596;
	border-radius: 2px;
}

#primary .widget.toc-widget::-webkit-scrollbar-track {
	background-color: #eee;
	border-right: 10px solid #fff;
}

/* Blue widget */
#primary .widget-shadow {
	background: url(images/widget-shadow.png) no-repeat center bottom;
}

#primary .widget-shadow .clear {
	height: 0;
	clear: both;
	line-height: 1px;
}

#primary .blue-widget,
#primary .kartica-kursevi {
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
	color: #4f4f4f;
	background: #f0f4f5;
	padding: 10px;
	margin: 0 0 10px 0;
	float: left;
	width: 100%;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: solid 1px #e6e6e6;
}

#primary .blue-widget a,
#primary .kartica-kursevi a {
	font-size: 14px;
	font-weight: 700;
	color: #007398;
}

#primary .blue-widget .widget-title,
#primary .kartica-kursevi .widget-title /* remove */ {
	background: url(images/widget-title-shadow.png) no-repeat left bottom;
	border: none;
	padding-bottom: 20px;
	padding-left: 0;
	margin-bottom: 0;
	font-family: Georgia, Times, "Times New Roman", serif;
	font-size: 25px;
	line-height: 25px;
	color: #8fa250;
	text-align: initial;
}

#primary .kartica-kursevi .single-kurs {
	padding-bottom: 10px;
}

#primary .kartica-kursevi .single-kurs:last-of-type {
	padding-bottom: 0;
}

#primary .tweets_listing_widget  .widget-title {
	background: none;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #000;
	font-weight: bold;
	font-size: 14px;
}

#primary  .tweets_listing_widget li.aktt_more_updates {
	text-align: right;
}

/* Events calendar */

#primary .widget.simple_events_calendar_widget {
	border: none;
}

.secw-datepicker {
	height: auto;
	border: 1px solid #ccc;
	float: left;
	padding: 5px;
	font: 11px Arial, "Helvetica Neue", Helvetica, sans-serif;
	display: block;
	position: static;
	margin: 0 auto;
}

.secw-datepicker .ui-datepicker-inline .ui-datepicker-year {
	display: none;
}

.secw-datepicker .ui-datepicker-header a {
	cursor: pointer;
	color: #0087e8;
	font-weight: bold;
	font-size: 15px;
	height: 1em;
}

.secw-datepicker .ui-datepicker thead {
	background: #f0f4f5;
}

.secw-datepicker .ui-datepicker th {
	color: #666;
}

.secw-datepicker .ui-datepicker td a {
	text-align: center;
	color: #bababa;
}

.secw-datepicker .ui-datepicker table td.ui-state-highlight a {
	border: 1px solid #ccc;
	color: #004276;
	font-weight: bold;
}

/*.secw-datepicker .ui-datepicker table td.ui-datepicker-current-day a,*/
.secw-datepicker .ui-datepicker table td.ui-datepicker-today a {
	border: 1px solid #004276;
	color: #004276;
	font-weight: bold;
}

.secw-datepicker .ui-datepicker table td.ui-state-highlight.ui-datepicker-current-day:not(.ui-datepicker-today) a {
	background: #ccc;
}

.secw-datepicker .ui-datepicker td .popover {
	font-size: 12px;
}

.secw-date {
	font-size: 14px;
	border: 1px solid #E7E7E7;
	margin-top: 10px;
	padding: 7px;
	color: #444;
	line-height: 19px;
}

.close-button {
   background-image: url(images/close_button.png);
   background-position: right top;
   background-repeat: no-repeat;
}

/* Footer */

.content-footer-breadcrumb {
	border-top: 1px solid #ccc;
	margin-top: 50px;
	padding-bottom: 25px;
}

body.home footer > .container {
	padding-left: 0;
}

footer > .container > .row {
	margin-left: 0;
}

.footer-border {
	padding: 0;
	border-top: 1px solid #D7D7D7;
}

.copyright {
	text-align: center;
	clear: both;
	padding: 35px 0 45px;
	display: block;
	font-size: 14px;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
}

.copyright > div {
	display: inline-block;
}

.copyright,
.copyright a {
	font-size: 11px;
	font-weight: 700;
	line-height: 28px;
	color: #333;
}

#menu-secondary-footer-items {
	padding: 0px 10px 10px 0;
	list-style: none;
}

#menu-secondary-footer-items > li {
	display: inline;
}

#menu-secondary-footer-items > li > a {
	margin-right: 10px;
}

/* Floating sidebar */

@media (min-width: 1360px) {
	body.singular .container {
		margin-right: auto;
	}
}

.sd-social-icon a.sd-button > span {
	background: transparent url(images/social-icons-sprite.png) no-repeat 0 0;
	display: block;
	float: left;
	height: 29px;
	padding: 0;
	position: relative;
	text-indent: inherit;
	width: 30px;
	z-index: 2;
}

/* Share Icons */

.center-xs {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.middle-xs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-item-align: center;
	align-self: center;
}

.md-social-toolbar-circle {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	font-size: 18px;
	padding: 5px;
	z-index: 1;
	float: right;
}

.md-social-toolbar-circle a span {
	display: none;
}

.md-social-toolbar-circle > [class*="ui-icon"] {
	background-color: #e6e6e6;
	border-radius: 1em;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #000;
	cursor: pointer;
	font-size: 1em;
	height: 1.667em;
	width: 1.667em;
	margin: 0 5px;
}

[class^="ui-icon-"]:before, [class*=" ui-icon-"]:before {
	font-family: "mendel-icons";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	margin-left: .2em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.ui-icon-mail:before { content: '\e800'; }
.ui-icon-link-ext:before { content: '\e834'; }
.ui-icon-twitter:before { content: '\f099'; }
.ui-icon-facebook:before { content: '\f09a'; }
.ui-icon-gplus:before { content: '\f0d5'; }
.ui-icon-mail-alt:before { content: '\f0e0'; }
.ui-icon-linkedin:before { content: '\f0e1'; }
.ui-icon-link-ext-alt:before { content: '\f14c'; }
.ui-icon-youtube-play:before { content: '\f16a'; }
.ui-icon-instagram:before { content: '\f16d'; }
.ui-icon-flickr:before { content: '\f16e'; }
.ui-icon-yahoo:before { content: '\f19e'; }
.ui-icon-pinterest:before { content: '\f231'; }

.md-social-toolbar-circle .ui-icon-facebook[href] {
	color: #3b5998;
}

.md-social-toolbar-circle .ui-icon-twitter[href] {
	color: #00aced;
}

.md-social-toolbar-circle .ui-icon-gplus[href] {
	color: #dd4b39;
}

.md-social-toolbar-circle .ui-icon-linkedin[href] {
	color: #007bb6;
}

.md-social-toolbar-circle > [class*="ui-icon"]:last-child {
	margin-bottom: 0;
}

/* Helper classes */

.mr-10 { margin-right: 10px; }
.mr-20 { margin-right: 20px; }
.ml-15 { margin-left: 15px; }
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.mt-40 { margin-top: 40px; }
.mb-10 { margin-bottom: 10px; }
.mb-20 { margin-bottom: 20px; }
.mb-30 { margin-bottom: 30px; }
.pl-0 { padding-left: 0 !imporant; }
.pl-15 { padding-left: 15px; }
.pl-30 { padding-left: 30px; }
.pr-0 { padding-right: 0; }
.pr-25 { padding-right: 25px; }
.pt-25 { padding-top: 25px; }
.pb-25 { padding-bottom: 25px; }


/********************************************
 ******    Built-in WordPress CSS Styles
 ********************************************/
.entry-content img {
	margin: 0 0 1.5em 0;
	max-width: 100%;
	height: auto;
	}
.alignleft, img.alignleft {
	margin-right: 1.5em;
	display: inline;
	float: left;
	}
.alignright, img.alignright {
	margin-left: 1.5em;
	display: inline;
	float: right;
	}
.aligncenter, img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
	clear: both;
	}
.alignnone, img.alignnone {
	/* not sure about this one */
	}
.wp-caption {
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: center;
	padding: 15px;
	border: 1px solid #e6e6e6;
	}
.wp-caption img {
	border: 0 none;
	padding: 0;
	margin: 0;
	max-width: 100%;
	height: auto;
	}
.wp-caption p.wp-caption-text {
	line-height: 20px;
	font-size: 14px;
	margin: 0;
	padding-top: 15px;
	}
.wp-smiley {
	margin: 0 !important;
	max-height: 1em;
	}
blockquote.left {
	margin-right: 20px;
	text-align: right;
	margin-left: 0;
	width: 33%;
	float: left;
	}
blockquote.right {
	margin-left: 20px;
	text-align: left;
	margin-right: 0;
	width: 33%;
	float: right;
	}


/* bbPress */
.bbp-topic-freshness, /*.bbp-forum-freshness, */.archive-forum  #content p.bbp-topic-meta, .bbp-topic-started-by, .bbp-author-avatar, .bbpress #container fieldset.bbp-form p.form-allowed-tags, .singular #bbprc-replies fieldset.bbp-form p.form-allowed-tags, .bbpress #container fieldset.bbp-form label[for="bbp_reply_content"], #bbprc-replies fieldset.bbp-form label[for="bbp_reply_content"], #bbprc-replies fieldset.bbp-form label[for="bbp_topic_content"], .logged-out  .bbp-no-reply .bbp-template-notice, #bbprc-replies fieldset.bbp-form label[for="bbp_topic_title"], #bbprc-replies fieldset.bbp-form label[for="bbp_topic_title"] + br, #bbprc-replies fieldset.bbp-form input#bbp_topic_title ,#container fieldset.bbp-form legend,
.bbpress.archive-forum .loop-meta.archive-info, #bbpress-forums div.bbp-search-form,
.bbp-user-profile #content p.bbp-topic-meta,
#bbpress-forums .bbp-forum-info .bbp-forum-content,
#bbp_topic_subscription, .singular #bbpress-forums fieldset.bbp-form label[for="bbp_topic_subscription"], .singular #bbprc-replies fieldset.bbp-form label[for="bbp_topic_subscription"]{display: none;}

.bbp-replies thead, .bbp-topics tfoot, .bbp-replies tfoot, .bbp-no-mod .bbp-reply-header , .singular #bbprc-replies .bbp-reply-header { visibility: hidden; }

ul.bbp-replies .bbp-header,
ul.bbp-replies .bbp-footer,
li.bbp-body .bbp-reply-header,
ul.bbp-forums .bbp-footer,
ul.bbp-topics .bbp-footer,
.bbp-pagination:first-child,
body.forum .hfeed > article.forum > header > .forum-title {
	display: none;
}

.bbpress #content .bbp-forum-info { width: 70%; }
.bbpress .bbp-topic-title { width: 79%; }
#content .bbp-forum-topic-count, ul.bbp-topics li.bbp-topic-voice-count { width: 9%;}
ul.bbp-forums li.bbp-forum-reply-count, .bbp-reply-voice-count { width: 9%;}
#content .bbp-forum-freshness, .bbp-topic-freshness { width: 12%;}

.thc-bbp-forum-title {
	width: 30% !important;
	padding-left: 25px;
}

#bbpress-forums,
#bbpress-forums ul.bbp-replies {
	font-size: inherit;
}

#bbpress-forums ul.bbp-replies {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	margin: 10px 0px;
	border-color: rgb(238, 238, 238) rgb(221, 221, 221) rgb(187, 187, 187);
	border-width: 1px;
	border-style: solid;
	box-shadow: rgba(0, 0, 0, 0.14902) 0px 1px 3px;
}

.bbp-topic-has-post {
	margin: .67em 0;
}

.bbp-topic-has-post .entry-title {
	display: block !important;
	padding-right: 20px;
	margin-top: 10px !important;
}
.bbprc-post-type-row a {
	text-transform: uppercase;
}

#webpage-title .bbp-topic-has-post .bbprc-post-backlink {
	color: #999;
	font-size: 12px;
}
#webpage-title .bbp-topic-has-post .bbprc-post-backlink a {
	font-size: inherit;
	color: #2393bd;
}

.bbp-replies div.odd {
	background: none !important;
}

.bbp-replies div.hentry,
.bbprc-replies-head  {
	border-bottom: 1px solid #e8e8e8;
}

.bbp-reply-meta a {
	color: #326891;
	font-weight: bold;
}

.bbp-reply-meta span {
	font-style: italic;
	font-size: 85%;
	color: #999;
}

#bbpress-forums .reply-author-dropdown ul.dropdown-menu {
	background-color: #fff;
}

#bbpress-forums .reply-author-dropdown .logged-in-display-name {
	text-align: center;
}

.bbp-reply-content {
	margin-left: 0 !important;
}
.bbp-pagination:first-child,
#subscription-toggle + .bbp-pagination {
	display: none;
}
.bbp-pagination {
	text-align: center;
}

.bbp-pagination-count {
	float: none;
}
.bbp-pagination-links .page-numbers.current {
	background: #326891;
	padding-left: 13px;
	padding-right: 13px;
	padding-top: 2px;
	padding-bottom: 6px;
	color: white;
}

.bbp-pagination-links a.page-numbers {
	padding-left: 13px;
	padding-right: 13px;
	padding-top: 2px;
	padding-bottom: 5px;
	border: 1px solid #326891;
	text-decoration: none;
	color: #326891;
}

.bbprc-replies-head {
	padding: 10px;
}

.bbprc-replies-head a {
	color: #326891;
}

.bbprc-replies-head-title {
	text-transform: uppercase;
	text-align: center;
}
#bbprc-replies {
	margin-top: 20px;
}
#bbpress-forums fieldset.bbp-form,
#bbprc-replies fieldset.bbp-form {
	background: #f5f5f5;
	padding: 10px 8px;
	margin-bottom: 10px;
	border: 1px solid #EEE;
}
#bbpress-forums fieldset.bbp-form h3,
#bbprc-replies fieldset.bbp-form h3 {
	text-align: left;
	margin: 10px 10px;
	font-size: 14px;
	text-transform: uppercase;
	line-height: 14px;
	padding: 0px;
	font-weight: bold;
	color: #666 !important;
}

#bbpress-forums fieldset.bbp-form input.bbp-the-content-title,
#bbprc-replies fieldset.bbp-form input.bbp-the-content-title {
	width: 100%;
	border: 1px solid #DEDEDE;
	padding: 10px;
	font-size: 14px;
	line-height: 14px;
	margin-bottom: 10px;
	margin-top: 10px;
}


#bbpress-forums fieldset.bbp-form ::-webkit-input-placeholder,
#bbprc-replies fieldset.bbp-form ::-webkit-input-placeholder { /* WebKit browsers */
	color:    #aaa;
}
#bbpress-forums fieldset.bbp-form :-moz-placeholder,
#bbprc-replies fieldset.bbp-form :-moz-placeholder  { /* Mozilla Firefox 4 to 18 */
   color:    #aaa;
   opacity:  1;
}
#bbpress-forums fieldset.bbp-form ::-moz-placeholder,
#bbprc-replies fieldset.bbp-form ::-moz-placeholder  { /* Mozilla Firefox 19+ */
   color:    #aaa;
   opacity:  1;
}
#bbpress-forums fieldset.bbp-form :-ms-input-placeholder,
#bbprc-replies fieldset.bbp-form :-ms-input-placeholder  { /* Internet Explorer 10+ */
   color:    #aaa;
}


#bbpress-forums div.mce-edit-area,
#bbprc-replies div.mce-edit-area {
	border-left: 1px solid #DEDEDE !important;
	border-right: 1px solid #DEDEDE !important;
}


.bbp-the-content-wrapper {
	border-radius: 3px;
	background: none;
	position: relative;
}

.bbp-the-content-wrapper .bbp-the-content-editor-mask {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	cursor: text;
}

.bbp-the-content {
	overflow: auto;
	word-wrap: break-word;
	zoom: 1;
	hasLayout: true;
	height: 78px;
	padding: 5px;
	resize: none;
	background-image: url(images/1x1.png);
	width: 100%!important;
	background: none;
	border: none;
	font-family: arial;
	font-size: 12px;
	color: #4D4D4D;
	transition: border .2s linear 0s,box-shadow .2s linear 0s;
}

.bbp-the-content-wrapper #mceu_19-body {
	display: none;
}
div.bbp-submit-wrapper {
	clear: both;
	margin: 0;
}
.bbp-submit-wrapper button {
	background: #EAEBEB;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#EAEBEB", endColorstr="#FFFFFF");
	background: -webkit-gradient(linear, left top, left bottom, from(#EAEBEB), to(#FFFFFF));
	background: -moz-linear-gradient(top, #EAEBEB, #FFFFFF);
	line-height: 20px;
	font-size: 12px;
	padding: 0 10px;
	float: right;
	white-space: nowrap;
	position: relative;
	border-radius: 3px;
	color: #4d4d4d;
	border: 1px solid #C5C7C7;
	display: inline-block;
	zoom: 1;
	vertical-align: middle;
	text-align: center;
	box-shadow: 0 0 2px RGBA(0,0,0,0.15);
	-webkit-box-shadow: 0 0 2px RGBA(0,0,0,0.15);
	-moz-box-shadow: 0 0 2px RGBA(0,0,0,0.15);
	min-width: 150px;
}

.bbp-user-profile #bbpress-forums #bbp-user-body,
.bbp-user-edit #bbpress-forums #bbp-user-body {
	margin-left: 0;
}

/* Modals */

@media (min-width:992px){.modal-lg{width:900px}}

.footer-menu-modal n {
	padding: 10px;
}

.footer-menu-modal .modal-content {
	background: none;
	border: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.footer-menu-modal .modal-header {
	border-bottom: none;
}

.footer-menu-modal .modal-header .modal-title {
	font-size: 24px;
	font-weight: bold;
}

.footer-menu-modal .modal-body,
.loginreglost-modal .modal-content {
	border: 1px solid #ccc;
	background-color: #fff;
	-moz-box-shadow: 0 1px 3px #aaa;
	-webkit-box-shadow: 0 1px 3px #aaa;
	box-shadow: 0 1px 3px #aaa;
	text-align: left;
	font-family: 'Open Sans',sans-serif;
}

.footer-menu-modal button.close {
	background: url(images/modal_sprite.png) no-repeat scroll center 0 transparent;
	position: relative;
	top: -35px;
	left: 30px;
	font-size: 0;
	height: 35px;
	width: 30px;
	opacity: 1;
}

.loginreglost-modal .modal-header .modal-title {
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color: #666;
	margin-left: 5px;
}

.modal-new-modal {
	margin-left: 20px;
}

.modal-new-modal button {
	padding-left: 0;
}

.loginreglost-modal {

}

.loginreglost-modal  .modal-content {
	background: #fff;
	border-radius: inherit;
}

.loginreglost-modal  .modal-body {
	border: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.loginreglost-modal  .modal-footer {
	border-top: none;
}

.signin-type-button {
	border: none;
	text-transform: none;
	text-align: left;
}

.signin-type-button span {
	margin-left: 14px;
	display: inline-block;
	font-size: 13px;
	line-height: 13px;
}

.facebook-signin-button {
	background-color: #3c5a99;
	color: #fff;
}

.google-signin-button {
	background-color: #dd4b39;
	color: #fff;
}

.facebook-signin-button:hover {
	background-color: #526bc8;
	color: #fff;
}

.google-signin-button:hover {
	color: #fff;
}

.facebook-signin-button .nt-icon {
	background-position: -315px -21px;
	width: 15px;
	height: 22px;
	display: inline-block;
}

.google-signin-button .nt-icon {
	background-position: -124px -54px;
	width: 15px;
	height: 22px;
	display: inline-block;
}

.email-signin-button {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.email-signin-button .nt-icon {
	background-position: -377px -0px;
	width: 14px;
	height: 11px;
	display: inline-block;
}

.kontakt-box {
	color: #444;
}

.kontakt-box a {
	color: #2393bd;
}

.kontakt-bio-link {
	background-color: #275b8a;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height: 30px;
	letter-spacing: 1px;
	text-shadow: 2px 2px 3px #329ea8;
	text-align: center;
	width: 100px;
	padding: 4px 4px 2px;
}

.kontakt-bio-link a {
	color: #fff;
}

.kontakt-box strong,
.kontakt-bio-link {
	display: inline-block;
	margin-top: 10px;
}

.kontakt-envelope {
	background: transparent url(images/kontakt-envelope.gif) no-repeat 0 0;
	padding-left: 20px;
}

.kontakt-phone {
	background: transparent url(images/kontakt-phone.gif) no-repeat 0 0;
	padding-left: 20px;
}


/* Scrollable widget */

#primary .widget ul.xoxo.archives {
	height: auto;
	max-height: 310px;
	overflow: auto;
	overflow-x: hidden;
}
#primary .widget ul.xoxo.archives:first-child {
	margin-top: 10px;
}
/*.scrollable-box {
	height: 110px;
	overflow: scroll;
	overflow-x: hidden;
}
.scrollable-box.sb-tall {
	height: auto;
	max-height: 310px;
}*/
.widget ::-webkit-scrollbar,
.toc-container ::-webkit-scrollbar {
	height: 16px;
	overflow: visible;
	width: 16px;
}
.widget ::-webkit-scrollbar-thumb,
.toc-container ::-webkit-scrollbar-thumb {
	background-color: rgba(0, 0, 0, .2);
	background-clip: padding-box;
	border: solid transparent;
	border-width: 1px 1px 1px 6px;
	min-height: 28px;
	padding: 100px 0 0;
	box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1),inset 0 -1px 0 rgba(0, 0, 0, .07);
}
.widget ::-webkit-scrollbar-button,
.toc-container ::-webkit-scrollbar-button {
	height: 0;
	width: 0;
}
.widget ::-webkit-scrollbar-track,
.toc-container ::-webkit-scrollbar-track {
	background-clip: padding-box;
	border: solid transparent;
	border-width: 0 0 0 4px;
}
.widget ::-webkit-scrollbar-corner,
.toc-container ::-webkit-scrollbar-corner {
	background: transparent;
}

/* Flyout box */

#upprev_box {
	text-align: left;
	background-color: #fff;
	position: fixed;
	z-index: 9999999;
	padding: 10px 20px 10px 10px;
	border: 1px solid #ccc;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, direction=270, strength=7)";
	filter: progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, direction=270, strength=7);
	_position: absolute;
	_top: 0;
	bottom: 5px;
	width: 420px;
	right: 5px;
	display: block;
	right: -420px;
}

#upprev_box .weekly-intro-box h3 {
	margin-top: 0;
	text-transform: uppercase;
}

#upprev_close {
	background: url(images/modal_sprite.png) no-repeat scroll center 0 transparent;
	border: none;
	display: block;
	height: 35px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	right: -15px;
	text-indent: -999em;
	top: -15px;
	width: 30px;
}

.after-post-encouragement {
	background: radial-gradient(ellipse 50% 30px at 50% 100%, #ebebeb 0%, #fcfcfc 110%);
	width: 100%;
	height: 45px;
	z-index: 0;
	border-top: none;
}

.after-post-encouragement-buttons {
	margin-top: 30px;
	display: inline-block;
}

.bbpress .after-post-encouragement-buttons {
	margin-top: 15px;
}

.after-post-encouragement-buttons button {
	height: 30px;
	min-width: 130px;
	background-color: #ebebeb;
	color: #333;
	border-color: #ccc;
	font-weight: 700;
}
#bbp-guest-after-single-topic {
	padding: 8px 10px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #f0f4f5;
	clear: both;
}

.th2014_comment_loader_wrapper {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.5);
}
.th2014_comment_loader_wrapper img {
	position: absolute;
	top:50%;
	left: 50%;
	transform: translate(-50%,-50%);
}