/* Custom Stylesheet hash:15917109921611576216 dated 02 Sep, 2024 20:55:01+Europe/Amsterdam */
/* Add custom CSS here */

/* design changes */
.wrap {
  max-width: 1200px;
}
.header__top {
  border-bottom: 0px !important;
  min-height: 105px;
}

/* ----- TAG DESIGN ----- */

/* TOO */

#categorylist-view .section-1, .section-1 .listing--articles li, .listing--sections .section-1,
#categorylist-view .section-3, .section-3 .listing--articles li, .listing--sections .section-3,
#categorylist-view .section-4, .section-4 .listing--articles li, .listing--sections .section-4,
#categorylist-view .section-23, .section-23 .listing--articles li, .listing--sections .section-23,
#categorylist-view .section-24, .section-24 .listing--articles li, .listing--sections .section-24,
#categorylist-view .section-25, .section-25 .listing--articles li, .listing--sections .section-25,
#categorylist-view .section-26, .section-26 .listing--articles li, .listing--sections .section-26,
#categorylist-view .section-27, .section-27 .listing--articles li, .listing--sections .section-27,
#categorylist-view .section-29, .section-29 .listing--articles li, .listing--sections .section-29,
#categorylist-view .section-30, .section-30 .listing--articles li, .listing--sections .section-30,
#categorylist-view .section-31, .section-31 .listing--articles li, .listing--sections .section-31,
#categorylist-view .section-32, .section-32 .listing--articles li, .listing--sections .section-32,
#categorylist-view .section-37, .section-36 .listing--articles li, .listing--sections .section-36,
#categorylist-view .section-37, .section-37 .listing--articles li, .listing--sections .section-37
{
  border: 1px solid #be1622 !important;
}

.section-1 h2,
.section-3 h2,
.section-4 h2,
.section-23 h2,
.section-24 h2,
.section-25 h2,
.section-26 h2,
.section-27 h2,
.section-29 h2,
.section-30 h2,
.section-31 h2,
.section-32 h2,
.section-36 h2,
.section-37 h2
{
  background-color: #be1622 !important;
} 


/* REGUS */

#categorylist-view .section-??
{
  border: 1px solid #49c1be;
} 

#categorylist-view .section-??
{
  background-color: #49c1be;
} 

.no-pointer {
  cursor: default !important;
}



/* ----- HEADER ----- */
.menu a {
  color: black;
}

.menu a:hover {
  color: #faaf40;
}

.header__top {
  border-bottom: 2px solid #faaf40;
}

.branding__logo {
  max-height: 80px;
  max-width: 216px;
}

/* ----- HELP ----- */

.search--home {
  background-color: rgb(243, 124, 59, 0.5); /* For browsers that do not support gradients */
  background-image: url("https://blackgate.nl/images/header-blackgate.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /*background: -webkit-linear-gradient(top,rgba(250, 175, 64, 0.8),rgba(238, 64, 54, 0.8)); Safari 5.1-6*/
  /*background: -o-linear-gradient(bottom,rgba(250, 175, 64, 0.8),rgba(238, 64, 54, 0.8)); Opera 11.1-12*/
  /*background: -moz-linear-gradient(bottom,rgba(250, 175, 64, 0.8),rgba(238, 64, 54, 0.8)); Fx 3.6-15*/
  /*background: linear-gradient(to bottom,rgba(250, 175, 64, 0.8),rgba(238, 64, 54, 0.8)); Standard*/
}

.heading--kilo {
  color: #ffffff;
  font-size: 40px !important;
  font-weight: 700;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.31);
  padding-bottom: 5px;
}

#search {
  content: 'Ik heb hulp nodig met...';
}

/* ----- FOOTER ----- */

.footer {
  background-color: #f37c3b;
  color: #ffffff;
  font-size: 14px;
  padding: 3em 1em;
}

.footer a {
  color: #ffffff;
  text-decoration: underline;
}

.footer a:hover {
  color: #ffffff;
}

/* ----- INTRO CARDS ----- */

#introCards {
  margin-top: 10px;
}

#introCards_wrapper {
  max-width: 620px;
  margin: 0px auto;
}

.oneCard_wrapper {
  text-align: center;
  width: 46%;
  display: inline-block;
  padding: 3%;
  background-color: #ffffff;
  margin: 0px;
}

/* ----- CATEGORY LIST ----- */

a {
  color: #f37c3b;
}

a:hover, a:focus, a:active {
  color: #ee4036;
}

#categorylist-view .layout__item,
#contact .layout__item {
  width: 100% !important;
}

#categorylist-view .listing,
#contact .listing {
  /* border-top: 1px solid #ee4036; */
  padding-top: 30px;
  column-count: 4;
}

#categorylist-view .listing li,
#contact .listing li{
  border: 1px solid #f37c3b;
  padding-bottom: 10px;
  height: 9em;
  max-height: 9em !important;
  cursor: pointer;
  text-align: center;
  border-radius: 10px;
}

#categorylist-view .listing li p,
#contact .listing li p{
  padding-left: 10px;
  padding-right: 10px;
}

#categorylist-view .listing li:hover {
  /* -webkit-transform: translateY(-2px);
  transform: translateY(-2px); 
  transform: scale(1.045); */
}

#categorylist-view .listing li h2,
#contact .listing li h2 {
  text-align: center;
  /* border-bottom: 1px solid #f37c3b; */
  margin-bottom: 10px;
  padding-bottom: 10px;
  padding-top: 10px;
  background-color: #f37c3b;
  -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
  -moz-border-radius: 0px;
  -webkit-border-radius: 8px 8px 0px 0px;
  border-radius: 8px 8px 0px 0px; 
}

