/*
 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
*/

/* Image with 'data' attribute is hidden */
img[data-lazy-src] {
/* we set the opacity to 0 */
opacity: 0;
}
/* Image without 'data' attribute is (or becomes) visible */
img.lazyloaded {
/* prepare the future animation */
-webkit-transition: opacity .5s linear 0.2s;
-moz-transition: opacity .5s linear 0.2s;
transition: opacity .5s linear 0.2s;
/* we set the opacity to 1 to do the magic */
opacity: 1;
}

/************** GRAVITY FORM ****************/
/********************************************/
.gform_heading {
	display:none;
}
.gform_wrapper.gravity-theme .gfield_label {
    color: #000;
    text-transform: uppercase;
}

.gform_wrapper.gravity-theme .gfield-choice-input+label {
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    line-height: normal;
    margin-left: 5px;
}

.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
    font-size: 16px !important;
    padding: 20px 30px !important;
    line-height: normal !important;
    border-radius: 6px !important;
    border: 1px solid #23283D !important;
    color: #23283D !important;
}
.gform_wrapper.gravity-theme .description, .gform_wrapper.gravity-theme .gfield_description, .gform_wrapper.gravity-theme .gsection_description, .gform_wrapper.gravity-theme .instruction {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}
.gform_wrapper.gravity-theme .gform_validation_errors {
    margin: 0 !important;
    margin-bottom: 30px !important;
}

.gform_wrapper.gravity-theme .gform_footer, .gform_wrapper.gravity-theme .gform_page_footer {
    margin: 0 !important;
    padding: 0 !important;
    margin-top: 30px !important;
    justify-content: center;
}

.gform_wrapper.gravity-theme .gform_footer button, .gform_wrapper.gravity-theme .gform_footer input, .gform_wrapper.gravity-theme .gform_page_footer button, .gform_wrapper.gravity-theme .gform_page_footer input {
    margin: 0 !important;
    background-color: var(--white);
    color: var(--bricks-color-nfcddk);
    text-transform: uppercase;
    border: 1px solid var(--bricks-color-djyymj);
    border-radius: 6px;
    background-image: linear-gradient(105deg, #65225d, #903885 45%, #270824);
    padding-top: 20px;
    padding-right: 30px;
    padding-bottom: 20px;
    padding-left: 30px;
    font-weight: 900;
}
/* Default placeholder state — 50% opacity */
body .gform_wrapper input::placeholder,
body .gform_wrapper textarea::placeholder {
  color: rgba(35, 40, 61, 0.5); /* #23283D at 50% */
  opacity: 1; /* ensure consistent opacity across browsers */
  transition: color 0.2s ease-in-out;
}

/* On focus — full opacity */
body .gform_wrapper input:focus::placeholder,
body .gform_wrapper textarea:focus::placeholder {
  color: rgba(35, 40, 61, 1); /* full #23283D */
}

/* Actual text inside inputs and textarea — always 100% */
body .gform_wrapper input,
body .gform_wrapper textarea {
  color: rgba(35, 40, 61, 1);
}

/* Select field with gf_placeholder class — default 50%, full on focus */
body .gform_wrapper select.gf_placeholder {
  color: rgba(35, 40, 61, 0.5);
  transition: color 0.2s ease-in-out;
}

body .gform_wrapper select.gf_placeholder:focus,
body .gform_wrapper select.gf_placeholder option {
  color: rgba(35, 40, 61, 1);
}

.gform_wrapper.gravity-theme .gform_footer button:hover, .gform_wrapper.gravity-theme .gform_footer input:hover, .gform_wrapper.gravity-theme .gform_page_footer button:hover, .gform_wrapper.gravity-theme .gform_page_footer input:hover {
	color:#65225d;
	border-color:#65225d;
	background-image:none;
}

@media (max-width:767px){
	#table-wrap {
		overflow-x:scroll !important;
	}

	#table-block {
		max-width:initial;
		width:800px;
	}
}