/* the following specific part is intended to change color of the featured block on the home page.
This is not used however 
.featurebox-home:hover {
	/* background-color: #FFCC33; 
  	background-color: #; 
}*/

/* Geen text decoration voor links in de featured boxen op home pagina */
.featurebox-home {
	text-decoration: none;
}

/*change font color button verwijder van notificatielijst*/
span.cf-btn-text {
    color: #FFFFFF;
}

/*div.cf-control-input-desc {
	color: #6f797a;
	font-size: 16px;
}*/


/* make place holder text visible in the contact form */
.sppb-addon-ajax-contact input, .sppb-addon-ajax-contact textarea {
    border-radius: 0px;
    padding: 5px 15px;
}

/* change color of button on the home page */
.button-homepage-infovideo {
	background-color: #0071BC;
    color: #FFF;
	border: 0px;
}

/* change color of button when hovering over buttons on the home page */
.button-homepage-infovideo:hover {
	background-color: #009FE1;
    color: #FFF;
	transition: color 400ms ease 0s, background-color 400ms ease 0s, border-color 400ms ease 0s;
    transition-property: color, background-color, border-color;
    transition-duration: 400ms, 400ms, 400ms;
    transition-timing-function: ease, ease, ease;
    transition-delay: 0s, 0s, 0s;
}

/* change color of button on the team&historie page */
.startup-btn-violet .sppb-btn-primary {
	background-color: #0071BC;
	border: 0px;
}

/* change color of button when hovering over buttons on the team&historie page */
.startup-btn-violet .sppb-btn-primary:hover {
	background-color: #009FE1;
	transition: color 400ms ease 0s, background-color 400ms ease 0s, border-color 400ms ease 0s;
    transition-property: color, background-color, border-color;
    transition-duration: 400ms, 400ms, 400ms;
    transition-timing-function: ease, ease, ease;
    transition-delay: 0s, 0s, 0s;
}

/* change color of button on contact form */
.contactform button {
    background-color: #0071BC;
	border: 0px;
}

/* change color of button when hovering over contactform */
.contactform button:hover {
	background-color: #009FE1;
	transition: color 400ms ease 0s, background-color 400ms ease 0s, border-color 400ms ease 0s;
    transition-property: color, background-color, border-color;
    transition-duration: 400ms, 400ms, 400ms;
    transition-timing-function: ease, ease, ease;
    transition-delay: 0s, 0s, 0s;
}

/* change color of featured box buttons on the home page */
.button-homepage-featBox {
	/*background-color: #01B6D5;
	border: 0px;*/
}

/* change color of featured box buttons on the home page */
/*.button-homepage-featBox button {
	background-color: #01B6D5;
	border: 0px;*/
}

/* change background color and font color of text in the simple boxes on the home page 
.link-box-on-homepage.hvr-grow p {
  	background-color: #3A3A3A;
	color: #FFFFFF;
}*/

/* Grow hover effect for link boxes on the homepage */
.hvr-grow {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

/* Underline Reveal for the main menu headers*/
.hvr-underline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
}
.hvr-underline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  background: #6F797A;
  height: 4px;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/* style text links*/
.element-a-tusotra {
	font-weight: bold;
}

/* visited link */
.element-a-tusotra:visited {
    color: #cc0000;
}

/* mouse over link */
.element-a-tusotra:hover {
    color: #cc0000;
}

/* selected link */
.element-a-tusotra:active {
    color: #cc0000;
}

/* remove outer borders from all accordions from module SP Accordion */
.sp-accordion.sp-accordion-style3 {
	border: 0px;
}

/* remove padding from title of module SP Accordion item */
.sp-accordion.sp-accordion-style3 .toggler span span {
    padding: 0px;
  	font-size: 16px;
  	font-weight: bold;
}

.sp-accordion.sp-accordion-style3 .toggler span span::before {
    content: "» ";
}

/* Put dotted line as bottom border or accordion inner */
div.sp-accordion-inner {
	border-bottom: 1px dotted #CCC;
	/*background-color: #F7F7F7; */
}

/* special styling for email link */
#sp-bottom .bottom-4 a {
	font-weight: bold;
}

/* Style for bottom menu links */
#sp-bottom a:hover {
	color: #6F797A;
	font-weight: bold;
}
/* End of styling for bottom menu links */

/*----- Accordion -----*/
.accordion-cstm, .accordion-cstm * {
    -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
}
 
.accordion-cstm {
    /*overflow:hidden;
    box-shadow:0px 1px 3px rgba(0,0,0,0.25);
    border-radius:3px;*/
    /*background:#f7f7f7;*/
}
 
/*----- Section Titles -----*/
.accordion-section-title-cstm {
    width:100%;
    /*padding:15px;*/
    display:inline-block;
    border-bottom:1px solid #1a1a1a;
    background:#fff;
    transition:all linear 0.15s;
    /* Type */
    /*font-size:1.200em;
    text-shadow:0px 1px 0px #1a1a1a;*/
    color:#333;
}
 
.accordion-section-title-cstm.active, .accordion-section-title-cstm:hover {
    background:#4c4c4c;
    /* Type */
    text-decoration:none;
  	color:#fff;
}
 
.accordion-section-cstm:last-child .accordion-section-title-cstm {
    /*border-bottom:none;*/
}
 
/*----- Section Content -----*/
.accordion-section-content-cstm {
    background:#f7f7f7;
  	padding:0px 15px;
  	border-bottom:1px solid #1a1a1a;
    display:none;
}

/*----- Set margin for formulier aanmelden vacature -----*/
form#chronoform-meldVacature {
	margin: 0px 10px 20px 10px;
}

/*----- Set font for body of form -----*/
body.contentpane {
	font-family: Source Sans Pro;
}

/*------ hide the chronoforms credit ------*/
p .chrono_credits {
	display:none;
}

/* To offset achors, in order to avoid sticky header covering begin of any contents linked to */
/*.sp-accordion.sp-accordion-style3 .toggler.active span span::before { 
	display: block; 
	content: " "; 
	height: 70px; */     /* Height of sticky header */
	/*margin-top: -70px; /* Give negative margin of sticke header element */  	
	/*visibility: hidden; 
}*/

/* To offset achors, in order to avoid sticky header covering begin of any contents linked to */
/*.sp-accordion.sp-accordion-style3 div.sp-accordion-inner::before { 
/*	display: block; 
/*	content: " "; 
/*	/*height: 100px;       Height of sticky header */
/*	margin-top: 70px;  /* Give negative margin of sticke header element */   	
/*	visibility: hidden; /*
/*}*/


/* NEWS SECTION on home page: offset achors, avoid hiding under sticky header */
#news-section::before { 
	display: block; 
	content: " "; 
	height: 70px;      /* Height of sticky header */
	margin-top: -70px; /* Give negative margin of sticke header element */  	
	visibility: hidden; 
}

/* MEDIA SECTION on home page: offset achors, avoid hiding under sticky header */
#op-radio-tv::before { 
	display: block; 
	content: " "; 
	height: 70px;      /* Height of sticky header */
	margin-top: -70px; /* Give negative margin of sticke header element */  	
	visibility: hidden; 
}

/* Change font color of blocks of text 'WAAROM TUSOTRA' */
.why-tusotra ul {
	color: #FFF;
}

/* Change font color of blocks of text 'WAAROM TUSOTRA' */
.why-tusotra span {
	color: #FFF;
}

.sppb-addon-text-block ul li:before {
	color: #FFF;  
}

p.sppb-title-subheading {
	color: #FFF;
}