#categorylist-view .listing li a,
#contact .listing li h2 {
  color: #ffffff;
}
#categorylist-view h1,
#contact h1 {
  color: #ffffff;
  font-weight: 700;
  color: #333;
  font-size: 30px;
}

[data-ui-component="popular"] {
  display: none;
}

/* ----- SECTION DESIGN ----- */

.layout__item .listing--articles {
  column-count: 2;
}

.layout__item .listing--articles li {
  border: 1px solid #f37c3b;
  padding-bottom: 10px;
  cursor: pointer;
  text-align: center;
  display: inline-block;
  border-radius: 10px;
}

.layout__item .listing--articles li h2 {
  text-align: center;
  margin-bottom: 10px;
  padding: 10px 15px;
  background-color: #f37c3b;
  -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
  box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.15);
  -moz-border-radius: 0px;
  -webkit-border-radius: 8px 8px 0px 0px;
  border-radius: 8px 8px 0px 0px; 
}

.layout__item .listing--articles li h2 a {
  color: #ffffff;
}

.layout__item .listing--articles li p {
  height: 7em;
  overflow:hidden;
  padding: 5px 15px;
  background: -webkit-linear-gradient(#333, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.layout__item .listing--articles li:after {
  content: "Lees meer...";
  color: #f37c3b;
}

h1 {
  color: #ffffff;
  font-weight: 700;
  color: #333;
  font-size: 30px;
}


/* ----- SECTIONS DESIGN ----- */

#sectionlist-view li {
  border: 1px solid #f37c3b;
  padding-bottom: 10px;
  cursor: pointer;
  text-align: center;
  border-radius: 10px;
}

#sectionlist-view li:after {
  content: "Lees meer...";
  color: #f37c3b;
}

#sectionlist-view h2 {
  padding: 10px 0px;
  margin-bottom: 10px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 8px 8px 0px 0px;
  border-radius: 8px 8px 0px 0px;
  background-color: #f37c3b;
}

.listing--sections .u-mbottombig {
  display: none;
}

.listing--sections .u-textinheritcolor {
  color: #ffffff !important;
}



/* ----- RESPONSIVE ----- */


@media screen and (max-width: 1100px) {
  #categorylist-view .listing,
  #contact .listing {
    column-count: 3;
  }
}

@media screen and (max-width: 820px) {
  #categorylist-view .listing,
  #contact .listing  {
    column-count: 2;
  }
}

@media screen and (max-width: 632px) {
  #categorylist-view .listing,
  #contact .listing  {
    column-count: 1;
  }
}

@media screen and (max-width: 35.94em) {
  #categorylist-view .listing li .sm-max-hide {
    display: inline !important;
  }
}

/* ----- Table design ----- */

.article-41 table.fr-alternate-rows tbody tr:nth-child(2n) {
  background: #ffffff;
}

.article-41 table td {
  border: solid 1px #f37c3b;}
}
html, .select, .drill-default {
	font-family: Open Sans, sans-serif;
}
a, a:hover, a:focus, a:active, .u-visuallink, .u-visuallink:hover,
.heading--blue,
.fr-toolbar .fr-command.fr-btn.fr-active,
.fr-popup .fr-command.fr-btn.fr-active,
.fr-desktop .fr-command.fr-active:hover,
.fr-desktop .fr-command.fr-active:focus,
.fr-desktop .fr-command.fr-active.fr-selected,
.fr-popup .fr-colors-tabs .fr-colors-tab:hover,
.fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab,
.tab__notCurrent a:hover {
	color: #f37c3b;
}

.button--primary,
.button--primary:hover:enabled,
.button--primary:focus:enabled,
.button--primary:active:enabled,
.nav__menu a:hover, .nav__menu a:active, .dd__link:hover,
.fr-popup .fr-checkbox input:checked + span,
.fr-popup .fr-colors-tabs .fr-colors-tab[data-param1="background"]::after,
.fr-image-resizer .fr-handler,
.fr-image-progress-bar-layer > div.fr-loader span,
.autocomplete--field__item:hover, .autocomplete--field__item.is-selected {
	background-color: #f37c3b;
}

.textfield:focus,
.search-wrapslim .inputaddon__field:focus,
.file-btn:focus, .file-btn.is-active, .dz-drag-hover {
	border-color: #f37c3b;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 4px -1px #f37c3b;
}

.button--primary:focus:enabled, .button--primary:active:enabled,
.select:focus, .drill-default:focus, .drill-default.drill-focus {
	box-shadow: 0 0 3px 0 #f37c3b;
}

.tab > li,
.textfield.picker__input--active,
.textfield--heading:focus,
.pager__selected,
.tab__notCurrent:hover,
.picker__select--month:focus, .picker__select--year:focus,
.picker__day--highlighted, .picker__day--selected:hover,
.picker--focused .picker__day--selected, .picker__button--clear:focus,
.picker__button--close:focus,
.fr-popup .fr-input-line input[type="text"]:focus,
.fr-popup .fr-input-line textarea:focus,
.fr-popup .fr-checkbox input:checked + span,
.fr-popup .fr-checkbox input:focus + span,
.fr-image-resizer, .fr-image-upload-layer.fr-drop,
table td.fr-selected-cell, table th.fr-selected-cell,
.fr-table-resizer div,
.fr-popup .fr-table-size .fr-select-table-size > span.hover > span {
	border-color: #f37c3b;
}

input[type="checkbox"].switch:focus + div {
	box-shadow: 0 0 .2em 1px #f37c3b, 0 1px 1px hsla(0,0%,100%,.6);
}

.picker__day--today:before,
.picker__button--today:before {
	border-top-color: #f37c3b;
}