body {
   background: #6041B4;
   color: #f1f1f8;
font-family: monospace;
 }


.template-home . paragraphs {
    margin-bottom: 10px;
}

h3 { 
    color: #f1f1f8; 
}



section#content h1, section#content h2, section#content h3, section#content h4 {margin-top: 24px;}

.active {color: #FFCC00;}
section#content .content-header { 
background:#6041B4; color: f1f1f8;}
section#content .content-header .breadcrumb>.active {color: #FFCC00;}

dl.headlines dt.date a {background:#FFCC00; color:#FFFFFF; border-radius: 50px;}

dl.headlines dt.date div:first-child  {font-size: 24px; font-weight: 600;}
dl.headlines dt.date div:last-child {line-height: 10px;  font-weight: 600;}

.list-unstyled, .list-inline, .text-muted, .small {color: #f1f1f8;}

#menu li a{ 
color: #f1f1f8; 
transition: .2s;
}

#menu li a:hover{color:#FFCC00;transition: .2s;}

#menu>li.active {border-color: #6041B4;}

.sf-menu>li:hover {
border-bottom: 2px solid #6041B4;
}

#submenu a { color: #f1f1f8;}
.aside ul#submenu li.active>a, .aside ul.submenu li.active>a {color:#FFCC00}
.aside ul#submenu li.active>a, .aside ul.submenu li.active>a {background-color: #6041B4; border-radius: 100px;}
.aside ul#submenu li.active>a:hover, .aside ul.submenu li.active>a:hover  {background-color: #6041B4;}
#submenu li a:hover {background: #6041B4 !important; color: #FFCC00; }
.has-submenu ul li:hover {background:#6041B4;}

.aside ul#submenu li a, .aside ul.submenu li a {border: 0px;}
.steps li.active~li {color: #f1f1f8;}
.steps li.active {font-weight: 600;}
.aside-block.steps li.active {color:#FFCC00;}
.steps li.active .badge {background-color: #FFCC00;}
.steps li.active~li .badge {background-color: #262431;}

legend {color: #FFCC00;}
.help-block{color: #FFCC00;}


dl.headlines dd a { color: #f1f1f8;}

/*BUTTON*/
.btn {border-radius: 100px; border: 0px;}
.btn-primary { background-color: #FFCC00; color: #262431;border-radius: 100px; border: 0px;}
.btn-default {  background-color: #FFCC00; color: #262431;border-radius: 100px;border: 0px;}
.btn-primary:hover { background-color: #262431; color: #FFCC00; }
.btn-default:hover {  background-color: #262431; color: #FFCC00;}


/*TABEL*/
table tr {background: cadetblue;}

.col-md-12 .table-striped>tbody>tr:nth-of-type(odd) {
    background-color: transparent !important;
}




footer {background: none; color: #f1f1f8;}
footer a{color: #f1f1f8;}
footer a:hover{color: #FFCC00;}

.sf-menu ul li { background-color: #262431;}

.sf-menu>li>ul {border-top: 2px solid #6041B4; border-bottom: 2px solid #6041B4; }
.sf-menu ul li {border-bottom: 1px solid #262431;}


section#copyright {background: #262431; color:#f1f1f8;}



 .paragraph-image-view>img {
    width: 100%;
    aspect-ratio: 1 / 1;
    height: 100%;
    border-radius: 666px !important;
}



.webshop-product-price{
    background-color:  #6041B4;
color: #FFCC00;
}


.fc-day-header>span {color: #262431;}

/*button.text-white {background-color: #262431;}*/