/*
Theme Name: Beaver Builder Child Theme
Theme URI: https://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: https://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here...Remember to change the Version number above! */ 

/* Style each radio choice as a full clickable box */

#gform_wrapper_1 .gfield_radio .gchoice {
    display: block;
    margin-bottom: 15px;
    cursor: pointer;
    transition: all 0.2s ease;
    background: #f9f9f9;
    position: relative;
    padding: 0 !important;
    border: none !important;
}

#gform_wrapper_1 .gfield_radio .gchoice:hover {
  border-color: #0073aa;
  background: #f0f8ff;
}

/* Hide the radio input */
#gform_wrapper_1 .gfield_radio .gchoice input[type="radio"] {
  display: none;
}

#gform_wrapper_1 .gfield_radio .gchoice label {
    display: block;
    font-weight: bold;
    font-size: 18px;
    color: #222;
    cursor: pointer;
    padding: 20px;
    border: 2px solid #e6e6e6;
    border-radius: 10px;
}

/* Style the small description */
#gform_wrapper_1 .gfield_radio .gchoice label small {
  font-weight: normal;
  font-size: 14px;
  color: #666;
  display: block;
  margin-top: 5px;
}

#gform_wrapper_1 .gfield_radio .gchoice input[type="radio"]:checked + label {
    background: #eaf6fc;
    color: #fff;
    border-radius: 8px;
    border-color: #0d4b65;
    color: #0a4259 !important;
}

#gform_wrapper_1 .gfield_radio .gchoice input[type="radio"]:checked + label small {
    color: #0a4259 !important;
}



/*---- Checkbox ----*/
#gform_wrapper_1 .gfield_checkbox .gchoice {
    display: block;
    margin-bottom: 15px;
    cursor: pointer;
    transition: all 0.2s ease;
    background: #f9f9f9;
    position: relative;
    padding: 0 !important;
    border: none !important;
}

#gform_wrapper_1 .gfield_checkbox .gchoice:hover {
    border-color: #0073aa;
    background: #f0f8ff;
}

/* Hide the checkbox input */
#gform_wrapper_1 .gfield_checkbox .gchoice input[type="checkbox"] {
    display: none;
}

#gform_wrapper_1 .gfield_checkbox .gchoice label {
    display: block;
    font-weight: bold;
    font-size: 18px;
    color: #222;
    cursor: pointer;
    padding: 20px;
    border: 2px solid #e6e6e6;
    border-radius: 10px;
}

/* Style the small description */
#gform_wrapper_1 .gfield_checkbox .gchoice label small {
    font-weight: normal;
    font-size: 14px;
    color: #666;
    display: block;
    margin-top: 5px;
}

/* Style when checkbox is checked */
#gform_wrapper_1 .gfield_checkbox .gchoice input[type="checkbox"]:checked + label {
    background: #eaf6fc;
    color: #0a4259 !important;
    border-radius: 8px;
    border-color: #0d4b65;
}

#gform_wrapper_1 .gfield_checkbox .gchoice input[type="checkbox"]:checked + label small {
    color: #0a4259 !important;
}

div#input_1_20 label {
    margin: 0;
}

div#input_1_20 {
    flex-direction: row;
    flex-wrap: wrap;
}



/*---- Range -----*/


div#gfrs_rangeslider_33:before {
    content: '$10,000';
    position: absolute;
    top: 25px;
    font-size: 14px;
}

div#gfrs_rangeslider_33:after {
    content: '$1,000,000';
    position: absolute;
    top: 25px;
    font-size: 14px;
	right:0;
}

body .gform-theme--framework .gfield--type-nurslider .noUi-connect {
    background-color: #0b4359!important;
}

.buttonized i {
    margin-right: 10px;
    font-size: 40px;
    display: flex;
}

.buttonized .gfield_radio {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: row!important;
}

.buttonized .gfield_radio > div {
    display: flex;
}

.buttonized .gfield_radio input , .buttonized .gfield_radio label {
    margin: 0!important;
}

.buttonized .gfield_radio i {
    margin: 0 auto 20px auto;
    align-items: center;
    justify-content: center;
    color: #4ca127;
}

.buttonized .gfield_radio label {
    color: #224c68 !important;
}

.gform_wrapper .gfield_radio .gchoice:has(input[type="radio"]:checked) {
  background: #0073aa;
  color: #fff;
  border-radius: 8px;
  border-color: #0073aa;
}

.gform-theme--framework .gf_progressbar .percentbar_blue {
    background-color: #4ca127!important;
}

.gform-page-footer input {
    background: #224c68 !important;
    max-width: 150px;
    width: 100%!important;
    color: #ffffff!important;
	border-radius:50px!important;
}

.pum-theme-364 .pum-container, .pum-theme-lightbox .pum-container {
    border: 8px solid #224c68!important;
}

div#input_1_37 label {
    margin: 0;
}

div#input_1_37 {
    display: flex!important;
    flex-direction: row;
    flex-wrap: wrap;
}

div#input_1_37 div {width: 49%;}

div#input_1_38 label {
    margin: 0;
}

div#input_1_38 {
    display: flex;
    flex-direction: row;
}

@media(max-width:767px) {
	.buttonized .gfield_radio {
    flex-direction: column!important;
}
	#gform_wrapper_1 .gfield_radio .gchoice {
    width: 100%;
}
	div#input_1_38 {
    flex-direction: column;
}
}