/*
Theme Name: Florida Gas Utility
Theme URI: 
Author: MTN, Inc.
Author URI: 
Description: MTN theme for Florida Gas Utility
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 5.7
Version: 
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: florida-gas-utility
Tags: 
*/


body {
    background: url(/wp-content/uploads/2026/02/bg-flame-left.png) no-repeat top left;
    background-size: 400px;
}
.wp-site-blocks {
    background: url(/wp-content/uploads/2026/02/bg-flame-right.png) no-repeat top right;
    background-size: 400px;
}
.wp-block-post-author,
.wp-block-post-date,
.gform_required_legend,
.wp-block-post-title {
	display: none !important;
}

/*thank you*/
.page-id-53 .wp-block-image,
.page-id-51 .wp-block-image {
	margin-bottom: 20px;
	text-align: center;
}
.page-id-53 h1,
.page-id-51 h1 {
	margin-bottom: 10px;
}
.page-id-53 .wp-block-spacer,
.page-id-51 .wp-block-spacer {
    margin-bottom: -40px !important;
}

/*rules and regs*/
.page-id-102 h1,
.page-id-102 h2,
.page-id-102 p {
	margin-bottom: 20px !important;
}
.page-id-102 h3 {
	margin-bottom: 10px !important;
}
hr {
	margin-top: 10px !important;
	margin-bottom: 30px !important;
}

/*gravity*/
.gas-logos {
	display: flex; 
	flex-direction: row; 
	align-items: center; 
	justify-content: center;
}
.gas-logos img {
	width: 100% !important; 
	max-width: 360px !important; 
	padding: 0 4% 0 4% !important;
}
[id^="field_"][id$="_31"],
[id^="field_"][id$="_33"],
[id^="field_"][id$="_36"],
[id^="field_"][id$="_58"],
[id^="field_"][id$="_59"],
[id^="field_"][id$="_60"],
[id^="field_"][id$="_61"],
[id^="field_"][id$="_62"],
[id^="field_"][id$="_63"],
[id^="field_"][id$="_64"],
[id^="field_"][id$="_65"] {
    text-align: center !important;
}
.gform-theme--foundation .gform_page_footer {
	justify-content: center !important;
}
.gfield_label {
	color: #03b7f1 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}
.gform_wrapper .top_label .gfield_label {
    margin-bottom: 8px !important;
}
.gravity-select-parent .select-arrow, .select-arrow {
    display: none;
}
.gform_wrapper .ginput_complex .gravity-select-parent {
    width: 100% !important;
}
.gform_wrapper .gravity-select-parent select {
    align-items: center;
}
.gform-theme--foundation .gform_footer {
    justify-content: center !important;
}
.gform-theme--framework .gfield:where(.gfield--type-multiselect,.gfield--input-type-multiselect) .chosen-container-multi:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework .gfield:where(.gfield--type-select,.gfield--input-type-select) .chosen-search input[type=text]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework .gfield:where(.gfield--type-select,.gfield--input-type-select) .chosen-single:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework .gform-theme-field-control:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework input[type]:where(:not(.gform-text-input-reset):not([type=hidden])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework select:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework select[multiple]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework textarea:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper .button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper :where(:not(.mce-splitbtn))>button:not([id*=mceu_]):not(.mce-open):where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper button.button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper input:is([type=submit],[type=button],[type=reset]).button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper input:is([type=submit],[type=button],[type=reset]):where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework.gform-theme.gform_wrapper input[type=submit].button.gform_button:where(:not(.gform-theme-no-framework)):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
    box-shadow: 0 0 0 rgba(18, 25, 97, 0) !important;
}

#gform_next_button_16_20,
#gform_next_button_17_20,
#gform_next_button_14_20,
#gform_next_button_13_20,
#gform_next_button_15_20,
#gform_next_button_12_20,
#gform_next_button_9_20,
#gform_submit_button_1 {
    background-color: #fec84a !important;
    font-size: 22px !important;
    margin-top: 20px !important;
}
.gform_wrapper .button, 
.gform_wrapper .gform_button {
	color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 13px 29px 13px 29px !important;
    border-radius: 10px !important;
    border: 0px solid #16d1ac !important;
    background-color: #16d1ac !important;
    margin-top: 20px !important;
    margin-bottom: 35px !important;
}
#gform_next_button_16_20:hover,
#gform_next_button_16_20:active,
#gform_next_button_16_20:focus,
#gform_next_button_17_20:hover,
#gform_next_button_17_20:active,
#gform_next_button_17_20:focus,
#gform_next_button_14_20:hover,
#gform_next_button_14_20:active,
#gform_next_button_14_20:focus,
#gform_next_button_13_20:hover,
#gform_next_button_13_20:active,
#gform_next_button_13_20:focus,
#gform_next_button_15_20:hover,
#gform_next_button_15_20:active,
#gform_next_button_15_20:focus,
#gform_next_button_12_20:hover,
#gform_next_button_12_20:active,
#gform_next_button_12_20:focus,
#gform_next_button_9_20:hover,
#gform_next_button_9_20:active,
#gform_next_button_9_20:focus,
#gform_submit_button_1:hover,
#gform_submit_button_1:active,
#gform_submit_button_1:focus {
    background-color: #fec84a !important;
}
.gform_wrapper .button:hover, 
.gform_wrapper .gform_button:hover
.gform_wrapper .button:active, 
.gform_wrapper .gform_button:active
.gform_wrapper .button:focus, 
.gform_wrapper .gform_button:focus {
	opacity: 0.8 !important;
	color: #ffffff !important;
    background-color: #16d1ac !important;
    border: 0px solid #16d1ac !important;
}

