/*
Theme Name: Thomcat Leasing - Avada Child
Description: Thomcat Leasing Custom Child theme built on the Avada theme
Author: devEdge Internet Marketing
Author URI: https://devedge-internet-marketing
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/* Table of Contents
	- Typography
	- Blog
	- Gravity Forms Customizations
	- Buttons
	- Shortcode Classes (such as PNW and Vendor Shortcodes)
*/

/* Typography
--------------------------------------------- */
/* Embedded headings inside content areas tend to not add enough margin (but we can't default more margin lest we break layout).
This is a bit of a messy hack and might cause issues later. -KCL Oct 2023 */
.post-content p + h2, .post-content ul + h2, .post-content ol + h2,
.post-content p + h3, .post-content ul + h3, .post-content ol + h3 {
	margin-top: 1.8em;
}

/* Blog
--------------------------------------------- */
.fusion-blog-layout-large .fusion-posts-container article,
.fusion-blog-layout-large-alternate .fusion-posts-container article,
.fusion-blog-layout-medium .fusion-posts-container article {
	margin-bottom: 125px;
}

/* Gravity Forms Customizations
--------------------------------------------- */
/* Increase the row gap between form field rows */
.gform_wrapper.gravity-theme .gform_body .gform_fields {
	grid-row-gap: 30px;
}
@media only screen and (max-width: 640px) { /* on screens smaller than 640px, tighten the row gap */
	.gform_wrapper.gravity-theme .gform_body .gform_fields {
		grid-row-gap: 20px;
	}
}

/* Make the submit button bigger on all the forms and centered */
.gform_wrapper .gform_footer input.gform_button[type=submit] {
	padding: 20px 25px 20px 25px;
	font-size: 16px;
	margin: 0 auto;
}

/* Remove number ranges, or instructions, from all the forms. */
.gform_wrapper .gform_fields .ginput_container_number .instruction {
	display: none !important;
}

/* Customize the form section titles display. */
.gform_wrapper .gfield.gsection {
	margin-top: 50px;
	padding: 10px 30px;
	background-color: var(--awb-color2);
}
.gform_wrapper h3.gsection_title {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

/* Agreement Text (on application form) */
.gform_wrapper .gfield.agreement-text li {
	list-style: disc outside none;
}

/* CONDENSED FORM CUSTOMIZATIONS - set a custom class in Avada condense_form */
.condense_form .gform_wrapper { /* Reduce margins */
	margin-bottom: 5px;
}
.condense_form .gform_wrapper.gravity-theme .gform_body .gform_fields { /* reduce row gap */
	grid-row-gap: 10px;
}
.condense_form .gform_wrapper .gform_footer input.gform_button[type=submit] { /* Make the submit button smaller/normal */
	padding: 13px 29px 13px 29px;
	margin: 0;
}
@media only screen and (min-width: 641px) { /* on screens larger than 640px, make all fields 3 columns */
	.condense_form .gform_wrapper .gform_fields .gfield {
		-ms-grid-column-span: 4;
		grid-column: span 4;
	}
	.condense_form .gform_wrapper .gform_fields .gfield.gfield_html { /* not HTML fields */
		grid-column: 1/-1;
	}
}

/* FORM ICONS - set the show_form_icons custom class in Avada column.
Then for each field with an icon, add classes has_icon and i_ICON_CLASS_NAME */
.show_form_icons .gform_wrapper .gform_fields .has_icon .ginput_container {
	position: relative;
}
.show_form_icons .gform_wrapper .gform_fields .has_icon .ginput_container input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]) {
	padding-left: 62px;
}

.show_form_icons .gform_wrapper .gform_fields .has_icon .ginput_container::after {
	font-family: dashicons;
	font-size: 40px;
	line-height: 50px;
	text-align: center;
	display: block;
	position: absolute;
	/* allow the input border to show */
	top: 0;
	left: 0;
	height: 50px;
	width: 50px;
	border-radius: 0px;
	
	color: #FFFFFF;
	background-color: #0D1011;
	/* white form option - uncomment */
	/*color: #222222;
	background-color: #ececec;*/
}

/* specific icons: */
.show_form_icons .gform_wrapper .gform_fields .has_icon.i_dollar_sign .ginput_container::after {
	content: "\f18e"; /* dollar sign */
}
.show_form_icons .gform_wrapper .gform_fields .has_icon.i_sale_tag .ginput_container::after {
	content: "\f323"; /* sale tag */
}
.show_form_icons .gform_wrapper .gform_fields .has_icon.i_email_envelope .ginput_container::after {
	content: "\f465"; /* email */
}
.show_form_icons .gform_wrapper .gform_fields .has_icon.i_cell_phone .ginput_container::after {
	content: "\f470"; /* cell */
}

/* SPECIAL FORM CUSTOMIZATIONS - set an appropriate custom class in Avada column */
.hide_form_labels .gform_wrapper .gform_fields .gfield label {/* Hide all labels */
	display: none;
}


/* Buttons
--------------------------------------------- */
.button2 {
	display: inline-block;
	background-color: var(--awb-color5);
	border-radius:35px;
	text-indent:0;
	color:#ffffff;
	font-family: Epilogue, Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height: 21px;
	font-weight:500;
	font-style:normal;
	padding: 17px 40px;
	width:auto;
	text-decoration:none;
	text-align:center;
	cursor: pointer;
}
.button2:hover {
	background-color:rgb(122, 0, 2);
	color: #ffffff;
}


/* Shortcode Classes
--------------------------------------------- */
/* PNW Shortcode styling */
div.pnw-c2a {
	position: relative;
	display: block;
	z-index: 100;
}
div.pnw-c2a div {
	display: block;
	width: 75%;
	margin: 0 auto 60px auto;
	border: 2px solid var(--awb-color5);
	border-radius: 8px;
	padding: 20px;
	text-align: center;
	background: #FFFFFF;
}

/* Vendor Toolkit Shortcode Styling */
div.content-box-green {
	background-color: #d9edc2;
	border: 1px solid #b2ce96;
	border-radius: 6px;
	padding: 30px;
	margin: 30px 0 30px 0;
}
div.content-box-green p {
	margin: 0;
}

/* Vendor Lease Widget Shortcode Styling */
div.tcl-code-container {
	margin: 0 auto 60px auto;
}
div.tcl-code-container textarea.tcl-code-textarea {
	width: 100%;
	height: auto;
	padding: 20px;
	font-size: 14px;
	line-height: 22px;
	font-family: "Courier New", monospace;
	font-weight: normal;
}