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

/* ==================================================================
   General
   ================================================================== */

body {
    min-height: 100vh;
    min-height: 100dvh;
}

strong {
	font-weight: 600;
}

/* ==================================================================
   Gravity Forms
   ================================================================== */

.gform_wrapper.gravity-theme.gform-theme--no-framework {
	.gform_heading {
		display: none;
	}

	.gform_fields {
		grid-gap: 30px 24px;
		grid-template-columns: repeat(6,1fr);
		
		@media (min-width: 991px) {
			grid-template-columns: repeat(12,1fr);
		}
	}
	
	.gfield--type-html {
		font-size: var(--font-size-intro-copy);
		line-height: var(--line-height-intro-copy);
		margin-bottom: 30px;

		@media (min-width: 991px) {
			font-size: var(--font-size-intro-copy-desktop);
			line-height: var(--line-height-intro-copy-desktop);
			margin-bottom: 60px;
		}
	}
	
	.gfield_label,
	.gfield_required {
		color: var(--color-black);
		font-size: var(--font-size-body-copy);
		font-weight: 600;
		line-height: var(--line-height-body-copy);
		
		@media (min-width: 991px) {
			font-size: var(--font-size-body-copy-desktop);
			line-height: var(--line-height-body-copy-desktop);
		}
	}
	
	.gfield_label {
		margin-bottom: 10px;
	}
	
	.gfield_required {
		padding: 0;
	}
	
	input[type=color],
	input[type=date],
	input[type=datetime-local],
	input[type=datetime],
	input[type=email],
	input[type=month],
	input[type=number],
	input[type=password],
	input[type=search],
	input[type=tel],
	input[type=text],
	input[type=time],
	input[type=url],
	input[type=week],
	select,
	textarea {
		font-size: var(--font-size-body-copy);
		line-height: var(--line-height-body-copy);
		padding: 10px;
		
		@media (min-width: 991px) {
			font-size: var(--font-size-body-copy-desktop);
			line-height: var(--line-height-body-copy-desktop);
		}
	}
	
	textarea {
		resize: vertical;
	}
	
	::placeholder {
		color: rgba(0, 0, 0, 0.5);
	}
	
	.ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full) {
		padding-right: 0;
		
		@media (min-width: 991px) {
			padding-right: 12px;
		}
	}
	
	.ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full) {
		padding-left: 0;
		
		@media (min-width: 991px) {
			padding-left: 12px;
		}
	}
	
	.gform_footer {
		margin-top: 30px;
		padding: 0;
		
		@media (min-width: 991px) {
			margin-top: 50px;
		}
	}
	
	.gform_button {
		background-color: transparent;
		font-size: var(--font-size-body-copy);
		line-height: var(--line-height-body-copy);
		gap: 5px;
		margin-bottom: 0;
		
		@media (min-width: 991px) {
			font-size: var(--font-size-body-copy-desktop);
			line-height: var(--line-height-body-copy-desktop);
		}
		
		svg {
			height: 13px;
			width: 13px;
		}
	}
}