:root {
	--success: #95c11f;
	--warning: #fc8c24;
	--green: #95c11f;
	--orange: #fc8c24;
	--damgrey: #4a4e4e;
  	--cassiopeia-color-background: #4e4e4e;
  	--cassiopeia-color-primary: #4e4e4e;
  	--cassiopeia-color-link: #95c11f;
  	--cassiopeia-color-hover: #954b56;
  	--pagination-active-bg: #9511f;
	--pagination-active-border-color: #9511f;
	--pagination-active-color: white;
	}

@font-face {
  font-family: 'Capita';
  src: url('../font/capita/2A6B2B_0_0.eot');
  src: url('../font/capita/2A6B2B_0_0.eot?#iefix') format('embedded-opentype'),
  url('../font/capita/2A6B2B_0_0.woff') format('woff'),
  url('../font/capita/2A6B2B_0_0.ttf') format('truetype');
}

/* Main */
html {margin: 0px auto; max-width: 1400px;}
body {margin: 0px auto;}

.site-grid {grid-gap: 0 0 !important;}
.site-grid .container-component {padding: 0 2em;}
.container-sidebar-left {margin-left: 1rem;}

/* Styling 404 page */
body.error_site ul {display: none;}
body.error_site p:nth-child(2) {display: none;}
body.error_site hr {display: none;}
body.error_site h1 {font-size: 20px; font-weight: normal;}
body.error_site .bg-secondary {background-color:transparent !important;}
body.error_site .badge {color: black; border: none}

/* Header */
header > .grid-child {padding-left: 0 !important; padding-right: 0 !important;}
header {height: 80px; background-image: none !important; background-color: transparent;}

