/* ------------------------------------------------------------ *\
	Btn
\* ------------------------------------------------------------ */

.decision-tree .btn--white { padding: 41px 10px; width: 370px; height: auto; box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.18); color: #4F758B; font-size: 32px; font-weight: 500; border-radius: 8px; transition: background-color .3s ease, color .3s ease; }

.decision-tree .btn--white:hover { background-color: #00A9E0; color: #fff; }

.decision-tree .btn--white-small { width: 250px; font-size: 23px; }

.decision-tree .btn--white.used { background-color: #00A9E0; color: #fff; }

/* Mobile */

@media(max-width: 767px){
	.decision-tree .btn--white { padding: 14px 10px; font-size: 24px; width: 48%; }
	.decision-tree .btn--white-small { width: auto; font-size: 24px; width: 100%; flex: 0 0 100%; max-width: 100%; }
}

/* ------------------------------------------------------------ *\
	Section List Items
\* ------------------------------------------------------------ */

.decision-tree .section--list-items {}
.decision-tree .section--list-items h1 { margin: 0 0 8px; letter-spacing: -.008em; }
.decision-tree .section--list-items .heading p { font-size: 20px; line-height: 1.4; font-weight: 300; letter-spacing: .01em; }
.decision-tree .section--list-items .section__body { padding: 59px 0 100px; min-height: 854px; }

/* Mobile */

@media(max-width: 767px){
	.decision-tree .section--list-items .heading { padding: 45px 0 30px; }
	.decision-tree .section--list-items h1 { margin: 0 0 5px; letter-spacing: .025em; }
	.decision-tree .section--list-items .heading p { font-size: 18px; line-height: 1.56; letter-spacing: .0em; }
	.decision-tree .section--list-items .section__body { padding: 45px 0 100px; min-height: 750px; }
}

/* ------------------------------------------------------------ *\
	Accordion Questions
\* ------------------------------------------------------------ */

.decision-tree .accordion-questions { max-width: 1030px; margin: 0 auto; }
.decision-tree .accordion-questions h2 { margin: 0 0 20px; text-align: center; color: #4F758B; font-size: 36px; line-height: 1.17; letter-spacing: -.008em; }
.decision-tree .accordion-questions h2 small { position: relative; display: inline-block; top: -10px; font-size: 20px; }
.decision-tree .accordion-questions .has-tooltip { border-bottom: 1px dashed #C7C9C7; }

.decision-tree .accordion-questions .tooltip { bottom: 100%; left: 0; font-size: 13px; line-height: 1.23; color: #4A4A4A; text-align: left; }
.decision-tree .accordion-questions .tooltip:before { content: ''; width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 10px; border-color: transparent transparent transparent #dce3e8; position: absolute; left: 50%; top: 100%; z-index: 97; transform: translateX(-50%) rotate(90deg); }
.decision-tree .accordion-questions .tooltip:after { content: ''; width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 8px; border-color: transparent transparent transparent #fff; position: absolute; left: 50%; top: 100%; z-index: 98; transform: translateX(-50%) rotate(90deg); }

.decision-tree .accordion-questions h3 { margin: 0; font-size: 18px; color: #4F758B; }
.decision-tree .accordion-questions .accordion__head { position: relative; padding: 7px 56px 10px 56px; cursor: pointer; background-color: #F2FAFF; border: 1px solid #DAE1E6; }

.decision-tree .accordion-questions .accordion__head .arrow { display: inline-block; position: absolute; width: 14px; height: 16px; left: 32px; top: 15px; transition: transform .3s ease; margin-left: -6px; transform: rotate(-90deg); }
.decision-tree .accordion-questions .accordion__head .arrow img { width: 14px; height: 16px; }

.decision-tree .accordion-questions .accordion__head .question { display: inline-block; width: 75%; position: relative; top: 4px; white-space: nowrap; overflow: hidden !important; text-overflow: ellipsis; opacity: 1; transition: opacity .3s ease; font-weight: normal; }
.decision-tree .accordion-questions .accordion__head .question small { position: relative; top: -.25em; }
.decision-tree .accordion-questions .accordion__head .question .tooltip { display: none !important; }
.decision-tree .accordion-questions .accordion__head .accordion__number { display: inline-block; margin: 0 13px 0 0; color: #C8102E; font-size: 16px; text-transform: uppercase; letter-spacing: .15em; }
.decision-tree .accordion-questions .accordion__head .accordion__number span { display: inline; }
.decision-tree .accordion-questions .accordion__body { padding: 71px 70px 59px; background-color: #fff; border: 1px solid #DAE1E6; border-top: 0; }
.decision-tree .accordion-questions .accordion__answers { display: flex; padding: 74px 0 0; margin: 0 0 40px; justify-content: center; }

.decision-tree .accordion-questions .accordion__answers .btn ~ .btn { margin: 0 0 0 60px; }
.decision-tree .accordion-questions .accordion__answers .btn--white-small ~ .btn--white-small { margin: 0 0 0 26px; }

.decision-tree .accordion-questions .accordion__entry { padding: 31px 28px 14px; background-color: #F2FAFF; border: 1px solid #DAE1E6; color: #333333; font-size: 16px; letter-spacing: .007em; line-height: 1.38; }

.decision-tree .accordion-questions .accordion__entry p { margin: 0 0 14px; }
.decision-tree .accordion-questions .accordion__entry p ~ p { padding-top: 14px; border-top: 1px solid #9EA2A2; }

.decision-tree .accordion-questions .accordion__links { padding: 12px 0 0; text-align: center; font-size: 17px; font-family: 'futura-pt', sans-serif; }
.decision-tree .accordion-questions .accordion__links a { text-decoration: underline; color: #666; transition: color .3s; }
.decision-tree .accordion-questions .accordion__links a:hover { color: #00A9E0; }


.decision-tree .accordion-questions .accordion__actions { padding: 71px 0 38px; text-align: center; }
.decision-tree .accordion-questions .accordion__actions { height: auto; padding: 5px 35px; font-size: 20px; }

.decision-tree .accordion-questions .accordion__form {}
.decision-tree .accordion-questions .accordion__form .sfmc-form-wrapper { margin: 0 auto; }
.decision-tree .accordion-questions .sfmc-form-header h3 { color: #fff; }

.decision-tree .accordion-questions .accordion__info { max-width: 90%; margin: 0 auto; padding: 61px 0 38px; font-size: 16px; color: #333; text-align: center; line-height: 1.38; }
.decision-tree .accordion-questions .accordion__info a { color: #0099CC; text-decoration: underline; }


.decision-tree .accordion-questions .accordion__section {}

.decision-tree .accordion-questions .accordion__section .accordion__head { transition: background-color .3s; cursor: default; }
.decision-tree .accordion-questions .accordion__section:not(.accordion__section--current) .accordion__head { transition: background-color .3s; cursor: pointer; }
.decision-tree .accordion-questions .accordion__section:not(.accordion__section--current) .accordion__head:hover { background-color: #E0F3FF; color: #fff; }

.decision-tree .accordion-questions .accordion__section .accordion__inner { transition: opacity .3s ease; }

.decision-tree .accordion-questions .accordion__section--current .accordion__head .question { opacity: 0; }
.decision-tree .accordion-questions .accordion__section--current .arrow { top: 13px; transform: rotate(0deg); }

.decision-tree .accordion-questions .accordion__section--fade .accordion__inner { opacity: 0; }
.decision-tree .accordion-questions .accordion__section--fade.accordion__section--current .accordion__inner { opacity: 1; }

.accordion__section:first-child .go-back { display: none; }

/* Tablet Portrait */

@media(max-width: 1023px){
	.decision-tree .accordion-questions .accordion__answers .btn ~ .btn { margin: 0 0 0 20px; }
	.decision-tree .accordion-questions .accordion__answers .btn--white-small ~ .btn--white-small { margin: 0 0 0 15px; }
}

/* Mobile */

@media(max-width: 767px){
	.decision-tree .accordion-questions h2 { margin: 0 0 20px; font-size: 24px; line-height: 1.1; letter-spacing: -.008em; }

	.decision-tree .accordion-questions .accordion__head { padding: 7px 45px 10px; cursor: pointer; background-color: #F2FAFF; border: 1px solid #DAE1E6; }
	.decision-tree .accordion-questions .accordion__head .arrow { left: 20px; top: 10px; }
	.decision-tree .accordion-questions .accordion__head .accordion__number { display: inline-block; margin: 0 9px 0 0; color: #C8102E; font-size: 16px; text-transform: uppercase; letter-spacing: -.04em; }
	.decision-tree .accordion-questions .accordion__head .accordion__number span { display: none; }

	.decision-tree .accordion-questions .accordion__body { padding: 45px 20px 38px; background-color: #fff; border: 1px solid #DAE1E6; border-top: 0; }

	.decision-tree .accordion-questions .accordion__entry { padding: 15px 15px 5px; }

	.decision-tree .accordion-questions .accordion__answers .btn ~ .btn { margin: 0; }
	.decision-tree .accordion-questions .accordion__answers .btn--white-small ~ .btn--white-small { margin: 10px 0 0; }

	.decision-tree .accordion-questions .accordion__answers { padding: 57px 0 0; margin: 0 0 30px; justify-content: space-between; flex-wrap: wrap; text-align: center; }

	.decision-tree .accordion-questions .accordion__form .sfmc-form-wrapper { position: relative; margin: 0 -10px; max-width: none; }

	.decision-tree .accordion-questions .accordion__info { max-width: 100%; padding: 30px 0 18px; font-size: 14px; }

	.decision-tree .accordion-questions .accordion__section--current .arrow { top: 16px; left: 24px; }
}

/* Overwrites */
.accordion__section.answered { position: relative; }
.accordion__section.answered:not(.accordion__section--current):first-child::after { content: 'Start Over'; position: absolute; top: 12px; right: 16px; font-size: 14px; color: #02A9E0; text-decoration: underline; pointer-events: none; }
