/*
Theme Name: Kranen Kerstpakketten
Description: Theme for Kranen Kerstpakketten by Mull2media
Author: Mull2media
Author URI: https://mull2media.nl
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

.top-header .fusion-checklist .fusion-li-item {display:inline-block;margin-right:20px;}
.top-header .fusion-button i {color:#E30616!important;}
.logo-carousel .fusion-image-wrapper img {filter: grayscale(1);transition:.4s;}
.logo-carousel .fusion-image-wrapper:hover img {filter: grayscale(0);}
p strong {font-weight:bold!important;}
.intro-blocks .fusion_builder_column_inner {max-width:95%;margin:0 auto;margin-top:-50px;}
.fusion-text h3 {font-size:20px!important;margin-bottom:10px;}
.fusion-content-boxes .heading {margin-bottom:10px!important;}
.fa-light, .fasl {margin-right: 10px;}
.timeline-boxes {position: relative;}
.timeline-boxes::before {content: "";position: absolute;top: 48px;left: 12%;width:75%;right: 12%;height: 2px;background: #e10600;z-index: 1;  animation: timeline-progress 2.5s ease forwards;}
@keyframes timeline-progress {
  from {width: 0;}
  to {width: 75%;}
}
.timeline-boxes .content-box-column {position: relative;z-index: 2;text-align: center;}
.timeline-boxes .content-box-wrapper {background: transparent;padding: 0 20px;}
.timeline-boxes .heading.heading-with-icon {display: flex;flex-direction: column;align-items: center;gap: 14px;}
.timeline-boxes .heading .icon {position: relative;display: flex;align-items: center;justify-content: center;width: 86px;height: 86px;margin: 0 auto;background: #f3f3f3;border-radius: 50%;z-index: 3;}
.timeline-boxes .heading .icon span {display: flex;align-items: center;justify-content: center;width: 62px;height: 62px;border: 2px solid #e10600;border-radius: 50%;background: #fff;}
.timeline-boxes .heading .icon i {color: #e10600 !important;font-size: 30px !important;width: auto !important;}
.timeline-boxes .content-box-heading {margin: 0;text-align: center;color: #111;font-size: 24px;}
.timeline-boxes .content-container {margin-top: 14px;}
.timeline-boxes .content-container p {margin: 0 auto;max-width: 260px;text-align: center;line-height: 1.7;}
.timeline-boxes.content-left .heading-icon {float: none;}
.timeline-boxes .fusion-clearfix {clear: both;}
.review-block:hover .fusion-text p {color: #e10600 !important;}
.winner-icon:after {content:'';width:250px;height:250px;position:absolute;right:-50px;bottom:-50px;background-image:url(/wp-content/uploads/2026/03/Kerst-Leverancier-winnaar-2025.webp);background-size:cover;pointer-events:none;}
.help-block .fusion-text {z-index:21;}
.help-block .fusion-imageframe  {position:absolute;right:40px;bottom:0;pointer-events:none;z-index:0;}
@media screen and (max-width: 1200px) {
	.winner-icon:after {right:10px;bottom:-75px;z-index:21;}
}
@media screen and (max-width: 1888px) {
	.top-header .fusion-checklist .fusion-li-item:nth-child(3) {display:none;}
}
@media (max-width: 1024px) {
  .timeline-boxes::before {left: 8%;right: 8%;}
  .timeline-boxes .content-box-wrapper {padding: 0 15px;}
  .timeline-boxes .content-container p {max-width: 220px;}
}
@media screen and (max-width: 800px) {
	.intro-blocks .fusion_builder_column_inner {max-width:100%;margin-top:0;}
	.large-text.fusion-text p {font-size:17px;}
	.large-text.fusion-text p br{display:none;}
}
@media (max-width: 767px) {
  .timeline-boxes {padding-top: 0;}
  .timeline-boxes::before {top: 0;bottom: 0;left: 43px;right: auto;width: 2px;height: auto;}
  .timeline-boxes .content-box-column {width: 100% !important;margin-bottom: 30px;text-align: left;}
  .timeline-boxes .content-box-wrapper {padding: 0 0 0 95px;position: relative;}
  .timeline-boxes .heading.heading-with-icon {align-items: flex-start;gap: 10px;}
  .timeline-boxes .heading .icon {position: absolute;left: 12px;top: 0;width: 62px;height: 62px;background: #f3f3f3;}
  .timeline-boxes .heading .icon span {width: 46px;height: 46px;}
  .timeline-boxes .heading .icon i {font-size: 22px !important;}
  .timeline-boxes .content-box-heading,
  .timeline-boxes .content-container p {text-align: left;max-width: none;}
  .winner-icon:after {width:125px;height:125px;bottom:20px;}
	body.single-post .fusion-page-title-bar h1 {font-size:28px!important;text-align:left!important;}
	.fusion-page-title-bar h1 {font-size:35px!important;}

}