/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

* {
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
}
*::selection{
	background: var(--awb-color4) !important;
	color: var(--awb-color8) !important;
}

/* BOLD*/
bold, strong {
    font-weight: 700;
}

/* FLEX GROW */
.b-flex-grow-1 {
    flex-grow: 1;
}

/* MAX WIDTH */
.b-max-w-75 {
    max-width: 75%; /* Gebruikt op titels */
}
.b-txt-max-w-center {
    margin-right: auto !important; 
	margin-left: auto !important; 
}

.b-site-w {
    justify-content: center;
}
.b-site-w > .fusion-column-wrapper {
    max-width: var(--site_width);
}

.fusion-image-element:has(.b-img-max-w) > div {
    width: unset !important;
}

/* CHECKLIST in tekst */
.fusion-text ul {
    margin: 0 0 20px 0;
    padding-left: 30px;
}

.b-checklist-hide_empty .fusion-li-item:has(.fusion-li-item-content:empty) {
  display: none !important;
}

/* SR ONLY */
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}

/* OFF CANVAS */
.awb-off-canvas-wrap .awb-off-canvas-inner .off-canvas-content {
	min-height: 100vh;   
	min-height: -webkit-fill-available;
	height: auto !important;
	max-height: none !important;
}
.awb-off-canvas-inner{
	overflow-y: scroll !important;
}

/* GRAVITY FORMS */
.gform_required_legend {
    display: none !important;
}
.gform_wrapper {
    margin: 0 !important;
}
.gform_footer {
	margin: 30px 0 0 0 !important;
	padding: 0 !important;
}
.gfield_required {
	color: var(--awb-color8) !important;
}

/* SHARING BOX */
.fusion-sharing-box {
    min-height: unset !important
}

/* WHITE FORM */
.b-gf-white .gfield_label, .b-gf-white .gform-field-label,
.b-gf-white .gform-field-label a,
.b-gf-white .gform-body input::placeholder, .b-gf-white .gform-body textarea::placeholder {
    color: var(--awb-color1);
}
.b-gf-white .gform-field-label a:hover {
    color: var(--awb-color4);
}
.b-gf-white .gform-body input, .b-gf-white .gform-body textarea {
    background-color: hsla(var(--awb-color1-h),var(--awb-color1-s),var(--awb-color1-l),calc(var(--awb-color1-a) - 95%)) !important;
    color: var(--awb-color1) !important;
}