html, body {
color: #404040 !important;
}
body {
position: relative
}
body h1 {
color: #404040;
}
body h2 {
color: #404040;
}
body h3 {
color: #404040;
}
body h4 {
color: #404040;
}
body h5 {
color: #404040;
}
body h6 {
color: #404040;
}
/* body p {
color: #404040;
} */
.bean-hero-bean-new-form-sds.bean-hero-bean-form.bean-hero-bean-new-form-transparent-fields .bean-hero-form-webform,
.bean-hero-bean-new-form-sds-fallback-mode.bean-hero-bean-form.bean-hero-bean-new-form-transparent-fields .bean-hero-form-webform {
background-color: transparent !important;
}
.bean-hero-bean-new-form-sds.bean-hero-bean-form.bean-hero-bean-new-form-transparent-fields .hero-webform-legal-disclaimer-container,
.bean-hero-bean-new-form-sds.bean-hero-bean-form.bean-hero-bean-new-form-transparent-fields .webform-component--legal-block--legal-disclaimer {
padding: 0;
}
.bean-hero-bean-new-form-sds.bean-hero-bean-form.bean-hero-bean-new-form-transparent-fields .webform-component--legal-block--legal-disclaimer a {
color: #ffffff;
text-decoration: underline;
}
.bean-hero-bean-form.bean-hero-bean-new-form-transparent-fields.bean-hero-bean-new-form-sds form.webform-client-form {
position: relative;
min-height: 355px;
padding-left: 0;
padding-right: 0 !importent;
}
@media only screen and (min-width: 768px) {
.bean-hero-bean-form-full-width-fields.bean-hero-bean-new-form-transparent-fields.bean-hero-bean-new-form-sds form.webform-client-form {
padding-left: 0;
padding-right: 0;
}
.region-navigation .menu-block-wrapper{
padding: 0 !important;
}
}
@media only screen and (max-width: 767.98px) {
.bean-hero-bean-form.bean-hero-bean-new-form-transparent-fields.bean-hero-bean-new-form-sds form.webform-client-form.sds-new-home_1-form {
min-height: 650px;
margin-top: -50px;
}
}
@media only screen and (max-width: 991.98px) {
.l-max-width .page {
padding: 0 !important;
max-width: 1320px !important;
}
}
.bean-hero-bean-new-form-sds form {
transition: all 1s ease-in;
overflow: hidden;
}
.sds-waiting .bean-hero-bean-form.bean-hero-bean-new-form-transparent-fields.bean-hero-bean-new-form-sds .webform-client-form {
transition: all 1s ease-out;
}
.bean-hero-bean-new-form-sds form > div {
/* position: absolute;
top: 50%;
width: 100%;
transform: translateY(-50%);
padding-left: 25px;
padding-right: 25px; */
top: 50%;
width: 100%;
padding-left: 40px;
padding-right: 40px;
}
.bean-hero-bean-new-form-sds .webform-component-checkboxes {
margin: 10px 0;
}
.bean-hero-bean-new-form-sds .target-test input[type="radio"] + label,
.bean-hero-bean-new-form-sds .target-test input[type="checkbox"] + label {
margin: 0;
}
/* .bean-hero-bean-new-form-sds .target-test input[type="checkbox"] {
display: none;
} */
/* .bean-hero-bean-new-form-sds .target-test input[type="checkbox"] {
filter: invert(0%) hue-rotate(139deg) brightness(2);
width: 20px;
height: 20px;
} */
.bean-hero-bean-new-form-sds .sun-datalayer-form .webform-component.checkbox-select {
position: relative;
}
.bean-hero-bean-new-form-sds .sun-datalayer-form .webform-component.checkbox-select label {
float: left;
}
.sun-datalayer-form select + label + input {
position: absolute !important;
left: 0;
width: 20px;
height: 20px;
opacity: 0;
cursor: pointer;
}
.sun-datalayer-form select + label {
position: relative;
padding-left: 25px;
}
.sun-datalayer-form select + label:before {
background-color: #ffffff;
border: 1px solid #ffffff;
left: 0;
height: 20px;
width: 20px;
content: '';
display: block;
position: absolute;
z-index: 1;
}
.sun-datalayer-form select + label:after {
content: '\f126';
font-size: 20px;
font-family: "foundation-icons";
color: #404040;
position: absolute;
left: 2px;
top: 0;
z-index: 9;
line-height: 1;
display: none;
}
.sun-datalayer-form select + label.checked:after {
display: block;
}
.bean-hero-bean-new-form-sds .target-test input[type="checkbox"] + label:before {
background-color: #e27951;
border: 1px solid #9cbccd;
left: 0;
}
.bean-hero-bean-new-form-sds .bean-hero-form-webform.sds-new-long-form input[type="checkbox"] + label:before {
background-color: #fff;
border: 1px solid #fff;
left: 0;
}
@media only screen and (min-width: 768px) {
.bean-hero-bean-new-form-sds .target-test input[type="checkbox"] + label:before {
border: transparent;
}
}
.bean-hero-bean-new-form-sds .target-test input[type="radio"] + label:after,
.bean-hero-bean-new-form-sds .target-test input[type="checkbox"] + label:after {
color: #fff;
left: 3px;
font-size: 16px;
}
.bean-hero-form-webform.sds-new-long-form .target-test input[type="checkbox"] + label::after {
color: #404040;
}
.bean-hero-bean-new-form-sds-fallback-mode .hero-webform-legal-disclaimer-container {
display: none;
}
@media only screen and (min-width: 768px) {
.bean-hero-bean-new-form-sds-fallback-mode .webform-component-detached-legal-component p {
color: #231f20;
}
.bean-hero-bean-new-form-sds-fallback-mode .webform-component-detached-legal-component p a {
color: #0076be;
}
}
.hero-bean-form-form-only .bean-hero-bean-new-form-sds.bean-hero-bean-form.bean-hero-bean-new-form-transparent-fields .bean-hero-form-webform,
.hero-bean-form-form-only .bean-hero-bean-new-form-sds-fallback-mode.bean-hero-bean-form.bean-hero-bean-new-form-transparent-fields .bean-hero-form-webform {
background: initial;
}
.page-design-studio .bean-hero-bean-new-form-sds .target-test input[type="checkbox"] + label {
line-height: 25px;
}
.page-design-studio .bean-hero-bean-new-form-sds .target-test input[type="checkbox"] + label:before {
background-color: #ffffff;
border: 1px solid #e4e4e4;
border-radius: 6px;
height: 29px;
width: 29px;
}
.page-design-studio .bean-hero-bean-new-form-sds .target-test input[type="checkbox"] + label:after {
left: 7px;
top: 11px;
}
.bean-hero-bean-new-form-full-width-fields .webform-component {
width: 99%;
}
/********************* BEAN HEADER WITHOUT FORM **************************************/
@media only screen and (min-width: 768px) {
.bean-extended-hero-bean.new_phonix_style .field-collection-item-field-extended-hero-slide {
min-height: 450px !important;
}
}
.bean-extended-hero-bean.new_phonix_style .field-collection-item-field-extended-hero-slide {
background-color: #707272;
}
.extended-hero.new_phonix_style .field-collection-item-field-extended-hero-slide .hero-content {
background: none;
/* height: 450px; */
min-height: 450px;
position: relative;
z-index: 1;
display: flex;
align-items: center;
padding: 30px 0;
}
.extended-hero.new_phonix_style .field-collection-item-field-extended-hero-slide .hero-content h1 {
margin-top: 0;
}
.extended-hero.new_phonix_style .maintext {
width: calc(100% - 640px);
padding-right: 40px;
padding-left: 57px;
}
.extended-hero.new_phonix_style .maintext {
width: calc(100%);
padding-right: 530px;
padding-left: 40px;
max-width: 1360px;
margin-left: auto;
margin-right: auto;
position: relative;
transform: initial;
}
.extended-hero.new_phonix_style .text-shadow .maintext:before {
display: none;
}
.new_phonix_style .extended-hero__pretext,
.new_phonix_style .extended-hero__title,
.new_phonix_style.extended-hero .summary,
.new_phonix_style.extended-hero .field-name-field-banner-link,
.new_phonix_style.extended-hero .subtext {
text-align: left;
margin-left:0;
}
.extended-hero.new_phonix_style .maintext .summary .field-type-text-long{
padding-bottom: 0px !important;
}
.extended-hero.new_phonix_style .maintext .summary .field-type-text-long p{
padding-bottom: 0px !important;
}
.new_phonix_style.extended-hero .field-name-field-banner-link {
margin-top: 30px;
}
.new_phonix_style.extended-hero .field-name-field-banner-link {
margin-top: 30px;
}
.bean-extended-hero-bean.new_phonix_style .hero-image-wrapper {
position: absolute;
top: 0;
left: auto;
width: 546px;
padding-left: 6px;
height: 100%;
right: 0;
overflow: hidden;
background-color: #EF8B22;
clip-path: circle(506px at right);
}
.bean-extended-hero-bean.new_phonix_style .hero-bg-image {
background-size: cover;
background-position: center center;
/* position: relative; */
top: 0;
left: auto;
width: 546px;
height: 100%;
right: 0;
clip-path: circle(500px at right);
}
.bean-extended-hero-bean.new_phonix_style .hero-mobile-image {
background-size: cover;
background-position: center center;
position: relative;
top: 0;
left: auto;
width: 546px;
height: 100%;
right: 0;
clip-path: circle(500px at right);
}
@media only screen and (max-width: 767px) {
.bean-extended-hero-bean.new_phonix_style .hero-image-wrapper {
position: absolute;
top: 0;
left: 50%;
width: 340px;
padding-left: 0;
height: 220px;
right: 0;
overflow: hidden;
background-color: #EF8B22;
clip-path: circle(167px at top);
transform: translate(-50%, 0);
}
.bean-extended-hero-bean.new_phonix_style .hero-bg-image {
background-size: cover;
background-position: center center;
position: relative;
top: 0;
left: 50%;
width: 95%;
height: 200px;
right: 0;
clip-path: circle(160px at top);
transform: translate(-50%, 0);
}
.bean-extended-hero-bean.new_phonix_style .hero-mobile-image {
background-size: cover;
background-position: center center;
position: relative;
top: 0;
left: 50%;
width: 95%;
height: 200px;
right: 0;
clip-path: circle(160px at top);
transform: translate(-50%, 0);
}
}
.bean-extended-hero-bean.new_phonix_style .hero-bg-image #moon {
background: radial-gradient(45% 70% at right, transparent 100%, #707272 100%);
width: 100%;
height: 100%;
position: absolute;
left: -250px;
}
.bean-extended-hero-bean.new_phonix_style .hero-bg-image #moon:before {
width: 6px;
height: 100%;
content: '';
background-color: #EF8B22;
position: absolute;
left: 0;
}
.new_phonix_style .extended-hero__pretext {
font-size: 22px;
font-weight: 600;
text-transform: uppercase;
color: #fff;
}
.new_phonix_style .extended-hero__title {
font-size: 46px;
font-weight: 300;
letter-spacing: 0;
color: #fff;
}
.entity-bean.new_phonix_style .field-type-link-field .cta_primary_button,
.bean-hero-bean-new-form-sds .cta_primary_button {
background: #ef8b22;
border-color: #ef8b22;
color: #ffffff !important;
margin-left: -1px;
height: 39px;
}
.entity-bean.new_phonix_style .field-type-link-field .cta_primary_button:hover,
.entity-bean.new_phonix_style .field-type-link-field .cta_primary_button:focus {
background: #F3A859;
border-color: #F3A859;
color: #ffffff;
margin-left: -1px;
}
.bean-hero-bean-new-form-sds .cta_primary_button:hover,
.bean-hero-bean-new-form-sds .cta_primary_button:focus {
background: #F3A859;
border-color: #F3A859;
color: #ffffff;
margin-left: -1px;
}
.entity-bean.new_phonix_style .field-type-link-field .cta_secondary_button,
.bean-hero-bean-new-form-sds .cta_secondary_button {
background: #0071b9;
border-color: #0071b9;
color: #ffffff !important;
margin-bottom: 0;
margin-left: -1px;
}
.entity-bean.new_phonix_style .field-type-link-field .cta_secondary_button:hover,
.entity-bean.new_phonix_style .field-type-link-field .cta_secondary_button:focus,
.bean-hero-bean-new-form-sds .cta_secondary_button:hover,
.bean-hero-bean-new-form-sds .cta_secondary_button:focus {
background: #4094CB;
border-color: #4094CB;
color: #ffffff;
margin-left: -1px;
}
@media only screen and (min-width: 768px) {
.bean-extended-hero-bean.new_phonix_style .field-collection-item-field-extended-hero-slide {
height: auto !important;
min-height: 450px;
}
}
@media only screen and (min-width: 960px) {
.bean-hero-bean-form .bean-hero-form-webform {
float: right;
/*width: calc(100% - 546px) !important; */
}
}
@media only screen and (max-width: 767px) {
.extended-hero.new_phonix_style .maintext {
width: calc(100%);
padding-right: 20px;
padding-left: 20px;
top: 0;
padding-top: 175px;
padding-bottom: 30px;
transform: translateY(0%);
text-align: center;
}
.extended-hero.new_phonix_style .maintext .summary {
width: 100%;
}
/* .new_phonix_style.bean-extended-hero-bean .field-collection-item-field-extended-hero-slide {
display: none;
}
.new_phonix_style.bean-extended-hero-bean .field-collection-item-field-extended-hero-slide.expanded {
display: inherit;
}
.hero-bean-form-mobile.expanded .hero-bean-form-mobile-bottom {
display: none;
} */
.new_phonix_style .extended-hero__pretext,
.new_phonix_style .extended-hero__title,
.new_phonix_style.extended-hero .summary,
.new_phonix_style.extended-hero .field-name-field-banner-link,
.new_phonix_style.extended-hero .subtext {
text-align: center;
}
.new_phonix_style.bean-extended-hero-bean .field-collection-item-field-extended-hero-slide {
height: auto !important;
}
.extended-hero.new_phonix_style .field-collection-item-field-extended-hero-slide .hero-content {
min-height: 470px;
height: auto;
}
.entity-bean.new_phonix_style .field-type-link-field .open-savings-calculator-button {
display: inherit !important;
margin-bottom: 0;
}
.entity-bean.new_phonix_style .field-type-link-field {
margin-top: 30px;
}
}
/********************* END BEAN HEADER WITHOUT FORM **************************************/
/********************* BEAN HEADER FORM **************************************/
.bean-hero-bean-new-form-sds {
background: none !important;
}
.bean-hero-bean-new-form-sds .hero-bean-form-container {
width: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
}
.bean-hero-bean-new-form-sds .hero-bean-form-box {
width: 100%;
min-height: 450px;
position: relative;
background-color: #0071b9;
display: flex;
align-items: center;
padding: 30px 0;
}
.bean-hero-bean-new-form-sds .hero-image-wrapper {
position: absolute;
top: 0;
left: 0;
right: auto;
width: 546px;
padding-right: 6px;
height: 100%;
overflow: hidden;
background-color: #EF8B22;
clip-path: circle(506px at left);
}
.bean-hero-bean-new-form-sds .hero-bg-image {
background-size: cover;
background-position: center center;
position: relative;
top: 0;
left: auto;
width: 546px;
height: 100%;
right: 0;
clip-path: circle(500px at left);
}
.bean-hero-bean-new-form-sds .sds-new-long-form {
width: calc(100% - 546px) !important;
background: 0 0 !important;
position: relative;
top: 50%;
color: #fff;
height: 100%;
display: flex;
flex-direction: column;
bottom: 0;
justify-content: center;
left: 0;
right: auto;
float: none !important;
/* width: 50% !important;
background: none !important;
position: absolute;
left: 50%;
top: 50%;
color: #fff;
transform: translate(-15%, -50%); */
}
@media only screen and (min-width: 960px){
.bean-hero-bean-new-form-sds .sds-new-long-form {
left: 546px;
}
}
.bean-hero-bean-new-form-sds .webform-client-form .form-actions {
text-align: left;
margin: 0;
}
.bean-hero-bean-new-form-sds .webform-client-form .form-actions .button-primary {
background: #ef8b22;
border-color: #ef8b22;
color: #ffffff;
}
.bean-hero-bean-new-form-sds .webform-client-form .form-actions .button-primary:hover,
.bean-hero-bean-new-form-sds .webform-client-form .form-actions .button-primary:focus {
background: #F3A859;
border-color: #F3A859;
color: #ffffff;
}
.bean-hero-bean-new-form-sds .webform-client-form .form-actions .button-secondary {
background: #0071b9;
border-color: #0071b9;
color: #ffffff;
}
.bean-hero-bean-new-form-sds .webform-client-form .form-actions .button-secondary:hover,
.bean-hero-bean-new-form-sds .webform-client-form .form-actions .button-secondary:focus {
background: #4094CB;
border-color: #4094CB;
color: #ffffff;
}
.bean-hero-bean-new-form-sds .sds-title-bits {
font-size: 22px !important;
font-weight: 600 !important;
text-transform: uppercase;
padding-bottom: 0;
}
.bean-hero-bean-new-form-sds .webform-component--title {
margin-bottom: 10px !important;
}
.webform-component--infomation--title-next .sds-title-bits_next {
margin-left: -3px !important;
margin-top: 0px !important;
padding-bottom: 5px;
}
.bean-hero-bean-form-full-width-fields .sds-new-home-form .webform-component-fieldset .webform-component--infomation--phone-number {
padding-bottom: 5px !important;
}
.bean-hero-bean-new-form-sds .webform-component--sub-title .sds-title-bits {
font-weight: 300 !important;
font-size: 46px !important;
line-height: 50px;
font-weight: 300;
letter-spacing: 0;
padding-bottom: 0;
text-transform: inherit;
margin-left: -2px !important;
}
.bean-hero-bean-new-form-sds .webform-component--sub-title {
margin-bottom: 25px !important;
}
.bean-hero-bean-form.bean-hero-bean-new-form-transparent-fields.bean-hero-bean-new-form-sds form.webform-client-form {
overflow: inherit;
}
.bean-hero-bean-form.bean-hero-bean-new-form-transparent-fields.bean-hero-bean-new-form-sds form.webform-client-form .form-text {
max-width: 400px;
}
.bean-hero-bean-form.bean-hero-bean-new-form-transparent-fields.bean-hero-bean-new-form-sds form.webform-client-form .form-type-checkbox label {
color: #ffffff;
}
.bean-hero-bean-new-form-sds .webform-client-form .hero-webform-legal-disclaimer-container .hero-webform-legal-disclaimer a {
color: #ffffff;
text-decoration: underline;
}
.bean-hero-bean-new-form-sds .sun-datalayer-form.sds-new-home-form .form-item {
margin-bottom: 0 !important;
}
.bean-hero-bean-new-form-sds .sun-datalayer-form.sds-new-home-form .form-item input {
margin-bottom: 10px !important;
}
.bean-hero-bean-new-form-sds .sun-datalayer-form.sds-new-home-form .sds-title-bits {
margin-bottom: 25px !important;
}
.bean-hero-bean-new-form-sds .sun-datalayer-form.sds-new-home-form .form-item.webform-component-checkboxes {
margin-bottom: 10px !important;
}
@media only screen and (max-width: 767px) {
.bean-hero-bean-new-form-sds .hero-bean-form-container {
max-width: 100%;
}
.bean-hero-bean-new-form-sds .hero-bean-form-box .hero-image-wrapper {
display: none;
}
.bean-hero-bean-new-form-sds .hero-image-wrapper {
position: relative;
top: 0;
left: 50%;
width: 340px;
padding-left: 0;
height: 175px;
right: 0;
overflow: hidden;
background-color: #EF8B22;
clip-path: circle(167px at top);
transform: translate(-50%, 0);
}
.bean-hero-bean-new-form-sds .hero-bg-image {
background-size: cover;
background-position: center center;
position: relative;
top: 0;
left: 50%;
width: 95%;
height: 200px;
right: 0;
clip-path: circle(160px at top);
transform: translate(-50%, 0);
}
.bean-hero-bean-new-form-sds .sds-new-long-form {
width: 100% !important;
position: relative;
left: 0;
top: 0;
padding-top: 0;
padding-bottom: 20px;
transform: translate(0%, 0%);
}
.bean-hero-bean-new-form-sds .hero-bean-form-box {
min-height: 100%;
height: auto;
}
.bean-hero-bean-new-form-sds form > div {
position: relative;
top: 0;
width: 100%;
transform: translateY(0);
padding-left: 20px;
padding-right: 20px;
}
.bean-hero-bean-form.bean-hero-bean-new-form-transparent-fields.bean-hero-bean-new-form-sds form.webform-client-form {
padding-right: 0;
}
}
#msg_display {
color: white;
}
.bean-hero-bean-new-form-full-width-fields .webform-component {
width: 49%;
box-sizing: border-box;
}
.bean-hero-bean-new-form-full-width-fields .webform-component.webform-component-phone {
width: 99%;
}
.bean-hero-bean-new-form-full-width-fields .webform-component.webform-component--StreetAddress {
width: 76%;
}
.bean-hero-bean-form.bean-hero-bean-new-form-transparent-fields.bean-hero-bean-new-form-sds form.webform-client-form .form-text {
max-width: 100%;
border: 0;
}
.sun-datalayer-form-processed .webform-component-fieldset {
padding: 0 0 10px;
}
.bean-hero-bean-new-form-sds .webform-client-form-24701 .form-actions {
text-align: left;
position: absolute;
right: 48px;
width: auto;
margin: 0 .5%;
}
.bean-hero-bean-new-form-sds.bean-hero-bean-form.bean-hero-bean-new-form-transparent-fields .hero-webform-legal-disclaimer-container {
padding-top: 15px;
padding-bottom: 0;
padding-left: 2px;
}
#homeowner_msg_display {
padding-bottom: 10px;
}
.bean-hero-bean-form-full-width-fields .sds-new-home-form .form-actions {
width: 170px !important;
float: right;
clear: unset;
margin-right: 11px !important;
margin-top: 0px;
}
@media only screen and (max-width: 767px) {
.bean-hero-bean-new-form-full-width-fields .webform-component {
width: 100%;
}
.bean-hero-bean-form-full-width-fields .sds-new-home-form .webform-component.webform-component--back-markup {
width: 115px !important;
float: left;
clear: none;
margin-left: 0 !important;
}
.bean-hero-bean-new-form-sds .webform-client-form-23836 .form-actions {
width: 170px !important;
float: right;
clear: unset;
margin-right: 0 !important;
position: inherit;
margin-top: 0px;
right: 0;
margin: 0;
bottom: 0;
text-align: right;
}
.bean-hero-bean-form-full-width-fields .sds-new-home-form .form-actions {
width: 170px !important;
float: right;
clear: unset;
margin-right: 12px !important;
margin-top: 0px;
}
.bean-hero-bean-new-form-sds .webform-client-form-24701 .form-actions {
width: 170px !important;
float: right;
clear: unset;
margin-right: -50px;
margin-top: -43px;
}
.bean-hero-bean-new-form-full-width-fields .webform-component.webform-component--StreetAddress {
width: 100%;
}
.bean-hero-bean-new-form-full-width-fields .webform-component.webform-component-phone, .bean-hero-bean-new-form-full-width-fields .webform-component.webform-component--StreetAddress {
width: 100%;
}
#promo-announcement {
width: calc(100% + 40px) !important;
margin-left: -20px !important;
}
}
/********************* END BEAN HEADER FORM **************************************/
.view-id-asset_navigator_search .views-row .views-field-nothing-1 { border-radius: 25px; -webkit-box-shadow: 0 0 1px 0 rgba(5,28,44,.15), 0 8px 16px -1px rgba(5,28,44,.2);box-shadow: 0 0 1px 0 rgba(5,28,44,.15), 0 8px 16px -1px rgba(5,28,44,.2); margin-bottom: 1.5rem;}
@media only screen and (min-width: 992px) {
.bean-hero-bean-new-form-sds form > div {
padding-left: 40px;
padding-right: 40px;
}
}
@media screen and (min-width: 768px) and (max-width: 1140px) {
.bean-hero-bean-new-form-sds .hero-bean-form-box {
min-height: 550px;
}
.bean-hero-bean-new-form-full-width-fields .webform-component {
width: 100%;
}
.bean-hero-bean-new-form-sds .hero-image-wrapper {
width: 346px;
clip-path: circle(306px at left);
display: block;
left: -55px;
}
.bean-hero-bean-new-form-sds .hero-bg-image {
width: 300px;
clip-path: circle(300px at left);
}
.bean-hero-bean-new-form-sds form {
padding-right: 0;
}
.bean-hero-bean-new-form-sds .sds-new-long-form {
left: 260px;
width: calc(100% - 260px) !important;
}
.bean-hero-bean-new-form-full-width-fields .webform-component.webform-component-phone {
width: 100%;
}
}
.bean-hero-bean-form .form-test.form-a .messages {
position: relative;
/* width: 100%; */
top: 0px;
margin-left: 0.5%;
margin-right: 0.5%;
}
.bean-hero-bean-new-form-full-width-fields .bean-hero-form-title {
font-size: 22px;
line-height: 50px;
font-weight: 100;
letter-spacing: -.02em;
margin: 32px 0 12px 0;
}
.bean-hero-bean-new-form-full-width-fields .bean-hero-form-description {
font-size: 46px;
padding: 0 0 20px 0;
margin: 0;
line-height: 1;
max-width: 100%;
}
@media only screen and (max-width: 768px) {
.bean-hero-bean-form .form-test.form-a .messages {
position: relative;
width: 100%;
margin-bottom: 10px;
}
.bean-hero-bean-form .webform-component--title, .bean-hero-bean-new-form-full-width-fields .bean-hero-form-title {
text-align: center;
}
.bean-hero-bean-new-form-full-width-fields .bean-hero-form-title {
font-size: 22px;
line-height: 50px;
font-weight: 100;
letter-spacing: -.02em;
margin: 32px 48px 12px 48px;
text-align: center;
}
.bean-hero-bean-new-form-sds .webform-client-form .form-actions {
text-align:center !important;
margin-top: 30px !important;
}
.bean-hero-bean-new-form-full-width-fields .bean-hero-form-description {
text-align: center;
font-size: 46px;
padding: 0 0 20px 0;
margin: 0;
line-height: 1;
width:100%;
font-weight:300;
letter-spacing:0.02em;
}
}
.bean-hero-bean-new-form-sds .webform-client-form-24701 .webform-component.webform-component--next-markup {
margin-left: 4px !important;
}
.bean-hero-bean-new-form-sds .webform-client-form-24701 .webform-component.webform-component--back-markup {
width: 115px !important;
float: left;
clear: none;
margin-left: 4px !important;
}
.bean-hero-bean-new-form-sds .webform-client-form-24701 .form-actions {
width: 170px !important;
float: right;
clear: unset;
position: relative;
margin-top: 0px;
right: 0;
margin: 0;
bottom: 0;
text-align: right;
}
.webform-component--infomation--title-next .sds-title-bits_next {
margin-left: 0 !important;
}
.bean-hero-bean-new-form-sds .webform-client-form-24701 .form-actions {
margin-right: 3px !important;
margin-top: 0 !important;
width: auto !important;
}
@media all and (max-width:720px) {
.bean-hero-bean-new-form-sds .webform-client-form-24701 .webform-component--sub-title {
text-align: center;
}
.bean-hero-bean-new-form-sds .webform-client-form-24701 .webform-component--next-markup {
padding-right: 3px;
}
}
@media only screen and (max-width: 1140px) {
.bean-hero-bean-new-form-sds .webform-client-form-24701 .form-actions {
margin-right: 0px !important;
}
.bean-hero-bean-new-form-sds .webform-client-form-24701 .webform-component.webform-component--back-markup {
margin-left: 6px !important;
}
.bean-hero-bean-new-form-sds .sun-datalayer-form.sds-new-home-form .form-item {
margin-right: 0 !important;
margin-left: 0 !important;
}
.bean-hero-bean-form .form-test.form-a .messages {
margin-left: 0%;
margin-right: 0%;
}
.bean-hero-bean-form .webform-component.webform-component-email {
width: 100% !important;
}
}
.bean-hero-bean-new-form-sds .webform-client-form-24701 .webform-component-fieldset {
padding-bottom: 10px;
}
/*** Navigation CSS changes ***/
.region-header .menu-block-wrapper a {
color: #404040 !important;
}
.region-navigation .menu-block-wrapper a {
color: #404040 !important;
border-bottom: none !important;
font-size: 16px !important;
}
.region-header .menu-block-wrapper a:hover, .region-header .menu-block-wrapper a:focus {
color: #ef8b22;
text-decoration: underline !important;
}
.region-navigation .menu-block-wrapper a:hover, .region-navigation .menu-block-wrapper a:focus {
color: #ef8b22 !important;
text-decoration: underline !important;
}
.region-header .menu-block-wrapper a.active-trail {
color: #ef8b22 !important;
}
.region-navigation .menu-block-wrapper a.active-trail {
color: #ef8b22 !important;
}
.block-search-api-page .form-type-textfield {
margin-top: 6px;
}
.processed-search-button {
overflow: hidden;
}
@media screen and (-webkit-min-device-pixel-ratio:0)
and (min-resolution:.001dpcm) {
.block-search-api-page .form-type-textfield {
margin-top: 5px;
}
}
.region-header .menu-block-wrapper a:hover, .sunpowerUtilityLinks a:hover {
color: #ef8b22 !important;
}
.region-navigation {
border-top: none !important;
}
.block-search-api-page .form-text{
border-color: transparent;
border-width: 2px ;
}
#block-sun-get-started-get-started-link {
width: auto;
top: 10px;
right: 0px;
}
@media only screen and (min-width: 960px) {
.region-header .menu-block-wrapper a {
font-size: 18px !important;
}
#block-sun-get-started-get-started-link {
position: absolute;
width: auto;
top: 10px;
right: 0px;
}
.region-navigation .menu-block-wrapper a {
padding: 10px 0 0px !important;
}
.sunpowerUtilityLinks a, #block-menu-menu-header-utility a {
font-size:14px !important;
color: #404040 !important;
font-weight: 300;
transition:none !important;
}
}
@media only screen and (min-width: 768px) {
.block-menu-block.region-navigation .block-menu-block {
padding-left: 40px;
padding-right: 40px;
}
.page-header {
border-bottom: solid 1px #e6e6e6 !important;
}
}
@media only screen and (min-width: 960px) and (max-width: 1010px) {
.region-header .menu-block-wrapper li + li {
margin-left: 15px;
}
}
@media only screen and (min-width: 1141px) {
.bean-hero-bean-form .webform-component.webform-component-email {
width: 99% !important;
}
}
@media only screen and (max-width: 1140px) {
/* .bean-hero-bean-form .webform-component.webform-component-email {
width: 100% !important;
} */
/* .bean-hero-bean-new-form-sds .webform-client-form-24701 .webform-component.webform-component--back-markup {
margin-right: 7px !important;
margin-left: 9px !important;
} */
/* .bean-hero-bean-new-form-sds input[type="text"], .bean-hero-bean-new-form-sds input[type="password"], .bean-hero-bean-new-form-sds input[type="number"], .bean-hero-bean-new-form-sds input[type="tel"], .bean-hero-bean-new-form-sds textarea {
width: 99% !important;
} */
/* .bean-hero-bean-new-form-sds .webform-client-form-24701 .form-actions {
margin-right: 5px !important;
} */
}
@media only screen and (max-width: 959px) {
/* .bean-hero-bean-new-form-sds .webform-client-form-24701 .form-actions {
margin-right: 9px !important;
} */
.bean-hero-bean-new-form-sds .webform-client-form-24701 .webform-component.webform-component--next-markup {
margin-left: 4px !important;
}
.bean-hero-bean-new-form-sds .webform-client-form-24701 .webform-component.webform-component--back-markup {
margin-left: 0px !important;
}
}
@media only screen and (max-width: 768px) {
/* .bean-hero-bean-new-form-sds .webform-client-form-24701 .form-actions {
margin-right: 7px !important;
} */
}
@media only screen and (max-width: 660px) {
/* .bean-hero-bean-new-form-sds .webform-client-form-24701 .form-actions {
margin-right: 5px !important;
} */
}
@media only screen and (max-width: 450px) {
/* .bean-hero-bean-new-form-sds .webform-client-form-24701 .form-actions {
margin-right: 3px !important;
} */
.bean-hero-bean-form.bean-hero-bean-form-transparent-fields.bean-hero-bean-form-sds form.webform-client-form {
min-height: 500px !important;
}
}
@media only screen and (max-width: 1250px) {
.region-navigation .menu-block-wrapper li {
margin-right: 15px !important;
}
}
@media only screen and (max-width: 1100px) {
.region-navigation .menu-block-wrapper a {
font-size: 16px !important;
}
}
.page-node-21436 .region-navigation .menu-block-wrapper {
/* margin-left:97px !important; */
}
@media only screen and (max-width: 768px) {
.bean-hero-bean-form.bean-hero-bean-form-transparent-fields.bean-hero-bean-form-sds form.webform-client-form {
min-height: 415px !important;
}
}
@media only screen and (max-width: 450px) {
.bean-hero-bean-form.bean-hero-bean-form-transparent-fields.bean-hero-bean-form-sds form.webform-client-form {
min-height: 550px !important;
}
}
.bean-hero-bean-form.bean-hero-bean-form-transparent-fields .webform-component-fieldset {
padding: 0 0px !important;
}
.bean-hero-bean-form-full-width-fields .sds-new-home-form .webform-component-fieldset .webform-component--infomation--phone-number {
width: 99% !important;
}
.bean-hero-bean-form-full-width-fields .sds-new-home-form .webform-component.webform-component--back-markup {
margin-left: 2px !important;
}
.bean-hero-bean-form.bean-hero-bean-form-transparent-fields .hero-webform-legal-disclaimer-container {
margin-left: 1px !important;
}
.bean-hero-bean-form-full-width-fields .sds-new-home-form .form-actions {
margin-right: 0px !important;
}
@media only screen and (max-width: 992px) {
.bean-hero-bean-form-full-width-fields .sds-new-home-form .form-actions {
margin-right: -3px !important;
}
}
@media only screen and (max-width: 959px) {
.bean-hero-bean-form-full-width-fields .sds-new-home-form .form-actions {
margin-right: 0px !important;
}
}
.sun-datalayer-form.sds-new-home-form {
margin-bottom: 10px !important;
/*margin-top: 0px !important;*/
overflow: inherit;
}
.front .sun-datalayer-form.sds-new-home-form {
margin-bottom: 0px !important;
/* margin-top: 0px !important;*/
}
@media only screen and (max-width: 992px) {
.bean-hero-bean-form-full-width-fields .sds-new-home-form .webform-component-fieldset .webform-component--infomation--first-name, .bean-hero-bean-form-full-width-fields .sds-new-home-form .webform-component-fieldset .webform-component--infomation--last-name, .bean-hero-bean-form-full-width-fields .sds-new-home-form .webform-component-fieldset .webform-component--infomation--phone-number, .bean-hero-bean-form-full-width-fields .sds-new-home-form .webform-component-fieldset .webform-component--infomation--phone-number, .bean-hero-bean-form-full-width-fields .webform-component, .bean-hero-bean-new-form-sds input[type="text"], .bean-hero-bean-new-form-sds input[type="password"], .bean-hero-bean-new-form-sds input[type="number"], .bean-hero-bean-new-form-sds input[type="tel"], .bean-hero-bean-new-form-sds textarea, .bean-hero-bean-new-form-full-width-fields .webform-component {
width: 100% !important;
}
}
.region-navigation .menu-block-wrapper a, .region-header .menu-block-wrapper a {
transition: none !important;
}
.region-header .menu-block-wrapper a, .region-navigation .menu-block-wrapper a {
font-weight: 300 !important;
}
.sunpowerUtilityLinks a {
transition: none !important;
font-weight: 300 !important;
}
#cboxContent .dynamic-my-util-box .my-sunpower-content, #cboxContent .dynamic-my-util-block .my-sunpower-content,
.popup-overlay .dynamic-my-util-box .my-sunpower-content, .popup-overlay .dynamic-my-util-block .my-sunpower-content {
max-height: inherit;
overflow: visible;
}
/**************** POPUP ***********************/
.custombox-modal.custombox-fadein {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
-webkit-transform: translateX(0) translateY(0);
-moz-transform: translateX(0) translateY(0);
-ms-transform: translateX(0) translateY(0);
transform: translateX(0) translateY(0);
}
.custombox-modal .custombox-modal-content {
background-color: #ffffff;
width: 980px;
max-width: 100%;
padding: 2rem 0;
position: fixed;
top: 225px;
left: 50%;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateX(-50%) translateY(0) !important;
-moz-transform: translateX(-50%) translateY(0) !important;
-ms-transform: translateX(-50%) translateY(0) !important;
transform: translateX(-50%) translateY(0) !important;
z-index: 1001;
}
.not-logged-in .custombox-modal .custombox-modal-content {
top: 62px;
}
.custombox-modal .custombox-modal-content.close-panel {
max-height: 90%;
height: auto;
top: 62px;
overflow: auto;
padding-top: 3.5rem;
}
#block-block-101 {
display: none;
position: relative;
}
#block-block-101 .my-sunpower-content {
max-height: inherit !important;
}
.custombox-modal .my-sunpower-box {
background: none !important;
}
.custombox-modal .my-sunpower-box a {
font-size: 18px;
font-weight: 700;
text-decoration: none;
min-width: 70%;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 10px 15px;
border-radius: 3px;
background: #ef8b22;
color: #ffffff;
}
.custombox-modal .my-sunpower-box a:hover,
.custombox-modal .my-sunpower-box a:focus {
background: #F3A859;
}
.custombox-modal .my-sunpower-content .my-sp-heading,
.custombox-modal .my-sunpower-content p {
color: #404040;
}
.custombox-modal .my-sunpower-close,
.custombox-modal .my-sunpower-close:hover,
.custombox-modal .my-sunpower-close:focus {
position: absolute;
width: 28px;
height: 28px;
border-radius: 50%;
background: url('../images/cancel_icon.svg') no-repeat center center transparent;
background-size: 14px;
border: solid 1px #666;
top: -1.1rem;
right: .8rem;
text-indent: -9999px;
cursor: pointer;
outline: none;
opacity: .8;
}
.custombox-modal .my-sunpower-close:hover {
opacity: 1;
}
.custombox-modal .my-sunpower-close:focus {
outline: none;
}
.custombox-modal .close-panel .my-sunpower-close {
top: 1rem;
}
.close-panel .block-title {
padding: 0 55px 20px;
font-weight: 500;
text-align: center;
font-size: 1.8rem;
color: #3f6a80;
}
.close-panel label {
font-weight: 600;
padding-bottom: 15px;
}
.close-panel .entity-bean .field-name-field-get-started-text {
margin: 0 -25px;
text-align: center;
padding: 0 25px !important;
border-top: solid 1px #ddd;
border-bottom: solid 1px #ddd;
}
.close-panel .block-bean-get-started .field-name-field-get-started-text {
margin: 0 -25px;
text-align: center;
padding: 0 25px !important;
border-top: solid 1px #ddd;
border-bottom: solid 1px #ddd;
}
.close-panel form .form-actions {
display: flex;
justify-content: center;
}
.close-panel form .form-actions input.webform-submit {
width: auto;
background: #f7921e;
}
.close-panel form .form-actions input.webform-submit:hover,
.close-panel form .form-actions input.webform-submit:focus {
background: #f26a36;
}
@media only screen and (min-width: 768px) {
.custombox-modal .my-sunpower-box:first-child {
border-bottom: none;
border-right: solid 2px rgb(188 188 188 / 20%);
}
}
.custombox-modal .my-sunpower-box.homeowners a:after {
background: url('../images/user-solid.svg') no-repeat 0 0;
content: '';
font-family: inherit;
}
.custombox-modal .my-sunpower-box.biz-gov a:after {
background: url('../images/folder-open-solid.svg') no-repeat 0 0;
content: '';
font-family: inherit;
width: 24px;
height: 19px;
}
.custombox-modal .my-sunpower-box a:after {
top: 0;
margin-left: 15px;
content: '';
background-size: 30px;
display: inline-flex;
width: 20px;
height: 20px;
filter: invert(1);
}
.bean-hero-bean-form .webform-component.checkbox-select label {
color: #ffffff;
}
@media only screen and (min-width: 960px){
.bean-hero-bean-form .sds-new-long-form .hero-webform-title {
padding: 32px 25px 0 50px;
}
}
.bean-hero-bean-form .sds-new-long-form .hero-webform-title {
font-weight: 300;
font-size: 46px;
line-height: 50px;
font-weight: 300;
letter-spacing: 0;
padding-bottom: 0;
text-transform: inherit;
margin-left: -2px;
margin-bottom: 50px;
color: #ffffff;
}
/* .bean-hero-bean-new-form-sds .sds-new-long-form .target-test input[type="checkbox"] {
display: inherit;
} */
.bean-hero-bean-new-form-sds .sds-new-long-form .target-test .webform-client-form-24701 input[type="checkbox"],
.bean-hero-bean-new-form-sds .sds-new-long-form .target-test .webform-client-form-23836 input[type="checkbox"] {
display: none;
}
.block-search-api-page .form-text input::placeholder {
font-size: 14px;
}
@media only screen and (min-width: 760px) and (max-width: 960px) {
.get-started-button {
margin-top: 10px;
}
}
@media only screen and (max-width: 760px) {
.get-started-button {
margin-top: 10px;
}
.block-search-api-page {
margin-top: 10px !important;
}
.page-header {
padding: 15px 20px !important;
}
}
@media only screen and (min-width: 960px) and (max-width: 1420px) {
.dynamic-utilitymenu-box, .dynamic-utilitymenu-block, #block-menu-menu-header-utility {
top:32px !important;
}
.block-search-api-page {
margin-right:40px;
}
}
@media only screen and (min-width: 1190px) and (max-width: 1420px) {
@media screen and (-webkit-min-device-pixel-ratio: 0)
and (min-resolution: .001dpcm) {
.get-started-button {
top: 79px;
}
}
.get-started-button {
position: absolute;
width: auto;
top: 72px;
right: 40px;
margin-top: 0;
z-index: 1;
padding-left: 20px;
}
}
@media only screen and (device-width: 1024px) {
.dynamic-utilitymenu-box, .dynamic-utilitymenu-block, #block-menu-menu-header-utility {
top: 28% !important;
}
.block-search-api-page {
top: 11% !important;
}
}
@media only screen and (min-width: 1150px) and (max-width: 1300px) {
@media screen and (-webkit-min-device-pixel-ratio:0)
and (min-resolution:.001dpcm) {
.get-started-button {
top: 77.5px;
}
}
.get-started-button {
position: absolute;
width: auto;
top: 76px;
right: 40px;
margin-top: 0;
z-index: 1;
padding-left: 20px;
padding-bottom: 10px;
}
}
@media only screen and (min-width: 960px) and (max-width: 1150px) {
@media screen and (-webkit-min-device-pixel-ratio:0)
and (min-resolution:.001dpcm) {
.get-started-button {
top: 70px;
}
}
.get-started-button {
position: absolute;
width: auto;
top: 70px;
right: 40px;
margin-top: 0;
z-index: 1;
padding-left: 20px;
padding-bottom: 10px;
}
}
@media only screen and (min-width: 1420px) {
.get-started-button {
position: absolute;
width: auto;
top: 82px;
right: 0;
margin-top: 0;
z-index: 1;
padding-left: 20px;
padding-bottom: 10px;
}
.dynamic-utilitymenu-box, .dynamic-utilitymenu-block, #block-menu-menu-header-utility {
top:33px !important;
}
.block-search-api-page {
top:17px !important;
margin-left:20px;
width: 32px;
}
}
.get-started-button p {
margin: 0;
}
.get-started-button p a {
background: #6AA442;
border-radius: 3px;
border: none;
color: #ffffff;
cursor: pointer;
display: block;
font-size: 14px;
font-weight: 600;
letter-spacing: .08em;
line-height: 1;
margin-left: 0;
max-width: 100%;
overflow: hidden;
padding: 6px 20px 7px;
text-align: center;
text-decoration: none;
text-overflow: ellipsis;
transition: all .36s ease;
white-space: normal;
}
.get-started-button p a:hover,
.get-started-button p a:focus {
background: #8FBB71;
}
#block-bean-get-started {
display: none;
}
.close-panel #block-bean-get-started {
display: inherit;
}
@media only screen and (min-width: 960px) and (max-width: 1025px) {
.block-search-api-page {
margin-left:
}
.get-started-button {
top:68px;
}
}
@media only screen and (min-width: 960px) and (max-width: 1024px) {
.block-search-api-page {
margin-left:
}
.get-started-button {
top:70px;
}
}
/**************** END POPUP ***********************/
@media only screen and (min-width: 760px) and (max-width: 1420px) {
.page-header, .region-navigation {
padding-left: 40px !important;
padding-right: 40px !important;
}
#block-sun-get-started-get-started-link {
padding-right: 40px;
}
.region-navigation .menu-block-wrapper li {
margin-right:15px !important;
}
/* .bean-hero-bean-new-form-sds .sds-new-long-form {
padding: 0 !important;
} */
}
/* @media only screen and (min-width: 960px){
.dynamic-utilitymenu-box, .dynamic-utilitymenu-block, #block-menu-menu-header-utility {
right: 100px !important;
}
}
@media only screen and (min-width: 1280px){
.dynamic-utilitymenu-box, .dynamic-utilitymenu-block, #block-menu-menu-header-utility {
right: 80px !important;
}
} */
@media only screen and (min-width: 960px){
.dynamic-utilitymenu-box, .dynamic-utilitymenu-block, #block-menu-menu-header-utility {
right: 78px !important;
}
}
@media only screen and (min-width: 1420.1px){
.page-header {
padding-left: 0 !important;
padding-right: 0 !important;
}
.dynamic-utilitymenu-box, .dynamic-utilitymenu-block, #block-menu-menu-header-utility {
right: 38px !important;
}
}
.l-max-width .page {
padding: 0 !important;
width: 100%;
max-width: 1360px !important;
}
/* .page-node-21781 .page, .page-node-21436 .page{
max-width:1280px !important;
} */
.page-node-21781 #content .field-item.even picture img {
width: 100%;
}
.page-node-21781 .page-header, .page-node-21436 .page-header, .page-node-21436 .region-navigation .menu-block-wrapper, .page-node-21781 .region-navigation .menu-block-wrapper{
width:100% !important;
}
.page-node-21436 .bean-4-up-boxes.clearfix {
width: 100%;
}
.page-dealers-installers-find-dealer-installer.l-full-width .page {
padding: 0 !important;
width: 100%;
max-width: 1360px !important;
margin: 0 auto;
background: #fff;
}
.page-dealers-installers-find-dealer-installer.l-full-width .page-header {
width: 100%;
}
@media only screen and (min-width: 960px) {
#block-sun-get-started-get-started-link {
position: absolute;
width: auto;
top: 10px;
right: 0 !important;
margin-top: 0;
z-index: 1;
padding-left: 20px !important;
}
.region-header .menu-block-wrapper {
float: left;
padding-top: 7px;
padding-bottom: 10px !important;
}
.region-header .menu-block-wrapper a {
padding: 7px 0 0 !important;
font-size: 15px;
font-weight: 400;
}
}
@media only screen and (min-width: 768px) {
.region-navigation .menu-block-wrapper {
padding: 0 0 !important;
}
}
.block-search-api-page .form-type-textfield {
margin-bottom: 0px !important;
position: relative;
z-index: 11 !important;
}
.region-header .menu-block-wrapper a {
display: block;
padding: 20px 0;
text-align: center;
font-size: 18px !important;
font-weight: 300 !important;
text-decoration: none;
color: #404040 !important;
transition: all 360ms ease-in-out;
}
.webform-progressbar:empty {
display: none;
}
.bean-hero-bean-new-form-sds .field-name-body .field-items .field-item:empty, .bean-hero-bean-new-form-sds .field-name-body .field-items:empty, .bean-hero-bean-new-form-sds .field-name-body:empty {
display: none;
}
.extended-hero .dark *{
color: #000000 !important;
}
@media only screen and (max-width: 960px) {
#mobile-img {
display: block !important;
}
#desktop-img {
display: none !important;
}
}
#mobile-img {
display: none;
}
#desktop-img {
display: block;
}
@media only screen and (min-width: 768px){
.extended-hero .summary{max-width:650px !important;}
}
@media only screen and (min-width: 961px) and (max-width: 1200px){
.bean-extended-hero-bean.new_phonix_style .hero-image-wrapper {
width: 376px;
clip-path: circle(370px at right);
}
.extended-hero.new_phonix_style .maintext {
padding-right: 400px;
}
.bean-extended-hero-bean.new_phonix_style .hero-bg-image {
width: 376px;
clip-path: circle(364px at right);
}
.entity-bean.new_phonix_style .field-type-link-field .cta_primary_button {
margin-left: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 960px){
.bean-extended-hero-bean.new_phonix_style .hero-image-wrapper {
width: 336px;
clip-path: circle(330px at right);
}
.bean-extended-hero-bean.new_phonix_style .hero-mobile-image {
width: 336px;
clip-path: circle(324px at right);
position:absolute;
}
.entity-bean.new_phonix_style .field-type-link-field .cta_primary_button {
margin-left: 0;
}
.extended-hero.new_phonix_style .maintext {
padding-right: 360px;
}
.field-type-link-field a.open-savings-calculator-button, .entity-bean .field-type-link-field a.open-savings-calculator-button.cta_primary_button {
display: inline-block !important;
}
.field-type-link-field a.open-savings-calculator-button, .entity-bean .field-type-link-field a.open-savings-calculator-button.cta_secondary_button {
display: inline-block !important;
}
}
.forBgColor {
display: none;
}
@media only screen and (max-width: 767px) {
.newMobileBg {
position: relative;
top: 0;
left: 50%;
width: 340px;
padding-left: 0;
height: 175px;
right: 0;
overflow: hidden;
background-color: #EF8B22;
clip-path: circle(167px at top);
transform: translate(-50%, 0);
}
.forBgColor {
display: block;
}
.newMobileBg .hero-bean-form-mobile.innerImg {
background-size: cover;
background-position: center center;
position: relative;
top: 0;
left: 50%;
width: 95%;
height: 200px;
right: 0;
clip-path: circle(160px at top);
transform: translate(-50%, 0);
}
.forBgColor {
background: #0071b9;
}
.newMobileCopy .hero-bean-form-mobile-bottom {
position: relative;
padding-bottom: 40px;
padding-top: 0px;
margin-top: 30px;
bottom: 0;
}
.newMobileCopy h1 {
text-align: center;
}
.newMobileCopy .bean-hero-form-description {
width: 100%;
text-align: center;
margin-left: 0;
}
.forBgColor .bean-hero-form-description {
margin-bottom: 0;
}
}
.sds-new-long-form div.field-name-body.field-label-hidden {
display: none;
padding: 0 !important;
}
.newMobileCopy .bean-hero-form-title {
text-align: center;
font-size: 22px;
line-height: 50px;
font-weight: 100;
letter-spacing: -.02em;
margin: 32px 48px 12px 48px;
}
.newMobileCopy .bean-hero-form-description {
text-align: center;
font-size: 46px;
padding: 0 0 20px 0;
margin: 0;
line-height: 1;
font-weight: 300;
letter-spacing: 0.02em;
}
.bean-hero-form-webform-mobile .cta_primary_button {
background: #F3A859;
}
.bean-hero-form-webform-mobile .cta_secondary_button {
background: #0071b9;
}
@media only screen and (min-width: 960px) {
.section-refinance-information-request .bean-get-started-block form>div>.webform-component {
width: 49%;
}
.section-refinance-information-request .bean-get-started-block form>div>.webform-component-markup {
width: 100%;
}
}
header .block-search-api-page .form-text {
border-color: rgba(57,96,122,.3);
box-shadow: none !important;
border-radius: 4px;
}
header .block-search-api-page .form-text:hover, header .block-search-api-page .form-text:focus {
border-color: rgba(57,96,122,.5);
box-shadow: none !important;
}
.bean-hero-bean-form-sds form {
transition: inherit !important;
}
#loadTweets_back {
display: none;
}
.webform-client-form-24701 .form-actions {
display: none;
}
@media only screen and (min-width: 767.98px) {
.bean-hero-bean-form-sds .sds-new-long-form form>div {
position: relative !important;
top: 0 !important;
transform: none !important;
}
.bean-hero-bean-form.bean-hero-bean-form-transparent-fields.bean-hero-bean-form-sds form.webform-client-form {
position: inherit !important;
min-height: inherit !important;
}
.page-design-studio .bean-hero-bean-form.bean-hero-bean-form-transparent-fields.bean-hero-bean-form-sds form.webform-client-form {
min-height:347px !important;
}
.bean-hero-bean-form-sds.bean-hero-bean-form.bean-hero-bean-form-transparent-fields .bean-hero-form-webform.sds-new-long-form {
min-height: 450px;
display: flex;
position: relative;
padding: 0;
}
.bean-hero-bean-form-sds.bean-hero-bean-form.bean-hero-bean-form-transparent-fields .bean-hero-form-webform.sds-new-long-form #webform-client-form-24701 {
padding-top: 90px;
}
}
@media only screen and (min-width: 960px) {
/* .text-processed-search-button {
border-width: 0 !important;
display: none;
}
.text-processed-search-block {
margin-top : 9px !important;
right: -22px !important;
} */
/* .text-processed-search-button {
border-width: 0 !important;
width: 0 !important;
}
.block-search-api-page {
width: 22px !important;
}
.block-search-api-page.open {
width: 440px !important;
} */
.block-search-api-page .form-text, .block-search-api-page input.form-text {
width: 0 !important;
}
.block-search-api-page input.form-text {
opacity: 0;
}
.block-search-api-page.open input.form-text {
opacity: 1;
}
.block-search-api-page {
width: 18px !important;
}
.block-search-api-page.open {
width: 440px !important;
}
.processed-search-button-container .search-block-close {
text-align: right !important;
}
.section-solar-resources .content-btth > .title, .pane-node-title .title, .page-node.node-type-article .page-title {
margin-top : 17px !important;
}
}
@media only screen and (min-width: 960px) and (max-width: 1420px) {
.section-solar-resources .panel-2col--70-30 .panel-col-first {
padding: 20px 97px !important;
}
/* .node-type-article .panel-2col--70-30 .panel-col-first {
padding: 20px 50px !important;
}
*/
}
@media only screen and (min-width: 1420px) {
.section-solar-resources .panel-2col--70-30 .panel-col-first {
padding: 20px 70px !important;
}
/* .node-type-article .panel-2col--70-30 .panel-col-first {
padding: 20px 50px 20px 20px !important;
}
*/
}
.inside .node-article.view-mode-full {
margin-top: 0;
}
.inside .node-article.view-mode-full h1.title {
margin-top: 15px !important;
}
.search-block-quick-links {
width: 430px;
left: 9px !important;
padding-left : 36px !important;
border-top: none !important;
border-right: 1px solid #BFBFBF !important;
border-bottom: 1px solid #BFBFBF !important;
border-left: 1px solid #BFBFBF !important;
border-radius: 0 0 3px 3px !important;
}
.search-block-quick-links a {
line-height: 1.6;
font-weight: 300;
}
.search-block-quick-links span {
line-height: 2;
font-weight: bold;
}
@media only screen and (min-width: 960px) {
.search-block-quick-links {
top: 39px !important;
}
}
/* 26-2-21 */
.node-type-resource input[type=text].processed-search-button {
border-top: none !important;
border-right: none !important;
border-bottom: 1px solid #ad69b1 !important;
border-left: none !important;
border-radius: 0px;
margin-bottom: 0px;
padding: 9px 0;
}
.resource-detail .layout-main > div > div p {
padding-top: 6px !important;
}
@media only screen and (min-width: 1025px) {
.panel-2col--70-30 .panel-col-first {
padding: 45px 40px 20px !important;
}
}
/* 26-2-21 */
.block-search-api-page .form-text, .block-search-api-page input.form-text {
transition:all 600ms !important;
border-top: 0 !important;
border-right: 0 !important;
border-left: 0 !important;
}
.page-node.node-type-article [role=main] {
padding-left: 0 !important;
padding-right: 0 !important;
}
.view-resource-categories .view-grouping-header {
background-color: #707272 !important;
border: solid 1px #707272 !important;
}
.view-resource-categories h3,
.view-resource-categories p {
font-size: 18px !important;
color: #ffffff !important;
font-weight: 300;
padding-left: 8px !important;
align-self: center;
}
.view-resource-categories .view-grouping-content a {
font-size: 18px !important;
}
@media only screen and (min-width: 768px) {
.section-solar-resources.page-node.node-type-article [role=main] {
padding-left:0;
padding-right:0;
}
}
.self-service-form .sds-title-bits {
font: normal 300 36px open-sans;
letter-spacing: 0;
color: var(---404040-lava-75-);
text-align: left;
font: normal normal 300 36px/49px Open Sans;
letter-spacing: 0px;
color: #404040;
opacity: 1;
}
.self-service-form .self-icon {
width: 342px;
height: 292px;
background: transparent url('../images/Icon_Location_2Color.png') 0% 0% no-repeat padding-box;
opacity: 1;
margin: -74px auto 0;
}
/* .self-service-form .webform-component--StreetAddress,
.self-service-form #edit-submitted-streetaddress {
top: 222px;
left: 512px;
max-width: 100%;
float: left !important;
text-align: center;
background: transparent url('../images/Icon_Location_2Color.png') 0% 0% no-repeat padding-box;
opacity: 1;
margin-left: 162px;
}
.self-service-form .target-test input[type="checkbox"]+label:before, .webform-component-checkboxes {
top: 587px;
left: 413px;
width: 168px;
height: 24px;
font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-300) var(--unnamed-font-size-18)/var(--unnamed-line-spacing-27) var(--unnamed-font-family-open-sans);
letter-spacing: 0;
color: var(---404040-lava-75-);
text-align: left;
font: normal normal 300 18px/27px Open Sans;
letter-spacing: 0px;
color: #404040;
opacity: 1;
float: left !important;
}
.self-service-form .webform-next {
top: 676px;
font: var(--unnamed-font-style-normal) normal bold var(--unnamed-font-size-18)/24px var(--unnamed-font-family-open-sans);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(---ffffff-white);
text-align: right;
font: normal normal bold 18px/24px Open Sans;
letter-spacing: 0px;
color: #FFFFFF;
opacity: 1;
background: #EF8B22 0% 0% no-repeat padding-box;
border-radius: 3px;
float: right;
}
.self-service-form .webform-previous {
top: 1444px;
left: 403px;
font: var(--unnamed-font-style-normal) normal bold var(--unnamed-font-size-18)/24px var(--unnamed-font-family-open-sans);
letter-spacing: var(--unnamed-character-spacing-0);
color: var(---404040-lava-75-);
text-align: left;
font: normal normal bold 18px/24px Open Sans;
letter-spacing: 0px;
color: #404040;
opacity: 1;
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 2px solid #EF8B22;
border-radius: 3px;
} */
/* CSS for Self Service */
.self-service-form {
padding: 0;
}
.self-service-form .webform-progressbar, .page-node-25237 .webform-progressbar {
width: 100%;
background: #E6E6E6 0% 0% no-repeat padding-box;
padding: 18px 40px;
position: relative;
}
.self-service-form .webform-progressbar-outer, .page-node-25237 .webform-progressbar-outer {
border: 1px solid #707070;
border-radius: 3px;
background-color: transparent;
height: 26px;
margin: 0;
overflow: hidden;
}
.self-service-form div.webform-progressbar-number, .page-node-25237 div.webform-progressbar-number {
position: absolute;
top: 18px;
background: #9D57A3;
padding: 3px 15px;
color: #fff;
}
.self-service-form .webform-progressbar-page, .page-node-25237 .webform-progressbar-page {
width: 0px;
height: 0px;
margin: -6px -4px;
border: 0px solid #356900;
background-color: #fff;
border-radius: 0px;
}
.self-service-form .webform-component--title {
margin-top: 30px !important;
margin-bottom: 3rem !important;
}
.self-service-form .webform-component--StreetAddress, .self-service-form .webform-component--message-dispaly, .self-service-form .webform-component-checkboxes, .self-service-form .webform-component--homeowner-message-dispaly, .self-service-form .form-actions, .self-service-form .webform-component--infomation, .self-service-form .webform-component-markup, .self-service-form .webform-component--your-current-energy-provider {
max-width: 600px;
width: 100%;
margin: auto;
clear: inherit !important;
float: inherit !important;
}
.self-service-form .webform-component--roof-material, .self-service-form .webform-component.webform-container-inline {
max-width: 800px;
width: 100%;
margin: auto;
clear: inherit !important;
float: inherit !important;
}
.self-service-form .webform-component.webform-container-inline {
padding-left: 0 !important;
}
.self-service-form .webform-component--your-current-energy-provider legend, .self-service-form .webform-component--roof-material legend, .webform-component--roof-shading-fieldset legend, .webform-component--finding-an-appointment-time legend {
text-align: center;
font-size: 36px;
color: #404040;
font-weight: 300;
margin: 30px 0 80px;
width: 100%;
}
.webform-component--finding-an-appointment-time .fieldset-wrapper {
max-width: 400px;
width: 100%;
margin: auto;
clear: inherit !important;
float: inherit !important;
}
.webform-component--finding-an-appointment-time .fieldset-wrapper .webform-component {
width: 100%;
}
#edit-submitted-finding-an-appointment-time-appointment-time.form-radios .form-item {
width: 33.3333%;
float: left;
}
.webform-component--finding-an-appointment-time--appointment-note p {
width: 140%;
margin-left: -20% !important;
clear: both;
margin-bottom: 30px !important;
font-size: 14px;
color: #808080;
}
.self-service-form .webform-component--your-current-energy-provider .webform-component, .self-service-form .webform-component--roof-material .webform-component {
width: 100%;
margin-bottom: 20px;
}
#edit-submitted-roof-material-roof-material-options .form-item, .webform-component--roof-shading-fieldset--roof-shading-options #edit-submitted-roof-shading-fieldset-roof-shading-options .form-item {
width: 25%;
float: left;
margin: 0;
}
/* .webform-component--roof-shading-fieldset--roof-shading-options > label {
text-align: center;
font-size: 36px;
color: #404040;
font-weight: 300;
} */
.self-service-form .form-actions .webform-next {
float: right;
}
.self-service-form .form-actions #edit-next {
float: right;
clear: left;
}
.self-service-form input[type="checkbox"] + label:before {
border: solid 1px #EF8B22 !important;
background-color: transparent !important;
top: 10px !important;
}
.self-service-form input[type="checkbox"] + label:after {
color: #EF8B22 !important;
top: 10px !important;
}
.self-service-form label, .self-service-form .webform-component-markup {
font-size: 18px;
color: #404040;
font-weight: 300;
}
.self-service-form .webform-component-fieldset {
border-bottom: none !important;
}
.self-service-form input[type="submit"] {
padding: 12px 22px;
text-transform: inherit;
background: #EF8B22;
font-size: 18px;
font-weight: 700;
border: #EF8B22 solid 2px;
}
.self-service-form input[type="submit"].webform-previous {
background: #fff;
border: #EF8B22 solid 2px;
color: #404040;
}
.self-service-form input[type="submit"]:hover, .self-service-form input[type="submit"]:active, .self-service-form input[type="submit"]:focus {
background: #F3A859 !important;
color: #fff !important;
border: #F3A859 solid 2px;
}
.sharethis-buttons {
clear: both;
}
.self-service-form .info-add-1 {
padding-top: 70px;
}
.self-service-form .webform-component--back-markup {
margin-bottom: 30px;
}
.self-service-form .webform-progressbar-inner, .page-node-25237 .webform-progressbar-inner {
background-color: #9D57A3;
height: 25px;
}
.self-service-form .info-add-1 .webform-component:nth-child(2n) {
clear: inherit;
float: left;
}
.self-service-form .info-add-1 .webform-component:nth-child(2n+1) {
clear: inherit;
float: right;
}
.self-service-form .info-add-1 .webform-component {
width: 48%;
}
.self-service-form .info-add-1 .webform-component-checkboxes {
clear: both !important;
width: 100%;
}
.self-service-form .info-add-1 #edit-submitted-infomation-legalname-1 {
position: absolute;
}
.self-service-form .info-add-1 label.option {
margin-top: 0;
margin-bottom: 15px;
}
.self-service-form .webform-component--your-current-energy-provider {
margin-bottom: 80px;
}
.self-service-form input[type="text"], .self-service-form input[type="email"], .self-service-form input[type="password"], .self-service-form input[type="number"], .self-service-form input[type="tel"], .self-service-form textarea, .self-service-form select {
border: 1px solid #BFBFBF;
font-size: 18px;
color: #404040;
}
.webform-component--roof-material--roof-material-options input[type="radio"] + label {
padding: 0 20px 0 0 !important;
text-align: right;
}
.webform-component--roof-material--roof-material-options .option img {
display: inherit;
float: right;
margin-bottom: 15px;
}
.self-service-form input[type="radio"] + label:before {
left: 15px !important;
top: auto !important;
bottom: 0px !important;
background: transparent !important;
border: #BFBFBF solid 1px !important;
}
.self-service-form input[type="radio"].error + label:before {
border: red solid 2px !important;
}
.self-service-form input[type="radio"] + label::after {
left: 17px !important;
top: auto !important;
bottom: 2px !important;
background: #EF8B22 !important;
border: #BFBFBF solid 1px !important;
content: "" !important;
width: 16px !important;
height: 16px !important;
}
.selfConfirmation {
padding: 20px;
text-align: center;
}
.selfConfirmation .mainHeadConfirmation {
color: #404040;
font-size: 36px;
font-weight: 300;
line-height: 49px;
margin: 0;
padding: 20px 0 15px;
}
.selfConfirmation p {
color: #404040;
font-size: 18px;
font-weight: 300;
line-height: 27px;
}
.selfConfirmation .subHeadConfirmation {
color: #404040;
font-size: 26px;
font-weight: 300;
line-height: 36px;
margin: 0;
padding: 60px 0 15px;
}
h2.whatNext {
color: #404040;
font-size: 36px;
font-weight: 300;
line-height: 49px;
margin: 0;
padding: 25px 0 20px;
border-top: #E6E6E6 solid 1px;
margin-top: 25px;
}
.links {
clear: both;
padding: 20px 0 0 40px;
}
.confirmBoxes .col-md-4 {
width: 29.333%;
margin: 0 2%;
border: #E6E6E6 solid 1px;
box-shadow: 0px 3px 6px #00000029;
padding: 20px 30px;
float: left;
text-align: left;
}
.confirmBoxes .col-md-4 p {
font-size: 14px;
line-height: 19px;
color: #808080;
min-height: 135px;
}
.confirmBoxes .col-md-4 p.colHead {
color: #404040;
font-size: 26px;
font-weight: 300;
line-height: 36px;
margin: 0;
padding: 0px 0 20px;
min-height: 93px;
}
.confirmBoxes .col-md-4 a .fa-arrow-right:before {
content: "";
position: absolute;
right: 50px;
top: 11px;
width: 18px;
height: 18px;
background: url('../images/arrow-right-solid.svg');
background-repeat: no-repeat;
}
.confirmBoxes .col-md-4 a {
background: #0071b9;
border-radius: 3px;
border: none;
color: #FFFFFF;
cursor: pointer;
display: block;
font-size: 15px;
font-weight: 700;
line-height: 1.4;
max-width: 100%;
overflow: hidden;
padding: 10px 22px;
text-align: center;
text-decoration: none;
text-overflow: ellipsis;
transition: all 360ms ease;
white-space: nowrap;
position: relative;
}
.confirmBoxes .col-md-4 a:hover {
background: #4094CB
}
.yellowBtn {
margin-top: 20px;
}
.yellowBtn a {
background: #EF8B22;
border-radius: 3px;
border: none;
color: #FFFFFF;
cursor: pointer;
display: inline-block;
font-size: 18px;
font-weight: 700;
line-height: 1.4;
max-width: 100%;
overflow: hidden;
padding: 10px 22px;
text-align: center;
text-decoration: none;
text-overflow: ellipsis;
transition: all 360ms ease;
white-space: nowrap;
position: relative;
}
.yellowBtn a:hover {
background: #F3A859
}
.self-service-form input.error {
background: url('../images/closeerror.png');
background-position: 98% center;
background-repeat: no-repeat;
background-size: 22px;
}
.self-service-form select.error {
background: url('../images/closeerror.png');
background-position: 98% center;
background-repeat: no-repeat;
background-size: 22px;
background-color: transparent;
}
.self-service-form label.error, .section-success-wereceived-your-information #page-title {
display: none !important;
}
.self-service-form input[type="checkbox"].valid + label::before, .self-service-form input[type="checkbox"].error + label::before {
border: solid 2px #ff0000 !important;
}
@media only screen and (max-width:1024px) {
.confirmBoxes .col-md-4 {
width: 46%;
}
.confirmBoxes .col-md-4:nth-child(3) {
margin: 40px 25% 0;
}
#edit-submitted-roof-material-roof-material-options .form-item, .webform-component--roof-shading-fieldset--roof-shading-options #edit-submitted-roof-shading-fieldset-roof-shading-options .form-item {
width: 50%;
}
.webform-component--roof-material--roof-material-options input[type="radio"] + label {
padding: 0 30px 0 30px !important;
text-align: center;
}
.self-service-form input[type="radio"] + label::before {
left: 30px !important;
}
.self-service-form input[type="radio"] + label::after {
left: 17px !important;
}
}
@media only screen and (max-width:767px) {
.confirmBoxes .col-md-4 {
width: 100%;
margin: 40px 0 0;
}
.confirmBoxes .col-md-4:nth-child(3) {
width: 100%;
margin: 40px 0 0;
}
.webform-component--finding-an-appointment-time--appointment-note p {
width: 100%;
margin-left: 0% !important;
}
.webform-component--roof-material--roof-material-options input[type="radio"] + label {
padding: 0 10px 0 10px !important;
text-align: center;
}
.self-service-form input[type="radio"] + label::before {
left: 10px !important;
}
.self-service-form input[type="radio"] + label::after {
left: 12px !important;
}
}
/* CSS for Self Service */
.self-service-form .form-item.webform-component--title {
max-width: 100%;
margin-top: 20px;
border-bottom: #e6e6e6 solid 1px;
}
.self-service-form .form-item p {
color: #404040;
font-size: 18px;
line-height: 27px;
font-weight: 300;
margin: 0 0 20px;
padding: 0;
}
.self-service-form .form-item p.sds-title-bits {
color: #404040;
font-size: 46px;
line-height: 62px;
font-weight: 300;
margin: 0 0 20px;
padding: 0;
}
.self-service-form .form-item.webform-component, .fieldset-legend {
color: #404040;
font-size: 18px;
line-height: 27px;
font-weight: 300;
margin-bottom: 2rem;
}
.self-service-form .webform-component-fieldset legend, .self-service-form .webform-component label{
margin-bottom: 10px;
}
.self-service-form .webform-component-fieldset {
margin-top: 20px;
margin-bottom: 15px;
padding: 0;
}
.self-service-form #edit-submitted-appoinment-time, .self-service-form #edit-submitted-appoinment-time--2 {
width: 50%;
}
select[id^=edit-submitted-appoinment-time] {
width: 50%;
}
.self-service-form .webform-component--appoinment--time {
clear: right !important;
float: right !important;
}
.self-service-form .form-item.webform-component.webform-component-radios, .self-service-form .webform-component--what-is-your-average-monthly-electric-bill, .self-service-form .webform-component--who-is-your-energy-provider {
max-width: 70%;
width: 70%;
clear: left;
margin-bottom: 15px;
}
.self-service-form .webform-component--what-is-your-average-monthly-electric-bill, .self-service-form .webform-component--who-is-your-energy-provider {
margin-bottom: 30px;
}
.self-service-form .form-item.webform-component.webform-component-radios .form-radios .form-type-radio {
width: 160px;
float: left;
}
.self-service-form .form-item.webform-component.webform-component-radios .form-radios .form-type-radio input[type="radio"] + label::before {
left: 0 !important;
top: 5px !important;
background-color: #ffffff;
border: solid 2px #bfbfbf;
}
.self-service-form .form-item.webform-component.webform-component-radios .form-radios .form-type-radio.form-item-submitted-roof-material-options input[type="radio"] + label::before{
top: 7em !important;
}
.self-service-form .form-item.webform-component.webform-component-radios .form-radios .form-type-radio.form-item-submitted-roof-material-options input[type="radio"] + label::after{
top: 6.4em !important;
}
.self-service-form .form-item.webform-component.webform-component-radios .form-radios .form-type-radio.form-item-submitted-appoinment-roof-material-options input[type="radio"] + label::before{
top: 7em !important;
}
.self-service-form .form-item.webform-component.webform-component-radios .form-radios .form-type-radio.form-item-submitted-appoinment-roof-material-options input[type="radio"] + label::after{
top: 6.4em !important;
}
.self-service-form .form-item.webform-component.webform-component-radios.webform-component--appoinment--roof-material-options{
width: 100%;
max-width: 80%;
}
.self-service-form .form-item.webform-component.webform-component-radios .form-radios .form-type-radio.form-item-submitted-roof-material-options{
width: 175px !important;
margin-right: 1em !important;
}
.self-service-form .form-item.webform-component.webform-component-radios .form-radios .form-type-radio.form-item-submitted-appoinment-roof-material-options{
width: 175px !important;
margin-right: 1em !important;
}
.self-service-form .form-item.webform-component.webform-component-radios .form-radios .form-type-radio.form-item-submitted-roof-material-options .option img{
margin-left: -35px !important;
max-width: 150px !important;
}
.self-service-form .form-item.webform-component.webform-component-radios .form-radios .form-type-radio.form-item-submitted-appoinment-roof-material-options .option img{
margin-left: -35px !important;
max-width: 150px !important;
}
.self-service-form .form-item.webform-component.webform-component-radios .form-radios .form-type-radio input[type="radio"] + label::after {
left: 2px !important;
top: 7px !important;
}
.self-service-form .form-item.webform-component.webform-component-radios .form-radios .form-type-radio input[type="radio"] {
display: none;
}
.self-service-form .form-item.webform-component.webform-component-radios .form-radios label {
margin: 0;
padding-top: 0;
}
.self-service-form .webform-component:nth-child(2n) {
clear: right;
float: left;
}
.self-service-form .form-item.webform-component--roof-material-options.webform-component-radios {
max-width: 100%;
width: 100%;
clear: left;
clear: right;
margin-bottom: 15px;
}
/* .self-service-form .webform-component--roof-material-options .form-radios .form-type-radio label {
padding: 0 !important;
} */
.self-service-form .form-item.webform-component--roof-material-options.webform-component-radios input[type="radio"] + label::before {
top: auto !important;
bottom: 0 !important;
}
.self-service-form .form-actions {
margin-left: 0;
margin-bottom: 50px;
max-width: 330px;
margin-top: 30px;
clear: both;
float: left !important;
}
.self-service-form .webform-component--appoinment--desired-day{
width: 100%;
max-width: 45%;
}
.self-service-form .webform-component--appoinment--time{
width: 100%;
max-width: 50%;
}
.section-self-service-form h1#page-title, .page-node-25255 h1#page-title {
display: none;
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
.self-service-form .form-item.webform-component--roof-material-options.webform-component-radios {
max-width: 70%;
width: 70%;
}
}
@media only screen and (min-width: 768px){
.webform-component:nth-child(odd) {
clear: left;
float: left;
}
}
@media only screen and (max-width: 768px){
.webform-component:nth-child(odd) {
clear: left;
float: left;
}
.self-service-form .webform-component--appoinment--desired-day{
width: 100%;
max-width: 100%;
}
.self-service-form .webform-component--appoinment--time{
width: 100%;
max-width: 100%;
}
.self-service-form #edit-submitted-appoinment-time {
width: 100%;
}
.self-service-form .form-item.webform-component.webform-component-radios.webform-component--appoinment--roof-material-options {
width: 100%;
max-width: 100%;
}
.self-service-form .form-item.webform-component.webform-component-radios .form-radios .form-type-radio.form-item-submitted-appoinment-roof-material-options{
width: 175px !important;
margin-right: 0em !important;
}
}
.self-service-form .form-item.webform-component.webform-component-textfield.webform-component--appoinment--desired-day .datepicker{
background: url(/sites/all/modules/contrib/webform/images/calendar.png) no-repeat right;
background-size: 18px;
cursor: pointer;
background-position: 97.5%;
}
.section-self-service-form .messages--error {
display: none !important;
}
@media only screen and (max-width: 767px){
.self-service-form .form-item.webform-component.webform-component-radios, .self-service-form .webform-component--what-is-your-average-monthly-electric-bill, .self-service-form .webform-component--who-is-your-energy-provider {
max-width: 100%;
width: 100%;
}
.self-service-form {
padding-left: 15px !important;
padding-right: 15px !important;
}
}
@media only screen and (max-width: 440px){
.self-service-form .form-item.webform-component.webform-component-radios .form-radios .form-type-radio.form-item-submitted-roof-material-options {
width: 165px !important;
margin-right: 0em !important;
}
.self-service-form .form-item.webform-component.webform-component-radios .form-radios .form-type-radio.form-item-submitted-appoinment-roof-material-options {
width: 165px !important;
margin-right: 0em !important;
}
.self-service-form .form-item.webform-component.webform-component-radios .form-radios label {
font-size: 16px;
}
.self-service-form .form-item.webform-component.webform-component-radios .form-radios .form-type-radio.form-item-submitted-roof-material-options input[type="radio"] + label::before {
top: 7.8em !important;
}
.self-service-form .form-item.webform-component.webform-component-radios .form-radios .form-type-radio.form-item-submitted-roof-material-options input[type="radio"] + label::after {
top: 6.35em !important;
}
.self-service-form .form-item.webform-component.webform-component-radios .form-radios .form-type-radio.form-item-submitted-appoinment-roof-material-options input[type="radio"] + label::before {
top: 7.8em !important;
}
.self-service-form .form-item.webform-component.webform-component-radios .form-radios .form-type-radio.form-item-submitted-appoinment-roof-material-options input[type="radio"] + label::after {
top: 6.35em !important;
}
}
#webform-client-form-25335 .webform-component--sub-title p.sds-title-bits {
font-weight: 600 !important;
font-size: 36px !important;
text-align: left !important;
text-transform: uppercase;
max-width: 630px;
}
#webform-client-form-25335 .webform-component--sub-title {
margin-bottom: 10px !important;
}
#webform-client-form-25335 .webform-component.webform-component--StreetAddress {
width: 99%;
box-sizing: border-box;
}
#webform-client-form-25335 .webform-component.webform-component-email {
width: 49% !important;
box-sizing: border-box;
}
#webform-client-form-25335 .webform-component.checkbox-select {
padding-top: 8px;
}
#edit-submitted-legal-block-ec-id {
float: right;
}
@media only screen and (max-width:767px) {
#edit-submitted-legal-block-ec-id {
float: none;
}
}
@media only screen and (max-width:1140px) {
#webform-client-form-25335 .webform-component.webform-component--StreetAddress,
#webform-client-form-25335 .webform-component.webform-component-email {
width: 100% !important;
box-sizing: border-box;
}
}