/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Rob Smelik
 Author URI:   https://robsmelik.com/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/





.bricks-button {
    cursor: pointer;
    -webkit-appearance: none;
    border: 2px solid #ff9800; 
	background: rgba(0,0,0,.5);
}

span.bricks-button:hover {
	color: #222 !important;
	padding: 14px 45px;
	font-weight: 600;
    -webkit-appearance: none !important;
    border: 2px solid #ff9800 !important; 
	background: #ff9800 !important;
	-webkit-box-shadow: 0px 0px 20px 0px #FF9800; 
	box-shadow: 0px 0px 20px 0px #FF9800;
}



body.page-id-2 #brx-content{
	background-image: url(/wp-content/uploads/main-bg-2-scaled.webp);
    background-repeat: no-repeat;
    background-size: cover;
	background-position: center 440px;
}


body.page-id-912 #brx-content{
	background-image: url(/wp-content/uploads/main-bg-2-scaled.webp);
    background-repeat: no-repeat;
    background-size: cover;
	background-position: center 440px;
}

body.page-id-914 #brx-content{
	background-image: url(/wp-content/uploads/main-bg-2-scaled.webp);
    background-repeat: no-repeat;
    background-size: cover;
	background-position: center 740px;
}


#brx-header .bricks-nav-menu-wrapper li a {
	padding: 5px 5px;	
}

#brx-header .header-button a {
	color: #222;
	background-color: #ff9800;
	padding: 5px 30px !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


#top .input-text, 
#top textarea, 
#top select,
.ginput_container textarea, 
.ginput_container select,
.ginput_container input {
	font-size: 110% !important;
	padding: 30px 30px !important;
	-webkit-appearance: none;
	border-color: rgba(255,255,255,.25) !important;
	background-color: rgba(10,10,10,0.4) !important;
	color: #fff !important;
	backdrop-filter: blur(10px);
}

#top .input-text:focus , 
#top textarea:focus , 
#top select:focus ,
.ginput_container textarea:focus , 
.ginput_container select:focus ,
.ginput_container input:focus {
	color: #fff !important;
    box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.0) !important;
    color: #fff !important;

    outline: 0px solid #ff9800 !important; /* Change to your desired color and thickness */
    outline-offset: 0px !important; /* Optional: adds a small space between the input and the outline */
}

.gform_wrapper input[type="submit"], 
.gform_wrapper #submit, 
.gform_wrapper .button {
	padding: 14px 40px !important;
	color: #fff !important;
	padding: 14px 45px;
	font-size: 18px !important;
	-webkit-border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	border-radius: 5px !important;
	margin-top: 10px;
    cursor: pointer !important;
    -webkit-appearance: none !important;
	border: 2px solid #ff9800 !important;
    background: rgba(0,0,0,.5) !important;
    -moz-transition: all .3s ease-in-out !important;		/* Firefox */
    -webkit-transition: all .3s ease-in-out !important; 	/* WebKit */
    -o-transition: all .3s ease-in-out !important;  		/* Opera */
    transition: all .3s ease-in-out !important;    			/* Standard */
    margin-bottom: 50px !important; 
}

.gform_wrapper input[type="submit"]:hover, 
.gform_wrapper #submit:hover, 
.gform_wrapper .button:hover {
	color: #222 !important;
	padding: 14px 45px;
	margin-top: 10px;
	font-weight: 600;
    -webkit-appearance: none !important;
    border: 2px solid #ff9800 !important; 
  	background: #ff9800 !important;
  	-webkit-box-shadow: 0px 0px 20px 0px #FF9800 !important;  
  	box-shadow: 0px 0px 20px 0px #FF9800 !important; 
}

.ginput_container.ginput_container_text, 
.ginput_container.ginput_container_email,
.ginput_container.ginput_container_phone,
.ginput_container.ginput_container_website,
input.gfield-choice-input, .gfield-choice-input {
  border: 2px solid rgba(255,255,255,.6) !important;
}


