Created
April 8, 2022 15:22
-
-
Save unwiredtech/7b067b2f6a999ad6ec640ed74eb35574 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* Health Quiz Start */ | |
.fmg-health-quiz_wrapper{ | |
padding: 15px; | |
background:#fff; | |
font-family: 'Muli', sans-serif; | |
} | |
form.fmg-health-quiz .gf_progressbar_title{ | |
} | |
form.fmg-health-quiz .gf_progressbar{ | |
background-color: #fffaf2 !important; | |
border-radius: #FF8C003D; | |
} | |
form.fmg-health-quiz .gf_progressbar_title{ | |
display: none; | |
} | |
form.fmg-health-quiz .gf_progressbar_percentage{ | |
border-radius: 20px !important; | |
} | |
form.fmg-health-quiz .gf_progressbar_percentage span { | |
display: none !important; | |
} | |
form.fmg-health-quiz .gf_progressbar:after{ | |
display: none !important; | |
} | |
@media screen and (min-width: 961px){ | |
.vc_custom_1648562816095{ | |
padding: 90px; | |
} | |
#gform_wrapper_198, | |
#gform_wrapper_199{ | |
padding: 60px 112px; | |
} | |
} | |
h3.fmg-form-heading{ | |
font-family: 'Montserrat'; | |
font-style: normal; | |
font-weight: 700 !important; | |
font-size: 24px; | |
line-height: 32px; | |
color: #0A4BA0; | |
} | |
h3.fmg-quiz-steps{ | |
font-family: 'Montserrat'; | |
font-style: normal; | |
font-weight: 700 !important; | |
font-size: 16px; | |
line-height: 24px; | |
color: #40404D; | |
float: right; | |
} | |
#gform_wrapper_198 label.gfield_label, | |
#gform_wrapper_199 label.gfield_label { | |
font-size: 24px; | |
line-height: 32px; | |
font-family: 'Montserrat'; | |
color: #40404D; | |
} | |
div#gf_page_steps_198, | |
div#gf_page_steps_199{ | |
display: inline-flex; | |
flex-direction: row; | |
flex-wrap: nowrap; | |
align-content: center; | |
justify-content: space-evenly; | |
align-items: center; | |
box-shadow: 0px 4px 10px rgb(0 0 0 / 5%); | |
padding: 18px 40px; | |
} | |
form.fmg-health-quiz .gform_wrapper .gf_step{ | |
width: 100%; | |
margin: 0 auto !important; | |
height: auto !important; | |
-moz-opacity: 1; | |
-khtml-opacity: 1; | |
opacity: 1 !important; | |
font-family: inherit; | |
} | |
form.fmg-health-quiz .gform_wrapper .gf_step span.gf_step_number { | |
width: 32px; | |
height: 32px; | |
border-radius: 50%; | |
background: #ececed; | |
font-family: 'Montserrat',sans-serif; | |
font-weight: 700; | |
text-align: center; | |
margin-left: 10px; | |
margin-right: 10px; | |
padding: 10px; | |
font-size: 12px; | |
line-height: 12px; | |
color: #40404D; | |
} | |
#gform_page_198_1 .gform_wrapper .gform_page_footer, | |
#gform_page_199_1 .gform_wrapper .gform_page_footer{ | |
text-align:center; | |
} | |
form.fmg-health-quiz img.gform_ajax_spinner { | |
display: none !important; | |
} | |
form.fmg-health-quiz ul.gfield_radio li { | |
border: 1px solid rgba(64, 64, 77, 0.1); | |
box-sizing: border-box; | |
border-radius: 2px; | |
padding: 11px 20px !important; | |
margin-bottom: 20px; | |
} | |
form.fmg-health-quiz | |
.gform_wrapper.gf_browser_chrome .gfield_checkbox li input, | |
form.fmg-health-quiz .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], | |
form.fmg-health-quiz .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio]{ | |
margin-top: 0 !important; | |
margin-left: 10px; | |
} | |
form.fmg-health-quiz input[type=radio]:checked:before{ | |
height: 10px; | |
width: 10px; | |
border-radius: 50%; | |
} | |
input#gform_next_button_198_9, | |
input#gform_next_button_199_9{ | |
background: #0A4BA0; | |
color: #fff; | |
/* border-radius: 2px; */ | |
border-radius: 2px; | |
padding: 13px 31px; | |
} | |
form.fmg-health-quiz .gform_page_footer { | |
display: flex; | |
flex-wrap: nowrap; | |
align-content: center; | |
justify-content: center; | |
margin: 14px 0; | |
width: 100%; | |
/* border-top: 1px dotted #ccc; */ | |
padding: 16px 0 0 0; | |
clear: both; | |
} | |
form.fmg-health-quiz input.button.gform_next_button, | |
form.fmg-health-quiz input.button.gform_button{ | |
background: #0A4BA0; | |
border-radius: 2px; | |
color: #fff; | |
} | |
form.fmg-health-quiz .gform_wrapper .gform_page_footer .button.gform_next_button{ | |
margin-right: 0 !important; | |
} | |
form.fmg-health-quiz .gform_page_footer .button.gform_previous_button { | |
background: none; | |
border: none; | |
color: #3498DB; | |
font-weight: 400 !important; | |
} | |
form.fmg-health-quiz .gf-radio-hightlight{ | |
background-color: #f2f6fa; | |
} | |
form.fmg-health-quiz .active{ | |
background-color: #f2f6fa; | |
} | |
/* | |
SEO Score Page Custom CSS | |
500 Designs | |
*/ | |
.vc_row.hero.hero_with_sideimg { | |
min-height: 535px; | |
} | |
.health_score_heading_landing { | |
text-align: center; | |
} | |
.website-health-quiz-main-wrapper .btn-container{ | |
text-align: center; | |
} | |
.website-health-quiz-main-wrapper .btn-health-quiz{ | |
background: #fff !important; | |
color: #40404D !important; | |
font-family: 'Montserrat'; | |
font-style: normal; | |
font-weight: 700; | |
font-size: 18px; | |
line-height: 24px; | |
text-transform: uppercase; | |
border: none !important; | |
} | |
.website-health-quiz-main-wrapper a.btn-health-quiz:hover{ | |
background: #0C57BA !important; | |
color: #fff !important; | |
} | |
.style-color-175046-bg{ | |
background: linear-gradient(114.16deg, #2980B9 2.55%, #0A4BA0 103.05%, rgba(10, 75, 160, 0) 103.06%) !important; | |
opacity: 0.8 !important; | |
} | |
.health_score_heading_landing h1{ | |
font-family: 'Montserrat'; | |
font-style: normal; | |
font-weight: 700 !important; | |
font-size: 48px; | |
line-height: 64px; | |
text-transform: none; | |
color: #FFFFFF; | |
} | |
.website-health-quiz-landing > p { | |
font-family: 'Mulish', 'Muli', sans-serif; | |
font-style: normal; | |
font-weight: 400 !important; | |
font-size: 18px; | |
line-height: 30px; | |
text-align: center; | |
color: #FFFFFF; | |
} | |
.health_score_heading h1, | |
.health_score_heading h2{ | |
font-family: 'Montserrat' !important; | |
font-style: normal; | |
font-weight: 700 !important; | |
text-transform: none; | |
font-size: 36px; | |
line-height: 48px; | |
text-align: center; | |
color: #FFFFFF; | |
} | |
.health_score_heading_h2{ | |
text-align: center; | |
} | |
.health_score_heading_h2 h2{ | |
/* H2 */ | |
font-family: 'Montserrat' !important; | |
font-style: normal; | |
font-weight: 700 !important;; | |
font-size: 30px; | |
line-height: 36px; | |
text-align: center; | |
margin: 0 30px; | |
} | |
.seo-health-score-p > p{ | |
font-family: 'Mulish', 'Muli', sans-serif; | |
font-style: normal; | |
font-weight: 400; | |
font-size: 16px; | |
line-height: 26px; | |
} | |
.seo-health-box{ | |
-webkit-text-size-adjust: 100%; | |
-webkit-font-smoothing: antialiased; | |
-webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); | |
font-weight: 400; | |
font-family: Muli, Muli; | |
font-size: 14px; | |
color: #767680; | |
text-align: left; | |
box-sizing: border-box; | |
margin-top: 0px !important; | |
display: flex; | |
flex-direction: row; | |
flex-wrap: nowrap; | |
align-content: center; | |
justify-content: flex-start; | |
align-items: baseline; | |
} | |
span.number-box { | |
background: #FF8C00; | |
border-radius: 2px; | |
float: left; | |
font-family: 'Montserrat'; | |
font-style: normal; | |
font-weight: 700; | |
font-size: 24px; | |
line-height: 32px; | |
color: #FFFFFF; | |
margin-right: 20px; | |
padding: 8px 12px; | |
} | |
.seo-health-cta-section{ | |
background: #3466A9; | |
} | |
.seo-health-cta-section_p > p{ | |
font-family: 'Mulish', 'Muli', sans-serif; | |
font-style: normal; | |
font-weight: 400; | |
font-size: 18px; | |
line-height: 30px; | |
color: #FFFFFF; | |
} | |
.gf_step.gf_step_completed > span.gf_step_number{ | |
content: '\f00c'; | |
background: #ff9900; | |
color: #fff !important; | |
} | |
.gf_page_steps .after-line { | |
flex-grow: 1; | |
border-bottom: 1px solid black; | |
margin: 5px; | |
} | |
.gf_step.gf_step_next.after-line:last-of-type{ | |
display: none !important; | |
} | |
.gform_wrapper .gfield_radio li label{ | |
margin: 2px 0 0 20px !important; | |
} | |
form.fmg-health-quiz input[type=radio]:checked:before { | |
color: #0A4BA0; | |
} | |
input[type=checkbox]:checked:before { | |
color: #0A4BA0; | |
} | |
.gfield_radio li label{ | |
font-size: 14px; | |
line-height: 24px; | |
} | |
.gform_wrapper ul.gfield_checkbox li input[type=checkbox], .gform_wrapper ul.gfield_radio li input[type=radio]{ | |
border: 1px solid #0A4BA0; | |
} | |
@media screen and (min-width: 1200px){ | |
form.fmg-health-quiz .gform_page_footer .button.gform_previous_button{ | |
position: absolute; | |
left: 82px; | |
bottom: 76px | |
} | |
} | |
@media screen and (max-width: 767px){ | |
.health_score_heading h1, | |
.health_score_heading h2{ | |
font-size: 24px !important; | |
line-height:32px !important; | |
font-weight: 700 !important; | |
} | |
.health_score_heading_h2 h2{ | |
font-size: 20px !important; | |
line-height: 26px !important; | |
text-align: center; | |
margin: 0; | |
} | |
h4.seo-health-heading-h4 { | |
font-size: 18px !important; | |
line-height: 1.2em; | |
} | |
} | |
@media screen and (max-width: 599px){ | |
.fmg-quiz-steps{ | |
float: none !important; | |
margin-top: 0; | |
margin-bottom: 30px !important; | |
font-size: 16px !important; | |
} | |
} | |
@media screen and (max-width:576px){ | |
.vc_custom_1648562816095{ | |
padding: 20px; | |
} | |
.gform_wrapper .gfield_radio li label{ | |
margin: 2px 0 0 4px !important; | |
} | |
} | |
/* Health Quiz Start end */ |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment