/*Layouts css goes here*/


/* general */
body {background: #000 !important; color: #e1d3ff !important; line-height: 1.6; font-size: 15px;}
a:hover {color: #d9abff;}  
.row.homerow {margin-bottom: 40px;}
h3, .h3 {font-size: 1em; font-weight: 700; color: #DE89FF;}
h2, .h2 {font-size: 1.3em; font-weight: 700; color: #DE89FF;}
.gallery-caption {color: #e1d3ff;}
input {color: #000; font-weight: 700;}
.login-form label {width: 200px;}
.pdf {background: url('https://vocalgroup-delight.nl/wp-content/uploads/2019/04/pdf-icon3.png') no-repeat; padding-left: 32px; font-size: 16px; line-height: 2;}

/* agenda */

.agenda-list-item {border-bottom: 2px solid #8f3dd2; list-style: none outside none;}
.agenda-list-item:first-child {border-top: 2px solid #8f3dd2;}
.agenda-list {padding-left: 0;}

/* partituur */
.single-partituur .panel {border-color: #000;}
.single-partituur .panel-heading {border-color: #000; background-color: #000; color: #ddd; padding: 0 0 15px;}

/* page oefen MP3 */
.page-oefen-mp3 .oefen-mp3-content .row {margin: 50px 0;}
.page-oefen-mp3 h2 {margin-top: 25px; font-size: 15px; background: #d9abf6; color: #000; padding: 7px;}


/* header */
.header-top {text-align: center;}
.center {text-align: center;}
.center img {display: inline-block;}

@media screen and (min-width: 768px){
.header-top.desktop {display: block;}
.header-top.mobiel {display: none;}
}
@media screen and (max-width: 767px){
.header-top.desktop {display: none;}
.header-top.mobiel {display: block;}
}

/* main footer */
.main-footer {background: #8f3dd2; border-bottom: 1px solid #1F2756;border-top: 1px solid #1F2756; font-size: 12px; padding: 10px 0 0; margin-top: 40px;}
.main-footer a:hover {color: #d9abff;}
  
    
  /* NAVNAVNAV */
.header-nav {background: #8f3dd2; border-bottom: 1px solid #1F2756;border-top: 1px solid #1F2756; margin-bottom: 40px;}
.ddl-navbar {min-height: auto !important; margin-bottom: 0px !important; border: none !important; margin-top: 0px !important; border-radius: 0 !important;}
.ddl-navbar-default {background-color: transparent !important;}
.ddl-navbar-collapse {padding-right: 0 !important; padding-left: 0 !important; border-top: 0px solid transparent; margin-left: 0px !important;}
.ddl-navbar .ddl-navbar-collapse {margin-left: 0px !important;}
.ddl-navbar-nav > li > a, .ddl-nav > li > a { padding: 4px 10px 5px !important; color: #d9abff; font-weight: 600;}
.ddl-nav > li > a:hover, .ddl-nav > li > a:focus, .ddl-nav > li.active > a {text-decoration: none; background-color: #d9abff !important; color: #8f3dd2;}
.ddl-navbar-nav > li {margin-right: 30px;}

@media screen and (max-width: 767px){
.ddl-navbar-nav > li > a, .ddl-nav > li > a {padding: 20px 10px 5px !important; color: #8f3dd2; font-weight: 600;}
}