:root {

    /* --top-calc-masthead-gradient-start: #58b096;
    --top-calc-masthead-gradient-end: #468C78;

    --calculator-module-bg: #E9F5F1;

    --svg-fill: #203260;
    --svg-stroke: #FFF;
    --svg-stroke-primary: #FFF;

    --link-color: #58b096;
    --progress-bar-color: #d2046f;
    --progress-bar-bg: #FFEAF5;

    --question-bg: #FFF;
    --question-border-color: #203260;
    --question-text-color: #203260;
    --svg-tick-fill: #203260;
    --question-hover-state: #E9EBEF;
    --question-selected-state: #203260;
    --question-selected-state-text: #FFF;
    --svg-tick-fill-selected:#203260;
    --question-selected-tick-border: #203260;
    --question-selected-tick-bg: #fff;

    --question-text-border-color: #DDE0E7;
    --question-help-border-color: #58b096;
    --question-help-bg: #58b096;
    --question-help-color: #fff;
    
    --grand-total-bg: #d2046f;

    --calc-btn-primary-color: #FFF;
    --calc-btn-primary-bg: #d2046f;
    --calc-btn-primary-bg-hover: #A00656;

    --calc-btn-secondary-color: #203260;
    --calc-btn-secondary-bg: #FFF;

    --error-color: #e22244;
    --spinner-highlight-color: #58b096;
    --slider-color: #d2046f;

    --collapsible-bg: #E9F5F1;
    --collapsible-color: #262626;

    --focus-color: #203260;

    --restart-hover-state: #6462BF; */

}

.strip-module.top-calc-wrapper .content {
    justify-content: start;
    max-width: 100%;
}

#claimscalculator {
    padding-top: 5rem;
}

#claimscalculator .calc-btn {
    border-radius: 50px;
    cursor: pointer;
}

#calculatorQuestions fieldset {
    border: none;
}

#calculatorQuestions legend {
    font-family: var(--heading-font);
    font-weight: var(--heading-weight);
    color: var(--heading-color);
    line-height: normal;
    font-size: 2rem;
    background: none;
    padding: 0;
    margin: 2.5rem auto 2rem;
}

#claimscalculator .question .options {
    margin-top: 0;
}

#claimscalculator .startagain {
    bottom: 0;
    left: 0;
}
#claimscalculator .startagain svg.icon .line-item {
    stroke: var(--red);
}

#claimscalculator progress::-webkit-progress-value {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

#claimscalculator .injury-list li {
    padding: 0 .5rem;
}

#claimscalculator.active .close {
    background: none;
    border: none;
}

#claimscalculator svg.icon .line-item {
    stroke: #e22244;
}

#claimscalculator .close span {
    color: #e22244;
}

#claimscalculator .moving-forward {
    background-color: #fff0f3;
    padding: 2rem;
}

#claimscalculator .moving-forward > div {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 1rem;
}

#claimscalculator .moving-forward h2 {
    background-image: linear-gradient(to right, var(--coral) 50%, rgba(255, 255, 255, 0) 0%);
    margin-top: 0px !important;
    padding-bottom: 2rem;
    margin-bottom: 2rem !important;
    background-position: center bottom;
    background-size: 12px 1px;
    background-repeat: repeat-x;
}

#claimscalculator .moving-forward > div > div:first-child {
    background-image: linear-gradient(to bottom, var(--coral) 50%, rgba(255, 255, 255, 0) 0%);
    background-size: 1px 12px;
    background-repeat: repeat-y;
    flex: 2 1 0%;
    background-position: right center;
}

#claimscalculator .moving-forward > div > div:last-child {
    flex: 1 1 0%;
}

#claimscalculator.active .calc-brand {
    display: block;
    position: absolute;
    top: 1rem;
}

#claimscalculator .results h2 {
    text-align: left;
}

#claimscalculator.active span.calc-header {
    text-align: center;
}

#claimscalculator .moving-forward {
    margin-top: 30px;
}

@media (max-width: 767px) {
    #claimscalculator .moving-forward {
        margin-top: 0;
    }
    #claimscalculator .moving-forward > div > div:first-child {
        background: none;
    }
}




