/* Cobra Order Form Styles - Jon @ Graydian 2024-05-01 */




/* Pricing Above Form */


.cobra-order-form .pricing {
	float: left;
	clear: both;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 50px;
	line-height: normal;
	box-sizing: border-box;
}

.cobra-order-form .pricing .pricing-header {
	background-color: #c32e34;
	color: #fff;
	padding: 10px 16px;
	margin-bottom: 10px;
	border-radius: 0;
	box-sizing: border-box;
}

.cobra-order-form .pricing .pricing-header h1 {
	font-weight: bold;
	font-size: 52px;
	line-height: 1;
	margin-bottom: 0;
}

.cobra-order-form .pricing .pricing-header p {
	font-size: 18px;
	margin-bottom: 0;
}

.cobra-order-form .pricing .set-time {
	display: inline-block;
	width: 100%;
	padding: 10px 16px;
	text-align: left;
	margin-bottom: 10px;
	border-radius: 0;
	font-size: 16px;
	line-height: normal;
	clear: both;
	float: left;
	box-sizing: border-box;
	background-color: #eee;
	color: #000;
	border: 2px solid #ccc;
}

.cobra-order-form .pricing .set-time h2 {
	font-weight: bold;
	font-size: 48px;
	line-height: 1;
}

.cobra-order-form .pricing .set-time p {
	margin-bottom: 0;
}

.cobra-order-form .pricing .price-single {
	display: inline-block;
	padding: 0;
	max-width: 40%;
	text-align: center;
	border: 3px solid #c32e34;
	margin-bottom: 5px;
	border-radius: 0;
	font-size: 21px;
	line-height: normal;
	overflow: hidden;
}

.cobra-order-form .pricing .price-single h2 {
	display: block;
	width: 100%;
	background-color: #c32e34;
	color: #fff;
	font-size: 24px;
	font-family: sans-serif;
	font-weight: bold;
	font-style: normal;
	padding: 4px;
	margin-bottom: 0;
}

.cobra-order-form .pricing .price-single .price-inner {
	min-width: 130px;
	padding: 15px 5px;
	font-size: 26px;
	color: #000;
	font-weight: bold;
}

.cobra-order-form .pricing .larger-sizes {
	display: inline-block;
	width: 100%;
	padding: 10px 16px;
	text-align: left;
	margin-bottom: 10px;
	border-radius: 4px;
	font-size: 18px;
	line-height: normal;
	clear: both;
	float: left;
	box-sizing: border-box;
	background-color: #eee;
	color: #000;
	font-weight: bold;
	border: 2px solid #ccc;
}

.cobra-order-form .pricing .larger-sizes h2 {
	font-family: sans-serif;
	font-weight: bold;
	font-size: 26px;
}

.cobra-order-form .pricing .larger-sizes strong {
	font-size: inherit;
	color: #c32e34;
	font-weight: bold;
	font-family: sans-serif;
}

.mobile-instructions {
	text-align: center;
	font-weight: bold;
	display: none;
}

.mobile-instructions p {
	margin-bottom: 0;
}

.mobile-instructions i.fa {
	font-size: 40px;
	line-height: 25px;
}



/* Order Form */

.gform-theme--api, .gform-theme--foundation {
	--gf-form-gap-y: 30px !important;
}


.gform-theme--framework .gf_progressbar_wrapper {
	margin: 30px 0 !important;
}

.gform-theme--framework .gf_progressbar_title {
	font-size: 20px !important;
	color: #204ce5 !important;
}

.gform-theme--framework .gfield {
	background-color: #eee;
	padding: 15px 15px 20px 15px;
	border-radius: 0;
	box-shadow: 0 1px 4px #b3b3b3;
}

.gform-theme--framework .gfield h1 {
	font-size: 52px;
	line-height: 1;
}

.gform-theme--framework .gfield > legend.gfield_label {
	/* undo legend default styling */
	float: left;
	width: 100%;
	clear: both;
}

.gform-theme--framework .gfield .ginput_container_radio {
	float: left;
	clear: both;
}

.gform-theme--framework .gfield.gfield--input-type-html {
	background-color: transparent;
	padding: 0;
	border-radius: 0;
	box-shadow: none;
}

.gform-theme--framework .gfield .gfield_label {
	color: #000;
	--gf-local-color: #000 !important;
	font-weight: bold !important;
	font-size: 18px;
	display: inline-block;
}

.gform-theme--framework .gform-field-label {
	color: #000;
	--gf-local-color: #000 !important;
}

.gform-theme--framework .gform-field-label > .gfield_required {
	margin-left: 3px;
}

.gform-theme--framework .gfield.gfield--type-section {
	border-bottom: 0;
	background-color: #000;
	color: #fff;
	padding: 11px 16px 12px;
	margin: 0;
	font-weight: bold !important;
	font-size: 24px;
	border-radius: 0;
}

.gform-theme--framework .gfield.gfield--type-section h3 {
	line-height: 1;
	margin-bottom: 0;
	font-size: 42px;
	color: #fff;
}

.gform-theme--framework .gfield .gfield_consent_description {
	background-color: #fff;
}

.gform-theme--framework .gform-field-label > .gfield_required {
	color: red !important;
	font-size: 100% !important;
}

.gform-theme--framework .gfield_validation_message {
	font-family: sans-serif !important;
	font-weight: bold !important;
}



