/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
p {
	font-size:18px !important;
}

p.card-author {
	font-size:14px!important;
}

.button {
  background-color: #367b8f;
}
  
#wrapper {
	background-color: #f8f5f0;
}

#header {
	background-image:url(../images/header-cosibonbons-09.png);
	background-color: #f8f5f0;
	background-repeat:no-repeat;
	background-size: 100%;
}

#header-wrap {
	background-color:transparent;
}

@media (min-width: 992px) {
.sticky-header #header-wrap {
  position: fixed;
  top: 0;
  left: 0;
  background-color: #f8f5f0;
	background-image:url(../images/header-cosibonbons-07.png);
	background-repeat:no-repeat;
	background-size: 100%;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
}


#header:not(.sticky-header) #header-wrap .header-row {
  border-top: none;
  border-bottom: none;
}
@media (min-width: 992px) {
.header-top {
  padding-top: 2rem;
}

#content {
  background-color: #f8f5f0;
}
.dark a:not([class*="btn-"]):hover {
  color: #DDDCDC;
}

@media (min-width: 992px) {
.menu-container > .menu-item {
  margin: 0 10px;
}
}


.bg-border {
	background-image:url(../images/border-cosibonbons-09.png);
	background-repeat:no-repeat;
	background-size: 100%;
	background-color: #f8f5f0;
}

/* --lijnen weg bij bonbon overzicht home --*/


.recipe-items .row [class^="col-"] {
  border-right: 0;
  border-bottom: 0;
}

#footer p {
	font-size:16px!important;
}

#footer {
	background-image:url(../images/footer-cosibonbons.png);
	background-color: #ece4dc!important;
	background-repeat:no-repeat;
	background-size: 100%;
	background-position:bottom;
}

.bg-footercosi {
  --bs-bg-opacity: 0.4;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}