/*
Theme Name: 	Digitaal Child
Theme URI: 		http://thememascot.net
Description: 	Digital Agency WordPress Theme. You can get more themes from here: https://themeforest.net/user/thememascot/portfolio
Author: 		ThemeMascot Team
Author URI: 	http://themeforest.net/user/thememascot
Version: 		4.0
Minimum Requires PHP:	8.1
Tested up to:	6.7
License: 		GNU General Public License v2 or later
License URI: 	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: 	digitaal-child
Template: 		digitaal
*/
.byline {display: none !important;}
/* CTA*/
.cta-card-btn:hover {background-color: #1A1919; color: #d9f45f;}
.cta-card-btn {background-color: #d9f45f; font-family: inherit; font-size: 16px; font-weight: 500; fill: #050505; color: #050505; border-style: solid; border-width: 1px 1px 1px 1px; border-color: #d9f45f; border-radius: 30px; padding: 10px 50px 10px 50px;}
.cta-flex { grid-column-gap: 64px; grid-row-gap: 64px; flex-flow: row; justify-content: center; align-items: center; display: flex ; }
.title-flex-wrapper { grid-column-gap: 16px; grid-row-gap: 16px; display: flex ; }
.title-flex-wrapper h5 { color: #f5f5f5; letter-spacing: 4px; text-transform: uppercase; margin-top: 0; margin-bottom: 0; font-family: Inter, sans-serif; font-size: 14px; font-weight: 400; line-height: 14px; }
.title-flex-wrapper .cta-title { color: #f5f5f5; font-size: 100px; line-height: 130px; text-transform: uppercase; margin-top: 0; margin-bottom: 0;}
.text-block { grid-column-gap: 16px; grid-row-gap: 16px; text-align: left; flex-direction: column; justify-content: center; align-items: flex-start; display: flex ; }
.cta-avatar-flex { grid-column-gap: 16px; grid-row-gap: 16px; flex-direction: row; align-items: flex-end; display: flex ; }
.centered-from-tab { color: #eee; letter-spacing: 0; font-size: 16px; margin-bottom: 0; font-weight: 400; line-height: 24px; }
.avatars-flex { grid-column-gap: 8px; grid-row-gap: 8px; justify-content: flex-start; align-items: flex-start; width: 230px; display: flex ; position: relative; }
.about-avatar-a { object-fit: cover; border: 4px solid #1e1e1e !important; border-radius: 100px !important; padding-left: 0; padding-right: 0; }
.about-avatar-b { object-fit: cover; border: 4px solid #1e1e1e !important; border-radius: 100px !important; padding-left: 48px; padding-right: 0; position: absolute; top: 0; left: auto; }
.about-avatar-c { object-fit: cover; border: 4px solid #1e1e1e !important; border-radius: 100px !important; margin-left: auto; padding-left: 100px; padding-right: 0; position: absolute; top: 0; left: auto; }
.cta-avatar-flex img {object-fit: cover; max-width: 100%; display: inline-block; vertical-align: middle;}
.cta-card { border: 1px solid #FFFFFF1F; border-radius:30px; grid-column-gap: 48px; grid-row-gap: 48px; background-color: var(--secondary); background-image: linear-gradient(#161616f2, #161616f2), url(/wp-content/uploads/2025/10/663e50be926a2239f5cee972_661a7626f533866984f99e46_ParallaxImage.webp); background-position: 0 0, 50%; background-repeat: repeat, no-repeat; background-size: auto, cover; flex-direction: column; justify-content: center; align-items: center; min-height: 260px;max-height: 360px; margin-left: auto; margin-right: auto; padding-left: 96px; padding-right: 60px; display: flex ; }
.avatars-flex img { height: 64px !important; }
/* Our Services */
.our-services-item .img-swap{ position: relative; overflow: hidden; border-radius: 12px; }
.our-services-item .img-swap img{ display:block; width:auto; height:auto; }
.our-services-item .img-swap .img-hover{ position:absolute; inset:0; opacity:0; transition: opacity .3s ease; pointer-events:none; }
.our-services-item:hover .img-swap .img-hover{ opacity:1; }
.our-services-item:hover .img-swap .img-default{ transform: scale(1.04); transition: transform .3s ease; }
.our-services-item:hover {cursor: pointer !important;}
.our-services-item:hover .elementor-widget-wrap { background-color: #d9f45f !important; transition: all .6s ease-in-out; }
.our-services-item:hover .heading-item .elementor-heading-title { color: #050505 !important; }
.our-services-item:hover .text-item { color: #050505 !important; }