.gform-theme--foundation .gform_fields {
	-moz-column-gap: 0 !important;
	column-gap: 0 !important;
	row-gap: 20px !important;
}
#field_12_101,
#field_15_100,
#field_13_100,
#field_16_100,
#field_14_100,
#field_17_100,
#field_9_102 {
	background: #EEE !important;
    padding: 20px !important;
	border-bottom-left-radius: 20px !important;
	border-top-left-radius: 20px !important;
}
#field_1_21 {
	background-color: #EEE;
	padding: 20px;
	border-bottom-left-radius: 20px;
	border-top-left-radius: 20px;
}
#field_1_21 select {
	border-radius: 10px !important;
	height: 50px !important;
	border: 1px solid #03b7f1 !important;
	align-items: center !important;
	width: 90% !important;
	color: #666666 !important;
}
#field_17_100 input,
#field_14_100 input,
#field_16_100 input,
#field_13_100 input,
#field_15_100 input,
#field_12_101 input,
#field_9_102 input {
	border-radius: 10px !important;
	height: 50px !important;
	border: 1px solid #03b7f1 !important;
	align-items: center !important;
	width: 90% !important;
	color: #666666 !important;
}
.gform_wrapper [id^="gf_page_steps_"] {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 320px;
}
.gform-theme--framework .gf_step {
    z-index: 4;
}
.gform_wrapper [id^="gf_page_steps_"]::after {
    content: '';
    border-top: 1px dotted #03b7f1;
    position: absolute;
    width: 90%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 1px;
    z-index: 3;
}
.gform-theme--framework .gf_step_completed .gf_step_number::after,
.gform-theme--framework .gf_step_completed .gf_step_number,
.gform-theme--framework .gf_step_active .gf_step_number {
    background-color: #03b7f1 !important;
    border-color: #03b7f1 !important;
    color: #ffffff !important;
}
.gform-theme--framework .gf_step_number {
    background-color: #ffffff !important;
    border-color: #03b7f1 !important;
    color: #03b7f1 !important;
}
.gform-theme--framework .gf_page_steps {
	margin-block-end: 40px !important;
}
.gchoice label {
	color: #666666 !important;
}
input[type=text],
input[type=email] {
	height: 50px !important;
    border-radius: 10px !important;
    align-items: center !important;
	color: #666666 !important;
}
h2 {
	margin-bottom: 0 !important;
}
/* FIELD CONTAINER */
[id^="field_"][id$="_24"] {
    border-bottom-right-radius: 20px;
    background-color: #EEE;
    padding: 0 0 20px 0;
    position: relative;
    padding-bottom: 50px; /* space for triangle */
    text-align: center;
}
/* LABEL WRAPPER */
[id^="field_"][id$="_24"] .gfield_label {
    background-color: #EEE;
    width: 100% !important;
    padding-top: 20px;
    padding-right: 20px;
    border-top-right-radius: 20px;
}
/* RADIO LABELS */
[id^="field_"][id$="_24"] .gfield_radio label {
    color: #666666 !important;
    background: #FFF;
    border-radius: 10px;
    border: 1px solid #03b7f1;
    padding: 14px 0;
    text-align: center;
    margin-left: -20px;
    margin-right: 20px;
    cursor: pointer !important;
}
/* HIDE RADIO INPUT */
[id^="field_"][id$="_24"] .gfield_radio input {
    visibility: hidden !important;
}
/* ACTIVE / CHECKED STATES */
[id^="field_"][id$="_24"] input:active + label,
[id^="field_"][id$="_24"] input:checked + label,
[id^="field_"][id$="_24"] input:active + label + label,
[id^="field_"][id$="_24"] input:checked + label + label {
    background: #03b7f1;
    color: #ffffff !important;
}
/* TRIANGLE */
[id^="field_"][id$="_24"]::after {
    content: "";
    position: absolute;
    bottom: -20px;
    left: 0;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-top: 20px solid #eee;
}
[id^="input_"][id$="_18"] {
    border-radius: 10px !important;
    color: #666666 !important;
}
[id^="field_"][id$="_36"] {
    text-align: center;
}

@media (max-width: 649px) {
	#field_9_102 {
		border-bottom-left-radius: 0 !important;
		border-top-right-radius: 20px !important;	
	}
    [id^="input_"][id$="_21"],
	[id^="input_"][id$="_102"] {
	    width: 100% !important;
	}
	[id^="field_"][id$="_21"] {
	    border-bottom-left-radius: 0 !important;
	    border-top-right-radius: 20px !important;
	}
	[id^="field_"][id$="_102"] input,
	[id^="field_"][id$="_21"] select {
	    width: 100% !important;
	}
	[id^="field_"][id$="_24"] {
	    margin-top: -20px !important;
	    border-top-right-radius: 0 !important;
	    border-bottom-left-radius: 20px;
	}
	[id^="field_"][id$="_24"]::after {
	    left: 50% !important;
	}
	[id^="field_"][id$="_24"] .gfield_label {
	    border-top-right-radius: 0;
	    padding-left: 20px !important;
	}
	[id^="field_"][id$="_24"] .gfield_radio label {
	    margin-left: 0;
	}
	.gas-logos img {
    	max-width: 160px !important;
	}
}

