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

/*** Beratungsform ***/
#rp_form form#form_heizungs-beratung {text-align: center; justify-content: center; display: flex;}
#rp_form .frm-chat-wrapper { text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center;}
#rp_form .frm_description {text-align: center; justify-content: center; display: flex; margin-top: 20px!important;}
#brx-content #rp_form .button {background-color: #1A72D5!important; letter-spacing: 0px!important; color: #1A72D5!important; font-weight: 700!important; border-radius: 10px!important; padding-top: 15px!important; padding-right: 30px!important; padding-bottom: 15px!important; padding-left: 30px!important; transition: all 1s ease!important; cursor: pointer!important;}
#brx-content #rp_form .button:hover {background-color:#13539c;}
#brx-content #rp_form .form-field {margin-bottom: 5px!important;}
#rp_form .frm_image_options .frm_opt_container {display: grid; grid-template-columns: repeat(4, 1fr); width: 100%; min-width: 100%; gap: 10px; padding: 0 20px;}
#rp_form .frm_image_options#frm_field_12_container .frm_opt_container {grid-template-columns: repeat(3, 1fr);}
#rp_form .frm_opt_container .frm_checkbox {margin: 0; width: 100%!important; text-align: center;}
#rp_form .frm_primary_label {text-align: center; display: flex!important; justify-content: center;}
#rp_form .frm_image_options .frm_image_option_container {border: 0; border-radius: 15px; box-shadow: 0 0px 10px 3px rgba(0,0,0,.05); transition: all .1s ease; cursor: pointer;}
#rp_form .frm_image_options .frm_image_option_container:hover {box-shadow: 0 0px 10px 3px rgba(0,0,0,.13);}
#rp_form .frm_image_options .frm_image_option_container.frm_label_with_image img {max-width: 50px; object-fit: contain; margin-left: auto; margin-right: auto;}
#rp_form .frm_image_option_container .frm_selected_checkmark svg {fill: #fdb52a;}
#rp_form .frm_image_options .frm_image_option_container.frm_label_with_image img {max-width: 50px; object-fit: contain; margin-left: auto; margin-right: auto; height: auto; margin-top: 20px; margin-bottom: 10px;}
#rp_form .frm_display_format_buttons .frm_opt_container {gap: 20px!important;}
#rp_form .frm_display_format_buttons .frm_opt_container {padding: 0 20px;}
#rp_form .frm_display_format_buttons .frm_opt_container .frm_label_button_container {border: 0; border-radius: 7px; box-shadow: 0 0px 5px 1px rgba(0,0,0,.08); transition: all .1s ease; cursor: pointer;}
#rp_form .frm_display_format_buttons .frm_opt_container .frm_label_button_container:hover {box-shadow: 0 0px 10px 3px rgba(0,0,0,.13);}
.frm_display_format_buttons .frm_checkbox input[type=checkbox]:checked + .frm_label_button_container {background-color: #1A72D5!important;}
body:not(.frm_preview_page):not(.single-frm_landing_page) .frm_chat_form_cont.frm_forms.with_frm_style {min-height: auto!important;}
#rp_form fieldset {padding-top: 0;}
#rp_form .frm_chat_arrows {display: none;}

@media only screen and (max-width: 766px) { 
	#rp_form .frm_form_fields .frm_fields_container {grid-template-columns: 1fr;}
	#rp_form .frm_image_options .frm_opt_container, #rp_form .frm_image_options#frm_field_12_container .frm_opt_container {grid-template-columns: 1fr 1fr;}
	.frm_form_field.frm_three_col .frm_opt_container, .frm_form_field.frm_four_col .frm_opt_container {grid-template-columns: 1fr!important;}
	#rp_form .frm_primary_label {font-size: 16px!important; line-height: 1.4;}
}

@media only screen and (max-width: 479px) {
	#rp_form .frm_image_options .frm_image_option_container .frm_text_label_for_image {font-size: 14px;}
	#rp_form .frm_image_options .frm_image_option_container.frm_label_with_image img {max-width: 35px;}
	#rp_form .with_frm_style input[type=text] {font-size: 18px;}
}

/*** Mobile Menu Animation ***/
@media only screen and (max-width: 600px) { 
	.brx-open li {opacity: 0;}
	.brx-open li {animation: rp_menu_animation; animation-duration: .5s; animation-fill-mode: forwards;}
	.brx-open li:first-child {animation-delay: 0s;}
	.brx-open li:nth-child(2) {animation-delay: .1s;}
	.brx-open li:nth-child(3) {animation-delay: .2s;}
	.brx-open li:nth-child(4) {animation-delay: .3s;}
	.brx-open li:nth-child(5) {animation-delay: .4s;}
	.brx-open li:nth-child(6) {animation-delay: .5s;}
	.brx-open li:nth-child(7) {animation-delay: .6s;}
	.brx-open li:nth-child(8) {animation-delay: .7s;}
	
	@keyframes  rp_menu_animation {
  		from {transform: translatey(10px); opacity: 0;}
  		to {transform: translatey(0px); opacity: 1;}
	}
}