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

/* Testimonails Slider */
:root {
  --viewport-max-width: 1280px;
  --viewport-inline-padding: calc((100vw - min(94.5vw, var(--viewport-max-width, 1280px))) / 2);
}

@media (max-width: 767px) {
	:root {
	 --viewport-inline-padding: calc((100vw - min(87.5vw, var(--viewport-max-width, 1280px))) / 2);	
	}
}

/* List Styling */
.popup__list ul,
.legal__text ul {
	padding-left: 16px;
}

.popup__list ul li,
.legal__text ul li {
    list-style-type: none;
    position: relative;
}
.popup__list ul li::before,
.legal__text ul li::before{
	content: "";
	background-image: url("/wp-content/uploads/list-dot.svg");
	display: block;
	width: 8px;
	height: 8px;
	position: absolute;
	left: -16px;
	top: 11px;	
}

/* CF7 */
.grid-form {
	display: grid;
	grid-template-columns: 1fr 1fr; 
	gap: 20px; 
	margin-bottom: var(--space-24);
}

.input, input:not([type=submit]), select, textarea {
	background: transparent;
    border: 1px solid var(--accent);
}

.wpcf7-submit {
	background-color: transparent;
    color: var(--white);
    border: none;
    font-weight: 500;
    line-height: 1;
    padding: 0;
}

span[data-name="hcap-cf7"]~input[type="submit"], span[data-name="hcap-cf7"]~button[type="submit"] {
	margin-top: 0!important;
}

.wpcf7-spinner {
	display: none;
}

.wpcf7-list-item {
	margin: 0;
}

.cssbuttons-io-button:hover .submit-icon {
  width: 24px!important;
}

.wpcf7 form .wpcf7-response-output {
	margin: var(--space-24) 0 var(--space-24) 0;
}

@media (max-width: 767px) {
	.grid-form {
	grid-template-columns: 1fr; 
}
}