/* Logo */
.dam-logo {width: fit-content; height: 80px; background-color: #4e4e4e;}
.dam-logo img {height:60px; margin: 10px;}

/* Menu */
.dam-topmenu .metismenu > li > a, .dam-topmenu .metismenu button, .dam-topmenu .metismenu > li > ul > li > a {font-family: capita;}
.dam-topmenu .metismenu-item {background-color: #4e4e4e;}
.dam-topmenu .metismenu-item > ul {right: 0;}
.dam-topmenu .metismenu-item > ul > li > a {color: white;;}
.dam-topmenu .navbar-toggler  {position: fixed; right: 0; top:  0px; padding: 30px; border: none; box-shadow: none;}
.dam-topmenu .navbar-collapse {position: fixed; right: 0; top: 32px; background-color: #4e4e4e;}

/* Cards op Home */
.home .top-a.card, .top-a.card {display: inline-flex; text-align: center; xheight: 20rem; margin: 30px;}
.home .top-a .card-header {background-color: #95c11f;}

/* Headers */
h1, h2, h3, h4, h5, h6 {font-family: Capita !important; text-decoration: none !important;}

/* Links */
a, a:hover, a:focus {color: #84b500; text-decoration: none !important;}

/* Buttons */
.btn, .btn-primary {background-color: #95c11f;border-color: #95c11f;color: #fff;text-shadow: none;background-image: none;}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn-[disabled],
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {color: #000;background-color: #95c11f;}
.btn-link {background-color: transparent;border: none;color: #89b01c;text-shadow: none;background-image: none;}
.btn-link:hover {background-color: transparent;border: none;color: #89b01c;text-decoration: underline;text-shadow: none;background-image: none;}

/* Content */
.dam-manifest {background-color: var(--green); color: white;}
.groen {color: var(--green);}

/* Pagination */

/* Module layouts */
.dam-groen {background-color: #95c11f !important;color: black;}
.dam-groen h1, .dam-groen h2, .dam-groen a {color: white !important;}
.dam-grijs {background-color: #4a4c4c !important;}
.dam-oranje {color: black; background-color: #fc8c24 !important;}
.info-dampay, .info-dammarkt, .info-damkoers {text-align: center; font-size: 14px;}

main#content {min-height: 500px;}
main {margin-bottom: 2em !important;}

/* RsForm Buttons */
.formResponsive input[type="submit"] {background-color: #95c11f;border-color: #95c11f;color: #fff;text-shadow: none;background-image: none;}
.formResponsive input[type="submit"]:hover,
.formResponsive input[type="submit"]:focus,
.formResponsive input[type="submit"]:active,
.formResponsive input[type="submit"].active,
.formResponsive input[type="submit"].disabled,
.formResponsive input[type="submit"][disabled] {color: #000;background-color: #95c11f;}
.formResponsive .formHorizontal .rsform-block {margin-bottom: 0;}


/* RS Membership styling */
div#rsm_memberships .card .btn-group, div#rsm_memberships .card .rsm_title:nth-child(2) {display: none;}
div#rsm_memberships .card {padding: 0; text-align: center;}
div#rsm_memberships .card-body {padding: 0;}
div#rsm_memberships h2.rsm_title {height: 60px; padding: 15px 0; margin: 0;}
div#rsm_memberships h2 a {pointer-events: none; cursor: default;}
div#rsm_memberships .card h1 {color: white;}
div#rsm_memberships .table tr {height: 80px;}
div#rsm_memberships .table td {border-bottom: 0;}
div#rsm_memberships .table p  {margin-bottom: 0;}
div#rsm_memberships .col-md-6 {width: 33.333333%;}
div#rsm_subscribe_container a#rsm_skip_button {display: none;}

/* Search */
input.search-query {border-radius: 3px;-webkit-border-radius: 3px;}
div.header-search.pull-right {margin: 0px 10px 0 0;}

/* Layout aanmelden nieuwsbrief */
.nieuwsbrief .responseContainer {color: white;}
.nieuwsbrief p.acysubbuttons {padding: 0px;}

/* Video */
.dam-animatievideo {display: block;width: 500px !important;float: left;margin: -10px 20px 10px 0 !important;}
div.container.pointer-enabled,
.avVideo .avPlayerContainer {margin: 0 0 0 0 !important;padding: 0 0 0 0 !important;border: none !important;background-color: transparent !important;}
	
/* Promotie materiaal */
.dam-promotie {width: 100%;}
.dam-promotie img {margin-right: 20px;background-color: #cccccc;}

/* 'I give a DAM' settings */
.dam-igiveadam img {float: left;padding: 0px 20px 20px 0px;}
.slide-desc-text-default a.readmore {float: none !important;}
.slide-desc-text-default {text-align: center !important;padding: 12px 0 12px 0 !important;font-size: 16px;}
.dam-quotes .slide-desc-text-default {padding: 0px 0px !important;font-size: 16px;background-color: transparent !important;}
.dam-slider .slide-desc {display: none;}

/* Images */
.img-dam, .pull-left.item-image {width: 400px;height: auto;padding-right: 10px;margin-right: 10px;margin-bottom: 10px;float: left;}
.itemid-718 div.pull-left.img-dam {width: 400px;}
.img-center {display: block;margin-left: auto;margin-right: auto;}

/* Styling readmore linkjes */
.readmore .btn {display: inline !important;color: #84b500;background-color: transparent;background-image: none !important;float: left;border-style: none !important;border: none !important;box-shadow: none !important;border-color: transparent !important;padding: 0;margin: 0;font-size: 14px;font-family: sans-serif !important;}
.readmore .btn:hover,
.readmore .btn:focus,
.readmore .btn:active,
.readmore .btn.active {display: inline !important;color: #84b500;background-color: transparent;background-image: none;border-style: none !important;border: none !important;box-shadow: none !important;border-color: transparent !important;}

/* Footer */
.footer {margin: 10px 0; background-color: transparent; background-image: none;}
.footer .grid-child {flex-wrap: wrap; align-items: initial; padding: 0 !important;}
.footer .grid-child > .moduletable {background-color: #4a4c4c; padding: 15px; border: 10px solid white; border-radius: 20px;}
.footer h3, .footer p, .footer a {color: #F4F5F7 !important;}
.footer p {padding: 5px 10px;}
.footer img {padding: 0 0 0 0; float: unset;}
.footer .card {background-color: #4a4c4c;}
.footer .dam-letop {width: 100% !important; border-radius: 20px !important; border: 10px solid white; padding: 0;}
.footer .dam-letop img {width: 40%;}
.footer .convertforms {background-color: var(--damgrey);}
.footer .convertforms .cf-form-wrap {padding: 0 !important;}
 
.donateurs {background-color:#e2e2e2 !important;}
div.acym_module_success {color: #f4f5f7 !important; background-color: transparent !important;}

/* hide elements */
.dam-hidden {display: none;	visibility: hidden;}

/* Dam team pagina */
.damteam {margin: 30px 0;}
.damteam p {text-align: center;}
.modazdirectory__list,
.modazdirectory__form,
.modazdirectory__listitem-all,
.modazdirectory__link,
.modazdirectory__listitem,
.modazdirectory__results > h1 {display: none;}
.modazdirectory__row {display: block;}
.modazdirectory__result {width: 98%;}
.modazdirectory__result > div, .modazdirectory__image {align-self: flex-start;}

/* Styling table Meedoen */
.dam-start .table th, .dam-start .table td {text-align: center;}
.dam-start .table tbody tr.success > td {background-color: #E6F0CA;}

/* Styling Dam FAQ */
.dam-faq .cat-children h3 {display: none;}
.dam-faq h3.page-header.item-title {visibility: inherit;display: inherit;font-size: 14px !important;font-weight: normal;font-family: sans-serif !important;}

/* Styling Plotalot charts */
#chart_98 table tr td:nth-child(3) {text-align:right;}

@media (max-width: 976px) {
	header {height: 70px;}
	.dam-logo {height: 70px;}
	.dam-logo img {height:50px; margin: 10px;}
	.dam-topmenu .navbar-collapse {position: fixed; right: 0; top: 70px; background-color: #4e4e4e;}
	.dam-topmenu .navbar-toggler {padding: 25px;}
	@supports (display:grid) {
		.site-grid {
		    grid-gap: 0 0;
    		grid-template-areas:
			". banner banner banner banner ." 
			". top-a  top-a  top-a  top-a  ." 
			". top-b  top-b  top-b  top-b  ." 
			". side-l side-l side-l side-l ." 
			". comp   comp   comp   comp   ." 
			". side-r side-r side-r side-r ." 
			". bot-a  bot-a  bot-a  bot-a  ." 
			". bot-b  bot-b  bot-b  bot-b  .";
		}
	}
}

@media (min-width: 1400px) {
	.dam-topmenu .navbar-toggler, .dam-topmenu .navbar-collapse  {right: calc(50vw - 700px);}
	.dam-logo {left: calc(50vw - 700px);}
}