/*! 
Theme Name: Dominion Roofing Solutions
Theme URI: http://underscores.me/
Author: Hook Agency
Author URI: http://hookagency.com
Description: A custom Wordpress theme, made just for contractors, and tailored for [client name].
Version: 2.0.2
Tested up to: 6.1.1
Requires PHP: 8.1.9
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: contractor_starter
Tags: custom-theme 

This theme, like WordPress, is licensed under the GPL.

Contractor 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.

See readme.txt for credits and contributions.

Nothing to see here. The Contractor Starter Theme theme runs on Sass.
Use the customizer to add your CSS.
*/


/* Test page CSS Start (calculator form) */

.calculator_form label.gform-field-label{
	display:block;
	padding-right:10px;
}
.calculator_form .gform_wrapper{
	padding-bottom:30px !important;
    border: 1px solid #ddd;
    background-color: #f2f2f2;
}
.calculator_form h2.gform_title {
    background: linear-gradient(360deg, #326C9E 0%, #29577F 100%);
    color: #fff;
	padding:20px 0px;
}
.calculator_form .ginput_container_number {
    margin-top: 5px;
}
.calculator_form .gform-body input,
.calculator_form .gform-body select{
    text-indent: 0px;
	margin-bottom:5px;
    padding: 10px;
	background-color:#fff;
}
.calculator_form .ginput_container input,
.calculator_form .gform-body select{
	width:350px;
}
.calculator_form input.gfield-choice-input{
	width:auto;
}
.calculator_form .gchoice label{
	padding-left: 5px;
	padding-right:0px;
}
.calculator_form .gfield_radio {
    display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
    row-gap: 15px;
	
}
.calculator_form .gfield_calculation{
	display:none !important;
}
.calculator_form #field_6_3 {
    margin: 20px 0px;
}
.calculator_form .gchoice {
    margin-bottom: 0px !important;
}
.calculator_form #field_6_5,
.calculator_form #field_6_6,
.calculator_form #field_6_11,
.calculator_form .gchoice{
	display:flex;
	align-items:center;
	margin-bottom:20px;
	justify-content:center;
}
.calculator_form input#input_6_1 {
    width: 250px;
    margin: 0 auto;
}
.calculator_form label.gfield_label{
	width: 100%;
	text-align:left;
    font-size:15px;
}
h2.gform_submission_error{
	font-size: 12px;
    padding: 10px 20px 0px;
    margin: 0px;
	font-family: "Roboto-Reg";
}
.validation_message{
	margin-left: 0px !important;
}
#field_6_5{
	
}
#field_6_1 label.gfield_label{
	text-align:center;
}
/* gravity form design */
.maintenance-calculator-custom div#field_6_1 label {  text-align: left;}
.maintenance-calculator-custom div#field_6_1 input {  width: 100%;}