.ginput_container input.gfield-choice-input {
	width: 30px !important;
	height: 30px !important;
	padding: 12px 12px !important;
}

body .gform_wrapper .gform_body .gform_fields .gfield .gfield_label{
	color: #ffffff !important;
}


.ginput_container input.gfield-choice-input {
	padding: 8px 8px !important;
	-webkit-appearance: none;
	color: #fff !important;
}

.ginput_container input.gfield-choice-input::before {
	background-color: #FF9800 !important;
}

body .gform_wrapper input[type='radio']:checked {
	border: 2px solid rgba(255,255,255,.6) !important;
}


.ginput_container .gform-field-label{
	color: #fff !important;
}

.gform-theme--orbital .gform_fields {
    grid-column-gap: 15px !important;
    grid-row-gap: 15px !important;
}

/* Standard syntax (modern browsers) */
::placeholder {
  color: #888 !important;
  opacity: 1 !important; /* Firefox adds lower opacity by default, so set to 1 for consistency */
}

/* Mozilla Firefox (older versions) */
::-moz-placeholder {
  color: #888 !important;
  opacity: 1 !important;
}

/* WebKit browsers (Chrome, Safari, older Edge) */
::-webkit-input-placeholder {
  color: #888 !important;
}

/* Internet Explorer 10-11 */
:-ms-input-placeholder {
  color: #888 !important;
}

/* Microsoft Edge (legacy, pre-Chromium) */
::-ms-input-placeholder {
  color: #888 !important;
}

.gform-theme--framework input[type]:where(:not(.gform-text-input-reset):not([type="hidden"])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus {
	 border-color: transparent !important;
 }
 
 /* Removes default margin between radio button and label text */
body .gform_wrapper div.ginput_container_radio ul.gfield_radio li label {
    margin-left: 0.3em !important; /* Adjust as needed, 0.3em is minimal space */
    display: inline; /* Ensures the label stays inline with the input */
}

/* Reduces/removes spacing between list items (the choices themselves) */
body .gform_wrapper ul.gfield_radio li {
    margin: 0 !important;
    padding: 0 !important;
    display: inline-block; /* Aligns list items horizontally */
}
	
	
.gfield .gfield_required,
.gform-theme--framework .gfield_validation_message:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework {
  color: #ff9800 !important;
}

.gform-theme--framework .gform_validation_errors {
	display: none !important;
}


.gform-theme--foundation .gfield.gf_list_2col:where(:not(.gfield--type-image_choice)) .gfield_checkbox, .gform-theme--foundation .gfield.gf_list_2col:where(:not(.gfield--type-image_choice)) .gfield_radio, .gform-theme--foundation .gfield.gf_list_3col:where(:not(.gfield--type-image_choice)) .gfield_checkbox, .gform-theme--foundation .gfield.gf_list_3col:where(:not(.gfield--type-image_choice)) .gfield_radio, .gform-theme--foundation .gfield.gf_list_4col:where(:not(.gfield--type-image_choice)) .gfield_checkbox, .gform-theme--foundation .gfield.gf_list_4col:where(:not(.gfield--type-image_choice)) .gfield_radio, .gform-theme--foundation .gfield.gf_list_5col:where(:not(.gfield--type-image_choice)) .gfield_checkbox, .gform-theme--foundation .gfield.gf_list_5col:where(:not(.gfield--type-image_choice)) .gfield_radio {
	display: block !important;
	margin-right: 30px !important;
}

.gform-theme--framework .gfield--type-choice .gchoice, .gform-theme--framework .gfield--type-choice .ginput_container_consent {
	margin: 20px 20px 20px 0 !important;
}

#event-form p, .gform-theme--framework .gfield_list_group_item::before:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework .gform-field-label:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
	font-size: 18px !important;
}


.gfield .ginput_container .iti__tel-input{
	padding-left: 50px !important;
}

#iti-0__dropdown-content .iti__country-list li .iti__country-name{
	color: #222 !important;
}