:root {
	--body-color: #52070C;
    --cassiopeia-color-link: #3e630e;
    --cassiopeia-color-hover: #558813;
}

body {
  background-color: #fef9f9;
  background-image: url(../images/koe-lijntjes-half-transparant-5-proc.png);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: left center;;

}
.floatleft {
	float: left;
}
.floatright {
	float: right;
}

main td, main th {
  vertical-align: top !important;
}
.moduletable { position: relative; }  /* voor positonering van front end editing icon */

.rsform .formError, .formRed {
  color: #cf4d4d;
  background-color: #fdf9cd;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 5px;
}

.rsform .formError {
  color: #cf4d4d;
  font-size: inherit;
  display: inline-block;
margin-top: 5px;
}

td.center.directoryCol {
  text-align: left; /* overrule center bij rsform submissions list */
}

figure.left, img[style *= "left"] { margin-right: 15px;  }
figure.right, img[style *= "right"] { margin-left: 15px;  }
.fa {
  margin-right: 8px;
}
.wf_caption {
	margin: 0 10px 15px 0;
	background-color: #555;
	padding-bottom: 8px;
	color: #ddd;
}
.wf_caption:hover {
	color: white;
}
.wf_caption > span {
  padding: 5px 10px 0 10px;
}
p.quote {
  border: 1px solid #017af3;
  background-color: #e8f3fd;
  width: 85%;
  padding: 1.5em;
  margin: 0 auto 20px;
  color: #01203f;
  box-shadow: 5px 5px 5px rgb(1, 32, 62, 0.2);
}

cite {
	display: inline-block;
	background-color: #eee;
	padding: 20px 30px;
	border: 2px solid #ddd;
	box-shadow: 8px 8px 8px rgb(0,0,0,0.2);
	border-radius: 2px;
	margin-bottom: 15px;
}
header .mod-menu {
  flex-direction: row;
}

header .hoofdmenu .mod-menu li {
    margin-left: 1.55em;
}

.moduletable.hoofdmenu {
  width: 100%;
}

.slideshowck.camera_wrap  {
  margin-bottom: 0 !important;
}
header .maximenuck .svg-inline--fa {
  height: 0.8em;
}
.rsform.hoofdmenu {
  width: 100%;
}
.site-grid .container-banner {
  margin: 0 0 25px 0;
}
.container-banner .camera_pag {
  margin-top: -51px;
   margin-right: 50px;
}


.maingrid {
  padding-bottom: 150px;
}
ul.nav svg.p-2 {
  padding: 0 5px 0 0 !important;
}

.blog-item a {
	text-decoration: none;
}

.rsform.formulier,
.com-users-login.login {
  display:inline-block;
  padding: 30px 50px;
  border: 5px solid #FFFFFF;
  border-radius: 20px;
  background-color: #ecdbdd;
  box-shadow: 0px 0px 15px rgb(0,0,0,0.15);
}
.container-header,
.container-header a,
.container-header .mod-menu {
  color: #073043; /* 073043 = donkerblauw */
}
#volle-breedte-1 {
	background-color: transparent;
	color: white;
	margin: 30px 0;
}

[id^=volle-breedte],
[id^=kolom-breedte] {
	padding: 0px 10px 30px 10;
}
.container-sidebar-right {
  background-color: #ecdbdd;
  padding: 0 20px;
  border: 8px solid #FFFFFF;
  margin-bottom: 100px;
  margin-top: 1em;
  border-radius: 20px;
  box-shadow: 0px 0px 15px rgb(0,0,0,0.15);
}
#kolom-breedte-2 {
	background-color: #eaf0e9;
	padding: 60px 0;
	margin: 50px 0;
}
.mod-custom.custom {
	background-size: cover;
}
.moduletable.centreren h1,
.moduletable.centreren h2,
.moduletable.centreren h3 {
	text-align: center;
}


.footer {
	background-image: url(../images/bg-footer.png);
  background-color: #641e1a;
	color: #b9b1b0;
	font-size: 0.8em;
  border-top: 6px dashed #fef9f9;
}

footer.footer .grid-child {
	align-items: flex-start;
}

/* Ensure elements are hidden while ScrollEntrance is loading */
[data-entrance] { visibility: hidden; }

/* voor front-end editing: maak edit-knop groter en geel */
.icons > div {
	background-color: yellow;
	padding: 15px;
	border-radius: 5px;
}

/* zoeken / search */
.moduletable.zoeken {
	vertical-align: middle;
}


.zoekfoto {
	width: 200px;
}
.com-finder__results-list > li {
	clear: both;
}
/* TwaKa */

.itemid-1477 #adminForm .btn-success,  /* localhost */
.itemid-1351  #adminForm .btn-success {  /* live site */
  display: none;
}

.moduletable.bestuursmenu,
.moduletable.bestuursmenu .metismenu.mod-menu .mm-collapse  {
  background-color: #fde30d;
  border: 1px solid #ceba17;
}

/* Twaka */
tr.niet-aangemeld td { background-color: #f2f2f1 !important !important; }
tr.aangemeld td { background-color: #fdfbbc !important; }
tr.verwerkt td  { background-color: #ccfdbc !important; }
tr.verwijderd td { background-color: #c5c6c4 !important; }
tr.foutmelding td { background-color: #fabfc2 !important; }
tr.nu-aanmelden td { background-color: #bff9fa !important;}

#dierList tr td:last-child {
  white-space: nowrap;
}
#dierList .btn {
  --btn-padding-x: 6px;
  --btn-padding-y: 1px; 
}
#filter_leverancier_chosen li[data-option-array-index="1"] {
  display: none;
}

#form-bestemming .is-selected {
  display: none !important;  /* laat de reeds geselecteerde levensnummers niet meer zien in de dropdown (wens van Sjoerd, september 2025) */
}

.front-end-edit input[type='text']:read-only {
  background-color: #f1f1f1;
  width: auto;
  border: none;
  /* cursor: not-allowed; */
  cursor: default;
}
.front-end-edit input:read-only:focus {
  box-shadow: none;
}
#jform_aanmelden_bij_twaka-lbl {
  font-size: 2em;
  font-weight: bold;
}
div.aanmeldenbijtwaka {
  font-size: 1.5em;
  padding: 1em;
  background-color: #eee;
  border: 1px solid #aaa;
}

.maingrid main #rsform-table1 .rsform-table-row .rsform-right-col {
  color: var(--body-color);
}
.maingrid main #rsform-table1 .rsform-table-row {
  padding: 7px;
}

.switcher label {
  cursor: pointer;
}

/* laat naam, woonplaats en mailadrs niet zien, omdat het niet aangepast mag worden (dit zijn de login-gegevens) */
#rsform_6_page_0 div.row:first-child {
display: none;
}

@media only screen and (max-width: 640px) {
	  body.site.com_content {
  	  padding-top: 73px !important;
	}
}