/*
Theme Name: Studiovision
Description: Studiovision child theme For Divi
Version: 1.0.0
Author: Studiovision
Author URI: https://studiovision.be
Theme URI: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: Divi
*/

/* ========== Custom CSS for Studiovision theme ========== */

/** HEADER START **/
header .headerPrimary .et_pb_menu .et_pb_menu_inner_container {
	width: 100%;
}
header .headerPrimary .et_pb_menu .et_pb_menu__wrap {
  justify-content: flex-end !important;
}
header .headerPrimary .et_pb_menu .et_pb_menu__wrap ul li a {
	padding: 13px 0 4px !important;
}
header .headerPrimary .et_pb_menu .et_pb_menu__wrap ul li:not(.menuCTA):hover {
	text-decoration: underline;
	text-underline-offset: 8px;
    text-decoration-thickness: 2px !important;
}
header .headerPrimary .et_pb_menu:not(.mobileMenu) .et_pb_menu__wrap .menuCTA a {
	border: none;
    background-color: #37383C;
    color: #FFFFFF !important;
    padding: 8px 30px !important;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
    letter-spacing: 0.6px !important;
    margin-top: 5px !important;
	text-transform: none !important;
	font-size: 1em !important;
	line-height: 1.5em;
}
header .headerPrimary .et_mobile_nav_menu ul li a {
	text-align: center;
}
header .headerPrimary .et_mobile_nav_menu ul li.current-menu-item a {
	font-weight: 800;
    font-size: 0.9rem;
}
/** HEADER END **/

/** GENERAL CONTENT START **/
#main-content .et_pb_text p {
	margin-bottom: 0.9rem;
}
#main-content .et_pb_text.noMB p { 
	margin-bottom: 0;
}
#main-content .et_pb_text ul,
#main-content .et_pb_text ol {
	padding-left: 40px;
}
.grecaptcha-badge {
	z-index: 9999;
}
/** GENERAL CONTENT END **/

/** LOGO TICKER START **/
.logo-ticker-wrapper {
    overflow: hidden;
    width: 100%;
}
.logo-ticker-track {
    display: inline-flex;
    align-items: center;
    gap: 120px;
    white-space: nowrap;
    will-change: transform;
}
.logo-ticker-item {
    flex-shrink: 0;
    display: flex;
    align-items: center;
}
.logo-ticker-item img {
    display: block;
    height: auto;
    width: auto;
    max-height: 80px;  /* pas aan naar wens */
    max-width: 200px;  /* pas aan naar wens */
    object-fit: contain;
    transition: filter 0.3s ease;
}
/** LOGO TICKER END **/

/** PORTFOLIO PAGES START **/
#main-content .portfolioGrid .df-cpt-item h3 a {
	color: #ffffff !important;
}
body.single-portfolios .difl_acfgallery .df_acf_gallery_button_container {
	text-align: center;
    margin-top: 30px;
}
/** PORTFOLIO PAGES END **/

/** GRAVITY FORMS START **/
.difl_gravity_form .df-gravity-form-container .gform_required_legend {
  margin-top: 10px;
  margin-bottom: 30px;
  font-size: 0.9rem;
}
.difl_gravity_form .df-gravity-form-container .gform_heading .gform_required_legend .gfield_required_asterisk {
  color: #c02b0a !important;
}
.difl_gravity_form .df-gravity-form-container .gf_page_steps {
	border-bottom: 1px solid;
	padding-bottom: 15px;
}
.difl_gravity_form .df-gravity-form-container .gf_page_steps .gf_step_label {
	text-transform: capitalize;
    font-variant: normal !important;
}
.difl_gravity_form .df-gravity-form-container .gf_page_steps .gf_step.gf_step_completed .gf_step_number::after  {
	background-color: #37383c;
	border-color: #37383c;
}
.difl_gravity_form .df-gravity-form-container .gform_fields {
	row-gap: 20px;
}
.difl_gravity_form .df-gravity-form-container .gfield.gfield--type-consent .gform-field-label {
  color: #6B7C93 !important;
  font-size: 0.9rem;
}
.difl_gravity_form .df-gravity-form-container .gfield_description.validation_message {
  font-size: 0.8rem !important;
}
.difl_gravity_form .df-gravity-form-container .gfield .ginput_container input:focus,
.difl_gravity_form .df-gravity-form-container .gfield .ginput_container select:focus,
.difl_gravity_form .df-gravity-form-container .gfield .ginput_container textarea:focus
{
	--gf-ctrl-outline-color-focus: #37383C !important;
}
.difl_gravity_form .df-gravity-form-container .gfield .ginput_container input::placeholder,
.difl_gravity_form .df-gravity-form-container .gfield .ginput_container textarea::placeholder {
	color: #999999;
}
.difl_gravity_form .df-gravity-form-container .gform_footer .gform_button:focus,
.difl_gravity_form .df-gravity-form-container .gform_page_footer .gform_button:focus,
.difl_gravity_form .df-gravity-form-container .gform_page_footer .gform-theme-button:focus {
	
  --gf-ctrl-outline-color-focus: none !important;
}
.difl_gravity_form .df-gravity-form-container .gform_page_footer .gform_previous_button {
	background: none !important;
	border: none !important;
	box-shadow: none !important;
	text-decoration: underline !important;
	color: #37383c !important;
	padding: 0 !important;
    text-underline-offset: 5px;
    text-decoration-thickness: 0.8px !important;
    margin-right: 15px !important;
}
/** GRAVITY FORMS END **/

/*** RESPONSIVE STYLES - TABLET AND BELOW START ***/
@media (max-width: 980px) {
	header .headerPrimary .et_pb_menu {
		flex-direction: row;
	}
	header .headerPrimary .et_pb_menu .et_pb_menu_inner_container { 
		width: 100%;
	}
	footer .footerPrimary .openMobileMenu .et_pb_menu__menu {
		display: flex !important;
	}
	footer .footerPrimary .openMobileMenu .et_mobile_nav_menu {
		display: none !important;
	}
	#main-content .contact-info p {
		margin-bottom: 0 !important;
	}
}
/*** RESPONSIVE STYLES - TABLET AND BELOW END ***/

/*** RESPONSIVE STYLES - MOBILE PHONE START ***/
@media all and (max-width: 767px) {
	footer .footerPrimary .openMobileMenu ul {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		justify-content: flex-start !important;
		align-items: stretch;
	}
}
/*** RESPONSIVE STYLES - MOBILE PHONE END ***/