@import "global.css";
@import "header.css";
@import "kerkwijzer.css";
@import "geschiedenis.css";

/* IndexNavigatieBar */
.w3-top{
    z-index: 2;
}

/* Containerwelkom */
.containert {
    position: relative;
    max-width: 100%; /* Maximum width */
    margin: 0 auto; /* Center it */
    margin-top:50px;
}
.containert .content {
    position: absolute; /* Position the background text */
    bottom: 0; /* At the bottom. Use top:0 to append it to the top */
    background: rgb(0, 0, 0); /* Fallback color */
    background: rgba(255, 255, 255, 0.8); /* Black background with 0.5 opacity */
    color: #000000; /* Grey text */
    width: 100%; /* Full width */
    height:30%;
    padding: 1%; /* Some padding */
    text-align: center;
    font-size: 3vw;
}
/* /ContainerWelkom */

/* Agenda-pagina */
.agenda {
    padding: 15px;
}

.agenda.-active {
    background-color: #f4e8dc;
}

.agenda.-active .agenda__info:hover {
    background-color: #f4e8dc;
}

.agenda__info {
    padding: 15px 0;
}
.agenda__info:hover {
    background-color: #F5F5F5;
}
.agenda__info__icons i {
    margin-right: 5px;
}

/* Agendaenpagina -> Breakpoints */
@media (max-width: 600px) {
    .agenda__filter ul {
        padding: 0px;
    }

    .agenda.-active {
        margin-top: 15px;
    }
}

@media (min-width: 601px) {
    .agenda__filter ul .w3-bar-item {
        margin-bottom: 15px;
    }
}

/* /Agenda-pagina */

/* Kerkdienstenpagina */

.kerkdienst {
    padding: 15px;
}

.kerkdienst.-active {
    background-color: #f4e8dc;
}

.kerkdienst.-active .kerkdienst__info:hover {
    background-color: #f4e8dc;
}

.kerkdienst__info {
    padding: 15px 0;
}
.kerkdienst__info:hover {
    background-color: #F5F5F5;
}
.kerkdienst__info__icons i {
    margin-right: 5px;
}

/* Kerkdienstenpagina -> ContainerVideo */
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}
.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
/* /Kerkdienstenpagina -> ContainerVideo */

/* Kerkdienstenpagina -> Breakpoints */
@media (max-width: 600px) {
    .kerkdienst__filter ul {
        padding: 0px;
    }

    .kerkdienst.-active {
        margin-top: 15px;
    }
}

@media (min-width: 601px) {
    .kerkdienst__filter ul .w3-bar-item {
        margin-bottom: 15px;
    }
}

/* /Kerkdienstenpagina */

li i.fa-file-pdf {
	padding-right: 4px;
}

/* test icons */
.w3-icon {
    color: #746471!important;
}
/* test Paars - w3-khaki -> cgk-paars */
.w3-khaki, .w3-hover-khaki:hover {
    color: #fff!important;
    background-color: #746471!important
}
/* test Beige - w3-sand -> cgk-beige */
.w3-sand, .w3-hover-sand:hover {
    color: #000!important;
    background-color: #f4e8dc!important
}
/* test Bruin - w3-black -> cgk-bruin */
.w3-black, .w3-hover-black:hover {
    color: #fff!important;
    background-color: #c0b0a2!important
}
.w3-grey, .w3-hover-grey:hover, .w3-gray, .w3-hover-gray:hover {
    color: #fff!important;
    background-color: #666666!important
}

.no-margin {
    margin: 0 0 0 0;
}

.font-weight-400 {
    font-weight: 400;
}