.hero-subtitle{ width: 80%; } .hero-energy-lines { width: 70%; right: -10; bottom: -15; } @media (max-width: 575.98px) { .hero-energy-lines { background-size: 200% auto; width: 100%; } } .color-square { width: 0.9rem;; height: 0.9rem; } .inv-type-title { font-size: 0.95rem; font-weight: 400; } .percent-title { font-size: 0.9rem; font-weight: 400; } .allocation-sun, .allocation-sky, .allocation-seaweed { position: relative; width: 100%; min-height: 1px; -webkit-box-flex: 0; } .allocation-sun { flex: 0 0 10%; max-width: 10%; } .allocation-sky { flex: 0 0 47%; max-width: 47%; } .allocation-seaweed { flex: 0 0 43%; max-width: 43%; } .link-text { color: #006ac3; } .quiz-wrapper { background-color: #f2f3f3; min-height: 375px; } .mt-quarter { margin-top: .25rem; } .progressbar-wrapper .bar-container .bar-fill { background-color: #006ac3; } .b-btn-disabled.button.disabled, .b-btn-disabled.button[disabled], .b-btn-disabled.button[disabled]:active, .b-btn-disabled.button[disabled]:focus, .b-btn-disabled.button[disabled]:hover { color: white; border-color: #6F6F6F; background-color: #6F6F6F; } .back-btn > .icon-wrapper > i.fa-chevron-left { font-size: .6em; vertical-align: middle; margin-right: 0; } .back-btn { border-color: transparent !important; background-color: transparent !important; } .btn-round { border-radius: 0.25em; } .insights-card { position: relative; width: 100%; min-height: 1px; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; } .insights-card > .card { height: 100%; } .insights-card > .card > .card-wrapper > .card-body { padding: 0; } @media (min-width: 992px) { .insights-card { position: relative; width: 100%; min-height: 1px; -ms-flex: 1 1 30%; flex: 1 1 30%; max-width: 45%; } } .quiz-text-option input[type=radio]+label:before { position: relative; top: 0; margin-left: 1rem; margin-right: 1rem; } .quiz-text-option input[type=radio]+label { display: flex; justify-content: flex-start; align-items: center; position: relative; width: 100%; margin: 0; padding: 0; min-height: 3rem; } .quiz-text-option input[type=radio]+label:after { transform: translateY(-50%) } .quiz-text-option input[type=radio]:active+label:not(.disabled):after, .quiz-text-option input[type=radio]:focus+label:not(.disabled):after { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }