/******** HIDE MASHEADS ********/
.masthead-simple {display: none;}

/******** HERO STYLES ********/
#full-width-row-a2f5a42453b748f7b96470aaed20e00b, #full-width-row-72f23690fb1c433d824f9cf8e8872866, #full-width-row-91205def864f439d82d850641937489e, #full-width-row-c9688f25153b4bc0be6cc80a1207bacc {background-image: url('/-/media/advanced-ar-quiz/images/background-mff-green-overlay-masked.jpg');background-size: cover;background-repeat: no-repeat;background-position: bottom center;}
.hero-section .body-copy-large {font-size: 18px; line-height: 1.25;}

/******** LAYOUTS ********/
.flex-row {width: 100%; display: flex; flex-direction: column; flex-wrap: wrap;}
.flex-row .col-6 {padding: 1rem 0;}
.col-rev {flex-direction: column-reverse;}
.pt-1 {padding-top: 1rem;}
.pt-2 {padding-top: 2rem;}
.p-0 {padding: 0; padding-block-end: 0!important;}

/******** BACKGROUNDS ********/
.bg-jade-gradient {background: linear-gradient(228deg, #38B270 -46.3%, #00373B 108.63%); padding: 2rem!important; border-radius: 10px;}

/******** IMAGE STYLES ********/
.img-fluid {width: 100%; max-width: 650px; height: auto;}
.body-img {max-width: 450px; display: block; margin: auto;}
.icon-img {max-width: 75px; width: 100%; height: auto;padding-bottom: 1rem;}
.resource-box img {max-width: 250px; height: auto;}

/******** BUTTONS ********/
.rotate-icon {-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.custom-btn {color: #fff!important; border-color: #3eec78!important; width: 100%!important;}
.custom-btn svg {transition: .5s;}
.custom-btn:hover svg {margin-left: 5px;}
#cta-row-f89b54aa4fde41b28659f2835f9e2cc3 a:after {content: url('/-/media/advanced-ar-quiz/images/icon-right-caret-coal.svg'); transition: .5s;}
#cta-row-f89b54aa4fde41b28659f2835f9e2cc3 a:hover::after {content: url('/-/media/advanced-ar-quiz/images/icon-right-caret-white.svg'); margin-left: 5px;}
.download-btn:after {content: url('/-/media/advanced-ar-quiz/images/icon-download-coal.svg'); transition: .5s;}
.download-btn:hover::after {content: url('/-/media/advanced-ar-quiz/images/icon-download-white.svg'); margin-left: 5px;}
.resource-box .btn {width: 100%;}

/******** TEXT STYLES ********/
.jade-txt {color: #028758;}
.white-txt {color: #fff;}
.green-underline {text-decoration: underline;text-decoration-color: #3EEC78;text-decoration-thickness: 5px;text-decoration-skip-ink: none;}
.text-center-sm {text-align: center;}
.sm-txt {font-size: 16px;letter-spacing: .5px;}
.hero-sub {font-size: 16px; line-height: 1.35; letter-spacing: .25px;}
#full-width-row-heading-ed974435ad044993b60077872a85433f, #full-width-row-heading-2c8901e6bf9c46478ad68a72bedeb674, #full-width-row-heading-98e821b32f3d46008d2caa1616b090fe {max-width: 450px;padding: 2rem 0 1rem 0;}
.bg-jade-gradient h4 {margin: 0; line-height: 1.5; letter-spacing: .25px;}

/******** BOX STYLES ********/
.icon-box {padding: 1rem 0;}
.resource-box {display: flex; flex-direction: column-reverse; background: rgba(244, 244, 244, 0.99); border-radius: 10px; padding: 2rem; align-items: center;}
.resource-box {transition: .75s;}
.resource-box:hover {box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25);}

/******** QUIZ STYLES ********/
#ar-q2-bar, #ar-q3-bar, #ar-q4-bar, #ar-q5-bar, #ar-q6-bar {display: none;}
.ar-s2-qs, .ar-s3-qs, .ar-s4-qs, .ar-s5-qs, .ar-s6-qs {display: none;}
.ar-s1-results, .ar-s2-results, .ar-s3-results, .ar-s4-results, .ar-s5-results, .ar-s6-results {display: none;}
.cfo-answer, .ar-manager-answer, .collections-answer, .other-professional-answer {display: none;}
.twenty-five-answer, .fifty-answer, .seventy-five-answer, .one-hundred-answer {display: none;}
.s3-twenty-five-answer, .s3-fifty-answer, .s3-seventy-five-answer, .s3-one-hundred-answer {display: none;}
.s4-twenty-five-answer, .s4-fifty-answer, .s4-seventy-five-answer, .s4-one-hundred-answer {display: none;}
.progress-bar{position:relative;display:block;}
progress[value]{-moz-appearance:none;appearance:none;-webkit-appearance:none;appearance:none;background-color:#edeeee;width:100%;height:15px;padding:0!important;}
/* Chrome, Safari */
progress[value]::-webkit-progress-bar{background-color:#edeeee;border-radius:2px;}
progress[value]::-webkit-progress-value{background-color:#3EEC78;border-radius:2px;background-size:35px 20px 100% 100% 100% 100%;}
progress[value]::-webkit-progress-value:before{color:#edeeee;background-color:#3EEC78;border-radius:2px;background-size:35px 20px 100% 100% 100% 100%;}
/* Firefox */ progress[value]::-moz-progress-bar {background-color: #3EEC78;border-radius: 2px;background-size: 35px 20px, 100% 100%, 100% 100%;}
/* Internet Explorer */ progress {color: #3EEC78;}
#ar-s1-back-btn:hover svg circle, #ar-s2-back-btn:hover svg circle, #ar-s3-back-btn:hover svg circle, #ar-s4-back-btn:hover svg circle, #ar-s5-back-btn:hover svg circle, #ar-s6-back-btn:hover svg circle {fill: var(--color-orchid);transition: 0.5s;}
#ar-s1-back-btn:hover svg path, #ar-s2-back-btn:hover svg path, #ar-s3-back-btn:hover svg path, #ar-s4-back-btn:hover svg path, #ar-s5-back-btn:hover svg path, #ar-s6-back-btn:hover svg path {stroke: #fff;transition: 0.5s;}
.ar-s1-qs h2, .ar-s2-qs h2, .ar-s3-qs h2, .ar-s4-qs h2, .ar-s5-qs h2, .ar-s6-qs h2 {font-size: 20px;font-family: 'indivisible';text-transform: uppercase;letter-spacing: 1px;line-height: 120%;color: var(--Primary-Jade, #028758);font-weight: 500;}
section#full-width-row-b0cb340d68e645d78c457e10f72bdc4a {padding: 0px !important;margin: 0px;}
section#full-width-row-b0cb340d68e645d78c457e10f72bdc4a .full-width-row__container {margin: 0px;max-inline-size:none;}
section#full-width-row-f5d9176ba9ab456bacab8e5fe0724486 {background-size: unset;padding-block-end: unset;}
.ar-mm-form fieldset {border: none;}
.ar-mm-form legend {padding-bottom: 16px;font: 600 3.5rem / 110% var(--secondary-font);}
.ar-mm-form div {display: flex;align-items: center;justify-content: flex-start;}
.ar-mm-form div:last-child {align-items: flex-start;}
.ar-mm-form label {color: var(--Text-100, #032325);font-size: 20px;font-family: 'Indivisible';font-weight: 400;line-height: 150%;letter-spacing: 0.4px;}
.ar-mm-form input[type="radio"] {appearance: none;border: 2.5px solid #9AA7A8;margin: 0 8px 0 0;width: 20px;height: 20px;border-radius: 50%;outline: none;padding: 2px;background-clip: content-box !important;transition: 0.5s;flex-shrink: 0;}
.ar-mm-form input[type="radio"]:checked {background: #028758;}
.ar-mm-form input[type="radio"]:hover {border: 2.5px solid #028758;cursor: pointer;background: #028758;}
.ar-mm-form label:hover {cursor: pointer;}
#ar-s6-mix {margin-top: 6px;}
#ar-mm-answers {margin: 2em 0 4em 0;}
.ar-mm-answer-nav {align-items: center;justify-content: center;margin: 2rem 0;gap: 1rem;flex-direction: row;}
.ar-mm-answer-nav a {color: inherit !important;}
.white-bg {background-color: #fff;}
.pb-1 {padding-bottom: 1rem;}
.align-start {align-items: flex-start;}

/*****************************
         MEDIA QUERIES 
*****************************/
@media screen and (min-width: 768px) {
    .custom-btn {max-width: max-content; width: auto!important;}
    .hero-section .body-copy-large {font-size: 1.5rem; line-height: 160%;}
    #cta-row-f89b54aa4fde41b28659f2835f9e2cc3 .call-to-action-row__content-wrapper {max-width: 75%;}
    .hero-sub {font-size: 18px;}
    .flex-row .col-3 {display: flex; flex-direction: column; flex-basis: 50%;}
    .bg-jade-gradient {padding: 3rem!important;}
    .resource-box {flex-direction: row;}
    .resource-box .btn {width: auto;}
}
@media screen and (min-width: 992px) {
    .flex-row {flex-direction: row; display: flex; align-items: center;}
    .flex-row .col-6 {display: flex; flex-direction: column; flex-basis: 50%;}
    .col-rev {flex-direction: row;}
    .body-img {padding: 2rem;}
    .text-center-sm {text-align: left;}
    .pr-2 {padding-right: 2rem!important;}
    .mr-1 {margin-right: 1rem;}
    .ml-1 {margin-left: 1rem;}
    .icon-box {padding: 0 3rem 2rem 0;}
    .resource-box {flex-direction: column-reverse;}
    .resource-box .btn {width: 100%;}
}
@media screen and (min-width: 1290px) {
    .flex-row .col-3 {flex-basis: 33.3%;}
    .resource-box {flex-direction: row;}
    .resource-box .btn {width: auto;}
}

/******** QUIZ STYLES ********/
@media screen and (min-width: 600px) and (max-width: 991px) {
    #ar-mm-answers .resource-box {flex-direction: row !important;}
}  
@media screen and (max-width: 767px) {
    .ar-mm-form legend {font-size: 2.5rem;}
    .ar-mm-form div {margin-bottom: 10px;}
    #ar-mm-answers h2 {line-height: 150%;}
    .ar-mm-answer-nav {position: fixed;bottom: 0;left: 0;width: 100vw;flex-flow: nowrap;margin: 0;padding: 0;gap: unset;z-index: 999;}
    .footer {z-index: -1;}
    .ar-mm-answer-nav a:first-child {background: var(--Neutrals-Smoke, rgba(244, 244, 244, 0.99));padding: 0;margin: 0;width: 50%;border-radius: 0;text-align: center;display: flex;align-items: center;justify-content: center;block-size: 55px;}
    .ar-mm-answer-nav a:last-child {margin: 0;padding: 0;border: none !important;width: 50% !important;background: var(--Lime, #3EEC78) !important;border-radius: 0 !important;block-size: 55px;}
}