/* Kunena menu passend maken */
#kunena.layout #ktopnav .navbar-nav > li > a, #kunena.layout .nav.nav-tabs > .nav-item .nav-link {
	padding: 10px 0.5rem!important;
}
/* Kunena achtergrond achter inlog weghalen */
#kunena.layout .kuser-area {
	background: none!important;
	border: none!important;
}
/* Kunena kleur inlogbutton */
#klogin-desktop, #klogin-mobile {
	background: #0284C7!important;
	color: #fff!important;
}
#kunena.layout #ktopnav {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#kunena.layout .dropdown-menu {
	border: 1px solid var(--kborder-color);
	border-radius: 0;
	min-width: 240px;
	padding: 1rem;
}
#kunena.layout #kdesktop-loginform {
	padding: 0;
}
#kunena.layout .kuser-area .kform-links {
	gap: 0.5rem;
}
#kunena.layout .klogout .kuser-info {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.5rem;
}
#kunena.layout .klogout .kuser-postdate {
	font-size: 12px;
}
#kunena.layout .klogout .dropdown-menu {
	min-width: 280px;
}
#kunena.layout .klogout #status-online {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}
#kunena.layout .klogout #status-online .btn {
	font-size: 12px;
	padding: 4px 6px;
	margin: 0;
}
#kunena.layout .klogout #status-online .btn:hover,#kunena.layout .klogout #status-online .btn:focus,#kunena.layout .klogout #status-online .btn:active {
	text-decoration: none;
	color: #fff;
}
#kunena.layout .klogout .btn-link {
	padding: 0;
}
#kunena.layout .klogout #logout-form {
	margin-top: 1rem;
}
#kunena.layout .kbtn-more {
	background: #fff;
	color: var(--ktext-light);
	border-radius: 4px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: .5rem;
	font-size: 14px;
	margin-top: .5rem;
	margin-bottom: .5rem;
	padding: 6px 0;
}
#kunena.layout .kbtn-more i {
	font-size: 12px;
}
#kunena.layout .kbtn-more:hover,#kunena.layout .kbtn-more:focus,#kunena.layout .kbtn-more:active {
	background: var(--kprimary);
	color: #fff;
	cursor: pointer;
}
/* Fix pagination */
#kunena.layout .kpagination-wrap .pagination .page-item>.page-link {
	border-radius: 0 !important;
}
#kunena.layout .kpagination-wrap .pagination .page-item:first-child > .page-link {
	border-radius: 6px 0 0 6px !important;
}
#kunena.layout .kpagination-wrap .pagination .page-item:last-child > .page-link {
	border-radius: 0 6px 6px 0 !important;
}
/* Menu voor mobiele weergave Cassiopeia */
#ktopnav {
	margin-right: 0px !important;
}
.header {
	height: 100px;
	display: inline-flex;
}
#navbar1 {
	background: rgba(40, 163, 16, 1);
}
/* Aanpassingen Cassiopeia */
.site-grid>.full-width {
	grid-column: 2/6;
}
.header {
	border-bottom: 1px solid #eaeaea;
}
.site-grid{
	grid-template-columns: [full-start] minmax(0,1fr) [main-start] repeat(4,minmax(0,16.275rem)) [main-end] minmax(0,1fr) [full-end];
}
.header .grid-child {
	max-width: 67em;
}
.footer .grid-child {
	max-width: 67em;
}
.topbar .grid-child {
	max-width: 67em;
}
.topbar {
	max-width: 67em;
}
@media (min-width:768px) {
	.container-nav {
		position:fixed;
		top:20px;
	}
	.navbar {
		margin-left: auto;
		order: 2;
		margin-right: 20px !important;
	}
	.container-header nav {
		margin-top: 0px
}
	.navbar-brand {
		z-index:10;
		top: 20px
}
	.header .grid-child {
		max-width: 100%;
		padding-bottom: 40px !important;
		padding-left: 7vw;
		padding-right: 7vw;
		padding-top:0 !important
}
	.container-header .container-search {
		order: 3;
	}
}
:root{
	--cassiopeia-color-primary:#f8bb19;
	--cassiopeia-color-link:#000000 ;
	--link-color:#000000 ;
	--cassiopeia-color-hover:#292108 ;
	--cassiopeia-font-family-body: "Fira Sans" ;
	--cassiopeia-font-family-headings: "Fira Sans" ;
	--cassiopeia-font-weight-headings: 600 ;
	--cassiopeia-font-weight-normal: 300 ;
}
.container-component {
	margin-top: 15px;
	border: 1px solid #dfe3e7
}
html {
	background: url("https://aldfaerforum.nl/");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
}
p,li,ul,td,table {
	font-size: 1rem !important
}
.atss {
	top: 20%
}
body {
	background-color: rgba(255, 254, 245, 1);
}
.brand-logo {
	font-family: "Fira Sans"
}
.btn-primary{
	color: #ffffff ;
	background-color: #1f1805;
	border-color: #f8bb19
}
.btn-secondary{
	color: #353b41 ;
	background-color: #ffffff;
	border-color: #ced4da
}
.btn-info{
	color: #ffffff ;
	background-color: #30638d;
	border-color: #30638d
}
.btn-success{
	color: #ffffff ;
	background-color: #448344;
	border-color: #448344
}
.btn-warning{
	color: #ffffff ;
	background-color: #ad6200;
	border-color: #ad6200
}
.btn-danger{
	color: #ffffff ;
	background-color: #a51f18;
	border-color: 
}
.blog-item {
	background-color: rgba(255, 254, 245, 1)
}
.btn, .badge {
	border-radius: 0.5rem
}
.card-header{
	background-color: rgba(192, 237, 227, 1) 
}
.card, .mm-collapse, .breadcrumb, .item-content, .blog-item, .item-image, .item-page, .card-header, .left.item-image img, .category-list, .reset, .remind, .pagination,.page-link, .login, .list-group-item, .finder, .no-card .newsflash-horiz li, .container-component {
	border-radius: 0.5em !Important
}
.close_button {
	float:right;
	bottom: 5px;
	border-radius: 0.5rem;
	padding: 5px;
}
.container-header .metismenu>li.active>a:after, .container-header .metismenu>li.active>button:before, .container-header .metismenu>li>a:hover:after, .container-header .metismenu>li>button:hover:before {
	background: #f8bb19;
	opacity: 1
}
.container-banner .banner-overlay .overlay, {
	background-color: rgba(211, 230, 43, 0.5);
}
.container-bottom-a>*, .container-bottom-b>*, .container-top-a>*, .container-top-b>* {
	margin: 0em;
}
.container-top-a{
	background-color:rgba(251, 255, 196, 0) !important;
	border: 0px !important;
	box-shadow: 0 0 0 100vmax rgba(251, 255, 196, 0);
	clip-path: inset(0 -100vmax);
	padding-top: 50px;
	padding-bottom: 50px;
}
.container-top-b{
	background-color:rgba(251, 255, 196, 0) !important;
	border: 0px !important;
	box-shadow: 0 0 0 100vmax rgba(251, 255, 196, 0);
	clip-path: inset(0 -100vmax);
	padding-top: 50px;
	padding-bottom: 50px;
}
.container-bottom-a{
	background-color:rgba(32, 68, 199, 0) !important;
	border: 0px !important;
	box-shadow: 0 0 0 100vmax rgba(32, 68, 199, 0);
	clip-path: inset(0 -100vmax);
	padding-top: 0px;
	padding-bottom: 0px;
}
.container-bottom-b{
	background-color:rgba(251, 255, 196, 0) !important;
	border: 0px !important;
	box-shadow: 0 0 0 100vmax rgba(251, 255, 196, 0);
	clip-path: inset(0 -100vmax);
	padding-top: 50px;
	padding-bottom: 50px;
}
.metismenu.mod-menu .mm-collapse {
	background-color: rgba(192, 223, 240, 1)
}
.metismenu.mod-menu .parent>ul a {
	color: rgba(0, 0, 0, 1) 
}
.metismenu.mod-menu .parent>ul a:hover {
	color: rgba(0, 0, 0, 1) 
}
.container-banner .banner-overlay {
	height:40vh 
}
.container-header .metismenu>li.level-1>ul {
	min-width: 15rem;
}
.container-header .mod-menu, .container-header .navbar-toggler {
	color: #ffffff
}
.card-header {
	color: #ffffff;
}

