/*
Theme Name:     Custom Divi Child Theme
Description:    A custom child theme by 212 Creative
Author:         212 Creative, LLC
Template:       Divi

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/

:root {

  /* =========================
     SPACING
  ========================= */
  --space-xs: var(--gvid-et5ndwh2pb);
  --space-s: var(--gvid-8mtdvo3xyv);
  --space-m: var(--gvid-y7d2y8ssfz);
  --space-l: var(--gvid-ecm64lzuec);
  --space-xl: var(--gvid-3972gmo0hc);

  /* =========================
     BORDER RADIUS
  ========================= */
  --radius-s: var(--gvid-b4jpr8ubll);
  --radius-m: var(--gvid-k734udohqf);
  --radius-l: var(--gvid-ac2xqsyz1a);

  /* =========================
     TYPOGRAPHY SCALE
  ========================= */
  --text-xxs: var(--gvid-ipx9sj61ff);
  --text-xs: var(--gvid-i40djyny6a);
  --text-s: var(--gvid-mzmxmc9sto);
  --text-m: var(--gvid-wdtq529lm0);
  --text-l: var(--gvid-5bdtijmy2u);
  --text-xl: var(--gvid-04e1fudfof);
  --text-xxl: var(--gvid-yarf5q5gma);

  /* =========================
     HEADING SCALE
  ========================= */
  --h1: var(--gvid-szqhu3by0a);
  --h2: var(--gvid-kq3qkwbfck);
  --h3: var(--gvid-jrq3hbbj6u);
  --h4: var(--gvid-9vkj3rrult);
  --h5: var(--gvid-ia88ljzsss);
  --h6: var(--gvid-e30sv7x5fp);

  /* =========================
     HERO TYPE
  ========================= */
  --text-hero: var(--gvid-t6zsyg5jwq);

  /* =========================
     COLORS (OPTIONAL ALIAS)
  ========================= */
  --color-primary: var(--gcid-primary-color);
  --color-secondary: var(--gcid-secondary-color);
  --color-heading: var(--gcid-heading-color);
  --color-body: var(--gcid-body-color);
  --color-link: var(--gcid-link-color);
  --color-accent: var(--gcid-coze1t9hbp);
  --color-light: var(--gcid-bexvyy0h2w);
  --color-white: var(--gcid-qujd1ye4bm);
  --color-gray-light: var(--gcid-7iv9hwbn0c);
  --color-gray-dark: var(--gcid-t2rl53m8kx);
  --color-overlay: var(--gcid-7y0qfmym0q);

  /* =========================
     FONTS
  ========================= */
  --font-heading: var(--et_global_heading_font);
  --font-body: var(--et_global_body_font);

}

.header-menu .et-menu > li {
    padding-right: 0 !important;
    padding-left: var(--space-xl) !important;
}

.et_pb_menu .et_pb_menu__menu>nav>ul>li>ul {
    left: var(--space-xl) !important;
}


/* Gravity Form Styling */

#gform_2 {
    max-width: 760px;
}

/* inputs */
#gform_2 input[type="text"],
#gform_2 input[type="email"],
#gform_2 select,
#gform_2 textarea {

    width: 100%;
    background: #e6e6e6;
    border: 1px solid #bfbfbf;
    border-radius: 0px;
    padding: 16px 18px;
    font-size: 18px;
    color: #333;
    box-sizing: border-box;
}

/* placeholder text */
#gform_2 input::placeholder,
#gform_2 textarea::placeholder {
    color: #666;
}

/* name + email row */
#gform_2 .gfield--width-half {
    width: calc(50% - 8px);
}

#gform_2 .gform_fields {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

#gform_2 .gfield--width-full {
    width: 100%;
}

/* select arrow */
#gform_2 select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='10' viewBox='0 0 18 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l8 8 8-8' stroke='%23666' stroke-width='2' fill='none'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 18px center;
}

/* submit button */
#gform_2 .gform_button {
    background: #000000;
    color: #ffffff;
    border: none;
    padding: 14px 28px;
    font-size: 16px;
    border-radius: 4px;
    cursor: pointer;
}

/* hover */
#gform_2 .gform_button:hover {
    background: #4d4d4d;
}



.light-gold{
	color:#ecce96;
}



/* Main container */
.tell-us {
    background: #1f3f6b;
    padding: 20px 20px;
}

/* Heading */
.tell-us h2 {
    color: #ffffff;
    font-size: 42px;
    margin-bottom: 10px;
}

/* Subtext */
.tell-us p {
    color: #d7dbe3;
    font-size: 18px;
    margin-bottom: 25px;
}

/* Remove default GF spacing */
.tell-us .gform_wrapper {
    margin: 0;
}

/* Inputs */
.tell-us input,
.tell-us select,
.tell-us textarea {
    background: #e6e6e6;
    border: 2px solid #7b8598;
    padding: auto;
    font-size: 16px;
    color: #333;
}

/* Placeholder text */
.tell-us ::placeholder {
    color: #4a5568;
}



.tell-us textarea {
    min-height: 160px;
}

