:root {
	--kblue: 68,156,219;
}
/* The emerging W3C standard
   that is currently Firefox-only */
* {
	scrollbar-width: thin;
	scrollbar-color: rgb(var(--kblue)) #333;
}

/* Works on Chrome/Edge/Safari */
*::-webkit-scrollbar {
	width: 12px;
}
*::-webkit-scrollbar-track {
	background: #333;
}
*::-webkit-scrollbar-thumb {
	background-color: rgb(var(--kblue));
	border-radius: 20px;
	border: 3px solid #333;
}
.oktoberfest a,
.oktoberfest .btn-primary.pdf:before{
	color: rgb(var(--kblue));
}

.oktoberfest .btn {
	border: 1px solid rgb(var(--kblue));
	color: rgb(var(--kblue));
}
.oktoberfest .btn-primary:not(:disabled):not(.disabled):active,
.oktoberfest .btn-primary:not(:disabled):not(.disabled).active,
.oktoberfest .btn-primary:not(:disabled):not(.disabled):hover,
.oktoberfest .btn-primary:not(:disabled):not(.disabled):focus {
	background-color: rgb(var(--kblue));
	border: 1px solid rgb(var(--kblue));
}

.oktoberfest .portfolio-notitle .portfolio-desc,
.oktoberfest .layout-quader::after,
.oktoberfest .layout-quader::before {
	background: rgba(var(--kblue),0.8);
}
.oktoberfest .lightbox .fa-search-plus {
	background-color: rgb(var(--kblue));
}

.oktoberfest .lightbox:hover .fa-search-plus {
	color: rgb(var(--kblue));
	background-color: #fff;
}

.oktoberfest .table th,
.oktoberfest .table td,
.oktoberfest .table thead th {
	border-color: rgb(var(--kblue));
}

.oktoberfest .owl-carousel .owl-nav [class*="owl-"] {
	background-color: rgb(var(--kblue));
}
.oktoberfest .owl-carousel .owl-nav [class*="owl-"]:hover {
	color: rgb(var(--kblue)) !important;
}

.oktoberfest .card-header,
.oktoberfest .card-block {
	border-bottom-color: rgb(var(--kblue));
}