/*
Theme Name: Fervent Opleidingen
Theme URI: https://lefcreative.nl/
Author: Lef Creative
Author URI: https://lefcreative.nl/
Description: Thema voor Fervent Opleidingen
Version: 1.0.0
License: /
License URI: /
Template: leflite
*/

body {
  margin: 0px 10px;
  overflow-x: unset;
}
h1, h2, h3, h4 {
 text-transform: uppercase; 
}
#header {
  padding: 0px 15px;
  width: calc(100% - 20px);
  transition: 0.3s;
}
#header.bg-white {
  background:rgba(255,255,255, 0.8);
  backdrop-filter: blur(24px);
}
strong {
  font-weight: 800;
}
.topbar-inner {
  display: flex ;
  overflow: hidden ;
  white-space: nowrap ;
  padding: 0px!important;
}
.topbar-text {
  animation-duration: 30s ;
  animation-iteration-count: infinite ;
  animation-name: marquee-content ;
  animation-timing-function: linear ;
  padding: 5px 15px 5px 15px ;
  font-size: 14px;
}
.dots-right, .popup-inner {
 	background-image:url(img/dots-right.svg)!important;
  background-repeat: no-repeat!important;
  background-position: top right!important;
}
.dots-left {
 	background-image:url(img/dots-left.svg);
  background-repeat: no-repeat;
  background-position: top left;
}
.count-outer {
  padding: 51px 20px;
  background:rgba(255,255,255, 0.4);
  border: 1px solid white;
}
.count-outer *{
  color: var(--primary);
}
.custom-stars {
    display: flex;
  margin-bottom: 10px;
}
.card-reviews {
 background-image: url(img/dots-right.svg);
    background-repeat: no-repeat;
    background-position: right top;
  background-size: 70%;
}
.custom-stars * {
    font-size: 26px;
    color: var(--yellow);
}
.star-count .icon-star {
  color: var(--yellow);
}
.tns-outer .tns-controls button {
 border-radius: 0px!important; 
}
button.read-more-btn {
 padding: 10px 15px!important; 
}
.card-reviews .excerpt-holder {
 font-size: 14px;
  font-style: italic;
}
#ajaxsearchlite1 {
 border-radius: 4px;
  padding: 10px;
}
.asl_w_container .asl_w .probox {
    min-width: auto;
    width: 100%;
}
.shortcode-holder {
    flex: 0 0 auto;
    margin: 0 auto;
    flex-grow: 1;
}
.footer-inner {
  	background-image:url(img/footerbg.png);
  background-repeat: no-repeat;
  background-position: bottom right; 
  background-size: 30%;
}
#ajaxsearchlite1 .probox, div.asl_w .probox {
 border-radius: 2px!important; 
}
.asl_w_container .asl_w .probox .promagnifier {
    margin-right: 10px!important;
    border-radius: 4px!important;
   	background-color: var(--primary)!important;
}
.asl_w_container .asl_w .probox .promagnifier svg path {
    fill: var(--white)!important;
}
div.asl_m .probox {
 flex-direction: row-reverse!important; 
}
.socket * {
 font-size: 14px;
}
.tns-item.image-outer .image-holder img {
 filter: grayscale(1); 
}
input[type=submit] {
	background-color: var(--secondary)!important;
}
.card.card-simple {
  background-color: #FFEEDF;
  border: 1px solid var(--secondary);
  text-align: center;
}
.card.card-simple .btn {
 display: none; 
}
.card.card-default .btn {
 width: 100%;
 display: flex;
 justify-content: center;
}
#breadcrumbs, .tags .tag {
    padding: 9px 16px;
    background: #ffffff21;
    border-radius: 4px;
    margin-bottom: 10px;
    display: block;
    width: fit-content;
}
.tags {
  display: flex;
  gap: 5px;
}
.tag i {
  color: var(--secondary);
  font-size: 20px;
}
.card-default .tags .tag {
 background: var(--gray); 
}
.gfield_visibility_hidden {
  display: none;
}
.offset-top-card {
  margin-top: -300px;
}
.offset-top-card .card {
 position: sticky;
  top: 160px;
}
.btn-training {
 width: 100%;
  display: flex;
  justify-content: center;
  font-weight: bold;
}
.btn-training.bg-succes {
  padding: 26px!important;
}
.card-reviews .buttons-holder span {
 	display: block;
  text-align: center;
  opacity: 0.7;
  font-size: 14px;
}
.card-reviews .list-item {
 margin-bottom: 4px; 
}
.card-reviews .list-item i {
 color: var(--secondary);
  font-size: 20px;
  display: inline-block;
    width: 27px;
}
.triggers {
 margin-bottom: 10px; 
}
.triggers a {
 cursor: pointer; 
}
.triggers .btn-small.active {
  text-decoration: underline;
  background-color: var(--gray);
}
.zakelijk-wrapper,
.maatwerk-wrapper {
  display: none;
  transition: all 0.3s ease-in-out;
}

.zakelijk-wrapper.opened,
.maatwerk-wrapper.opened {
  display: block;
}
#training-section h2, #training-section h3, #training-section h4 {
  color: var(--primary);
}
@media only screen and (max-width: 992px) {
  .offset-top-card {
    margin-top: 0px;
  }
}
@keyframes marquee-content {
	/* Element one fully ON screen at left-edge of container. */
	from {
		transform: translateX( 180% );
	}
	/* Element one fully OFF screen (just beyond left-ledge of container). */
	to {
		transform: translateX( -100% );
	}
}