/* 
#claimscalculator.active .calc-brand img {
    width: 200px;
}

#claimscalculator .question .options label {
    font-size: 17px;
    border-width: 2px;
    position: relative;
    overflow: hidden;
    transition: color .25s ease;
}

#claimscalculator .question .options label > *:not(input){
  position: relative;
  z-index: 1;
}


#claimscalculator .question .options label:after{
  content: "";
  position: absolute;
  inset: 0;
  background: var(--question-selected-state);
  transform: translateX(100%);
  transition: transform .35s ease;
}

#claimscalculator .question .options label:has(input:checked) {
    background-color: unset;
}

#claimscalculator .question .options label:has(input:checked):after{
  transform: translateX(0);
}

#claimscalculator .question .options label .icon-wrapper {
    border-width: 2px;
}

#claimscalculator .question .options label svg.icon {
    width: 1rem;
    height: 1rem;
}

#claimscalculator .calc-btn {
    font-weight: bold;
    border: 2px solid var(--calc-btn-primary-bg);
}

#claimscalculator .calc-btn-secondary {
    border: 2px solid var(--calc-btn-secondary-color);
}

#claimscalculator .calc-btn-primary:hover {
    background-color: var(--calc-btn-primary-bg-hover);
    border-color: var(--calc-btn-primary-bg-hover);
}

#claimscalculator .calc-btn-secondary:hover {
    color: var(--calc-btn-secondary-bg);
    background-color: var(--calc-btn-secondary-color);
    border-color: var(--calc-btn-secondary-color);
}

#claimscalculator .section-content .section-aside {
    background: #203260;
    color: #FFF;
}
#claimscalculator .section-content .section-aside h3 {
    color: #FFF;
}

#claimscalculator .close {
    text-shadow: none;
    background-color: #4ea08e;
    opacity: 1;
}

#claimscalculator .close, 
#claimscalculator .startagain {
    padding: 1rem 2rem;
    font-weight: bold;
    line-height: unset;
}

#claimscalculator .close span {
    color: #FFF;
    font-size: 17px;
}

#claimscalculator .close svg.icon {
    display: none;
}

.calculator-wrapper,
#claimscalculator.active {
    background: var(--top-calc-masthead-gradient-start) no-repeat top left;
    background-image: url(/themes/workaccident/assets/new-assets/blob-gradient-left-darkblue-lg.svg);
    background-size: 85%;  
}

#claimscalculator fieldset p,
#claimscalculator .question h3,
#claimscalculator .question p,
#claimscalculator .injury-list-wrapper h3,
#claimscalculator .injury-list-wrapper ul {
    color: var(--question-text-color);
}

#claimscalculator .injury-list li {
    padding: .5rem 0;
}


.top-calc-wrapper {
    padding: 0;
    background: none;
}

.top-calc-wrapper h1 {
    margin-top: 3rem;
}

.top-calc-wrapper .calc-header {
    margin: 0;
    font-size: 36pt;
    font-family: 'Mukta', sans-serif, Arial, Verdana, "Trebuchet MS";
}

.top-calc-wrapper ul {
    padding-left: 30px;
}

.top-calc-wrapper li {
    list-style: none;
}

.top-calc-wrapper li:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 14px;
    margin-right: 10px;
    margin-left: -30px;
    margin-bottom: 0;
    background: url(/themes/workaccident/assets/new-assets/chevron-green.svg) no-repeat;
    background-size: contain;
    margin-top: -2px;
    vertical-align: middle;
}

#claimscalculator {
    background: none;
    padding-bottom: 100px;
}

#claimscalculator .calc-btn-wrapper {
    gap: 10px;
}

#claimscalculator .startagain {
    bottom: 0;
    left: 0;
    color: #FFF;
    background: var(--link-color);
}

#claimscalculator .startagain svg.icon {
    display: none;
}

#calculatorQuestions table {
    background: var(--calculator-module-bg);
}

#claimscalculator details.question.text.subquestion summary div:first-child {
    font-size: unset;
}
#claimscalculator details.question.text.subquestion summary div:last-child {
    flex: 1;
}
#claimscalculator details>*:not(summary) {
    margin: 0 20px 20px 20px !important;
}

#claimscalculator .results details {
    margin-top: 30px;
}

#claimscalculator .results details + details {
    margin-top: 16px;
}

#claimscalculator .results details summary {
    margin-bottom: 0;
    padding: 20px 60px 20px 20px;
    font-size: 18px;
    font-weight: bold;
    font-family: 'Montserrat', sans-serif, Arial, Verdana, "Trebuchet MS";
    position: relative;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#claimscalculator .results details[open] summary {
    padding-bottom: 35px;
}

#claimscalculator .results details summary::after {
    content: "";
    display: none;
}

#claimscalculator .results details[open] summary:after {
    content: "";
    display: block;
    height: 1px;
    width: calc(100% - 80px);
    background-color: #b5ddd1;
    position: absolute;
    bottom: 0;
    left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

#claimscalculator .results details summary:before {
    display: block;
    content: "";
    background-image: url(/themes/workaccident/assets/new-assets/icon-circle-arrow-green.svg);
    background-position: center;
    background-repeat: no-repeat;
    height: 32px;
    width: 32px;
    position: absolute;
    right: 14px;
    top: 14px;
}

#claimscalculator .results details[open] summary:before {
    transform: rotate(180deg);
}

#claimscalculator .section-content form:has(.results-wrapper) {
    padding: 0;
}

#claimscalculator .results {
    width: 100%;
    max-width: unset;
}

#claimscalculator .results-wrapper {
    border-top: 17px solid var( --progress-bar-color);
}

#claimscalculator .results h2 {
    text-align: left;
    color: #fff;
    background: #203260;
    padding: 15px 20px;
    max-width: unset;
}

#claimscalculator .results h2:not(:first-child) {
    margin-top: 60px;
}

#claimscalculator .results h2 + h3 {
    margin-top: 20px;
}

#calculatorQuestions:not(.results-wrapper) .h2 {
    margin: 2.5rem 0;
}

#calculatorQuestions table tr.subtotal {
    background: #203260;
}

#claimscalculator.active span.calc-header {
    margin: 50px 0;
    color: #fff;
    font-family: 'Mukta', sans-serif, Arial, Verdana, "Trebuchet MS";
    font-size: 36pt;
}

#claimscalculator .moving-forward {
    margin-top: 30px;
}

#claimscalculator .hp-advice-inner h2 {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

#claimscalculator h3 {
    margin-top: 40px;
}

#claimscalculator .calculator-disclaimer {
    color: #fff;
}
#claimscalculator .calculator-disclaimer a {
    color: #fff;
    border-bottom-color: #fff;
}


#claimscalculator .gd-row td:first-child span,
#claimscalculator datalist:not(:has(option.active)) option:first-child,
#claimscalculator datalist option.active:not(:has(~ option.active)) {
    font-weight: bold;
    color: #d2046f;
}


#claimscalculator .input-range-track {
    background: rgba(0,0,0,0.15);
}

#claimscalculator .calc-download-link {
    position: relative;
    margin-top: 20px;
    margin-right: 20px;
}

#claimscalculator .calc-download-link:after {
    content: "";
    display: block;
    background: url(/themes/workaccident/assets/new-assets/icon-arrow-down-green.svg) no-repeat;
    background-size: contain;
    background-position: center;
    width: 16px;
    height: 16px;
    margin-left: 10px;
    position: absolute;
    right: -20px;
    top: 3px;
}

#claimscalculator .calc-download-link:hover:after {
    background-image: url(/themes/workaccident/assets/new-assets/icon-arrow-down-purple.svg);
}


@media (max-width: 767px) {

    .top-calc-wrapper {
        padding: 30px 0;
    }

    .top-calc-wrapper li:before {
            background: url(/themes/workaccident/assets/new-assets/chevron-white.svg) no-repeat;
    }

    #claimscalculator.active span.calc-header {
        font-size: 24pt;
        line-height: 1.2em;
        margin: 30px 0;        
    }

    #claimscalculator .startagain {
        background-color: #4ea08e;
    }

    #claimscalculator .results details[open] summary {
        padding-bottom: 20px;
    }

    #claimscalculator .results details[open] summary:after {
        margin-top: 35px;
    }

}

@media (min-width: 768px) {

    .top-calc-wrapper > .container {
        padding: 80px 0 30px 0;
        background: no-repeat center right 83.75px;
        background-size: 100px;
        background-image: url(/themes/workaccident/assets/new-assets/icon-calc-white-lg.svg);
    }

    .top-calc-wrapper p {
        width: 50%;
    }

    #claimscalculator .section-content .section-aside {
        text-align: left;
    }

    #claimscalculator .hp-advice-inner-text {
        padding-right: 250px;
    }

    #claimscalculator .results-wrapper {
        padding: 60px;
    }

} */