/* Previous Buttons */

.gform-theme.gform-theme--framework.gform_wrapper .gform_previous_button.gform-theme-button.gform-theme-button--secondary.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
	background-color: #CCC;
	--gf-local-bg-color: #CCC !important;
	border-color: #ccc;
	color: #555 !important;
	margin-bottom: 30px !important;
	border-radius: 0 !important;
	box-sizing: border-box !important;
	font-family: "zuume-edge", sans-serif !important;
	font-weight: 700 !important;
	font-style: italic !important;
	font-size: 30px !important;
	line-height: 1 !important;
	padding: 6px 28px !important;
}

.gform-theme.gform-theme--framework.gform_wrapper .gform_previous_button.gform-theme-button.gform-theme-button--secondary.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover,
.gform-theme.gform-theme--framework.gform_wrapper .gform_previous_button.gform-theme-button.gform-theme-button--secondary.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):active,
.gform-theme.gform-theme--framework.gform_wrapper .gform_previous_button.gform-theme-button.gform-theme-button--secondary.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus {
	background-color: #aaa;
	--gf-local-bg-color: #aaa !important;
	border-color: #aaa;
}



/* Next Buttons */

.gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)),
.gform-theme--framework .gform_footer input.gform_next_button [type="button"],
.gform-theme--framework .gform_footer input.gform_button[type="submit"] {
	background-color: #c32e34;
	--gf-local-bg-color: #c32e34 !important;
	color: #fff !important;
	margin-bottom: 30px !important;
	border-radius: 0 !important;
	box-sizing: border-box !important;
	font-family: "zuume-edge", sans-serif !important;
	font-weight: 700 !important;
	font-style: italic !important;
	font-size: 42px !important;
	line-height: 1 !important;
	padding: 6px 28px !important;
}

.gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover,
.gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):active,
.gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus,
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover,
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):active,
.gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus,
.gform-theme--framework .gform_footer input.gform_next_button [type="button"]:hover,
.gform-theme--framework .gform_footer input.gform_next_button [type="button"]:active,
.gform-theme--framework .gform_footer input.gform_next_button [type="button"]:focus,
.gform-theme--framework .gform_footer input.gform_button[type="submit"]:hover,
.gform-theme--framework .gform_footer input.gform_button[type="submit"]:active,
.gform-theme--framework .gform_footer input.gform_button[type="submit"]:focus {
	background-color: #a3181e;
	--gf-local-bg-color: #a3181e !important;
}




/* Special rules to hide items after "next" button was clicked */

body.next-button-clicked .cobra-order-form .pricing .set-time,
body.next-button-clicked .cobra-order-form .coupon-wrapper,
body.next-button-clicked #sub-nav #sub-nav-menu .button-wrap {
	display: none !important;
}














/* Responsive */


@media only screen and (min-width: 1300px) {
	
	
}

@media only screen and (min-width: 992px) and (max-width: 1299px) {
	
	
}


@media only screen and (min-width: 768px) and (max-width: 991px) {
	
.cobra-order-form .pricing .price-single {
	max-width: 32.8%;
	width: 100%;
}

}

@media only screen and (min-width: 1px) and (max-width: 767px) {

	.gform-theme--framework .gfield.gfield--type-section {
		font-size: 18px;
	}
	
	.gform-theme--framework .gform_footer {
		margin-bottom: 50px;
	}
	
	.gform-theme--framework .gform_footer input.gform_button[type="submit"] {
			display: block !important;
			width: 100% !important;
			margin-bottom: 20px !important;
		}
	
	body .gform_wrapper .gform_ajax_spinner {
		text-align: center !important;
		margin: 50px auto !important;
		display: block !important;
	}
	
	
	.gform-theme--framework .partial_entry_warning {
		font-size: 14px;
	}
	
	.gform-theme--framework .gf_progressbar_title {
		font-size: 14px !important;
	}
	
	.gform-theme--framework .gfield h1 {
		font-size: 32px !important;
	}
	
	.gform-theme--framework .gfield.gfield--type-section h3 {
		font-size: 32px;
	}
	
	
	
	.cobra-order-form .pricing {
		margin-top: 0 !important;
		margin-bottom: 15px;
	}
	
	.cobra-order-form .pricing .pricing-header {
		padding: 5px 10px;
	}
	
	.cobra-order-form .pricing .pricing-header h1 {
		font-size: 32px;
	}
	
	.cobra-order-form .pricing .pricing-header p {
		font-size: 14px;
	}
	
	.cobra-order-form .pricing .price-single {
		max-width: 32.4%;
		width: 100%;
	}
	
	.cobra-order-form .pricing .price-single h2 {
		font-size: 18px;
	}
	
	.cobra-order-form .pricing .price-single .price-inner {
		min-width: 100%;
		padding: 5px 5px;
		font-size: 18px;
	}
	
	.cobra-order-form .pricing .set-time {
		font-size: 14px;
	}
	
	.cobra-order-form .pricing .set-time h2 {
		font-size: 32px;
	}
	
	.mobile-instructions {
		display: block;
	}
	
	body.next-button-clicked #full-width-page-wrapper {
		padding-top: 0 !important;
	}
	
	
	
	
}


@media only screen and (min-width: 1px) and (max-width: 335px) {

}