/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 18 2021 | 13:07:15 */
.grecaptcha-badge { visibility: hidden !important; }


/* standaard hoogte instellen voor afbeeldingen in een galerij die nog niet geladen zijn door lazy-load (de placeholders) */
.wpb_gallery_slides > .flex-viewport > ul.slides > li > img:not(.litespeed-loaded) {
  height: 0 !important;
  padding-bottom: 71.8%;
}

/* recaptcha in sidebar passend maken */
.sidebar .g-recaptcha > div {
  transform: scale(.775);
  margin-left: -35px;
}

/* checkboxes inline maken met tekst */
input[type="checkbox"] {
  display: inline-block;
  width: auto !important;
}
/* Leesbaarheid pagina titels in pagina header */
section.page-title > h1,
.sub_page_header.style-2 .breadcrumb {
  filter: drop-shadow(3px 3px 2px rgba(0,0,0,.75));
}
section.page-title,
.breadcrumb {
  text-align: left !important;
}
/* Kleur */
.unique-selling-points {
  background-color: #f4f4f4 !important;
}

/* Footer */
ul#footer-navigation > li > a {
  text-decoration: underline;
}

/* Icon box fixes */
.icon-content-box {
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
  
  align-items: center;
  -webkit-align-items: center; /* Safari 7.0+ */
}
.icon-content-box > .text-holder {
  margin-left: 30px !important;
}

/* Witruimtes */
p + h1,
p + h2,
p + h3 {
  margin-top:		20px;
  margin-bottom:	10px;
}
:not(p) + h1,
:not(p) + h2,
:not(p) + h3 {
  margin-top: 10px;
}
#main_content > .content_row > .content_row_wrapper > .col.content > .content_row:not(:first-child).has-nmargin {
  padding-top: 25px;
}
#main_content > .content_row > .content_row_wrapper > .col.content > .content_row:not(:first-child) > .content_row_wrapper {
  padding-top: 0;
}
#main_content > .content_row > .content_row_wrapper > .col.content > .content_row:not(:first-child) > .content_row_wrapper
> .wpb_column > .vc_column-inner > .wpb_wrapper > .wpb_text_column > .wpb_wrapper > :first-child:not(:only-child) {
  margin-top: 0;
}
.wpb_text_column > .wpb_wrapper > h1:only-child {
  margin-bottom: 20px;
}

/* SELECTIEBOXJES  */
div#select-branche-container {
  display: flex;
  margin-left: 20px;
}
div#select-branche-container > select#branches {
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 3px;
  
  margin-bottom: 12px;
  width: 50%;
}
div#select-branche-container > button#submitbranchebutton {
  border: none;
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 50px;
  height: 100%;
  padding: 0 10px;
  background: none;
}
#home-blocks-1 .btn-block.block-type4 {
  background-color: #161616;
  display: block;
  position: relative;
}
#home-blocks-1 .btn-block.block-type4.red {
  background-color: #ec1424;
}
#home-blocks-1 > .block-type4 > * {
  position: relative;
}

#home-blocks-1 > p {
  margin-bottom: 0;
}
#home-blocks-1 .title+p {
  display: none;
}
#home-blocks-1 br {
  display: none;
}
#home-blocks-1 .title {
  padding-left: 20px;
  margin-bottom: 0;
  padding-bottom: 8px;
  padding-top: 10px;
  font-size: 18px;
  position: relative;
  display:  block;
}
#home-blocks-1 > p > .title {
  padding-right: 50px;
}
#home-blocks-1 > p > .title:after {
  content: ">";
  font-size: 50px;
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
}
#home-blocks-1 .title.title-black {
  background-color: #000;
  color: #fff;
}
#home-blocks-1 a {
  text-decoration: none;
  color: #fff;
}
#home-blocks-1 > figure {
  margin-bottom: 15px;
}


/* ICOONTJES */
.icon-box .featured_image_holder > a {
  text-decoration: none;
}
.icon-box .featured_image_holder > a:after {
  font-family: "attack";
  text-align: center;
  position: absolute;
  border-radius: 50%;
  background-color: #fff;
  z-index: 2;
}
.icon-box.icon-large .featured_image_holder > a:after {
  left: 20px;
  bottom: 20px;
  font-size: 35px;
  width: 55px;
  height: 55px;
}
.icon-box.icon-medium .featured_image_holder > a:after {
    left: 7%;
    bottom: 8%;
    font-size: 135%;
    width: 19%;
    height: 26%;
}
@media screen and (max-width: 1074px) {
.icon-box.icon-medium .featured_image_holder > a:after {
    font-size: 102%;
}
}
@media screen and (max-width: 991px) {
.icon-box.icon-medium .featured_image_holder > a:after {
    font-size: 5vw;
    height: 1.5em;
    line-height: 1.5em;
}
}
@media screen and (max-width: 767px) {
.icon-box.icon-medium .featured_image_holder > a:after {
    font-size: 10vw;
}
}

/* TEST */
.icon-box.icon-e .featured_image_holder > a:after {
  content: "e";
}
.icon-box.icon-f .featured_image_holder > a:after {
  content: "f";
}
.icon-box.icon-h .featured_image_holder > a:after {
  content: "h";
}
.icon-box.icon-g .featured_image_holder > a:after {
  content: "g";
}


.icon-box .featured_image_holder > .bg-stripes {
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("https://www.attack.be/wp-content/uploads/2018/09/attack.nl-bg-pattern.png");
  width: 100%;
  height: 100%;
  z-index: 1;
  display: block;
  pointer-events: none !important;
}

/* https://www.attack.be/wp-content/uploads/2018/09/attack.nl-bg-pattern.png */

/* toggles */
ul.contact-list > li.form > a > .toggle-arrow:after {
  content: "a";
  font-family: "attack";
  vertical-align: middle;
}
ul.contact-list > li.form > a > .toggle-arrow {
  display: inline-block;
  padding-left: 6px;
}
ul.contact-list > li.form[data-toggle = "true"] > a > .toggle-arrow {
  transform: rotate(180deg) translateX(-6px);
}
ul.contact-list > li.form:not([data-toggle = "true"]) > div.wpcf7[role = "form"] {
  display: none;
}
.contact-list div.wpcf7[role = "form"] > form > p {
  margin-top: 10px;
  margin-bottom: 10px;
}
/* KLEUREN */
.red {
  color: #CE1B28 !important;
}


/* voorkomen dat logo verdwijnt als je op mobiel het menu uitklapt */
@media screen and (max-width: 767px) {
  .mobile-menu-active #mobile-logo {
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}


/* transparantie van achtergrond menubalk */
.main-header-holder .header-row.second:before, .header-row.second #lang_sel * {
  background-color: rgba(0,0,0,.5) !important;
}

/* het lege vakje waarin de social media icons stonden (in de header) verbergen */
#social_media_icons-2 {
  display: none;
  visibility: hidden;
}

/* landvlaggetjes in de header */
header .flags {
  padding-left: 0;
  padding-top: 0;
}
header .flags > .vlag:first-child > a {
  margin-left: 0;
}

/* Voorkom dat tekst van cookie instelling door de toggle heen gaat op mobiel */
@media (max-width: 500px) {
  #gdprc_settings .gdprc_item__label {
    white-space: normal;
  }
  #gdprc_settings .gdprc_item {
    padding-right: 60px;
  }
}
/* padding toevoegen aan de header als die sticky wordt */
body.header-stuck header > .sticky-header-holder {
  padding-top: 8px;
  padding-bottom: 8px;
}