/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Oct 20 2022 | 13:35:16 */
.grid-x {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
ul#example-tabs {
 position: sticky; position: -webkit-sticky; top: 150px;  
    
}
.grid-x>.medium-3 {
    width: 25%;
}
.grid-x>.medium-9 {
    width: 75%; padding-left: 50px;
}
.tabs {
    margin: 0;
    border: 0px solid #e6e6e6;
    background: #fefefe;
    list-style-type: none;
}
.tabs::after, .tabs::before {
    display: table;
    content: ' ';
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}

.tabs.horizontal {
    display: flex;
}
.tabs-title>a {
    display: block;
    padding: 1.25rem 1.5rem;
    font-size: .75rem;
    line-height: 1;
    color: #1779ba;
}
.tabs-title>a:focus, .tabs-title>a[aria-selected=true] {
    background: #e6e6e6;
    color: #1779ba;
}
.tabs.vertical>li {
    display: block;
    float: none;
    width: auto;
}
.tabs-content.vertical {
    border-left: 0;
}
.tabs-content {
    border-top: 1px solid #e6e6e6;
    border-top: 0;
    background: #fefefe;
    color: #0a0a0a;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.tabs-panel.is-active {
    display: block;
}
.tabs-panel {
    display: none;
}


.vertical.wcc-priority-tabs > li a span.chapter-label { font-size:22px; font-weight: bold; }
.vertical.wcc-priority-tabs > li.is-active a span.chapter-label, 
.vertical.wcc-priority-tabs > li.is-active a span.chapter-title,
.vertical.wcc-priority-tabs > li:hover a span.chapter-label, 
.vertical.wcc-priority-tabs > li:hover a span.chapter-title { color: #3eb049; text-decoration:none; }

.vertical.wcc-priority-tabs > li:hover a { text-decoration: none; }

.vertical.wcc-priority-tabs > li a span.chapter-label {
    text-transform: uppercase;
    font-size: 0.8rem;
    letter-spacing: 1px;
    color: #47c2c7;
    margin-bottom: 0.2rem; font-weight: bold;
}
.vertical.wcc-priority-tabs > li a span.chapter-title {
    font-size: 22px;
    color: #3b73ba;
}
.vertical.wcc-priority-tabs > li {
    margin-bottom: 1.6rem;
    border-left: 4px solid transparent;
    margin-left: -4px;
}
.vertical.wcc-priority-tabs > li.is-active {
    border-left-color: #3eb049;
}
.vertical.wcc-priority-tabs { padding: 0; }
.vertical.wcc-priority-tabs > li a span {
    display: block;
    line-height: 1.2;
}
.vertical.wcc-priority-tabs li a {
    display: block;
    font-weight: bold; padding: 0;
    padding-left: 1em;
}
.vertical.wcc-priority-tabs .tabs-title>a:focus, .vertical.wcc-priority-tabs .tabs-title>a[aria-selected=true] { background: transparent; }

.cell.medium-9 {  }
.cell.medium-9 .chapter-content .plan-label {
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 0.9rem;
    line-height: 1;
    letter-spacing: 1px;
    color: #47c2c7;
}
.cell.medium-9 .chapter-content .plan-title {
    margin-bottom: 1.5rem;     font-weight: bold;
    color: #263378; 
}
.cell.medium-9 .wcc-priority-tabs, .cell.medium-9 .wcc-measure-tabs {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    display: flex;
    border-bottom: 1px solid #DDD;
}
.cell.medium-9 .wcc-priority-tabs li.active, .cell.medium-9 .wcc-measure-tabs li.active {
    border-color: #DDD;
    border-bottom-color: white;
}
.cell.medium-9 .wcc-priority-tabs li, .cell.medium-9 .wcc-measure-tabs li {
    flex-flow: row wrap;
    justify-content: flex-start;
    border: 1px solid transparent;
    border-bottom-color: #DDD;
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: -1px;
}

.cell.medium-9 .wcc-priority-tabs li.is-active, .cell.medium-9 .wcc-measure-tabs li.is-active {
    border-color: #DDD;
    border-bottom-color: white;
}
.cell.medium-9 .tabs-title>a:focus, .cell.medium-9 .tabs-title>a[aria-selected=true] { background-color: transparent; }

.cell.medium-9 .wcc-priority-tabs li .tab-link, .cell.medium-9 .wcc-measure-tabs li .tab-link {
    display: block;
    padding: 12px 20px;
    font-weight: bold; color: #3b73ba;     text-decoration: none;
    cursor: pointer;     background-color: transparent; font-weight: bold; text-align: center; white-space: nowrap;
}


.horizontal.wcc-priority-tabs li.is-active .tab-link, .horizontal.wcc-priority-tabs li:hover .tab-link { color: #3eb049; }
.tabs-panel .tabs.horizontal { padding-top: 10px; margin-bottom: 50px; }
.tabs-content .priority-title, #introduction h3 { font-weight: bold; font-size: 1.65rem; margin-bottom: 1em; color: #263378; line-height: 1.4; margin-top: 0; }
.strategies {
    padding: 35px;
    margin: 20px 0;
    background: #f7f8f9; position: relative;
}
.strategies h5 { font-weight: bold;
    color: #263378;     font-size: 1.25rem;     line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0.5rem; }
.strategies .strategy-link { position: absolute;
    top: 27px;
    right: 20px;
    display: block;
    color: #47c2c7;
    opacity: 0.5;
    font-size: 20px; }
.tabs-content p { max-width: 100%; }
.tabs-content p, .tabs-content li {
    color: #555555; font-size: 16px; line-height: 30px;
}
.tabs-content li { margin-top: 0 !important; }
.chapter-priorities { background: #dbf6f7;
    padding: 3rem 3rem 2rem;
    margin-bottom: 0; }
.chapter-priorities .chapter-priorities-title {
    font-size: 0.9rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 1rem; font-weight: bold;
    color: #263378;
}
.chapter-priorities .priorities-list {
    margin-left: 0; padding: 0;
    list-style-type: none;
}
.chapter-priorities .priorities-list .priorities-list-item {
    list-style: none;
    margin-bottom: 0.75rem;
}
.chapter-priorities .priorities-list a {
    line-height: inherit;
    color: #1779ba;
    text-decoration: none;
    cursor: pointer;
}
.overview-content .overview-content-wrapper {
    padding: 3em;
    background-color: #F8F8F8;
}
.overview-content .overview-content-wrapper h2 {
    font-size: 1.5rem; font-weight: bold;
    color: #263378; line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0.5rem;
}
.chapter-overview-title {
    margin-bottom: 1em;
    font-weight: bold;
    color: #263378;
        font-size: 1.65rem; line-height: 1.4;
    margin-top: 0;
}
.overview-content-wrapper .text_green { font-size: 1.5rem; font-weight: bold;
    color: #263378;     line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0.5rem; }


@media (max-width: 1400px){
    .tabs.horizontal.wcc-priority-tabs { max-width: 100%; overflow-x: auto; }

}
@media screen and (max-width: 767px){ 
    .grid-x>.medium-3, .grid-x>.medium-9 { width: 100%; }
    .grid-x>.medium-9 { padding-left: 10px; }
    .grid-x { flex-direction: column; }
    .grid-x>.medium-3 { margin-bottom: 30px; }
    .vertical.wcc-priority-tabs > li a span.chapter-title { font-size: 20px; }
    .cell.medium-9 .chapter-content .plan-title { font-size: 24px; line-height: 34px; }
    .tabs-content .priority-title, #introduction h3 { font-size: 18px; line-height: 28px; }
    .strategies h5 { font-size: 16px; line-height: 26px; }
    .tabs-content p, .tabs-content li { font-size: 15px; }
}
