/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */
.hubspot-form .text-input {
	width: 100%;
	padding: 10px;
	margin: 10px 10px 20px 0;
	border: 1px solid #007b8f;
	border-radius: 5px;
	outline: none;
	font-size: 16px;
	transition: all .3s ease-in-out;
}

.hubspot-form .text-input:focus {
	/* border-color: #ff8c00; */
	
	/* Border color on focus */
	background-color: #f8f8ff;
	/* Light background when focused */
	box-shadow: 0 0 3px rgba(3, 93, 106, 1);
}

.hubspot-form .text-input:hover {
	box-shadow: 0 0 3px rgba(3, 93, 106, 1);
}

.cf7mls-btns .cf7mls_next.action-button {
	background-color: #ff8c00;
	color: white;
	padding: 10px 20px !important;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	font-size: 1em;
	transition: background-color .3s ease-in-out, transform .2s;
	box-shadow: 0px 2px 1px 0px rgba(5, 43, 74, 1);
}

.cf7mls-btns .cf7mls_next.action-button:focus {
	outline: none;
	background-color: #d65e00;
	/* Darker shade on focus */
	box-shadow: 0 0 10px rgba(255, 140, 0, .7);
}

.cf7mls-btns .cf7mls_next.action-button:not([disabled]):hover {
	transform: translateY(-1px);
	filter: brightness(110%);
}

select.form-control {
	width: 100%;
	padding: 10px;
	margin: 10px 0 20px 0;
	border: 1px solid #007b8f;
	/* Blue border */
	border-radius: 5px;
	font-size: 16px;
	background-color: #fff;
	/* White background */
	color: #333;
	/* Text color */
	outline: none;
	transition: all .3s ease-in-out;
}

select.form-control:focus {
	border-color: #ff8c00;
	/* Orange border on focus */
	background-color: #f8f8ff;
	/* Light background when focused */
	box-shadow: 0 0 8px rgba(255, 140, 0, .7);
}

/* Dropdown arrow */
select.form-control option {
	padding: 10px;
}

/* .page-id-4905 .post-4905 {
    background-color: #efefef;
    border-radius: 10px;
    padding: 20px 40px;
} */
#ds-multistep-form-hs .post-4905 h1 {
	font-size: 100px;
}

#ds-multistep-form-hs .wpcf7-form-control-wrap .wpcf7-form-control {
	font-size: 1em;
	width: 100%;
	box-sizing: border-box;
	transition: box-shadow .2s ease;
	border: 1px solid #005b68;
	padding: 20px 10px;
}

#ds-multistep-form-hs .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-checkbox {
	border: 0;
}

#ds-multistep-form-hs .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-checkbox label {
	position: relative;
	padding-left: 30px;
	font-size: 15px;
	line-height: 20px;
}

#ds-multistep-form-hs .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-checkbox input[type="checkbox"] {
	position: absolute;
	width: 25px;
	height: 25px;
	opacity: 0;
}

#ds-multistep-form-hs .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-checkbox span.wpcf7-list-item-label:before {
	width: 20px;
	height: 20px;
	content: "";
	display: inline-block;
	border: 1px solid #005b68;
	border-radius: 3px;
	left: 0;
	position: absolute;
}

#ds-multistep-form-hs .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-checkbox input[type="checkbox"]:checked+span.wpcf7-list-item-label:after {
	content: "";
	transform: rotate(45deg);
	height: 13px;
	width: 7px;
	border-bottom: 3px solid #005b68;
	border-right: 3px solid #005b68;
	position: absolute;
	left: 7px;
	top: 2px;
}

#ds-multistep-form-hs .hubspot-form label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: 300;
	color: #233140;
}

#ds-multistep-form-hs .wpcf7-form {
	padding-left: 40px;
	padding-right: 40px;
}

.star-color {
	color: red;
}

.cf7mls-btns .cf7mls_back.action-button {
	background-color: #ff8c00;
	color: white;
	padding: 10px 20px !important;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	font-size: 1em;
	transition: background-color .3s ease-in-out, transform .2s;
	box-shadow: 0px 2px 1px 0px rgba(5, 43, 74, 1);
}

