/* =============================================================================
   shared/function-cards.css
   Extracted from style.css. Loaded only on: block prijzen, block select_category_functionaliteiten, block select_functionaliteiten, block three_grid_layout, page-template/template-functionaliteiten.php
============================================================================= */

.slider_section.layout_three {padding: 80px 0;}
.card_slider_box.flex_center .card_box_item {width: calc(33.33% - 10px);}
.card_box_item {border: 1px solid var(--backgrondColorBlack);border-radius: 5px;padding: 28px 22px;padding-right: 5px;text-decoration: none;}
.card_box_item:not(.not):hover h5 {color: var(--backgrondColorRed);}
.card_box_item h5 {font-size: 18px;font-family: var(--font-semibold);font-weight: var(--font-weight-semibold);display: flex;align-items: center;margin-bottom: 13px;}
.card_box_item h5 img {margin-right: 12px;}
.card_box_item p {font-size: 14px;line-height: 18px;}
.single-functionaliteiten .slider_section.layout_three .card_box_item  h5 img {display: none;}
.card_box_item {display:flex;flex-direction:column;position:relative}
.card_box_item:hover .title_arrow {color:var(--backgrondColorRed)}
.card_video_text:hover {color:var(--backgrondColorRed);transform:scale(1.02);transition:transform .25s ease}
.card_video_text:hover~*, .card_video_text:hover+* {color:inherit!important}
.play_icon {width:18px;height:14px;display:inline-block;margin-left:6px;background:no-repeat center/contain;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><path fill='%23FF0000' d='M549.7 124.1c-6.3-23.7-24.8-42.2-48.5-48.5C458.6 64 288 64 288 64S117.4 64 74.8 75.6c-23.7 6.3-42.2 24.8-48.5 48.5C16 166.7 16 256 16 256s0 89.3 10.3 131.9c6.3 23.7 24.8 42.2 48.5 48.5C117.4 448 288 448 288 448s170.6 0 213.2-11.6c23.7-6.3 42.2-24.8 48.5-48.5C560 345.3 560 256 560 256s0-89.3-10.3-131.9zM232 338V174l142 82-142 82z'/></svg>");background-color:transparent;clip-path:none;transition:transform .25s ease}
.card_box_item:hover .card_video_text {color:var(--textColor)}
.card_box_item .card_video_text:hover {color:var(--backgrondColorRed)!important}
.card_video_text {margin-top:16px;font-size:14px;font-family:var(--font-regular);font-weight:var(--font-weight-regular);color:var(--textColor);background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;text-align:left;width:max-content;text-decoration:underline}

@media only screen and (max-width:1023px) {
    .card_slider_box.flex_center .card_box_item {width: calc(50% - 7px);}
}

@media only screen and (max-width:767px) {
    .card_slider_box.flex_center .card_box_item {width: 100%;}
}

@media only screen and (max-width:600px) {
    .card_box_item h5 img {width: 18px;margin-right: 8px;}
    .card_box_item h5 {font-size: 12px;margin-bottom: 12px;line-height: 1;}
    .card_box_item p {font-size: 12px;line-height: 16px;}
    .card_box_item {padding: 18px 14px;}
    .slider_section.layout_three {padding: 60px 0;}
    .slider_section.layout_three .card_box_item h5 {font-size: 14px;}
    .title_arrow {display: inline-flex;}
}