/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/


/* Persoonlijke (content) handtekening onderin blog */

.blog-handtekening{
    box-shadow: 0px 0px 60px 0px rgba(8,40,106,0.20);
    border-radius:15px;
}

.blog-handtekening div{
margin-bottom:0px!important;
}

/* Margin onder headings */

h1, h2, h3, h4, h5, h6{
  margin-bottom:25px;
}


/* Styling buttons */

.cta-primary, .hs-button, .primary{
  transition:all 0.5s ease;
  background-position:right bottom;
  background-image: linear-gradient(to right, #629afd, #8770ff, #8770ff, #629afd)!important; 
  background-size:300% 100%;
}

.cta-secondary, .cta-tertiary{
  background-size: 300% 100%;
  background-position:right bottom;
  margin:10px 0px;
  background-image: linear-gradient(75deg, #629afd, #8770ff, #00000000, #00000000)!important;
  transition:all 0.5s ease;
}

.cta-primary:hover, .hs-button:hover, .primary:hover{
  background-position:left bottom;
  background-image: linear-gradient(75deg, #629afd, #8770ff, #8770ff, #629afd)!important;
  background-size: 300% 100%;
}

.cta-secondary:hover, .cta-tertiary:hover{
  background-position:left bottom;
  background-image: linear-gradient(75deg, #629afd, #8770ff, #00000000, #00000000)!important;
}

.cta-five{
  background-size: 300% 100%;
  background-position:right bottom;
  margin: 10px 0px;
  background-image: linear-gradient(75deg, #f38363, #ee506f, #00000000, #00000000)!important;
  transition:all 0.5s ease;
}

.cta-five:hover{
  background-position:left bottom;
  background-image: linear-gradient(75deg, #ee506f, #8770ff, #00000000, #00000000)!important;
}

/* Einde buttons */

/* Verkleuren formulieren voor een lichte achtergrond */
.light-form label, .light-form p{
  color:#010933;
}

.list-check-medium-outlined img, .list-check-bottom-border img{
  margin: -15px 25px 0px -50px;
}

.list-check-medium-outlined li, .list-check-bottom-border li{
  list-style-type:none;
}

.list-check-medium-outlined ul, .list-check-bottom-border lu{
  margin-bottom: 0;
  margin-top: 0;
}

.list-exclamation-orange-small li{
  background: url('https://6686518.fs1.hubspotusercontent-na1.net/hubfs/6686518/4C-exclamation-icon.svg');
}

.round-column .col-inner, .hhs-map-text-mod{
  border-radius: 15px !important;
  overflow: hidden !important;
}

.flexi-padding p{
  margin-bottom:0;
}

.top-border-radius{
  border-radius: 15px 15px 0px 0px;
  overflow: hidden;
}

.bottom-border-radius, .list-check-bottom-border{
  border-radius: 0px 0px 15px 15px;
  overflow:hidden;
}

.flexicard-startdirect li{
  list-style-type:none;
}

.flexicard-startdirect p, .flexicard-startdirect ul, .flexicard-startdirect li{
  margin-bottom: 0;
  margin-top: 0;
}

.list-item-view li{
  list-style-type:none;
}

/* Lijst met vinkjes */
.list-check-small li{
  background:url('https://6686518.fs1.hubspotusercontent-na1.net/hubfs/6686518/E1-check-icon-pruple.svg');
}
.list-check-small li, .list-exclamation-orange-small li{
  background-repeat: no-repeat;
  background-size: 25px;
  background-position: calc(0px) center;
  position: 1px;
  padding-left: 60px;
  line-height: 25px;
}

.list-check-small ul, .list-exclamation-orange-small ul{
  list-style-type:none;
  padding:0;
  margin:0;
}

/* Uitstekende afbeelding buiten de kolom */

.image-out-of-flexi-card img{
 margin-top: -50px; 
}


/* Item dat achter iets verdween naar voren halen */
.place_forward{
  z-index: 20!important;
  position: absolute;
}

.place_backward {
  z-index:0!important;
}


.mshadow { 
  box-shadow: 5px 5px 5px  rgba(0, 0, 0, 0.35) !important; 
} 

/* bewegende donkere achtergrond */
.gradient-background {
  background: linear-gradient(174deg,#08286a,#010933,#08286a,#010933);
  background-size: 240% 240%;
  animation: gradient-animation 8s ease infinite;
}

@keyframes gradient-animation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

//* margin in flexicards weghalen */

.hss-card-content li{
margin-bottom: 0 !important;
}

.hhs-card-content p{
  margin-bottom: 0 !important}
  
.no-margin-column div, .no-margin-list-column div{
  margin-bottom:0px;
  padding-right:0px!important;
  padding-left:0px!important;
  }