/* Notice text */
.tell-us #field_1_11 {
    color: #d7dbe3;
    font-size: 14px;
    line-height: 1.5;
	font-style: italic;
}

/* Checkbox */
.tell-us #field_1_10 label {
    color: #d7dbe3;
    font-size: 14px;
	font-style: italic;
}

/* Buttons container */
.tell-us .gform_footer {
    display: flex;
    gap: 30px;
    margin-top: 30px;
	margin: 0px 0 0 !important;
    padding: 0px 0 !important;
}

/* Upload button */
.tell-us .upload-btn {
    border: 2px solid #ffffff;
    background: transparent;
    color: #ffffff;
    padding: 14px 28px;
    letter-spacing: 2px;
}

/* Submit button */
.tell-us .gform_button {
    background: #d7d7d7;
    color: #1f3f6b;
    padding: 14px 36px;
    border: none;
    font-weight: 600;
}




/* Checkbox container */
.tell-us .gfield_checkbox input[type="checkbox"]{
    appearance: none;
    -webkit-appearance: none;
    width: 14px;
    height: 14px;
    border: 1px solid #ffffff;
    background: transparent;
    cursor: pointer;
    display: inline-block;
    position: relative;
}

/* checked state */
.tell-us .gfield_checkbox input[type="checkbox"]:checked::after{
    content: "";
    position: absolute;
    left: 3px;
    top: 0px;
    width: 4px;
    height: 8px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}



.custom-form-buttons{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:40px;
    margin-top:30px;
}

.upload-docs-btn{
    background:transparent;
    border:2px solid #ffffff;
    color:#ffffff;
    padding:16px 40px;
    letter-spacing:2px;
    text-transform:uppercase;
    cursor:pointer;
}

.submit-form-btn{
    background:#d8d6d4;
    border:none;
    color:#1f3f6b;
    padding:16px 40px;
    letter-spacing:2px;
    text-transform:uppercase;
    cursor:pointer;
}


#gform_submit_button_1 {
    display:none;
}


.submit-form-btn{
	padding: 18px 40px;
}

#field_1_13{
	display:none;
}

#field_1_13,
#field_1_13 *:not(.gform_button_select_files){
    color:#ffffff;
}


/* we step in section*/
.we-step-in{
    display:flex;
    align-items:stretch;
}

/* make the image column stretch */
.we-step-in .et_pb_column:first-child{
    display:flex;
}

/* make the image module fill the column */
.we-step-in .et_pb_image{
    flex:1;
    display:flex;
}

.we-step-in .et_pb_image{
    flex:1;
    display:flex;
    justify-content:flex-start;
}

.we-step-in .et_pb_image img{
   width: auto;
  height: 100%;
  max-width: none;
  object-fit: contain;
  margin-left: -160px;

}


.we-step-in{
    display:flex;
    align-items:stretch;
    padding-bottom:60px; /* space under form */
}



.tell-us{
	margin-bottom: 90px;
}

#gform_wrapper_1{
	margin-top: -25px;
}


/* keep column normal */
.we-step-in .et_pb_column:first-child{
    display:flex;
}

/* hide only horizontal bleed */
.we-step-in .et_pb_image{
    overflow-x:hidden;
    overflow-y:visible;
}

/* allow wrapper to overflow upward */
.we-step-in .et_pb_image_wrap{
    overflow:visible;
}

/* image positioning */
.we-step-in .et_pb_image img{
    margin-left:-120px;
    display:block;
}

/* keep columns aligned to top instead of stretching */
.we-step-in{
    align-items:flex-start;
}

/* add space under right column only */
.we-step-in .et_pb_column:last-child{
    margin-bottom:120px;
}

/* keep image grounded */
.we-step-in .et_pb_column:first-child{
    align-self:flex-end;
}

/* space under right column */
.we-step-in .et_pb_column:last-child{
    margin-bottom:0px;
}


body.datasheet-responses-domain .et-l--header,
body.datasheet-responses-domain .et-l--footer,
body.datasheet-responses-domain #main-header,
body.datasheet-responses-domain #main-footer,
body.datasheet-responses-domain .hide-if-datasheet-domain{
    display: none !important;
}







@media (max-width: 980px){

	/* allow stacking */
	.we-step-in{
		display:block;
		padding-bottom:40px;
	}

	/* make the row full width */
	.we-step-in.et_pb_row{
		width:100%;
		max-width:100%;
		padding-left:0;
		padding-right:0;
	}

	/* make columns full width */
	.we-step-in .et_pb_column{
		width:100%;
		max-width:100%;
	}

	/* reset image */
	.we-step-in .et_pb_image{
		display:block;
	}

	.we-step-in .et_pb_image img{
		width:100%;
		height:auto;
		max-width:100%;
		object-fit:contain;
		margin-left:0;
		margin-bottom:0;
	}

	/* spacing */
	.tell-us{
		margin-bottom:40px;
	}

	#gform_wrapper_1{
		margin-top:0;
	}

}



@media screen and (max-width:768px){

}