.roof-slope-form-cus .gchoice {border: 1px solid #c2c2c2; padding: 1px 5px; width: 100%; max-width: 120px; Position:relative;color:#c2c2c2; }
.roof-slope-form-cus .gchoice input[type='radio']:checked:after { border-radius: 0; top: -1px; left: -1px; content: ''; display: inline-block; visibility: visible; border: 2px solid #326C9E !important; position: absolute; width: 103%; height: 104%; box-shadow: 2px 2px 10px rgba(0,0,0,0.2); }
.roof-slope-form-cus .gchoice input[type='radio']:before {visibility: visible; content: url(https://m6gn6g8yok-staging.onrocket.site/wp-content/uploads/2024/01/flat-icon.svg); }
.roof-slope-form-cus .gchoice:nth-of-type(02) input[type='radio']:before {content: url(https://m6gn6g8yok-staging.onrocket.site/wp-content/uploads/2024/01/shallow-icon.svg); visibility: visible; }
.roof-slope-form-cus .gchoice:nth-of-type(03) input[type='radio']:before {visibility: visible; content: url(https://m6gn6g8yok-staging.onrocket.site/wp-content/uploads/2024/01/medium-icon.svg); }
.roof-slope-form-cus .gchoice:nth-of-type(04) input[type='radio']:before {visibility: visible; content: url(https://m6gn6g8yok-staging.onrocket.site/wp-content/uploads/2024/01/steep-icon.svg); } 
.roof-slope-form-cus {  border: unset;  padding-inline: 0;}
.roof-slope-form-cus .gchoice input[type='radio'] {   visibility: hidden;}
.roof-slope-form-cus legend.gfield_label.gform-field-label {   text-align: left;color:#858585;}
.maintenance-calculator-custom_wrapper {   background-color: #fdfdfd !important;   box-shadow: 0px 0px 18px rgba(0,0,0,0.15);   border: 0 !important;}
.maintenance-calculator-custom label.gfield_label.gform-field-label {  color: #858585;  opacity: 1;   font-size: 16px;}
.maintenance-calculator-custom div#field_6_11 {  flex-direction: column;}
.maintenance-calculator-custom label.gfield_label.gform-field-label {  color: #858585;  opacity: 1; font-size: 16px;}
.calculator_form .ginput_container input, .calculator_form .gform-body select {border: 1px solid #c2c2c2; color:#858585; background-color:#fff;}
.ginput_container.ginput_container_select {  width: 100%;}

.maintenance-calculator-custom select {  width: 100% !important;  display: block;}
.maintenance-calculator-custom button.form__button {background-color: #E24C35; width: 90%; border: 0; color: #fff !important; }
.maintenance-calculator-custom button.form__button:hover {background-color: #326C9E;}
.maintenance-calculator-custom button.form__button span {color: #fff; }
.maintenance-calculator-custom ::placeholder {color:#c2c2c2 !important} 
.maintenance-calculator-custom #field_6_5, .maintenance-calculator-custom #field_6_6 {flex-wrap: wrap; justify-content: flex-start; width: 100%; max-width: 50%;float: left; }
.maintenance-calculator-custom #field_6_5 input, .maintenance-calculator-custom #field_6_6 input {width: 100%; }
.maintenance-calculator-custom #field_6_5 .ginput_container, .maintenance-calculator-custom #field_6_6 .ginput_container {width: 100%;}
.maintenance-calculator-custom #field_6_5 {padding-right: 10px;}
.maintenance-calculator-custom #field_6_6 {padding-left: 10px;}


@media(max-width:767px){
	.calculator_form .ginput_container input[type="text"],
	.calculator_form .ginput_container input[type="email"],
	.calculator_form .gform-body select{
    width: 100%!important;
}
	.calculator_form #field_6_5, 
	.calculator_form #field_6_6, 
	.calculator_form #field_6_11{
		display:block;
}
	.calculator_form .gform-body.gform_body {
    padding: 20px;
}
.calculator_form label.gfield_label {
	width: auto;
    text-align: left;
    padding-bottom: 5px;
}
	.roof-slope-form-cus .gchoice {    max-width: 48%;}
	.maintenance-calculator-custom #field_6_5, .maintenance-calculator-custom #field_6_6 {  max-width: 100%;}
	.maintenance-calculator-custom #field_6_5, .maintenance-calculator-custom #field_6_6 {padding:0;}
}
.div-red
{
	text-align: center;
    border: 0;
    background-color: #e24c35;
    cursor: pointer;
    overflow: hidden;
    padding-top: 15px;
    padding-left: 55px;
    padding-right: 55px;
    padding-bottom: 11px;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
   color:#fff;
	font:bolder;
}
/* Maintenance savings calculator section CSS Start */
.custom-row {
    display: flex;
    align-items: center;
	}
@media(max-width:768px){
    .custom-row {
        display: block;
    	}
    	.content-col{
    		padding-right:0px !important;
    		padding-bottom:40px;
    		padding-left:0px !important;
    	}
    #gform_6 .roof-slope-form-cus .gchoice {
        width: 200px !important;
    }
    .maint-calc {
        padding-top: 150px;
    }
    
}
.maint-calc {
	margin-top: -60px;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top;
	margin-bottom:-20px;
}
.content-col h2 {
    line-height: 56px; 
    text-transform: capitalize;
	color: #326C9E;
}
div#gform_wrapper_6 {
    padding: 0px !important;
}
.quote-content p{
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #fff;
    text-transform: uppercase;
	letter-spacing:2px;
	width:310px;
	margin-bottom:0px;
	font-family: "BankGothic";
}
.client-quote {
	display:flex;
    background-repeat: no-repeat;
    background-size: cover;
	align-items:center;
	background-size: contain;
}
@media(max-width:567px){
	.client-quote {
	background-size: cover !important;
}
.content-col h2 {
    line-height: 40px;
}
	.quote-content p{
		width: 205px;
		font-size:12px;
}}

@media (max-width:1024px){
	.content-col{
		padding-right:10px !important;
	}}
.content-col {
    padding-right: 150px;
}
.gfield_radio{
	display: flex;
    justify-content: space-between;
}
.calculator_form input.gfield-choice-input {
	text-indent:0px;
	height:30px !important;
}
.calculator_form .form__button{
	width:100% !important;
}
label.gform-field-label{
	padding-bottom:0px !important;
}
.calculator_form .form__button span{
	text-transform: uppercase !important;
}
.calculator_form .roof-slope-form-cus .gchoice{
	width:105px;
	background-color:#fff;
	gap:0.7rem;
	align-items:center;
	height:45px;
}
.maintenance-calculator-custom {
	background-color:#FAFBFC;
	padding:30px 20px;
}
.quote-content {
    background-size: 100% 100%;
    padding-left:30px;
	background: linear-gradient(270deg, #326C9E 0%, rgba(50, 108, 158, 0.00) 97.2%);
    box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15);
    PADDING: 30PX 20px 30px 50px;
    MARGIN-LEFT: -30PX;
}
.round-img {
    Z-INDEX: 99;
}
 
/* Maintenance savings calculator section CSS End */