/*!
Theme Name: ignitioninterlock
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ignitioninterlock
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

ignitioninterlock is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

@charset "utf-8";
/* CSS Document */

/* Table of Contents
-----------------------------------------------------------------------------
	1. Clean Base
	2. Base Typography
	3. Images
	4. Links
	5. Forms
	6. Tables
	7. Framework 
*/

/* 1. Clean Base
------------------------------------------------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, 
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, a, nav, section, summary, time, mark, audio, video 
{margin:0 auto; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration:none; list-style:none; outline:none; -webkit-font-smoothing: subpixel-antialiased; -webkit-tap-highlight-color:rgba(0,0,0,0);}
	
html,body { -webkit-text-size-adjust:none; -webkit-font-smoothing: antialiased; height: 100%;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {display: block;}
img{border:none;}

input[type="text"], input[type="submit"], input[type="button"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"], textarea {-webkit-appearance: none; outline: none;}
textarea:focus, input:focus, a, div, img { outline: none; }
 
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }
.clear { clear: both; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block;}

/* 2. Base Typography
------------------------------------------------------------------------------*/
body{ color:#373d48; font-size:13px; font-weight:400; line-height:22px;}

h1, h2, h3, h4, h5, h6{ margin-bottom:20px; font-weight: bold; font-weight: bold; }
h1{ font-size:45px; line-height: 52px; color: #2699FB; }
h2{ font-size:45px; line-height: 52px; color: #2699FB; }
h3{ font-size:32px; line-height: 37px; color: #2699FB; }
h4{ font-size:26px; }
h5{ font-size:24px; }
h6{ font-size:20px; }

p{ color:#000000; font-size:26px; font-weight:400; line-height:36px; margin-bottom:20px; }

ul{ margin:0 0 0 20px; padding:0;}
ul li{ margin: 0; font-size:26px;  color:#373d48; font-weight:400; line-height:36px; padding:0; list-style:disc;}

ol{ margin:20px 20px; padding:0;}
ol li{ font-size:13px;  color:#373d48; font-weight:400; line-height:18px; padding:0 0 5px 0; list-style: decimal; margin-left:20px;}

blockquote{ display:block; text-align:left; margin-bottom:20px; position:relative; background:#f3f3f3; padding:20px 20px 10px 20px; border-left:2px solid #1589cb;}
blockquote p{ font-size:13px; font-weight:400; line-height:17px; margin-bottom:15px; position:relative; }

hr {border:0 #000 solid; border-top-width:1px; clear:both; height:0;}

/* 3. Images
------------------------------------------------------------------------------*/
img{border:none; border-style: none;}

/* 4. Link
------------------------------------------------------------------------------*/
a{color:#4777ac;}
a:hover{color:#4777ac; text-decoration: underline;}
a:active, a.current {color: #e8941a;}
a:focus{ outline: none; }
.btn{ display: inline-block; font-size: 24px; line-height: 28px; color: #2699FB; font-weight: bold; text-transform: uppercase; padding: 10px 25px 10px 63px; border: 4px solid #2699FB; border-radius: 6px; background: transparent; transition: all 0.3s ease-in-out; box-sizing: border-box; position: relative; }
.btn:before{ content: ''; display: block; position: absolute; left: 30px; top: 10px; width: 20px; height: 26px;  background: url(../images/call-icon.png); transition: all 0.3s ease-in-out; background-position: 0px 0; }
.btn:hover:before{ background-position: -23px 0; }
.btn:hover{ background: #2699FB; color: #ffffff; text-decoration: none; }
.btn2{ display: inline-block; font-size: 24px; line-height: 28px; color: #ffffff; font-weight: bold; text-transform: uppercase; padding: 10px 58px 10px 58px; border-radius: 6px; background: #2699FB; transition: all 0.3s ease-in-out; box-sizing: border-box; position: relative; border: 4px solid #2699FB;  }
.btn2:hover{ background: transparent; color: #2699FB; text-decoration: none; }

/* 5. Forms
------------------------------------------------------------------------------*/
input[type="text"], input[type="password"], input[type="email"], input[type="tel"], input[type="search"]{ border:1px solid #dedede; padding:0 15px; color:#666666; font-size:12px; height:36px; }
textarea{ border:1px solid #dedede; padding:5px 15px; color:#666666; font-size:12px; height:60px; resize:none;  line-height:16px;}

input[type="submit"], input[type="button"], input[type="reset"]{ background:#666; cursor:pointer; color:#fff; border:none; height:30px; line-height:28px; display:block; font-size:15px;}
input[type="submit"]:hover, input[type="button"]:hover{ background:#666; color:#fff;}

/* 6. Tables
------------------------------------------------------------------------------*/
table {border-spacing: 0; border-collapse: collapse;}
td {text-align: left; font-weight: normal;}

/* 7. Layout Framework
------------------------------------------------------------------------------*/
/* main container */
#wrapper{ width:100%; min-height:100%; min-height: 100%;height: auto !important; height: 100%;margin: 30px auto -22px; }
.container{ max-width:1583px; width:100%; }

.footer, .push{ height: 22px; }

/* header */
header{ width:100%; height:auto; padding: 90px 35px 90px 35px; box-sizing: border-box; }
.logo{ display: inline-block; }
.logo figure{ display: block; width: 100%; }
.logo figure img{ display: block; width: 100%; }

/* nav */
nav{ width:100%; height:auto;}

/* footer */
footer{ width:100%; height:auto; background:#ffffff; box-sizing: border-box; }
footer{ width:100%; height:auto; background:#ffffff; box-sizing: border-box; }

footer ul { margin: 0 }
footer ul li { list-style:none; }
footer ul li a { color: #161616; }

/*--------- home page ------------*/
.welcome-text-section{ display: block; width: 100%; padding: 20px 0 40px 0; box-sizing: border-box; }
.welcome-text-section .container{ text-align: center; }
.detail-list-section{ padding: 90px 0 100px 0; background: #5DB5FF; }
.detail-cell{ display: block; width: 100%; background: #ffffff; margin-bottom: 57px; border: 1px solid #54565D; border-radius: 12px; padding: 40px 20px 30px 20px; box-sizing: border-box; position: relative; }
.detail-list-area{ display: block; width: 100%; }
.col-left{ display: inline-block; width: 22%; float: left; text-align: center; }
.col-mid{ display: inline-block; width: 42%; padding-right: 65px; float: left; box-sizing: border-box; }
.col-right{ display: inline-block; width: 36%; float: left; padding-top: 60px; }
.col-mid figure{ display: block; margin-bottom: 40px; max-width: 520px; margin-left: 0; }
.col-mid figure img{ display: inline-block; }
.col-mid p{ max-width: 505px; margin-left: 0; color: #575C62; }
.sub-desc{ display: block; width: 100%; padding-top: 40px; }
.sub-desc p{ font-size: 16px; line-height: 18px; color: #575C62; max-width: 458px; }
.image-cell{ display: block; width: 100%; margin-bottom: 30px; max-width: 512px; margin-left: 0; }
.image-cell img{ display: block; width: 100%; }
.image-cell.simple img { max-width: 100%; width: auto; }
.image-cell figure{ display: inline-block; margin-right: 30px; }
.image-cell figure img{ display: inline-block; width: 100%; }
.image-cell figure + figure{ margin-right: 0; }
.field-desc{ display: flex; width: 100%; margin-bottom: 40px; max-width: 512px; margin-left: 0; }
.field-desc p{ display: inline-block; width: 56%; font-size: 20px; line-height: 23px; font-weight: bold; margin-bottom: 0; text-transform: uppercase; }
.field-desc.simple p {
	width: 100%; 
	text-align: center;
}
.field-desc p + p{ width: 60%; }
.offer-cell{ font-size: 24px; line-height: 28px; color: #2699FB; font-weight: bold; background: rgba(141, 211, 255, 0.55); border-radius: 8px; padding: 15px 20px; box-sizing: border-box; display: flex; align-items: center; margin-bottom: 45px; max-width: 512px; margin-left: 0; min-height: 76px; justify-content: center; margin-left: -45px; }
.offer-cell figure{ display: inline-block; margin: 0; margin-right: 20px; }
.btn-grp{ display: flex; align-items: center; justify-content: space-between; width: calc(100% + 45px); max-width: 512px; margin-left: 0; margin-left: -45px; }
.btn-grp .btn{ margin: 0; }
.btn-grp .btn2{ margin: 0; }
.top-add-cell figure{ display: inline-block; max-width: 56px; position: absolute; left: 25px; top: 5px; }
.top-add-cell figure img{ display: block; width: 100%; }
.top-add-cell.blue-bg{ background: #002CBF; }
.top-add-cell.blue-bg:before{ content: ''; display: block; position: absolute; left: -14px; top: 4px; width: 20px; height: 22px; background: url(../images/blue-left.png); background-size: cover; }
.top-add-cell.blue-bg:after{ content: ''; display: block; position: absolute; right: -14px; top: 4px; width: 20px; height: 22px; background: url(../images/blue-right.png); background-size: cover; }
.number{ display: inline-block; position: absolute; left: 36px; top: 11px; font-size: 22px; line-height: 26px; color: #002CBF; font-weight: bold; z-index: 1; }
.star-cell{ display: inline-flex; padding-left: 88px; box-sizing: border-box; font-size: 20px;   line-height: 23px; color: #0B123B; font-weight: bold; position: relative; padding: 10px 10px 30px 0; box-sizing: border-box; margin-bottom: 41px; text-transform: uppercase; }
.star-cell figure{ display: inline-block; float: left; margin-right: 20px; max-width: 65px; margin-left: 0; }
.star-cell figure img{ display: block; width: 100%; }
 .star-cell span{ display: inline-block;  margin-top: 20px; margin-left: 0; }
 .star-outer-cell{ display: block; width: 100%; text-align: center; }

/*.star-cell:before{ content: ''; display: block; position: absolute; left: 0; top:10px; width: 65px; height: 61px; background: url(../images/star.svg); background-size: cover; }*/
.top-add-cell{ position: absolute; right: 60px; top: -26px; border-radius: 12px; }
.top-add-inner{ width: 471px; min-height: 68px; padding: 24px 20px 21px 98px; box-sizing: border-box;
    border-radius: 12px; font-size: 20px; line-height: 23px; text-transform: uppercase; color: #FAFDFF; font-weight: bold; position: relative;  z-index: 1; text-align: center; }
.top-add-cell.blue-bg .top-add-inner{ background: #002CBF; }
.top-add-cell:before{ content: ''; display: block; position: absolute; left: -14px; top: 4px; width: 20px; height: 22px; background-size: cover; }
.top-add-cell:after{ content: ''; display: block; position: absolute; right: -14px; top: 4px;  width: 20px; height: 22px; background-size: cover; }
.top-add-cell.red-bg:before{ background: url(../images/red-left.png); background-size: cover; }
.top-add-cell.red-bg:after{ background: url(../images/red-right.png); background-size: cover; }
.top-add-cell.red-bg .top-add-inner{ background: #F40808; }
.red-bg .numer{ color: #F40808; }
.top-add-cell.yellow-bg{ background: #F8E236; }
.top-add-cell.yellow-bg:before{ background: url(../images/yellow-left.png); background-size: cover; }
.top-add-cell.yellow-bg:after{ background: url(../images/yellow-right.png); background-size: cover; }
.top-add-cell.yellow-bg .top-add-inner{ background: #F8E236; color: #8D7700; }
.yellow-bg .numer{ color: #8D7700; }
.top-add-cell.yellow-bg .top-add-inner{ padding-left: 20px; }
.top-add-cell.purple-bg{ background: #9930E5; }
.top-add-cell.purple-bg:before{ background: url(../images/purple-left.png); background-size: cover; }
.top-add-cell.purple-bg:after{ background: url(../images/purple-right.png); background-size: cover; }
.top-add-cell.purple-bg .top-add-inner{ background: #9930E5; color: #ffffff; }
.purple-bg .numer{ color: #9930E5; }
.detail-list-area .detail-cell:last-child{ margin-bottom: 0; }
.helpful-section .container{ max-width: 1300px; }
.helpful-section{ display: block; width: 100%; padding: 100px 0 10px 0; box-sizing: border-box; }
.helpful-section h2{ text-align: center; margin-bottom: 60px; }
.helpful-section .two-col{ display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; }
.post-cell{ display: inline-block; width: 800px; margin-bottom: 65px; }
.post-cell h3{ margin-bottom: 25px; max-width: 425px; margin-left: 0; }
.post-cell h3 a{ color: #2699FB; text-decoration: none; }
.post-cell h3 a:hover{ text-decoration: underline; }
.post-cell p{ font-size: 20px; line-height: 24px; max-width: 460px; margin-left: 0; }
.post-cell{  text-align: left; }
.helpful-section .two-col .post-cell:nth-child(even){ width: 500px; }
.btn-grp.bottom-btn{ margin-top: 285px; margin-top: 105px;}
.red-bg .number{ color: #F40808; }
.yellow-bg .number{ color: #957E04; }
.purple-bg .number{ color: #5A128E; }
.col-mid .image-cell, .col-mid .field-desc, .col-mid .offer-cell{ display: none; }
.col-mid .star-outer-cell{ display: none; }


.quote-section {
	padding-top: 20px;
}

.quote-wrapper {
	width: 100%;
	max-width: 1280px;
	margin-bottom: 57px;
	/* padding: 40px 20px 30px 20px; */
	box-sizing: border-box;
	position: relative;
	display: flex;
	flex-direction: row;
	overflow: hidden;
	background-color: #5DB5FF;
	background-image: url(/wp-content/uploads/2022/09/quote-background-text-bubble.png);
	background-repeat: no-repeat;
	background-size: 50%;
	background-position: 0 55%;
}

.quote-section .col-left {
	position: relative;
	width: 46%;
	padding: 0;
}

.quote-section .col-right {
	width: 54%;
	padding: 0;
	margin: 0;
	position: relative;
	z-index: 5;
}

.quote-section .col-right p {
	font-size: 14px;
    line-height: 1.4;
    margin-bottom: 30px;
}

.quote-section .quote-text {
	color: #2699fb;
	font-size: 50px;
	line-height: 1.23;
	width: 395px;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0;
	z-index: 5;
}

#wrapper header {
	padding: 30px 0 20px 0;
}

.quote-wrapper .gform_wrapper {
	padding-top: 30px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
}

.quote-wrapper .gfield, .quote-wrapper .gform_footer {
	margin: 10px;
}
.quote-wrapper .gfield--width-half {
	display: inline-block;
	width: 46%;
}

.quote-wrapper .gform_title,
.quote-wrapper .validation_message,
.quote-wrapper .gform_body .gfield_label {
	display: none;
}

.quote-wrapper .ginput_container input {
	text-align: center;
	text-transform: uppercase;
	font-size: 16px;
	padding-top: 26px;
	padding-bottom: 26px;
	width: 100%;
	min-width: 245px;
	color: #2699fb;
	border: 1px solid #707070;
}

.quote-wrapper .gform_body fieldset legend {
	padding: 10px 0 5px;
	display: block !important;
	font-size: 20px;
	font-weight: 600;
	color: #0b123b !important;
}

.quote-wrapper .ginput_container .gfield_checkbox {
	width: fit-content;
}

.quote-wrapper .ginput_container .gchoice {
	font-size: 18px;
	text-align: initial;
	color: #0b123b;
	letter-spacing: 1px;
}

.quote-wrapper .ginput_container input[type="checkbox"] {
	width: 20px;
	height: 20px;
	display: inline-block;
	min-width: 15px;
	font-size: 25px;
	vertical-align: bottom;
}

.quote-wrapper .gform_body fieldset .gfield_description {
	padding: 8px;
	font-size: 16px;
	color: #0b123b;
}

.quote-wrapper .gfield.gfield_error .ginput_container input{
	border: 2px solid red;
}

.quote-wrapper .ginput_container input::placeholder {
	color: #2699fb;
	opacity: 1;
}

.quote-wrapper .gform_button[type="submit"] {
	background: #0b123b;
	height: auto;
	text-align: center;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 600;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 20px;
	width: 100%;
	border: 1px solid #707070;
	line-height: normal;
	box-sizing: border-box;
}

.quote-wrapper .gform_validation_errors {
	display: none;
}

.gform_wrapper {
	box-sizing: border-box;
}

.gform_wrapper *,
.gform_wrapper *::before,
.gform_wrapper *::after {
	box-sizing: inherit;
}

.quote-wrapper .gform_confirmation_message {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	padding: 30px;	
	color: black;
	font-size: 24px;
	line-height: 1.25;
}

@media (min-width: 769px) and (max-width: 1199px) {
	.quote-wrapper .gform_confirmation_message {
		min-height: 321px;
	}
}

@media (min-width: 1200px) {
	.quote-wrapper .gform_confirmation_message {
		min-height: 407px;
	}
}