.cf7mls-btns .cf7mls_back.action-button:focus {
	outline: none;
	background-color: #d65e00;
	/* Darker shade on focus */
	box-shadow: 0 0 10px rgba(255, 140, 0, .7);
}

.cf7mls-btns .cf7mls_back.action-button:not([disabled]):hover {
	transform: translateY(-1px);
	filter: brightness(110%);
}

select.select-dropdown {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url("https://gorout.com/nitropack_static/gUURcnrGiOcCpJdnqDrxLEtkwaIGyHYd/assets/images/optimized/rev-19734d8/gorout.com/wp-content/themes/bb-theme-child/custom-arrow.png");
	background-repeat: no-repeat;
	background-position: right 12px center;
	padding-right: 30px;
	height: 44px;
	border-radius: 4px;
	line-height: 40px;
	padding: 0px 20px !important;
}

select.select-dropdown.nitro-lazy {
	background-image: none !important;
}

#ds-multistep-form-hs .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-acceptance {
	border: 0px;
	padding: 0px;
}

#ds-multistep-form-hs .wpcf7-list-item {
	margin: 0 0 0 0em;
}

#ds-multistep-form-hs input[type=submit] {
	background-color: #ff8c00;
	color: white;
	padding: 10px 20px !important;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	font-size: 1em;
	transition: background-color .3s ease-in-out, transform .2s;
	box-shadow: 0px 2px 1px 0px rgba(5, 43, 74, 1);
	margin: 55px 0px 0px;
}

#ds-multistep-form-hs input[type=submit]:focus {
	outline: none;
	background-color: #d65e00;
	/* Darker shade on focus */
	box-shadow: 0 0 10px rgba(255, 140, 0, .7);
}

#ds-multistep-form-hs input[type=submit]::hover {
	transform: translateY(-1px);
	filter: brightness(110%);
}

#ds-multistep-form-hs label {
	font-weight: 300;
}

#ds-multistep-form-hs .wpcf7-response-output {
	margin: 2em .5em 1em;
	padding: .2em 1em;
	border: 0px solid #00a0d2;
	background-color: #fff;
	border-radius: 6px;
	padding: 8px;
}

#ds-multistep-form-hs .wpcf7 {
	background-color: #efefef;
	border-radius: 10px;
	padding: 40px 40px;
}

:focus-visible {
	outline: none;
}

input[type="checkbox"] {
	accent-color: black;
}

span.wpcf7-list-item {
	display: block;
}

label.interested-football-label {
	margin: 25px 0 10px 0;
}

label.interested-football-label+br {
	display: none;
}

.select2-container--default .select2-selection--single {
	border: 1px solid rgba(3, 93, 106, 1);
	border-radius: 3px;
	font-size: 16px;
	padding: 8px 0;
	height: 48px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	border-color: #253343 transparent transparent transparent;
	border-style: solid;
	border-width: 6px 6px 0 6px;
	height: 0;
	left: 50%;
	margin-left: -20px;
	margin-top: 8px;
	position: absolute;
	top: 50%;
	width: 0;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
	border-color: transparent transparent #253343 transparent;
	border-width: 0 6px 6px 6px;
}

.select2-container--default .select2-dropdown--below {
	margin-top: 38px;
	/* Adjust spacing as needed */
	border: 1px solid rgba(3, 93, 106, 1);
}

/* Dropdown appears ABOVE the select box */
.select2-container--default .select2-dropdown--above {
	margin-bottom: 38px;
	/* Adjust spacing as needed */
	border: 1px solid rgba(3, 93, 106, 1);
}

.select2-container--default .select2-search--dropdown .select2-search__field {
	border: 1px solid rgba(3, 93, 106, 1);
	border-radius: 3px;
	padding: 10px 10px;
}

@media screen and (max-width:991px) {
	#ds-multistep-form-hs .wpcf7 {
		padding: 40px 30px;
	}
}