.container-header {
	background: url(https://aldfaerforum.nl/images/sampledata/jhk/aldfaer_smooth_128x128x32.png#joomlaImage://local-images/sampledata/jhk/aldfaer_smooth_128x128x32.png?width=128&height=128) ;
	box-shadow: inset 0 0 0 5000px rgba(40, 163, 16, 1);
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position:top,50%;
}
.footer {
	background: url(https://aldfaerforum.nl/) ;
	box-shadow: inset 0 0 0 5000px rgba(211, 224, 152, 0.9);
	background-size: 100% auto;
	background-repeat: no-repeat;
}
.footer .grid-child {
	align-items:flex-start
}
.h1, h1 {
	font-size:1.875rem 
}
.h2, h2 {
	font-size:1.571rem 
}
.h3, h3 {
	font-size:1.286rem 
}
.h4, h4 {
	font-size:1.111rem 
}
.h5, h5 {
	font-size:1.05rem 
}
.item-page, .com-users, .com-users-reset, .com-users-remind, .com-users-profile, .com-content-category, .card, .mod-articlesnews-horizontal li, .breadcrumb, .finder, .login, .container-component{
	background-color: rgba(255, 254, 245, 1) !important;
	padding: 15px;
}
.item-content {
	padding: 15px;
}
.metismenu.mod-menu .metismenu-item {
	flex-wrap: wrap !Important;
	padding: 5px;
}
.navbar-brand {
	font-family: Fira Sans;
	padding-top: 0rem;
	padding-bottom: 0rem;
}
.result__title-text {
	font-size: 1.286rem;
	font-size: 1.5rem;
	color: #f8bb19
}
.result__item>*+* {
	margin-left: 1em;
	margin-bottom: 1em;
}
.container-header {
	background: linear-gradient(to right, #cc5333, #23074d);
}
.header {
	height: 100px;
}
.brand-logo{
	font-size: 25px;
}
.site-description {
	font-size: 30px !Important;
}
.com-content-article__body a {
	color: rgba(32, 68, 199, 1);
}
.com-content-article__body a {
	font-size: 12px;
	text-decoration: none;
}
@media (min-width:200px) and (max-width:768px){
	.footer .grid-child {
		display:flex;
		flex: 1 1 300px;
		flex-direction: column;
	}
}
@media (min-width:768px) {
	.bottombar{
		display:none;
	}
}
.btn.btn-light.dropdown-toggle:after {
  color: #fff;
}
.klogout .btn-light {
    background: #0284C7;
}
.klogout .bi.bi-person {
    color: #fff;
    font-weight: bold;
}
.kuser-area .d-lg-none {
    float: right;
}