/*
Theme Name: BDK Lotteriplatform
Theme URI: https://bording.dk/
Description: A child theme for Divi.
Author: Bording
Author URI: https://bording.dk/
Template: Divi
Version: 1.0.0
*/

@import url('../Divi/style.css'); /* Optional: Import Divi styles */

/* Custom font - bold */
@font-face {
  font-family: 'PPPangramSansRounded-Bold';
  src: url('fonts/PPPangramSansRounded-Bold.woff2') format('woff2'),
       url('fonts/PPPangramSansRounded-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}

/* Custom font - semibold */
@font-face {
  font-family: 'PPPangramSansRounded-Medium';
  src: url('fonts/PPPangramSansRounded-Medium.woff2') format('woff2'),
       url('fonts/PPPangramSansRounded-Medium.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}

/* Custom font - Regular */
@font-face {
  font-family: 'PPPangramSansRounded-Regular';
  src: url('fonts/PPPangramSansRounded-Regular.woff2') format('woff2'),
       url('fonts/PPPangramSansRounded-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}

h2, h3 {
	font-family: 'PPPangramSansRounded-Bold', sans-serif !important;
	color: rgb(0, 117, 190) !important;
}
body {
	font-family: 'PPPangramSansRounded-Regular', sans-serif !important;
	color: #666;
}

.gfield_description {
	font-size: 15px !important;
	font-style: italic !important;
}

.gf_step_label {
	font-family: 'PPPangramSansRounded-Bold', sans-serif !important;
	color: rgb(0, 117, 190) !important;
	text-transform: capitalize !important;
	font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 16px !important;
}

.gform-field-label {
	color: rgb(0, 117, 190) !important;
	font-size: 15px !important;
	line-height: 1.6 !important;
}
	legend.gfield_label {
		font-family: 'PPPangramSansRounded-Bold', sans-serif !important;
	}

.gform-theme--framework .gf_step_number {
	height: 40px;
    text-align: center;
    width: 40px;
	font-size: 14px;
	font-family: 'PPPangramSansRounded-Bold', sans-serif;
}

.gf_page_steps .gf_step_number {
	font-weight: 700;
    min-width: 40px;
    max-width: 40px;
    max-height: 40px;
	border-color: rgb(0, 117, 190);
	color: rgb(0, 117, 190);
}

.gform-theme--framework .gf_step_completed .gf_step_number::after {
	width:40px;
	height: 40px;
	background: #008a5e !important;
	border-color: #008a5e !important;
	color: #fff !important;
}

.gf_page_steps .gf_step_active .gf_step_number {
	background: #ffdc57;
	color: rgb(0, 117, 190);
	font-size: 14px;
	border-color: #ffdc57;
}

input.gform_next_button, input.gform_button.button {
	color: #fff !important;
    background-color: rgb(0, 117, 190) !important;
	font-family: 'PPPangramSansRounded-Bold', sans-serif !important;
    font-size: 16px !important;
	box-shadow: none !important;
    padding: 5px 20px 10px !important;
}

.gform_page_footer .gform_previous_button {
	color: rgb(0, 117, 190) !important;
    background-color: transparent !important;
	box-shadow: none !important;
	font-family: 'PPPangramSansRounded-Bold', sans-serif !important;
    font-size: 16px !important;
    padding: 5px 20px 10px !important;
	border: 2px solid rgb(0, 117, 190) !important;
}
.gform-theme--framework input[type=radio]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *))::before {
    background: #fa0a1e;
	width: 10px;
	height: 10px;
}
body .gform_wrapper .gform_body input[type="text"],
body .gform_wrapper .gform_body input[type="email"],
body .gform_wrapper .gform_body input[type="url"],
body .gform_wrapper .gform_body input[type="tel"],
body .gform_wrapper .gform_body input[type="number"],
body .gform_wrapper .gform_body input[type="password"] {
    height: auto !important;
}
/* Target the specific checkbox field */
.checkliste .gfield_checkbox {
  column-count: 2;        /* Number of columns */
  column-gap: 40px;       /* Space between columns */
}

/* Optional: improve spacing between checkboxes */
.checkliste .gfield_checkbox li {
  margin-bottom: 10px;
}