/* Timeline and Gallery List */ /* v01 */

[id*="innerContent"] .va-timeline, 
[id*="innerContent"] ul.va-timeline,
[id*="innerContent"] .va-gallery, 
[id*="innerContent"] ul.va-gallery {
    list-style-image: none !important;
    list-style-position: inside !important;
    list-style-type: none !important;
    margin: 0 !important;
    padding: 1em 0 !important;
}

[id*="innerContent"] .va-timeline li, 
[id*="innerContent"] ul.va-timeline li,
[id*="innerContent"] .va-gallery li, 
[id*="innerContent"] ul.va-gallery li  {
    list-style-image: none !important;
    list-style-position: inside !important;
    list-style-type: none !important;
    margin: 0 !important;
    padding: 6px 0 !important;
}

/* Timeline */

[id*="innerContent"] .va-timeline--vertical, 
[id*="innerContent"] ul.va-timeline--vertical {
    background: linear-gradient(#ffffff, #ffffff) 0px 0px/37px 100% no-repeat,
                linear-gradient(#ffffff, #ffffff) 43px 0px/calc(100% - 43px) 100% no-repeat,
                linear-gradient(to bottom, transparent 0%, #dedede 1.5%, #dedede 96%, transparent 100%);
    padding: 0px 0px 0px 6px !important;
    box-sizing: border-box;
}

[id*="innerContent"] .va-timeline > li,
[id*="innerContent"] .va-timeline--vertical > li {
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

[id*="innerContent"] .va-timeline li h4 {
    align-self: flex-start;
    flex-basis: 8ch;
    width: 8ch;
    height: 8ch;
    border-radius: 50% 50%;
    margin-top: 0px;
    padding: 1ch 0 1ch 0;
    background-color: #fff;
    color: #1c305e;
    border: 4px solid #dedede;
    font-family: Source Sans Pro, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important;
    font-weight: 800;
    line-height: 5ch;
    font-size: 16px !important; 
    text-align: center;
    transition-property: background-color, border, color;
    transition-duration: 0.33s;
}

.va-timeline li p,
.va-timeline li ul {
    flex-basis: 76%; 
    flex-grow: 1; 
    margin: 0 !important; 
    padding: 1em !important;
    background-color: #fff;
    transition-property: background-color;
    transition-duration: 0.33s;
}

/*                                                    - Left Top/Width Height -            */
.va-timeline li ul {
    /* background: linear-gradient(#ffffff, #ffffff) 0px 0px/100% 26px no-repeat,
                linear-gradient(#ffffff, #ffffff) 0px 30px/44px calc(100% + 1px) no-repeat,
                linear-gradient(#ffffff, #ffffff) 48px 4px/calc(100% - 2px) calc(100% - 8px) no-repeat,
                linear-gradient(#ffffff, #ffffff) 60px 0px/calc(100% - 2px) 100% no-repeat,
                linear-gradient(to right, #dedede 4px, #ededed 20px); */
    background: linear-gradient(#ffffff, #ffffff) 0px 0px/100% 26px no-repeat,
                linear-gradient(#ffffff, #ffffff) 0px 30px/44px calc(100% + 1px) no-repeat,
                linear-gradient(#ffffff, #ffffff) 48px 4px/calc(100% - 2px) 100% no-repeat,
                linear-gradient(to right, #dedede 4px, #ededed 20px);
    margin: 8px 0px 8px 0px !important;
    padding: 0px 6px 0px 18px !important;
    box-sizing: border-box;
    transition-property: background;
    transition-duration: 0.33s;
}

[id*="innerContent"] .va-timeline li ul li {
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    margin: 0px 0px 8px 0px !important;
    padding: 0px 2px 4px 2px !important;
    background: none;
}

[id*="innerContent"] .va-timeline li ul li:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    /* Covers background "line" from the parent UL */
    background: linear-gradient(#ffffff, #ffffff) 0px 4px/100% calc(100% - 4px) no-repeat;
}

[id*="innerContent"] .va-timeline li h5 {
    align-self: flex-start;
    flex-basis: 6ch;
    width: 6ch;
    height: 6ch;
    margin-top: 0px;
    border-radius: 50% 50%;
    padding: 2ch 0 1ch 0;
    background-color: #fff;
    color: #1c305e;
    border: 4px solid #ededed;
    font-family: Source Sans Pro, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif !important;
    font-weight: 800;
    line-height: 1ch;
    font-size: 16px !important; 
    text-align: center;
    transition-property: background-color, border, color;
    transition-duration: 0.33s;
}
[id*="innerContent"] .va-timeline li p {
    flex-basis: 75%;
    margin-top: 0px !important;
    padding-top: 0px !important;
}

[id*="innerContent"] .va-timeline li:first-child p:first-child {
    margin-top: 0px !important;
    padding-top: 0px !important;
}

[id*="innerContent"] .va-timeline li:focus h4, [id*="innerContent"] .va-timeline li:hover h4,
[id*="innerContent"] .va-timeline li:focus h5, [id*="innerContent"] .va-timeline li:hover h5 {
    background-color: #004795;
    border: 4px solid #3d89da;
    box-shadow: 0px 2px 6px rgba(120, 120, 252, 0.5);
    color: #fff;
}
[id*="innerContent"] .va-timeline li:focus h5, [id*="innerContent"] .va-timeline li:hover h5 {
    box-shadow: none;
}
/* .va-timeline li:focus p, .va-timeline li:hover p {
    background-color: #f3f3f3;
} */

.va-timeline li:focus ul, .va-timeline li:hover ul {
    background: linear-gradient(#ffffff, #ffffff) 0px 0px/100% 26px no-repeat,
                linear-gradient(#ffffff, #ffffff) 0px 30px/44px calc(100% + 1px) no-repeat,
                linear-gradient(#ffffff, #ffffff) 48px 4px/calc(100% - 2px) 100% no-repeat,
                linear-gradient(to right, #3d89da, #3d89da);
}

.va-timeline li.milestone h4, .va-timeline li.milestone h5 {
    border-radius: 12px !important;
    /* background-color: #1c305e;
    color: #fff; */
    background-color: #dedede;
    color: #1c305e;
}
.va-timeline li.milestone p {
    font-weight: bold !important;
}

[id*="innerContent"] .va-timeline .fa { 
    padding-left: 0px !important;
    line-height: 0 !important; 
    font-size: 0.9em !important; 
}




/* Gallery list */

[id*="innerContent"] ul.va-gallery li {
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    margin-left: 1em !important;
}

[id*="innerContent"] ul.va-gallery li h4 {flex-basis: 100%}

[id*="innerContent"] ul.va-gallery li p {flex-basis: 100%; margin: 0 !important; padding: 0 !important; }

[id*="innerContent"] ul.va-gallery li p img { float: left; max-width: 33% !important; height: auto !important; margin: 0 2ch 0.5ch 0; }

.va-timeline a[href^="#"], .va-gallery a[href^="#"] {
    /*display: inline-block !important;*/
    font-weight: bold; 
    text-decoration: none !important; 
}
.va-timeline a[href^="#"]:hover, 
.va-timeline a[href^="#"]:focus, 
.va-gallery a[href^="#"]:hover, 
.va-gallery a[href^="#"]:focus {
    font-weight: bold;
    text-decoration: underline !important; 
}

@media print {


    *:not(.print) { display: none; }


}