a,big,body,code,div,dl,h1,h2,h3,h4,h5,h6,html,iframe,ins,li,object,p,s,small,span,ul,var{border:0;font:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline}
html{overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;scroll-behavior:smooth;}
*{-webkit-box-sizing:border-box;box-sizing:border-box}
article,aside,footer,header,main,nav,section{display:block}
ul{list-style:none}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
a img{border:0}
iframe,object{max-width:100%}
body,button{color:#444;font-family:roboto,sans-serif;line-height:1.6;word-wrap:break-word}
body{background-color:#fff;padding-top:10px;padding-bottom:10px;background-size:cover}
h1,h2,h3,h4,h5,h6{padding-bottom:18px;color:#333;font-weight:400;font-family:roboto,sans-serif}
h1{font-size:42px;line-height:1.2}
h2{font-size:38px;line-height:1.2}
h3{font-size:34px;line-height:1.2}
h4{font-size:30px;line-height:1.2}
h5{font-size:26px;line-height:1.2}
h6{font-size:22px;line-height:1.2}
hr{border-color:#eaeaea;border-style:solid none none;border-width:1px 0 0;height:0;margin:40px auto; width:80%;}
p{line-height:1.6;margin-bottom:15px;font-family:roboto,sans-serif;font-size:18px}
i{font-style:italic}
code,var{font-family:"courier 10 pitch",Courier,monospace;font-size:14px;line-height:1.4;white-space:pre-wrap}
ins{background:#f8f8f8}
dl{margin-bottom:24px;font-size:20px}
ul{list-style:none}
li>ul{margin:0 0 10px}
.step1{color: #990000;}
select {width:100%;margin:10px auto 20px auto;height:50px;font-size:18px;color:#3c3c3c;text-align:center;text-align-last:center;display:flex;align-items:center;justify-content:center;border:2px solid #2b8ed5;border-radius:4px;}
a{color:#0054ff}
a:active,a:focus,a:hover{text-decoration:none}
img{max-width:100%;height:auto;vertical-align:top;margin-bottom:18px}
video {max-width:100%;height:auto;}
.widget img{max-width:100%}
.clearfix{display:block}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0}
* html.clearfix{height:1%}
.headerimg{margin:2px}
.subhead{color:#6c6c6c;line-height:1.3;font-size:14px}
#page{max-width:1200px;margin:0 auto}
.wide{padding-top:0;padding-bottom:0}
.wide #page{max-width:100%}
.custom001 h3{font-size:24px;font-weight:700}
#masthead hr{margin:0}
.inner-wrap{margin:0 auto;max-width:1140px}
#header-text-nav-container{background-color:#fff}
#header-text-nav-wrap{padding:20px 0 8px}
#header-left-section{float:left}
#header-logo-image{float:left;padding-right:20px}
#header-text{float:left;padding-right:20px}
nav li>ul{margin:0;list-style:none}
#main{padding-top:30px;padding-bottom:20px;background-color:#fff}
#colophon .widget ul li,#secondary .widget ul li{line-height:1.5;padding:5px 0}
#colophon .widget ul li{border-bottom:1px solid #444}
#colophon .widget ul li li{border-bottom:none}
#colophon .widget ul ul,#secondary .widget ul ul{padding-left:10px}
#secondary .widget-title{border-bottom:2px solid #289dcc;font-size:18px;margin-bottom:15px;padding-bottom:0}
#secondary.widget-title span{background-color:#289dcc;color:#fff;padding:6px 12px;display:inline-block}
#secondary .widget{margin-bottom:35px;font-size:14px;background-color:#fff}
#secondary .widget p{font-size:14px}
#secondary a:hover{text-decoration:underline}
.footer-widgets-wrapper{border-top:1px solid #f2f2f2;background-color:#303440}
.footer-widgets-area{padding-top:45px;padding-bottom:10px;color:#ccc}
.tg-footer-main-widget{width:39.473684%;float:left;margin-right:2.631579%}
.tg-footer-other-widgets{float:right;width:57.894737%}
.tg-second-footer-widget,.tg-third-footer-widget{width:30.30303%;float:left;margin-right:4.545454%}
.tg-fourth-footer-widget{width:30.30303%;float:right;margin-right:0}
.footer-widgets-area.widget-title{border-bottom:2px solid #289dcc;font-size:18px;margin-bottom:15px;padding-bottom:0}
.footer-widgets-area .widget-title span{background-color:#289dcc;color:#fff;padding:6px 12px;display:inline-block}
.footer-widgets-area p{text-align:left;color:#aaa}
.footer-widgets-area a,.footer-socket-wrapper a {color:#7a9f86;text-decoration:none;}
.footer-widgets-area a:hover,.footer-socket-wrapper a:hover{color:#79b18b;}
#colophon .widget{margin-bottom:40px}
#colophon,#colophon p{font-size:14px;line-height:1.4}
.footer-socket-wrapper{padding:20px 0 50px;background-color:#303440}
.footer-socket-area{width:100%}
.footer-socket-right-section{float:right;color:#8d8d8d}
.footer-socket-right-section hr{border-color:#3f3f3f;margin:0 0 10px}
.footer-socket-left-section{float:left}
.footer-socket-wrapper .copyright{color:#b1b6b6;float:left;font-size:14px}
.footer-socket-wrapper .copyright a{color:#b1b6b6;border-bottom:1px solid #5a5d62}
.footer-socket-wrapper .copyright a:hover{color:#fff}
.footer-socket-wrapper .small-menu{float:right}
.footer-socket-wrapper .small-menu a{padding-top:0}
.footer-socket-wrapper .small-menu ul li ul{top:21px}
#primary{float:left;width:70.17543859%}
#secondary{float:right;width:27.19298245%}
.page-header .page-title{border-bottom:2px solid #289dcc;font-size:18px;margin-bottom:15px;padding-bottom:0}
.page-header .page-title span{background-color:#289dcc;color:#fff;padding:6px 12px;display:inline-block}
#content .post{box-shadow:0 1px 3px 0 rgba(0,0,0,.1);margin-bottom:30px}
#content .post img{margin-bottom:0}
.custom001 .entry-title {font-size:32px; font-weight:700; padding-bottom:4px;}
.entry-content ul{list-style:inherit;padding:0 0 0 35px;margin-bottom:16px}
.entry-content li>ul{margin-bottom:0}
.entry-content li{font-size:18px;}
.search h1.page-title{display:none}
.colormag-footer--classic .footer-widgets-area .widget-title{border-bottom:0}
.colormag-footer--classic .footer-widgets-area .widget-title span{background-color:transparent!important;padding:0 0 6px;position:relative}
.colormag-footer--classic.footer-widgets-area .widget-title span::before{position:absolute;display:block;bottom:-1px;content:' ';left:0;width:25px;height:2px;background-color:#289dcc}
.colormag-footer--classic .footer-socket-wrapper{background-color:#252730}
#secondary .widget-title{border-bottom:2px solid #6d9e78}
#secondary .widget-title span{background-color:#6d9e78}
.footer-widgets-area .widget-title{border-bottom:2px solid #6d9e78}
.colormag-footer--classic .footer-widgets-area .widget-title span::before,.footer-widgets-area .widget-title span{background-color:#6d9e78}
.page-header .page-title{border-bottom:2px solid #6d9e78}
.page-header .page-title span{background-color:#6d9e78}
#content .post .article-content .entry-title a:hover,.entry-meta a,.post .entry-title a:hover,.search.entry-title a:hover{color:#6d9e78}
.entry-meta .post-format i{background-color:#6d9e78}
.more-link{background-color:#6d9e78}
.footer-socket-wrapper{padding:20px 0 14px}
.nativecontainer{display:flex;align-content:space-between;justify-content:space-around;flex-wrap:wrap;row-gap:40px;margin-bottom:100px}
.nativebox a:link{text-decoration:none}
.nativebox{max-width:250px}
.nativeheadline{font-size:20px;font-weight:700;line-height:1.1em;color:#000;text-decoration:none}
.nativecopy{font-size:16px;line-height:1.2em;padding-top:4px;color:#000;text-decoration:none}
.nativecta{font-size:16px;color:blue;text-decoration:underline}
.nativebox img{vertical-align:inherit;margin:0;width:100%}
@media only screen and (max-width: 600px) {
.nativebox{max-width:90%}
}
.summary{background-color:#faebd7;padding:20px}
.hideme{display:none;}
.disqhidden-div,.solarmessage{display:none;margin-top:10px;padding:10px;border:1px solid #ddd;background-color:#f9f9f9}
.solarmessage{margin:0}
.buttongroup-container{display:flex;flex-wrap:wrap;gap:10px;padding:10px 0 20px}
.buttongroup-container:empty {padding: 0;}
.buttongroup-container a,.buttongroup-container button{display:flex;flex:1 1 calc(50% - 10px);min-width:calc(50% - 10px);box-sizing:border-box;height:60px;padding:14px 20px;font-size:18px;text-align:center;color:#fff;text-decoration:none;background-color:#003e97;border:none;border-radius:4px;cursor:pointer;align-items:center;justify-content:center;line-height:1em}
.buttongroup-container a:hover,.buttongroup-container button:hover{background-color:#002b68}
@media screen and (max-width:600px) {
.buttongroup-container a,.buttongroup-container button{font-size:16px}
}
.surveycontainer{width:100%;}
.ssdi-question,.ssdi-result,#ssdi-analyzing,.simplesurvey-question,#simplesurvey-analyzing,#simplesurvey-confirmation{display:none;}
.ssdi-question.active,.ssdi-result.active,#ssdi-analyzing.active,.simplesurvey-question.simplesurvey-active{display:block}
.fade-in{opacity:0;transition:opacity .3s ease-in}
.fade-in.active{opacity:1}
.fade-out{opacity:1;transition:opacity .3s ease-out}
.fade-out.active{opacity:0}
.surveybutton-wrapper{display:flex;flex-wrap:wrap;gap:10px;width:100%}
.social-media-share{display:flex;justify-content:center;font-family:"Helvetica Neue",Verdana,Helvetica,Arial,sans-serif;text-align:center;margin:0 auto;width:90%}
.total-shares{color:#555;font-weight:500;padding:4px 8px;text-align:center}
.total-shares-label{font-size:20px;line-height:22px}
.total-shares-text{font-size:12px;line-height:10px;display:block}
.share-btn{display:inline-block;width:50%;height:40px;line-height:40px;margin-right:8px;padding:0 10px;text-align:center;border-radius:4px;cursor:pointer;transition:opacity .2s ease-in,top .2s ease-in}
.share-btn:last-child{margin-right:0}
.share-btn img{height:20px;width:20px;vertical-align:middle;margin-bottom:3px}
.share-btn-label{color:#fff;font-weight:500;letter-spacing:.5px;padding:0 6px}
.share-btn[data-network="facebook"]{background-color:#4267B2}
.share-btn[data-network="twitter"]{background-color:#000}
.share-btn:hover{opacity:.8;top:-4px}
.modal{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,0.4)}
.modal-content{background-color:#fefefe;margin:auto;padding:20px;border:1px solid #888;width:80%}
.close{color:#aaa;float:right;font-size:28px;font-weight:700}
.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}
@media screen and (max-width:1190px) {
#page{width:97%}
.wide #page{width:100%}
.inner-wrap{width:94%}
}
@media screen and (max-width:768px) {
#masthead{display:none}
#header-text-nav-wrap{padding:2px 0}
#header-left-section{float:none;margin-bottom:10px}
#header-logo-image{float:none;text-align:center;padding-right:0}
#header-text{float:none;text-align:center;padding-right:0}
#primary,#secondary{float:none;width:100%}
#contentfooterarea{display:none}
#main{padding-top:10px}
.custom001 .entry-title{font-size:26px;font-weight:700}
}
@media screen and (max-width:600px) {
.tg-footer-main-widget{float:none;margin-right:0;width:100%}
.tg-footer-other-widgets{float:none;width:100%}
.footer-socket-left-section,.footer-socket-right-section{float:none}
.footer-socket-wrapper.copyright{float:none;max-width:100%;text-align:center}
}
@media screen and (max-width:420px) {
.tg-fourth-footer-widget,.tg-second-footer-widget,.tg-third-footer-widget{float:none;margin-right:0;width:100%}
}
/* === Interactive Survey Styles === */
.interactive-survey-container .survey-step {
opacity: 0;
transition: opacity 0.3s ease-in-out;
display: none; /* Initially hide all steps */
}
.interactive-survey-container .survey-step.active-step { /* JS will add/remove .active-step */
display: block;
opacity: 1;
}
.interactive-survey-container { /* Added this new rule */
width: 100%;
}
.interactive-survey-container .survey-question-title {
font-weight: bold;
margin-bottom: 10px;
color: #4c4c4c;
font-size: 20px;
text-align: center;
}
/* .surveybutton-wrapper class (already existing) will be used for the div containing these buttons */
.interactive-survey-container .survey-option-button { /* Class for the individual option buttons */
display: flex; /* Added for align-items and justify-content */
flex: 1 1 calc(50% - 10px); /* Mimic .buttongroup-container button for 2-column behavior */
min-width: calc(50% - 10px); /* Mimic .buttongroup-container button */
box-sizing: border-box; /* Added */
height: 60px; /* Added */
margin: 0; /* Adjusted from 5px 3px to work with gap from surveybutton-wrapper */
padding: 14px 20px; /* Matched */
cursor: pointer;
border: none; /* Matched */
background-color: #003e97; /* Matched */
color: #fff; /* Added */
border-radius: 4px;
font-size: 18px; /* Matched */
text-align: center;
text-decoration: none; /* Added */
align-items: center; /* Added */
justify-content: center; /* Added */
line-height: 1em; /* Added */
/* flex-grow: 1; Removed in favor of more specific flex property */
}
.interactive-survey-container .survey-option-button:hover {
background-color: #002b68; /* Matched */
}
.survey-congratulations-message {
background: #f0f8ff;
padding: 10px 0;
}
.survey-step.survey-congratulations-message h3 {
color: green !important;
font-weight: bold;
}
.survey-step.survey-congratulations-message .survey-phone-number:hover {
text-decoration: underline;
}
@keyframes pulse-phone {
0% {
transform: scale(1);
}
50% {
transform: scale(1.05);
}
100% {
transform: scale(1);
}
}
.survey-step.survey-congratulations-message .survey-phone-number {
font-size: 1.6em;
font-weight: bold;
text-decoration: none;
display: inline-block; /* Required for transform to work as expected */
animation: pulse-phone 2s infinite ease-in-out;
color: #ffffff;
min-width: 80%;
}
/* CSS Loading Spinner */
.survey-spinner {
width: 40px;
height: 40px;
margin: 20px auto;
border: 4px solid #e5e7eb;
border-top: 4px solid #3b82f6;
border-radius: 50%;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
/* === End Interactive Survey Styles === */
/* Gold Bar Animation - Slow Zoom with Light Glint Effect */
/* Wrapper container to constrain the image size */
.gold-animate-wrapper {
position: relative;
overflow: hidden;
width: 100%;
max-width: 750px;
display: block;
}
/* Image with zoom animation */
.gold-animate {
display: block;
width: 100%;
height: auto;
animation: goldZoom 8s ease-in-out infinite alternate;
}
/* Slow zoom animation - zooms IN without expanding container */
@keyframes goldZoom {
0% {
transform: scale(1);
}
100% {
transform: scale(1.15);
}
}
/* Light glint overlay effect - applied to wrapper */
.gold-animate-wrapper::after {
content: '';
position: absolute;
top: 0;
left: -150%;
width: 80%;
height: 100%;
background: linear-gradient(
90deg,
rgba(255, 255, 255, 0) 0%,
rgba(255, 255, 255, 0.1) 40%,
rgba(255, 255, 255, 0.6) 50%,
rgba(255, 255, 255, 0.1) 60%,
rgba(255, 255, 255, 0) 100%
);
transform: skewX(-20deg);
animation: glintPass 3s ease-in-out 0.5s infinite;
pointer-events: none;
z-index: 2;
}
/* Glint passing animation */
@keyframes glintPass {
0% {
left: -150%;
}
50% {
left: 150%;
}
100% {
left: 150%;
}
}
/* Optional: Pause animations when user prefers reduced motion */
@media (prefers-reduced-motion: reduce) {
.gold-animate,
.gold-animate-wrapper::after {
animation: none;
}
}