@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Great+Vibes|Merienda|Gentium+Book+Basic|Nunito|Alegreya|Domine|Merriweather|Oswald");

/*! ---------- =reset ---------- */

* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    box-sizing: border-box;
}

ul {
    list-style: disc;
}

blockquote, q {
    quotes: none;
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none;
    }

img, picture {
    -ms-interpolation-mode: bicubic;
    display: block;
    max-width: 100%;
    margin: 0 auto;
}

.rbtlResType {
    border: 2px solid black;
   
}

.rbtlResType tbody {
    display: block !important;
    padding: 5px !important;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block;
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

[hidden], template {
    display: none;
}

a:active, a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b, strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    margin: 24px 0;
    border-bottom: 2px solid #aaa;
    clear: both;
}

pre {
    overflow: auto;
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
}

button {
    overflow: visible;
}

button, select {
    text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

    button[disabled], html input[disabled] {
        cursor: default;
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
    }

input {
    line-height: normal;
}

    input[type="checkbox"], input[type="radio"] {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
        height: auto;
    }

    input[type="search"] {
        -webkit-appearance: textfield;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

        input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*! ---------- =typography ---------- */

body {
    font: 16px/24px "Open Sans", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #444444;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

.alternate-typeface,
.note,
.pull-quote__attribution,
.item-list__date,
.sfcommentDate {
    font-family: Georgia, serif;
    font-weight: 400;
    font-style: italic;
}

p, ol, ul, h1, h2, h3, h4, h5, h6 {
    margin-bottom: 24px;
}

p, ol, ul {
    orphans: 2;
    widows: 2;
}

    p:last-child, ol:last-child, ul:last-child {
        margin-bottom: 0;
    }

ol, ul {
    margin: 10px;
    margin-left: 2em !important;
}

h1, h2, h3, h4, h5, h6 {
    text-rendering: optimizeLegibility;
    color: #004568;
    font-weight: 400;
}

    h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
        display: inline-block;
        vertical-align: middle;
    }

h5, h6 {
    font-weight: 700;
}

h1 {
    font-size: 40px;
    line-height: 48px;
}

@media (max-width: 767px) {
    h1 {
        font-size: 32px;
    }
}

h2 {
    font-size: 32px;
    line-height: 36px;
}

h3 {
    font-size: 26px;
    line-height: 36px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 17px;
}

/*! ---------- =common =components ---------- */

body {
    background-color: #fff;
}

a {
    text-decoration: none;
    color: #004568;
    font-weight: 700;
}

    a:hover, a:focus {
        color: #00a69d;
    }

a, button {
    -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out, border 0.15s ease-out, opacity 0.15s ease-out, -webkit-box-shadow 0.15s ease-out;
    transition: color 0.15s ease-out, background-color 0.15s ease-out, border 0.15s ease-out, opacity 0.15s ease-out, -webkit-box-shadow 0.15s ease-out;
    -o-transition: color 0.15s ease-out, background-color 0.15s ease-out, border 0.15s ease-out, box-shadow 0.15s ease-out, opacity 0.15s ease-out;
    transition: color 0.15s ease-out, background-color 0.15s ease-out, border 0.15s ease-out, box-shadow 0.15s ease-out, opacity 0.15s ease-out;
    transition: color 0.15s ease-out, background-color 0.15s ease-out, border 0.15s ease-out, box-shadow 0.15s ease-out, opacity 0.15s ease-out, -webkit-box-shadow 0.15s ease-out;
}

.align-left {
    text-align: left;
}

.align-center {
    text-align: center;
}

.align-right {
    text-align: right;
}

.margin {
    margin-bottom: 24px;
}

.margin-large {
    margin-bottom: 48px;
}

.margin-small {
    margin-bottom: 12px;
}

.margin-top {
    margin-top: 24px;
}

.margin-top-large {
    margin-top: 48px;
}

.margin-top-small {
    margin-top: 12px;
}

.more {
    display: inline-block;
    font-weight: 700;
    color: #E54040;
    border: thin solid antiquewhite;
    padding: 6px;
    border-radius: 30px;
    /* background-color: antiquewhite; */
}

    .more .fa:last-child {
        margin-left: 0.3em;
        font-size: 1.1em;
    }

    .more .fa-chevron-right,
    .more .fa-chevron-circle-right {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        -webkit-transition: all 0.15s ease-out;
        -o-transition: all 0.15s ease-out;
        transition: all 0.15s ease-out;
    }

    .more:hover, .more:focus {
        color: #004568;
        background-color: rgba(242,169,0,.05);
    }

        .more:hover .fa-chevron-right,
        .more:hover .fa-chevron-circle-right, .more:focus .fa-chevron-right,
        .more:focus .fa-chevron-circle-right {
            -webkit-transform: translateX(4px);
            -ms-transform: translateX(4px);
            transform: translateX(4px);
        }

.img-left, .img-right {
    display: block;
    max-width: 40%;
    margin: 0 0 12px;
    height: auto;
}

    .img-left img, .img-right img {
        display: block;
    }

.img-left {
    float: left;
    margin-right: 12px;
}

.img-right {
    float: right;
    margin-left: 12px;
}

.note {
    opacity: 0.8;
}

pre + .note, input + .note, textarea + .note {
    margin-top: -12px;
}

.highlight {
    color: #00a69d;
}

.warn {
    color: #d43725;
}

figure {
    display: block;
    margin-bottom: 24px;
    border: 1px solid #f8f8f8;
    padding: 6px;
}

figcaption {
    display: block;
    padding: 6px 0;
    font-size: 13px;
    opacity: 0.8;
}

.arrow {
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    margin-left: 0.75em;
    margin-right: 0.5em;
    margin-top: -0.2em;
    line-height: 1em;
    border: 0.5em solid transparent;
    border-left-color: #004568;
    border-right-width: 0;
    -webkit-transform: scaleX(1.5);
    -ms-transform: scaleX(1.5);
    transform: scaleX(1.5);
}

.arrow--highlight {
    border-left-color: #00a69d;
}

.arrow--action {
    border-left-color: #f95639;
}

.arrow--warn {
    border-left-color: #d43725;
}

.arrow--inverse {
    border-left-color: #fff;
}

.arrow--down, .accordion__label.is-active .arrow {
    -webkit-transform: rotate(90deg) scaleX(1.5);
    -ms-transform: rotate(90deg) scaleX(1.5);
    transform: rotate(90deg) scaleX(1.5);
}

.arrow--up {
    -webkit-transform: rotate(-90deg) scaleX(1.5);
    -ms-transform: rotate(-90deg) scaleX(1.5);
    transform: rotate(-90deg) scaleX(1.5);
}

.arrow--left {
    -webkit-transform: scaleX(-1.5);
    -ms-transform: scaleX(-1.5);
    transform: scaleX(-1.5);
}

.button,
.sfcommentsSubmitBtn, .comments-form button,
.sfAddToCartBtn,
.sfApplyCouponBtn,
.sfcheckoutContinueBtn,
.login-form input[type="submit"] {
    display: inline-block;
    vertical-align: middle;
    padding: 12px 36px;
    border: 2px solid #004568;
    border-radius: 3px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #004568;
    background: #fff;
    -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out, -webkit-box-shadow 0.15s ease-out;
    transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out, -webkit-box-shadow 0.15s ease-out;
    -o-transition: color 0.15s ease-out, background-color 0.15s ease-out, box-shadow 0.15s ease-out, border-color 0.15s ease-out;
    transition: color 0.15s ease-out, background-color 0.15s ease-out, box-shadow 0.15s ease-out, border-color 0.15s ease-out;
    transition: color 0.15s ease-out, background-color 0.15s ease-out, box-shadow 0.15s ease-out, border-color 0.15s ease-out, -webkit-box-shadow 0.15s ease-out;
}

    .button:hover,
    .button:focus,
    .sfcommentsSubmitBtn:hover,
    .sfcommentsSubmitBtn:focus,
    .sfAddToCartBtn:hover,
    .sfAddToCartBtn:focus,
    .sfApplyCouponBtn:hover,
    .sfApplyCouponBtn:focus,
    .comments-form button:hover {
        color: #fff;
        background-color: #004568;
    }

    .button:active,
    .sfcommentsSubmitBtn:active,
    .sfApplyCouponBtn:active {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }

.button--large {
    display: block;
    width: auto;
    max-width: 100%;
}

    .button--large + .button--large {
        margin-left: 0;
        margin-top: 12px;
    }

.button--small,
.sfApplyCouponBtn {
    padding: 6px 24px;
    font-size: 14.5px;
}

.button--highlight {
    color: #0b5f5b;
    border-color: #00a69d;
}

    .button--highlight:hover, .button--highlight:focus {
        background: #00a69d;
    }

.button--action {
    color: #882817;
    border-color: #f95639;
}

    .button--action:hover, .button--action:focus {
        background: #f95639;
    }

.button--warn {
    color: #d43725;
    border-color: #d43725;
    border-radius: 20px;
}

    .button--warn:hover, .button--warn:focus {
        background: #d43725;
    }

.button--cancel {
    font-size: 14.5px;
    font-weight: 400;
    color: #65747C;
    border: 1px solid #e8efed;
}

    .button--cancel:hover, .button--cancel:focus {
        color: #004568;
        border-color: #004568;
        background: #f8f8f8;
    }

.button--cta,
.sfAddToCartBtn,
.sfcheckoutContinueBtn,
.login-form input[type="submit"] {
    padding: 18px 42px;
    border-width: 0;
    font-weight: 400;
    color: #fff !important;
    background-color: #00293e;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
}

    .button--cta.button--small,
    .sfAddToCartBtn,
    .login-form input[type="submit"] {
        padding: 9px 24px;
    }

        .button--cta:hover,
        .button--cta:focus,
        .sfAddToCartBtn:hover,
        .sfAddToCartBtn:focus,
        .sfcheckoutContinueBtn:hover,
        .sfcheckoutContinueBtn:focus,
        .login-form input[type="submit"]:hover,
        .login-form input[type="submit"]:focus {
            background-color: #004568;
            -webkit-box-shadow: inset 0 0 0 4px rgba(255, 255, 255, 0.3);
            box-shadow: inset 0 0 0 4px rgba(255, 255, 255, 0.3);
        }

    .button--cta.button--highlight {
        background-color: #00a69d;
    }

        .button--cta.button--highlight:hover, .button--cta.button--highlight:focus {
            background-color: #00c4ba;
        }

    .button--cta.button--action {
        background-color: #f95639;
    }

        .button--cta.button--action:hover, .button--cta.button--action:focus {
            background-color: #f95639;
        }

.button .fa {
    font-size: 1.1em;
}

    .button .fa:first-child {
        margin-right: 0.5em;
        margin-left: 0;
    }

    .button .fa:last-child {
        margin-left: 0.5em;
        margin-right: 0;
    }

.button .fa-chevron-right,
.button .fa-chevron-circle-right {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

.button:hover .fa-chevron-right,
.button:hover .fa-chevron-circle-right, .button:focus .fa-chevron-right,
.button:focus .fa-chevron-circle-right {
    -webkit-transform: translateX(2.5px);
    -ms-transform: translateX(2.5px);
    transform: translateX(2.5px);
}

.button.is-loading,
.sfAddToCartBtn.is-loading {
    color: transparent !important;
    background-image: url('/images/librariesprovider2/page-layout-images/ajax-loader.gif');
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.pull-quote {
    padding: 24px 0;
    margin: 24px 0;
    border: solid #0b5f5b;
    border-width: 2px 0;
    font-size: 17px;
    line-height: 36px;
    font-weight: 300;
}

.pull-quote__attribution {
    display: block;
    font-size: 14.5px;
    line-height: 24px;
    opacity: 0.8;
}

    .pull-quote__attribution::before {
        content: '– ';
    }

p + .pull-quote__attribution {
    margin-top: -18px;
}

@media (min-width: 470px) {
    .pull-quote--left, .pull-quote--right {
        max-width: 40%;
        margin-top: 0;
    }

    .pull-quote--left {
        float: left;
        margin-right: 24px;
        padding: 0 24px 0 0;
        border-width: 0 2px 0 0;
    }

    .pull-quote--right {
        float: right;
        margin-left: 24px;
    }
}

.content-box {
    padding: 24px;
    background: #e8efed;
    margin-bottom: 24px;
}

.content-box-redesign {
    padding: 0px;
}

.content-box:last-child {
    margin-bottom: 0;
}

.content-box::after {
    content: '';
    display: table;
    clear: both;
}

.content-box h1,
.content-box h2,
.content-box h3,
.content-box h4,
.content-box h5,
.content-box h6 {
    color: #004568;
}

.content-box h1,
.content-box h2,
.content-box h3,
.content-box h4 {
    font-weight: 300;
}

.content-box--highlight,
.content-box.highlight {
    border: 2px solid #00a69d;
    background: #fff;
}

    .content-box--highlight h1,
    .content-box.highlight h1,
    .content-box--highlight h2,
    .content-box.highlight h2,
    .content-box--highlight h3,
    .content-box.highlight h3,
    .content-box--highlight h4,
    .content-box.highlight h4,
    .content-box--highlight h5,
    .content-box.highlight h5,
    .content-box--highlight h6,
    .content-box.highlight h6 {
        color: #00a69d;
    }

.content-box--action,
.content-box.action {
    border: 2px solid #f95639;
    background: #fff;
}

    .content-box--action h1,
    .content-box.action h1,
    .content-box--action h2,
    .content-box.action h2,
    .content-box--action h3,
    .content-box.action h3,
    .content-box--action h4,
    .content-box.action h4,
    .content-box--action h5,
    .content-box.action h5,
    .content-box--action h6,
    .content-box.action h6 {
        color: #f95639;
    }

.content-box--inverse,
.content-box.inverse {
    background: #004568;
}

    .content-box--inverse.content-box--highlight,
    .content-box--inversehighlight {
        background: #53565A;
        border: none;
    }

    .content-box--inverse,
    .content-box.inverse,
    .content-box.inversehighlight,
    .content-box--inverse h1,
    .content-box.inverse h1,
    .content-box.inversehighlight h1,
    .content-box--inverse h2,
    .content-box.inverse h2,
    .content-box.inversehighlight h2,
    .content-box--inverse h3,
    .content-box.inverse h3,
    .content-box.inversehighlight h3,
    .content-box--inverse h4,
    .content-box.inverse h4,
    .content-box.inversehighlight h4,
    .content-box--inverse h5,
    .content-box.inverse h5,
    .content-box.inversehighlight h5,
    .content-box--inverse h6,
    .content-box.inverse h6,
    .content-box.inversehighlight h6,
    .content-box--inverse p,
    .content-box.inverse p,
    .content-box.inversehighlight p,
    .content-box--inverse li,
    .content-box.inverse li,
    .content-box.inversehighlight li,
    .content-box--inverse a,
    .content-box.inverse a,
    .content-box.inversehighlight a {
        color: #fff;
    }

        .content-box--inverse a:hover,
        .content-box.inverse a:hover,
        .content-box.inversehighlight a:hover,
        .content-box--inverse a:focus,
        .content-box.inverse a:focus,
        .content-box.inversehighlight a:focus {
            text-decoration: underline;
        }

        .content-box--inverse .more:hover,
        .content-box.inverse .more:hover,
        .content-box.inversehighlight .more:hover,
        .content-box--inverse .more:focus,
        .content-box.inverse .more:focus,
        .content-box.inversehighlight .more:focus {
            color: #fff;
            text-decoration: none;
        }

/* and re-overrides for plain white content boxes inside inverses */
.content-box--plain {
    background: #fff !important;
}

    .content-box--plain,
    .content-box--plain p,
    .content-box--plain li {
        color: #444444 !important;
    }

        .content-box--plain h1,
        .content-box--plain h2,
        .content-box--plain h3,
        .content-box--plain h4,
        .content-box--plain h5,
        .content-box--plain h6 {
            color: #004568 !important;
        }

        .content-box--plain a {
            color: #004568 !important;
        }

            .content-box--plain a:hover,
            .content-box--plain a:focus,
            .content-box--plain .more:hover,
            .content-box--plain .more:focus {
                text-decoration: none !important;
                color: #00a69d !important;
            }

        .content-box--plain .button,
        .content-box--plain .button:hover,
        .content-box--plain .button:focus {
            color: #fff !important;
        }

.quicklink {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 48px 24px;
    font-size: 14.5px;
    text-align: center;
    color: #fff;
    color: rgba(255, 255, 255, 0.9);
    background-color: #444;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    -webkit-transition: color 0.15s ease-out, -webkit-transform 0.15s ease-out, -webkit-box-shadow 0.15s ease-out;
    transition: color 0.15s ease-out, -webkit-transform 0.15s ease-out, -webkit-box-shadow 0.15s ease-out;
    -o-transition: color 0.15s ease-out, transform 0.15s ease-out, box-shadow 0.15s ease-out;
    transition: color 0.15s ease-out, transform 0.15s ease-out, box-shadow 0.15s ease-out;
    transition: color 0.15s ease-out, transform 0.15s ease-out, box-shadow 0.15s ease-out, -webkit-transform 0.15s ease-out, -webkit-box-shadow 0.15s ease-out;
}

    .quicklink__title,
    .quicklink div,
    .quicklink p {
        width: 100%;
    }

.quicklink__title {
    font-weight: 400;
    color: #fff;
    margin-bottom: 12px;
}

.quicklink:hover,
.quicklink:focus {
    color: #fff;
    -webkit-transform: translateY(-2px);
    -ms-transform: translateY(-2px);
    transform: translateY(-2px);
    -webkit-box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.2);
}

.quicklink:active {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.item-list {
    list-style: none;
    margin: 0 0 48px;
}

    .item-list:last-child {
        margin-bottom: 0;
    }

    .item-list + .button {
        margin-top: -24px;
    }

.item-list__item + .item-list__item {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 2px solid rgba(0, 0, 0, 0.1);
}

.item-list__content {
    overflow: hidden;
}

.item-list__title {
    font-size: 17px;
    line-height: 24px;
    font-weight: 700;
    margin: 0;
}

.item-list__date {
    opacity: 0.7;
    margin: 0 0 6px;
}

.item-list__description {
    opacity: 0.85;
    margin: 6px 0 0;
}

    .item-list__description p {
        margin-bottom: 12px;
    }

        .item-list__description p:last-child {
            margin-bottom: 0;
        }

.item-list__thumbnail {
    max-width: 33%;
    float: left;
    margin-right: 24px;
}

    .item-list__thumbnail ~ .item-list__title,
    .item-list__thumbnail ~ .item-list__date,
    .item-list__thumbnail ~ .item-list__description {
        overflow: hidden;
    }

.item-list__icon {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0.4em 0 0;
    max-height: 24px;
}

.item-list--compact .item-list__item + .item-list__item {
    margin-top: 12px;
    padding-top: 12px;
    border-top-width: 1px;
}

.item-list--compact .item-list__title {
    font-size: 15px;
    font-weight: 400;
}

.toggle-indicator {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    position: relative;
}

    .toggle-indicator:first-child {
        margin-right: 12px;
    }

    .toggle-indicator:last-child {
        margin-left: 12px;
    }

.toggle-indicator__piece {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -2px;
    -webkit-transition: opacity 0.2s ease-out 0.4s, margin 0.2s ease-out 0.4s, -webkit-transform 0.25s ease-out;
    transition: opacity 0.2s ease-out 0.4s, margin 0.2s ease-out 0.4s, -webkit-transform 0.25s ease-out;
    -o-transition: opacity 0.2s ease-out 0.4s, margin 0.2s ease-out 0.4s, transform 0.25s ease-out;
    transition: opacity 0.2s ease-out 0.4s, margin 0.2s ease-out 0.4s, transform 0.25s ease-out;
    transition: opacity 0.2s ease-out 0.4s, margin 0.2s ease-out 0.4s, transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
}

    .toggle-indicator__piece::before {
        content: '';
        display: block;
        width: 24px;
        height: 4px;
        background: #004568;
        -webkit-transition: background 0.2s ease-out;
        -o-transition: background 0.2s ease-out;
        transition: background 0.2s ease-out;
    }

.toggle-indicator__piece--1 {
    margin-top: -8px;
}

.toggle-indicator__piece--3 {
    margin-top: 4px;
}

.is-active .toggle-indicator__piece {
    -webkit-transition: opacity 0.2s ease-out, margin 0.2s ease-out, -webkit-transform 0.25s ease-out 0.3s;
    transition: opacity 0.2s ease-out, margin 0.2s ease-out, -webkit-transform 0.25s ease-out 0.3s;
    -o-transition: opacity 0.2s ease-out, margin 0.2s ease-out, transform 0.25s ease-out 0.3s;
    transition: opacity 0.2s ease-out, margin 0.2s ease-out, transform 0.25s ease-out 0.3s;
    transition: opacity 0.2s ease-out, margin 0.2s ease-out, transform 0.25s ease-out 0.3s, -webkit-transform 0.25s ease-out 0.3s;
}

    .is-active .toggle-indicator__piece::before {
        background: #00a69d;
    }

.is-active .toggle-indicator__piece--2 {
    opacity: 0;
}

.is-active .toggle-indicator__piece--1,
.is-active .toggle-indicator__piece--3 {
    margin-top: -2px;
}

.is-active .toggle-indicator__piece--1 {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.is-active .toggle-indicator__piece--3 {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.js .toggle-target:not(.is-active) {
    display: none;
}

.group:after, .item-list__item:after, .side-label:after, .page-header:after, .page-footer .page-bounds:after,
.home-feature .page-bounds:after, .interior-layout:after {
    content: "";
    display: table;
    clear: both;
}

/*! ---------- =grids ---------- */

/* !importants in the section added for sitefinity grid overrides */
.grid {
    display: block;
    width: auto !important;
    padding: 0 !important;
    margin-right: -24px !important;
    letter-spacing: -0.31em !important;
    text-rendering: optimizespeed !important;
    text-align: center !important;
}

.grid--compact {
    margin-right: -12px !important;
}

.grid__unit {
    display: inline-block;
    width: 100% !important;
    padding: 0 24px 24px 0 !important;
    margin: 0 !important;
    vertical-align: top !important;
    letter-spacing: normal !important;
    text-rendering: auto !important;
    text-align: left !important;
}

.grid--compact > .grid__unit {
    padding: 0 12px 12px 0 !important;
}

.grid__unit--1-2 {
    width: 50% !important;
}

.grid__unit--1-3 {
    width: 33.33% !important;
}

.grid__unit--2-3 {
    width: 66.66% !important;
}

.grid__unit--1-4 {
    width: 25% !important;
}

.grid__unit--3-4 {
    width: 75% !important;
}

.grid__unit--1-5 {
    width: 20% !important;
}

.grid__unit--2-5 {
    width: 40% !important;
}

.grid__unit--3-5 {
    width: 60% !important;
}

.grid__unit--4-5 {
    width: 80% !important;
}

.grid__unit--1-6 {
    width: 16.66% !important;
}

.grid__unit--5-6 {
    width: 83.3% !important;
}

.grid__unit--1-8 {
    width: 12.5% !important;
}

.grid__unit--3-8 {
    width: 37.5% !important;
}

.grid__unit--5-8 {
    width: 62.5% !important;
}

.grid__unit--7-8 {
    width: 87.5% !important;
}

.grid__unit--1-9 {
    width: 11.11% !important;
}

.grid__unit--2-9 {
    width: 22.22% !important;
}

.grid__unit--4-9 {
    width: 44.44% !important;
}

.grid__unit--5-9 {
    width: 55.55% !important;
}

.grid__unit--7-9 {
    width: 77.77% !important;
}

.grid__unit--8-9 {
    width: 88.88% !important;
}

.grid__unit--1-12 {
    width: 8.33% !important;
}

.grid__unit--5-12 {
    width: 41.65% !important;
}

.grid__unit--7-12 {
    width: 58.31% !important;
}

.grid__unit--11-12 {
    width: 91.63% !important;
}

@media (min-width: 470px) {
    .grid__unit--1-2-s {
        width: 50% !important;
    }

    .grid__unit--1-3-s {
        width: 33.33% !important;
    }

    .grid__unit--2-3-s {
        width: 66.66% !important;
    }

    .grid__unit--1-4-s {
        width: 25% !important;
    }

    .grid__unit--3-4-s {
        width: 75% !important;
    }

    .grid__unit--1-5-s {
        width: 20% !important;
    }

    .grid__unit--2-5-s {
        width: 40% !important;
    }

    .grid__unit--3-5-s {
        width: 60% !important;
    }

    .grid__unit--4-5-s {
        width: 80% !important;
    }

    .grid__unit--1-6-s {
        width: 16.66% !important;
    }

    .grid__unit--5-6-s {
        width: 83.3% !important;
    }

    .grid__unit--1-8-s {
        width: 12.5% !important;
    }

    .grid__unit--3-8-s {
        width: 37.5% !important;
    }

    .grid__unit--5-8-s {
        width: 62.5% !important;
    }

    .grid__unit--7-8-s {
        width: 87.5% !important;
    }

    .grid__unit--1-9-s {
        width: 11.11% !important;
    }

    .grid__unit--2-9-s {
        width: 22.22% !important;
    }

    .grid__unit--4-9-s {
        width: 44.44% !important;
    }

    .grid__unit--5-9-s {
        width: 55.55% !important;
    }

    .grid__unit--7-9-s {
        width: 77.77% !important;
    }

    .grid__unit--8-9-s {
        width: 88.88% !important;
    }

    .grid__unit--1-12-s {
        width: 8.33% !important;
    }

    .grid__unit--5-12-s {
        width: 41.65% !important;
    }

    .grid__unit--7-12-s {
        width: 58.31% !important;
    }

    .grid__unit--11-12-s {
        width: 91.63% !important;
    }
}

@media (min-width: 768px) {
    .grid {
        margin-right: -48px !important;
    }

    .grid--compact {
        margin-right: -24px !important;
    }

    .grid__unit {
        padding: 0 48px 48px 0 !important;
    }

    .grid--compact > .grid__unit {
        padding: 0 24px 24px 0 !important;
    }

    .grid__unit--1-2-m {
        width: 50% !important;
    }

    .grid__unit--1-3-m {
        width: 33.33% !important;
    }

    .grid__unit--2-3-m {
        width: 66.66% !important;
    }

    .grid__unit--1-4-m {
        width: 25% !important;
    }

    .grid__unit--3-4-m {
        width: 75% !important;
    }

    .grid__unit--1-5-m {
        width: 20% !important;
    }

    .grid__unit--2-5-m {
        width: 40% !important;
    }

    .grid__unit--3-5-m {
        width: 60% !important;
    }

    .grid__unit--4-5-m {
        width: 80% !important;
    }

    .grid__unit--1-6-m {
        width: 16.66% !important;
    }

    .grid__unit--5-6-m {
        width: 83.3% !important;
    }

    .grid__unit--1-8-m {
        width: 12.5% !important;
    }

    .grid__unit--3-8-m {
        width: 37.5% !important;
    }

    .grid__unit--5-8-m {
        width: 62.5% !important;
    }

    .grid__unit--7-8-m {
        width: 87.5% !important;
    }

    .grid__unit--1-9-m {
        width: 11.11% !important;
    }

    .grid__unit--2-9-m {
        width: 22.22% !important;
    }

    .grid__unit--4-9-m {
        width: 44.44% !important;
    }

    .grid__unit--5-9-m {
        width: 55.55% !important;
    }

    .grid__unit--7-9-m {
        width: 77.77% !important;
    }

    .grid__unit--8-9-m {
        width: 88.88% !important;
    }

    .grid__unit--1-12-m {
        width: 8.33% !important;
    }

    .grid__unit--5-12-m {
        width: 41.65% !important;
    }

    .grid__unit--7-12-m {
        width: 58.31% !important;
    }

    .grid__unit--11-12-m {
        width: 91.63% !important;
    }
}

@media (min-width: 960px) {
    .grid__unit--1-2-l {
        width: 50% !important;
    }

    .grid__unit--1-3-l {
        width: 33.33% !important;
    }

    .grid__unit--2-3-l {
        width: 66.66% !important;
    }

    .grid__unit--1-4-l {
        width: 25% !important;
    }

    .grid__unit--3-4-l {
        width: 75% !important;
    }

    .grid__unit--1-5-l {
        width: 20% !important;
    }

    .grid__unit--2-5-l {
        width: 40% !important;
    }

    .grid__unit--3-5-l {
        width: 60% !important;
    }

    .grid__unit--4-5-l {
        width: 80% !important;
    }

    .grid__unit--1-6-l {
        width: 16.66% !important;
    }

    .grid__unit--5-6-l {
        width: 83.3% !important;
    }

    .grid__unit--1-8-l {
        width: 12.5% !important;
    }

    .grid__unit--3-8-l {
        width: 37.5% !important;
    }

    .grid__unit--5-8-l {
        width: 62.5% !important;
    }

    .grid__unit--7-8-l {
        width: 87.5% !important;
    }

    .grid__unit--1-9-l {
        width: 11.11% !important;
    }

    .grid__unit--2-9-l {
        width: 22.22% !important;
    }

    .grid__unit--4-9-l {
        width: 44.44% !important;
    }

    .grid__unit--5-9-l {
        width: 55.55% !important;
    }

    .grid__unit--7-9-l {
        width: 77.77% !important;
    }

    .grid__unit--8-9-l {
        width: 88.88% !important;
    }

    .grid__unit--1-12-l {
        width: 8.33% !important;
    }

    .grid__unit--5-12-l {
        width: 41.65% !important;
    }

    .grid__unit--7-12-l {
        width: 58.31% !important;
    }

    .grid__unit--11-12-l {
        width: 91.63% !important;
    }
}

@media (min-width: 1296px) {
    .grid__unit--1-2-w {
        width: 50% !important;
    }

    .grid__unit--1-3-w {
        width: 33.33% !important;
    }

    .grid__unit--2-3-w {
        width: 66.66% !important;
    }

    .grid__unit--1-4-w {
        width: 25% !important;
    }

    .grid__unit--3-4-w {
        width: 75% !important;
    }

    .grid__unit--1-5-w {
        width: 20% !important;
    }

    .grid__unit--2-5-w {
        width: 40% !important;
    }

    .grid__unit--3-5-w {
        width: 60% !important;
    }

    .grid__unit--4-5-w {
        width: 80% !important;
    }

    .grid__unit--1-6-w {
        width: 16.66% !important;
    }

    .grid__unit--5-6-w {
        width: 83.3% !important;
    }

    .grid__unit--1-8-w {
        width: 12.5% !important;
    }

    .grid__unit--3-8-w {
        width: 37.5% !important;
    }

    .grid__unit--5-8-w {
        width: 62.5% !important;
    }

    .grid__unit--7-8-w {
        width: 87.5% !important;
    }

    .grid__unit--1-9-w {
        width: 11.11% !important;
    }

    .grid__unit--2-9-w {
        width: 22.22% !important;
    }

    .grid__unit--4-9-w {
        width: 44.44% !important;
    }

    .grid__unit--5-9-w {
        width: 55.55% !important;
    }

    .grid__unit--7-9-w {
        width: 77.77% !important;
    }

    .grid__unit--8-9-w {
        width: 88.88% !important;
    }

    .grid__unit--1-12-w {
        width: 8.33% !important;
    }

    .grid__unit--5-12-w {
        width: 41.65% !important;
    }

    .grid__unit--7-12-w {
        width: 58.31% !important;
    }

    .grid__unit--11-12-w {
        width: 91.63% !important;
    }
}

/*! ---------- =forms ---------- */

input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
textarea,
select {
    display: block;
    width: 100%;
    padding: 9px 12px;
    margin-bottom: 24px;
    border: 1px solid #bbd0ca;
    color: #65747C;
    color: rgba(101, 116, 124, 0.8);
    font: 14.5px/24px "Open Sans", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-transition: color 0.15s ease-out, border-color 0.15s ease-out, background-color 0.15s ease-out, opacity 0.15s ease-out;
    -o-transition: color 0.15s ease-out, border-color 0.15s ease-out, background-color 0.15s ease-out, opacity 0.15s ease-out;
    transition: color 0.15s ease-out, border-color 0.15s ease-out, background-color 0.15s ease-out, opacity 0.15s ease-out;
}

    input[type="text"]:last-child,
    input[type="email"]:last-child,
    input[type="password"]:last-child,
    input[type="number"]:last-child,
    input[type="tel"]:last-child,
    textarea:last-child,
    select:last-child {
        margin-bottom: 0;
    }

    input[type="text"]:required,
    input[type="email"]:required,
    input[type="password"]:required,
    input[type="number"]:required,
    input[type="tel"]:required,
    textarea:required,
    select:required {
        border-color: #c6cfd3;
    }

    input[type="text"].input-validation-error,
    input[type="email"].input-validation-error,
    input[type="password"].input-validation-error,
    input[type="number"].input-validation-error,
    input[type="tel"].input-validation-error,
    textarea.input-validation-error,
    select.input-validation-error {
        border-color: #d43725;
        color: #d43725;
    }

    input[type="text"]:focus,
    input[type="email"]:focus,
    input[type="password"]:focus,
    input[type="number"]:focus,
    input[type="tel"]:focus,
    textarea:focus,
    select:focus {
        border-color: #004568;
        color: #65747C;
    }

textarea {
    padding: 12px;
    min-height: 96px;
}

    textarea.textarea-large {
        min-height: 240px;
    }

input[type="radio"],
input[type="checkbox"] {
    display: inline-block;
    position: relative;
    top: -0.1em;
}

label + input[type="radio"],
label + input[type="checkbox"] {
    margin-left: 24px;
}

label {
    display: block;
    margin-bottom: 6px;
    /*font-size: 13px;*/
    font-weight: 700;
    color: #004568;
    opacity: 0.9;
    -webkit-transition: color 0.15s ease-out, opacity 0.15s ease-out;
    -o-transition: color 0.15s ease-out, opacity 0.15s ease-out;
    transition: color 0.15s ease-out, opacity 0.15s ease-out;
}

    label.sfRequired::after,
    label.is-required::after {
        content: ' (required)';
        font-weight: 400;
        font-style: italic;
        color: #00a69d;
    }

input[type="radio"] + label,
input[type="checkbox"] + label {
    display: inline;
    vertical-align: top;
    font-weight: 400;
    padding-left: 5px;
}

label.required {
    color: #00293e;
}

    label.required::after {
        content: '*';
        font-weight: 400;
    }

label.input-validation-error {
    color: #d43725;
}

label.is-selected {
    color: #0b5f5b;
}

label.is-focused {
    color: #004568;
    opacity: 1;
}

.side-label {
    margin-bottom: 24px;
}

    .side-label:last-child {
        margin-bottom: 0;
    }

@media (min-width: 470px) {
    .side-label {
        padding-left: 168px;
    }

        .side-label label {
            width: 168px;
            float: left;
            margin-left: -168px;
            padding: 6px 1em 0 0;
        }
}

.field-validation-error {
    display: block;
    margin-bottom: 24px;
    font-size: 14.5px;
    color: #d43725;
}

input + .field-validation-error,
select + .field-validation-error,
textarea + .field-validation-error {
    margin-top: -18px;
}

/*! ---------- =tabs ---------- */

.tabs--standard {
    margin-bottom: 48px;
}

    .tabs--standard:last-child {
        margin-bottom: 0;
    }

    .tabs--standard .tabs__tab {
        display: inline-block;
        vertical-align: bottom;
        padding: 12px;
        margin-bottom: -1px;
        border: 1px solid #f8f8f8;
        background: #f8f8f8;
        opacity: 0.9;
        position: relative;
        z-index: 2;
        cursor: pointer;
    }

        .tabs--standard .tabs__tab.is-active {
            background: #fff;
            border-bottom-color: #fff;
            color: #00a69d;
        }

    .tabs--standard .tabs__pane {
        border: 1px solid #f8f8f8;
        padding: 24px;
        display: none;
    }

        .tabs--standard .tabs__pane.is-active {
            display: block;
        }

.accordion {
    margin-bottom: 48px;
}

    .accordion:last-child {
        margin-bottom: 0;
    }

.accordion__label {
    display: block;
    padding: 12px;
    background: #fff;
    border: 1px solid #f8f8f8;
    color: #65747C;
    font-weight: 600;
    font-size: 14.5px;
    cursor: pointer;
}

    .accordion__label .arrow {
        font-size: 0.9em;
        border-left-color: #65747C;
        -webkit-transition: all 0.15s ease-out;
        -o-transition: all 0.15s ease-out;
        transition: all 0.15s ease-out;
    }

    .accordion__label.is-active {
        color: #00a69d;
        border-color: #00a69d #00a69d #f8f8f8 #00a69d;
        background: #f7f7f7;
    }

        .accordion__label.is-active .arrow {
            border-left-color: #00a69d;
        }

    .accordion__label ~ .accordion__label {
        margin-top: 6px;
    }

.accordion__content {
    border: 1px solid #00a69d;
    border-top: none;
    padding: 24px 12px;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

.js .accordion__content:not(.is-active) {
    max-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-width: 0 1px;
    visibility: hidden;
    opacity: 0;
}

@media (min-width: 470px) {
    .tabs--standard .tabs__tab {
        padding: 18px 24px;
        font-weight: 600;
    }
}

.image-slideshow {
    position: relative;
    color: #fff;
    background: #222;
}

    .image-slideshow:not(:first-child) {
        margin-top: 48px;
    }

    .image-slideshow:not(:last-child) {
        margin-bottom: 48px;
    }

.image-slideshow__item {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    opacity: 1;
    transition: all 0.2s ease-out;
}

    .image-slideshow__item:first-child {
        position: relative;
    }

    .image-slideshow__item img {
        display: block;
        width: 100%;
    }

.js .image-slideshow__item:not(.is-active) {
    opacity: 0;
    z-index: 0;
}

.image-slideshow__description {
    padding: 24px 24px 72px;
}

.image-slideshow__play,
.image-slideshow__pause {
    font-size: 24px;
    position: absolute;
    bottom: 24px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}

.image-slideshow.is-playing .image-slideshow__play,
.image-slideshow:not(.is-playing) .image-slideshow__pause {
    display: none;
}

.image-slideshow__previous,
.image-slideshow__next {
    position: absolute;
    top: 40%;
    padding: 48px 10%;
    margin-top: -72px;
    opacity: 0.5;
    z-index: 2;
    font-size: 48px;
    transition: opacity 0.15s ease-out;
    text-shadow: 0 0 0 3px rgba(0,0,0,0.8);
}

    .image-slideshow__previous:hover,
    .image-slideshow__previous:focus,
    .image-slideshow__next:hover,
    .image-slideshow__next:focus {
        opacity: 1;
    }

.image-slideshow__previous {
    left: 0;
}

.image-slideshow__next {
    right: 0;
}

/*! ---------- =code and =syntax highlighting ---------- */

pre, code {
    font-family: "Inconsolata", monospace;
    font-size: 14.5px;
    line-height: 24px;
}

pre {
    display: block;
    padding: 24px 12px;
    border: 1px solid #eeeeee;
    margin-bottom: 24px;
    color: #222;
    background: white;
    overflow-y: auto;
    -webkit-box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 2px 3px rgba(0, 0, 0, 0.1);
    position: relative;
}

    pre:last-child {
        margin-bottom: 0;
    }

    pre::before {
        content: attr(rel);
        font-family: "Open Sans", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 700;
        font-size: 13px;
        color: #a1b9c6;
        position: absolute;
        top: 2px;
        right: 12px;
    }

p > code,
li > code {
    background: #f8f8f8;
    font-style: normal;
}

    p > code::before,
    p > code::after,
    li > code::before,
    li > code::after {
        content: '';
        display: inline-block;
        width: 0.5em;
    }

/*! syntax highlighting through prism: http://prismjs.com/index.html
* the following is based off the default theme */
pre[class*="language-"] {
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
    color: slategray;
}

.token.punctuation {
    color: #999;
}

.namespace {
    opacity: .7;
}

.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
    color: #905;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
    color: #690;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
    color: #a67f59;
    background: rgba(255, 255, 255, 0.5);
}

.token.atrule,
.token.attr-value,
.token.keyword {
    color: #07a;
}

.token.function {
    color: #DD4A68;
}

.token.regex,
.token.important,
.token.variable {
    color: #e90;
}

.token.important,
.token.bold {
    font-weight: bold;
}

.token.italic {
    font-style: italic;
}

.token.entity {
    cursor: help;
}

/*! ---------- =body ---------- */

body {
    width: 100%;
    overflow-x: hidden;
    background: #fff;
}

.content {
    padding: 24px;
}

.page-bounds {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

@media (min-width: 768px) {
    .content {
        padding: 48px;
    }
}

/*! ---------- =header, =nav ---------- */

.page-header {
    padding: 0 24px;
    position: static;
    z-index: 14;
}

    .page-header .page-bounds {
        position: relative;
    }

.page-header__toggle {
    display: none;
}

.header-logo a,
.header-logo img {
    display: block;
    max-width: 100%;
    margin: 0;
}

.header-logo a {
    padding: 10px 0;
}

.header-user__icon,
.header-utility__icon {
    color: #00a69d;
}

.header-user a,
.header-utility a {
    font-weight: 400;
}

.header-user {
    background: #e8efed;
    text-align: center;
}

    .header-user a,
    .header-user button,
    .header-user span:not(.fa) {
        display: inline-block;
        vertical-align: middle;
        padding: 24px 12px;
        white-space: nowrap;
    }

        .header-user a:first-child,
        .header-user button:first-child,
        .header-user span:not(.fa):first-child {
            padding-left: 24px;
        }

        .header-user a:last-child,
        .header-user button:last-child,
        .header-user span:not(.fa):last-child {
            padding-right: 24px;
        }

.header-utility__list {
    list-style: none;
    margin: 0;
}

.header-utility__item {
    display: inline-block;
}

    .header-utility__item a {
        display: block;
        /*color: #65747C;*/
    }

.header-search {
    position: relative;
}

.header-search__label {
    display: block;
    position: absolute;
    top: 50%;
    left: 24px;
    margin-top: -11px !important;
    margin-bottom: auto !important;
}

.header-search__input {
    display: block;
    width: 100%;
    padding: 12px 72px 14px 24px !important;
    margin: 0 !important;
    border: 1px solid #e8efed !important;
    font-size: 14.5px;
    line-height: 24px;
    background: #fff;
}

.header-search__submit {
    display: block;
    width: 60px;
    padding: 12px 0;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    color: #00a69d;
    background: #fff;
    border: 1px solid #e8efed;
    font-size: 14.5px;
    font-weight: 700;
}

.header-search__close-icon {
    display: none !important;
}

.header-nav ul {
    list-style: none;
    margin: 0;
}

.header-nav li {
    position: relative;
}

.header-nav a {
    display: block;
    font-weight: 400;
    color: #FFA805;
}

.header-nav li li a {
    color: #65747C;
}

.header-nav__toggle {
    display: none;
}

.header-nav > ul > li > ul {
    margin-left: -10px !important;
}

@media screen and (min-width: 961px) and (max-width: 1380px) {
    .header-nav > ul > li {
        margin-top: -10px;
    }
}

@media (max-width: 959px) {
    .page-header {
        width: 100%;
        border-bottom: 1px solid #e8efed;
        background: #fff;
        background: rgba(255, 255, 255, 0.92);
    }

    .page-header__toggle {
        position: absolute;
        right: -36px;
        top: 0;
        padding: 24px;
        font-size: 13px;
        color: #444;
        margin-right: 12px;
    }

        .page-header__toggle.is-active {
            color: #00a69d;
        }

    .js .page-header__toggle {
        display: block;
    }

    .page-header__content {
        clear: both;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        margin-left: -24px;
        margin-right: -24px;
    }

    .js .page-header__content:not(.is-active) {
        display: none;
    }

    .header-logo__image--large {
        display: none !important;
    }

    .header-logo a {
        padding: 12px 0;
    }

    .header-logo img {
        max-height: 48px;
    }

    .header-user, .header-utility {
        text-align: center;
        font-size: 13px;
        line-height: 1.3;
        word-wrap: break-word;
    }

    .header-user__icon, .header-utility__icon {
        display: block;
        margin: 0 0 6px;
        font-size: 26px;
    }

    .header-user {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .header-utility {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        padding: 0 24px;
    }

    .header-utility__item {
        vertical-align: top;
        width: 23%;
    }

        .header-utility__item a {
            padding: 24px 0;
        }

    .header-search {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .header-search__submit {
        top: 0;
        right: 0;
    }

    .header-search__label, .header-search__go-text {
        display: none;
    }

    .header-nav {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        background: #fff;
    }

        .header-nav a {
            padding: 12px 96px 12px 24px;
            border-bottom: 1px solid #e8efed;
        }

        .header-nav li li a {
            padding-left: 48px;
            border-bottom-color: #f8f8f8;
        }

        .header-nav li li li a {
            padding-left: 72px;
        }

    .js .header-nav li ul {
        overflow: hidden;
        max-height: 0;
        -webkit-transition: max-height 0.3s cubic-bezier(0, 0.5, 0, 1);
        -o-transition: max-height 0.3s cubic-bezier(0, 0.5, 0, 1);
        transition: max-height 0.3s cubic-bezier(0, 0.5, 0, 1);
    }

        .js .header-nav li ul.is-active {
            max-height: 100em;
            -webkit-transition: max-height 0.4s cubic-bezier(0.7, 0, 0.1, 1);
            -o-transition: max-height 0.4s cubic-bezier(0.7, 0, 0.1, 1);
            transition: max-height 0.4s cubic-bezier(0.7, 0, 0.1, 1);
        }

    .header-nav__toggle {
        width: 60px;
        height: 48px;
        position: absolute;
        right: 0;
        top: 0;
        background: #fff;
        border-left: 1px solid #e8efed;
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
    }

    .js .header-nav__toggle {
        display: block;
    }

    .header-nav__toggle::before {
        content: '\f054';
        display: block;
        position: absolute;
        font-weight: 400;
        left: 45%;
        top: 30% !important;
        font: normal normal normal 14px/1;
        font-family: 'Font Awesome 6 Pro';
        text-indent: 0;
        -webkit-transition: -webkit-transform 0.2s ease-out;
        transition: -webkit-transform 0.2s ease-out;
        -o-transition: transform 0.2s ease-out;
        transition: transform 0.2s ease-out;
        transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out;
    }

    .header-nav__toggle.is-active::before {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}

@media (min-width: 960px) {
    .page-header {
        padding: 0 48px;
    }

    .header-logo {
        float: left;
        width: 220px;
    }

    .header-logo__image--small {
        display: none !important;
    }

    .header-user {
        position: absolute;
        top: 0;
        right: 0;
        white-space: nowrap;
    }

        .header-user a,
        .header-user button,
        .header-user span:not(.fa) {
            padding-top: 12px;
            padding-bottom: 12px;
        }

    .header-utility__icon,
    .header-search__go-icon {
        margin-right: 0.3em;
    }

    .header-utility {
        text-align: right;
        padding: 60px 96px 0 0;
    }

    .header-utility__item a {
        padding: 18px 12px;
        opacity: 0.9;
    }

        .header-utility__item a:hover, .header-utility__item a:focus {
            opacity: 1;
            color: #00a69d;
        }

    .header-search {
        position: absolute;
        right: 0;
        top: 64px;
    }

    .header-search__label, .header-search__input, .header-search__submit {
        -webkit-transition: all 0.2s ease-out !important;
        -o-transition: all 0.2s ease-out !important;
        transition: all 0.2s ease-out !important;
    }

    .header-search__label {
        left: auto;
        right: 0;
        top: 0;
        padding: 13px;
        margin-top: 0 !important;
        color: #65747C;
        font-size: 16px;
        font-weight: 400;
        white-space: nowrap;
        z-index: 2;
        cursor: pointer;
    }

        .header-search__label:hover {
            color: #00a69d;
        }

        .header-search__label.is-active {
            right: 560px;
            background: #00a69d;
            color: #fff;
            opacity: 1;
        }

            .header-search__label.is-active .header-search__search-icon,
            .header-search__label.is-active .header-search__search-text {
                display: none;
            }

            .header-search__label.is-active .header-search__close-icon {
                display: inline-block !important;
                padding: 0 12px;
            }

    .header-search__search-icon {
        color: #00a69d;
        padding-right: 3px;
    }

    .header-search__label.is-active ~ .header-search__submit > .header-search__search-icon {
        color: #ffffff;
    }

    .header-search__input {
        position: absolute;
        top: 0;
        right: 0;
        width: 0px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        z-index: 3;
    }

        .header-search__input:focus, .header-search__input.is-active {
            width: 560px !important;
            padding-left: 24px !important;
            padding-right: 24px !important;
            border-color: #00a69d !important;
        }

    .header-search__submit {
        width: 72px;
        background: #00a69d;
        color: #fff;
        border-color: #00a69d;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
        z-index: 4;
    }

    .header-search__input:focus + .header-search__submit,
    .header-search__input.is-active + .header-search__submit {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }

    .header-nav {
        margin-left: 140px;
    }

        .header-nav > ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-pack: distribute;
            justify-content: space-around;
            text-align: center;
        }

            .header-nav > ul > li {
                display: inline-block;
                -webkit-box-flex: 1;
                -ms-flex: 1 0 auto;
                flex: 1 0 auto;
            }

                .header-nav > ul > li > a {
                    padding: 12px 0 36px;
                    font-size: 17px;
                    position: relative;
                }

                .header-nav > ul > li > ul {
                    min-width: 12em;
                    position: absolute;
                    left: 0;
                    right: 0;
                    top: 100%;
                    padding: 12px 0;
                    text-align: left;
                    background: #00a69d;
                    opacity: 0;
                    z-index: -1;
                    visibility: hidden;
                    -webkit-transition: opacity 0.15s ease-out, visibility 0s linear 0.15s, z-index 0s linear 0.15s;
                    -o-transition: opacity 0.15s ease-out, visibility 0s linear 0.15s, z-index 0s linear 0.15s;
                    transition: opacity 0.15s ease-out, visibility 0s linear 0.15s, z-index 0s linear 0.15s;
                }

                    .header-nav > ul > li > ul::before {
                        content: '';
                        display: block;
                        width: 0;
                        height: 0;
                        border: 6px solid transparent;
                        border-top-width: 0;
                        border-bottom-color: #00a69d;
                        position: absolute;
                        left: 50%;
                        bottom: 100%;
                        margin-left: -6px;
                        transform: scaleX(1.6);
                    }

                    .header-nav > ul > li > ul > li > a {
                        padding: 12px 24px;
                        font-size: 16px;
                        color: #fff;
                    }

                        .header-nav > ul > li > ul > li > a:hover {
                            background: rgba(255,255,255,0.15);
                        }

                    .header-nav > ul > li > ul > li > ul {
                        display: none;
                    }

                .header-nav > ul > li:hover > a {
                    color: #00a69d;
                }

                .header-nav > ul > li:hover > ul {
                    opacity: 1;
                    z-index: 100;
                    visibility: visible;
                    -webkit-transition: opacity 0.2s ease-out 0.5s, z-index 0s linear 0.5s, visibility 0s linear 0.5s;
                    -o-transition: opacity 0.2s ease-out 0.5s, z-index 0s linear 0.5s, visibility 0s linear 0.5s;
                    transition: opacity 0.2s ease-out 0.5s, z-index 0s linear 0.5s, visibility 0s linear 0.5s;
                }

        .header-nav .is-current > a {
            font-weight: 700;
        }
}

@media (min-width: 960px) and (min-width: 1296px) {
    .header-nav > ul > li > a {
        font-size: 18px;
    }
}

/*! ---------- =footer ---------- */

.page-footer {
    padding: 0 24px;
}

    .page-footer .page-bounds {
        padding: 24px 0;
        border-top: 1px solid #e8efed;
        position: relative;
    }

.footer-social {
    margin-bottom: 24px;
}

.footer-social__icon {
    display: inline-block;
    color: #f95639;
    font-size: 26px;
    line-height: 1;
}

    .footer-social__icon + .footer-social__icon {
        margin-left: 12px;
    }

.footer-utility {
    margin-bottom: 24px;
}

.footer-utility__list {
    list-style: none;
    margin: 0;
}

.footer-utility--secondary {
    font-size: 14.5px;
}

.footer-utility a {
    display: block;
    font-weight: 400;
    padding: 6px 12px;
}

.footer-contact {
    font-size: 14.5px;
}

.footer-foundation {
    border: 1px solid #f95639;
    margin: 0 0 24px;
}

.footer-foundation__logo {
    padding: 12px;
    max-width: 250px;
    margin: 0 auto;
}

    .footer-foundation__logo a,
    .footer-foundation__logo img {
        display: block;
    }

.footer-foundation__content {
    padding: 12px;
    font-size: 14.5px;
    text-align: center;
    color: #fff;
    background: #f95639;
}

    .footer-foundation__content a {
        color: #fff;
        font-weight: 400;
    }

@media (max-width: 767px) {
    .page-footer {
        text-align: center;
    }
}

@media (min-width: 768px) {
    .page-footer {
        padding: 0 48px;
    }

        .page-footer .page-bounds {
            padding: 48px 0;
        }

    .footer-utility {
        margin-left: -6px;
    }

    .footer-utility__item {
        display: inline-block;
    }

        .footer-utility__item a {
            padding: 6px;
            margin: -6px 0;
        }

        .footer-utility__item + .footer-utility__item {
            border-left: 1px solid #b1b6b5;
            padding-left: 0.15em;
        }
}

@media (min-width: 960px) {
    .footer-foundation {
        width: 30%;
        float: right;
        margin: 0 0 0 24px;
    }
}

/* ---------- =home ---------- */

.home-feature {
    margin: -24px -24px 48px;
    background-color: #e8efed;
    background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(65%, white), to(rgba(255, 255, 255, 0))), repeating-linear-gradient(to bottom, #e8efed 0, #e8efed 5px, transparent 5px, transparent 10px), repeating-linear-gradient(to right, #b1b6b5 0, #b1b6b5 1px, transparent 1px, transparent 96px);
    background-image: -webkit-linear-gradient(top, white 0%, white 65%, rgba(255, 255, 255, 0) 100%), -webkit-repeating-linear-gradient(top, #e8efed 0, #e8efed 5px, transparent 5px, transparent 10px), -webkit-repeating-linear-gradient(left, #b1b6b5 0, #b1b6b5 1px, transparent 1px, transparent 96px);
    background-image: -o-linear-gradient(top, white 0%, white 65%, rgba(255, 255, 255, 0) 100%), -o-repeating-linear-gradient(top, #e8efed 0, #e8efed 5px, transparent 5px, transparent 10px), -o-repeating-linear-gradient(left, #b1b6b5 0, #b1b6b5 1px, transparent 1px, transparent 96px);
    background-image: linear-gradient(to bottom, white 0%, white 65%, rgba(255, 255, 255, 0) 100%), repeating-linear-gradient(to bottom, #e8efed 0, #e8efed 5px, transparent 5px, transparent 10px), repeating-linear-gradient(to right, #b1b6b5 0, #b1b6b5 1px, transparent 1px, transparent 96px);
}

.home-feature__description {
    max-width: 30em;
    padding: 10vh 12px;
    margin: 0 auto;
    font-size: 19px;
    line-height: 36px;
    font-weight: 300;
    text-align: center;
    color: #004568;
    background: transparent url("/images/librariesprovider2/page-layout-images/logo-watermark.svg") no-repeat 50% 25%;
    background-position: 50% calc(50% - 30px);
    background-size: auto 55%;
}

    .home-feature__description strong {
        display: block;
        font-size: 1.2em;
        font-weight: 800;
        color: #E54040;
        text-transform: uppercase;
    }

@media (min-width: 768px) {
    .home-feature {
        margin: -48px -48px 48px;
    }
}

@media (max-width: 959px) {
    .home-feature__graphic {
        display: none;
    }
}

@media (min-width: 960px) {
    .home-feature__description {
        width: 60%;
        padding: 72px 0;
        max-width: none;
        float: right;
        margin-right: 48px;
        font-size: 20px;
    }

        .home-feature__description strong {
            font-size: 1.3em;
        }

    .home-feature__graphic {
        width: 40%;
        padding-left: 48px;
        position: absolute;
        left: 0;
        bottom: 0;
    }
}

.home-your-pamed {
    padding: 24px;
    background: #53565A;
    color: #fff;
}

    .home-your-pamed h1,
    .home-your-pamed h2,
    .home-your-pamed h3,
    .home-your-pamed h4,
    .home-your-pamed h5,
    .home-your-pamed h6 {
        color: #fff;
    }

.home-your-pamed__content {
    padding: 24px;
    background: #fff;
    color: #65747C;
}

.home-your-pamed__account .button {
    display: block;
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 12px;
    text-align: left;
}

.home-upcoming-title {
    margin-top: 24px;
    border-bottom: 1px solid #00293e;
    line-height: 48px;
}

@media (min-width: 25em) {
    .home-upcoming-title {
        margin-bottom: 0;
    }

        .home-upcoming-title + .more {
            float: right;
            margin: -30px 0 0;
        }
}

@media (min-width: 720px) {
    .home-row-2 {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

        .home-row-2 .item-list__title {
            font-size: 15px;
        }

        .home-row-2 .item-list__date {
            margin-bottom: 0;
            font-size: 14px;
        }
}

@media (min-width: 960px) {
    .home-upcoming-title {
        margin-bottom: 24px;
    }

        .home-upcoming-title + .more {
            margin-top: -54px;
        }
}

@media (max-width: 767px) {
    .home-row-1 {
        min-height: 0 !important;
    }
}

@media (max-width: 767px) {
    .home-row-2 {
        min-height: 0 !important;
    }
}

@media (max-width: 1295px) {
    .home-row-2.home-your-pamed {
        min-height: 0 !important;
    }
}

/* ---------- =interior ---------- */

/* !importants to override sitefinity grids */

.page-title {
    color: #00293e;
}

.interior-layout__nav, .interior-layout__main {
    margin-bottom: 24px !important;
}

@media (min-width: 768px) {
    .interior-layout__nav, .interior-layout__main {
        margin-bottom: 48px !important;
    }

    .interior-layout__nav, .interior-layout__aside {
        /* width: 30% !important;
float: right !important;
clear: right !important; */
        overflow: hidden !important;
    }

    .interior-layout__main {
        width: 100% !important;
        float: left !important;
        padding-right: 48px !important;
    }

    .interior-layout--reverse .interior-layout__title {
        width: 100% !important;
        margin-right: 0 !important;
        margin-left: auto !important;
        /* padding-left: 48px !important; */
    }

    .interior-layout--reverse .interior-layout__nav,
    .interior-layout--reverse .interior-layout__aside {
        /* float: left !important;
clear: left !important; */
    }

    .interior-layout--reverse .interior-layout__nav {
        margin-top: -48px !important;
    }

    .interior-layout--reverse .interior-layout__main {
        float: right !important;
        padding-right: 0 !important;
        /* padding-left: 48px !important; */
    }
}

.breadcrumbs {
    font-size: 14.5px;
    margin-bottom: 24px;
}

    .breadcrumbs a {
        font-weight: 400;
        color: #65747C;
        opacity: 0.9;
        padding: 0 !important;
        border: none !important;
    }

        .breadcrumbs a:hover,
        .breadcrumbs a:focus {
            color: #00a69d !important;
            opacity: 1;
            border: none !important;
            background: transparent !important;
        }

.breadcrumbs__separator,
.sfBreadcrumbNodeSeparator {
    display: inline-block;
    margin: 0 0.3em;
    opacity: 0.4;
}

h1 + .breadcrumbs,
h1 + div > .breadcrumbs {
    margin-top: -12px;
}

.in-this-section a {
    display: block;
    padding: 6px 0;
    font-weight: 400;
    position: relative;
}

    .in-this-section a > .fa-plus-circle {
        position: absolute;
        right: 0;
    }

.in-this-section ul {
    display: none;
    list-style: none;
    margin: 0;
}

.in-this-section > ul {
    display: block;
}

    .in-this-section > ul > li {
        display: none;
    }

        .in-this-section > ul > li.is-current {
            display: block;
        }

.in-this-section ul ul ul a {
    padding-left: 24px;
}

.in-this-section ul ul ul ul a {
    padding-left: 48px;
}

.in-this-section ul ul a {
    font-size: 14.5px;
}

.in-this-section .is-current > ul {
    display: block;
}

.in-this-section .is-current > a {
    font-weight: 700;
    color: #00a69d;
}

@media (max-width: 767px) {
    .in-this-section__toggle {
        display: block;
        width: 100%;
        margin-bottom: 24px;
        text-align: left;
    }

    .no-js .in-this-section__toggle {
        display: none;
    }

    .js .in-this-section > ul {
        display: none;
    }

        .js .in-this-section > ul.is-active {
            display: block;
            margin-top: 12px;
        }
}

@media (min-width: 768px) {
    .in-this-section__toggle {
        display: none;
    }

    .in-this-section {
        background: #ccc;
        padding: 18px 0;
    }

    .interior-layout .in-this-section {
        margin-top: -6px;
    }

    .in-this-section a {
        padding: 12px 24px;
    }

        .in-this-section a:hover,
        .in-this-section a:focus {
            color: #fff;
            background: #555;
        }

        .in-this-section a > .fa-plus-circle {
            right: 24px;
        }

    .in-this-section .is-current > a {
        background: #bbb;
        color: #444;
    }

        .in-this-section .is-current > a > .fa-plus-circle {
            display: none;
        }

    .in-this-section > ul > li.is-current > a {
        background: transparent;
    }

    .in-this-section ul ul .is-current > ul {
        background: rgba(255,255,255,0.3);
    }

    .in-this-section ul ul ul a {
        padding-left: 36px;
    }
}

/* ---------- =comments ---------- */

.sfcommentsShort {
    display: none;
}

.sfcommentsWrp {
    margin-top: 48px;
}

.sfcommentsTitle {
    font-size: 30px;
}

.sfcommentsList,
.sfcommentsFieldsList {
    clear: both;
    list-style: none;
    margin: 0 0 24px;
}

.sfkendoList {
    border: none !important;
}

.sfcommentDetails::after {
    content: '';
    display: table;
    clear: both;
}

.sfcommentDetails + .sfcommentDetails {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #ddd;
}

.sfcommentAuthorAvatar {
    display: block;
    width: 100px;
    max-width: 25%;
    float: left;
    margin-right: 20px;
}

.sfcommentAuthor {
    font-weight: 700;
    font-size: 17px;
}

.sfcommentSeparator {
    display: inline-block;
    margin: 0 0.5em;
    opacity: 0.5;
}

.sfcommentText {
    overflow: hidden;
    margin-top: 12px;
}

.sfcommentsFormWithAvatarWrp {
    padding-top: 24px;
    border-top: 1px solid #ddd;
}

.sfcommentsForm {
    border: none;
    margin: 0;
    padding: 0;
}

.sfcommentEditor .k-widget {
    border: none;
    border-spacing: 0;
}

@media (max-width: 479px) {
    .sfLeaveCommentLnk {
        display: block;
        margin: -24px 0 24px;
    }

    .sfcommentText {
        clear: left;
        padding-top: 24px;
    }
    /* separators don't have a wrapper, so hide them and unhide everything else */
    .sfcommentDetails {
        color: transparent;
    }

    .sfcommentAuthor,
    .sfcommentDate,
    .sfcommentText {
        color: #787878;
    }

    .sfcommentDate {
        display: block;
    }

    .sfcommentsTitle {
        font-size: 26px;
    }

    .sfcommentsSubmitBtn {
        display: block;
        width: 100%;
    }
}

@media (min-width: 480px) {
    .sfcommentsOrderFilterWrp,
    .sfLeaveCommentLnk {
        float: right;
        clear: right;
    }

    .sfcommentsOrderFilterWrp {
        margin: -8px 0 0;
    }

    .sfLeaveCommentLnk {
        margin: -42px 0 36px;
    }
}

/*! ---------- =pagination ------------ */

.pagination, .sf_pagerNumeric, .search-pagination {
    margin: 12.5px 0 25px;
    font-size: 16px;
}

    .pagination a,
    .pagination span,
    .search-pagination a,
    .search-pagination span,
    .sf_pagerNumeric a {
        display: inline-block;
        padding: 3.125px;
        text-align: center;
    }

    .pagination__overview,
    .pagination > p:first-child,
    .search-pagination > p:first-child {
        display: inline-block;
        padding: 0 !important;
        margin: 0 25px 0 0 !important;
        font-style: italic;
        opacity: 0.8;
    }

    .pagination__page,
    .pagerPage,
    .sf_pagerNumeric a {
        font-weight: 700;
        color: #444;
    }

        .pagination__current,
        .sf_PagerCurrent,
        .pagerPage.current,
        .pagination__page.current {
            min-width: 31.25px;
            background: #00a69d;
            color: #fff !important;
        }

    .pagination__fold,
    .search-pagination > span:not([class]),
    .pagination > span:not([class]) {
        opacity: 0.4;
    }

@media (max-width: 479px) {
    .pagination,
    .search-pagination {
        text-align: center;
    }

        .pagination > p:first-child,
        .search-pagination > p:first-child {
            margin-bottom: 10px !important;
            display: block !important;
        }
}

/* ---------- =search ---------- */

.search-results__facets {
    margin-bottom: 24px;
}

.search-results__facets-title {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0.5em 0 0;
}

.search-results__facet {
    display: inline-block;
    vertical-align: middle;
    padding: 6px 12px;
    margin: 0;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 15px;
    font-weight: 400;
}

    .search-results__facet .fa {
        margin-left: 0.3em;
    }

@media (max-width: 767px) {
    .search-refine {
        margin-top: 12px;
    }

    .js .search-refine {
        display: none;
    }

        .js .search-refine.is-active {
            display: block;
        }
}

@media (min-width: 768px) {
    .search-refine__toggle {
        font-size: 24px;
        margin-bottom: 24px;
    }

        .search-refine__toggle .toggle-indicator {
            display: none;
        }
}

/* ---------- =store ---------- */

.store-header {
    margin-bottom: 48px;
}

.item-list--products .item-list__title {
    font-size: 20px;
}

.item-list__prices {
    margin: 12px 0;
}

.item-list__primary-price {
    font-size: 24px;
    color: #00a69d;
}

.item-list__primary-price-label {
    font-size: 15px;
    color: #00a69d;
}

.item-list__price-separator {
    display: inline-block;
    margin: 0 0.5em;
    opacity: 0.5;
}

.item-list__secondary-price {
    font-size: 18px;
}

.item-list__secondary-price-label {
    font-size: 15px;
}

.item-list__description .sfAddToCartWrp {
    display: inline-block;
    position: relative;
}

    .item-list__description .sfAddToCartWrp .sfMessage {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        text-align: center;
        padding: 6px;
        pointer-events: none;
        font-size: 13px;
        line-height: 1;
    }

.sfAddToCartWrp .sfTxtLbl,
.sfAddToCartWrp .sfQuantity {
    display: none;
}

.sfProductsInCart {
    margin: 24px 0 12px;
    font-weight: 700;
}

.sfshoppingCartWrp table,
.sfcheckoutPreviewProduct table,
.sfordersListDetailView table {
    table-layout: fixed !important;
    margin-bottom: 24px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.sfshoppingCartWrp thead,
.sfcheckoutPreviewProduct thead,
.sfordersListDetailView thead {
    display: none;
}

.sfshoppingCartWrp tr + tr,
.sfcheckoutPreviewProduct tr + tr,
.sfordersListDetailView tr + tr {
    border-top: 1px solid #ccc;
}

.sfshoppingCartWrp th,
.sfcheckoutPreviewProduct th,
.sfordersListDetailView th {
    font-size: 20px;
}

.sfshoppingCartWrp td,
.sfcheckoutPreviewProduct td,
.sfordersListDetailView td {
    vertical-align: middle;
    padding: 12px 0;
}

.sfshoppingCartWrp .sfProductTmbWrpthumbnail,
.sfcheckoutPreviewProduct .sfProductTmbWrpthumbnail,
.sfordersListDetailView .sfProductTmbWrpthumbnail {
    width: 50px;
}

.sfshoppingCartWrp .sfItmTitleCol,
.sfcheckoutPreviewProduct .sfItmTitleCol,
.sfordersListDetailView .sfItmTitleCol {
    text-align: left;
}

.sfshoppingCartWrp .sfProductTmbWrpthumbnail + .sfItmTitleCol,
.sfcheckoutPreviewProduct .sfProductTmbWrpthumbnail + .sfItmTitleCol,
.sfordersListDetailView .sfProductTmbWrpthumbnail + .sfItmTitleCol {
    padding-left: 24px;
}

.sfshoppingCartWrp .sfItmTitleCol .sfItmTitleWrp,
.sfcheckoutPreviewProduct .sfItmTitleCol .sfItmTitleWrp,
.sfordersListDetailView .sfItmTitleCol .sfItmTitleWrp {
    font-size: 20px;
}

.sfshoppingCartWrp .sfItmTitleCol .sfItmLnksWrp a,
.sfcheckoutPreviewProduct .sfItmTitleCol .sfItmLnksWrp a,
.sfordersListDetailView .sfItmTitleCol .sfItmLnksWrp a {
    font-weight: 400;
}

.sfshoppingCartWrp .sfSingleItmPriceCol,
.sfshoppingCartWrp .sfItmQuantityCol,
.sfshoppingCartWrp .sfItmPriceCol,
.sfcheckoutPreviewProduct .sfSingleItmPriceCol,
.sfcheckoutPreviewProduct .sfItmQuantityCol,
.sfcheckoutPreviewProduct .sfItmPriceCol,
.sfordersListDetailView .sfSingleItmPriceCol,
.sfordersListDetailView .sfItmQuantityCol,
.sfordersListDetailView .sfItmPriceCol {
    width: 6em;
}

    .sfshoppingCartWrp .sfItmQuantityCol input[type="text"],
    .sfcheckoutPreviewProduct .sfItmQuantityCol input[type="text"],
    .sfordersListDetailView .sfItmQuantityCol input[type="text"] {
        display: inline-block;
        width: 4em;
        margin: 0;
    }

.sfshoppingCartWrp .sfItmPriceCol,
.sfcheckoutPreviewProduct .sfItmPriceCol,
.sfordersListDetailView .sfItmPriceCol {
    text-align: right;
}

.sfCouponEntryField .sfTxt {
    display: inline-block;
    width: auto;
    margin: 0;
}

.sfshoppingCartBtnsWrp {
    margin-top: 24px;
}

    .sfshoppingCartBtnsWrp div {
        display: inline-block;
        margin-left: 0.5em;
    }

.sfcheckoutFormList {
    list-style: none;
    margin-left: 0;
}

.rtsLevel {
    margin-bottom: 12px;
}

    .rtsLevel .rtsUL {
        display: block !important;
        float: none !important;
        white-space: nowrap;
        overflow-x: auto !important;
    }

    .rtsLevel a {
        display: block;
        padding: 12px 0 !important;
    }

    .rtsLevel .rtsLI {
        float: none !important;
        display: inline-block !important;
    }

        .rtsLevel .rtsLI + .rtsLI {
            border-left: 1px solid #ccc;
            margin-left: 24px;
            padding-left: 24px;
        }

    .rtsLevel span {
        padding: 0 !important;
    }

.rtsSelected {
    color: #00a69d;
}

.sfcheckoutMulitPage fieldset {
    padding: 24px;
    margin-bottom: 24px;
}

.sfcheckoutFormItm {
    margin-bottom: 12px;
}

    .sfcheckoutFormItm input,
    .sfcheckoutFormItm select {
        margin-bottom: 0;
    }

.sfcheckoutPreviewAddressBlock {
    margin: 24px 0;
}

.sfcheckoutTotalPriceWrp {
    list-style: none;
    margin: 0 0 24px !important;
}

.sfcheckoutTotal .sfPrice {
    font-weight: 700;
}

.sfordersListCount {
    font-weight: 700;
    margin-bottom: 24px;
}

.sfordersList {
    list-style: none;
    margin: 0;
}

.sfordersListItem + .sfordersListItem {
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid #ccc;
}

.sforderBriefInfoList {
    margin: 12px 0 12px 24px !important;
}

#download-button {
    margin-bottom: 24px;
}

.sforderDetailsLnk + .sfPrint {
    display: inline-block;
    margin-left: 1em;
}

.store-table {
    width: 100%;
}

.store-header {
    text-align: left;
    padding-bottom: 1em;
    padding-left: 1em;
}

.store-alt-row {
    background-color: #ddd;
}

.store-col {
    padding: 1em 0 1em 1em;
}

.store-order-link {
    display: block;
}

@media (max-width: 479px) {
    .store-header .img-right {
        max-width: 100%;
        float: none;
        margin: 12px 0 0;
        vertical-align: bottom;
    }

    .item-list--products .item-list__thumbnail {
        max-width: 25%;
        float: right;
        margin: 0 0 0 12px;
    }

    .item-list--products .item-list__content {
        overflow: visible;
    }

    .item-list__price-separator {
        display: block;
        margin: 0;
        height: 1px;
        color: transparent;
        overflow: hidden;
    }
}

@media (max-width: 719px) {
    .sfshoppingCartWrp table,
    .sfcheckoutPreviewProduct table,
    .sfordersListDetailView table,
    .sfshoppingCartWrp tbody,
    .sfcheckoutPreviewProduct tbody,
    .sfordersListDetailView tbody,
    .sfshoppingCartWrp tr,
    .sfcheckoutPreviewProduct tr,
    .sfordersListDetailView tr,
    .sfshoppingCartWrp th,
    .sfcheckoutPreviewProduct th,
    .sfordersListDetailView th,
    .sfshoppingCartWrp td,
    .sfcheckoutPreviewProduct td,
    .sfordersListDetailView td {
        display: block !important;
        padding: 0 !important;
    }

    .sfshoppingCartWrp .sfproductTmbWrp,
    .sfcheckoutPreviewProduct .sfproductTmbWrp,
    .sfordersListDetailView .sfproductTmbWrp {
        float: left;
        margin: 6px 12px 0 0;
    }

    .sfshoppingCartWrp .sfproductTmbWrp,
    .sfcheckoutPreviewProduct .sfproductTmbWrp,
    .sfordersListDetailView .sfproductTmbWrp {
        margin-bottom: 12px;
    }

    .sfshoppingCartWrp .sfItmDiscountDscCol,
    .sfcheckoutPreviewProduct .sfItmDiscountDscCol,
    .sfordersListDetailView .sfItmDiscountDscCol,
    .sfshoppingCartWrp .sfSingleItmPriceCol,
    .sfcheckoutPreviewProduct .sfSingleItmPriceCol,
    .sfordersListDetailView .sfSingleItmPriceCol,
    .sfshoppingCartWrp .sfItmQuantityCol,
    .sfcheckoutPreviewProduct .sfItmQuantityCol,
    .sfordersListDetailView .sfItmQuantityCol,
    .sfshoppingCartWrp .sfItmPriceCol,
    .sfcheckoutPreviewProduct .sfItmPriceCol,
    .sfordersListDetailView .sfItmPriceCol {
        display: inline-block !important;
        vertical-align: middle;
        clear: left;
    }
}

@media (min-width: 720px) {
    .sfShoppingCartGridFooter {
        text-align: right;
    }

    .sfcouponCodeEntryViewWrap {
        float: left;
        text-align: left;
    }

    .sfshoppingCartBtnsWrp {
        text-align: right;
    }
}

/* ---------- =unique ---------- */

/* share buttons on detail pages */
.detail-share {
    margin-bottom: 24px;
}

    .detail-share .button {
        margin-right: 12px;
    }

        .detail-share .button .fa {
            margin-right: 12px;
            margin-left: 0;
        }

@media (min-width: 510px) and (max-width: 767px), (min-width: 840px) and (max-width: 989px) {
    .detail-share .button .fa {
        display: none !important;
    }
}

@media (max-width: 509px), (min-width: 768px) and (max-width: 839px) {
    .detail-share .button {
        padding-left: 14px;
        padding-right: 14px;
        margin-right: 6px;
    }

    .detail-share__text {
        display: none !important;
    }

    .detail-share .button .fa {
        margin: 0;
    }
}

/* item list scrollers */
.list-scroller {
    max-height: 400px;
    overflow-y: auto;
    padding: 24px 12px;
    margin-bottom: 24px;
    background: #fff;
}

    .list-scroller.is-enhanced {
        overflow-y: hidden;
        margin-bottom: 0;
    }

.list-scroller__control {
    display: block;
    width: 100%;
    padding: 6px;
    font-size: 40px;
    color: #fff;
    background: #00a69d;
    transition: all 0.15s ease-out;
}

    .list-scroller__control:disabled {
        color: #676767;
        background: #ccc;
    }

.list-scroller__control--down {
    margin-bottom: 24px;
}

.list-scroller .item-list {
    position: relative;
    top: 0;
    transition: top 0.2s ease-out;
}

.list-scroller .item-list__date {
    color: #444444;
}

.list-scroller .item-list__title,
.list-scroller .item-list__title a {
    color: #00a69d;
}

/* login form */
.login-form {
    min-height: 324px;
    background: #fff url('/images/librariesprovider2/page-layout-images/ajax-loader-teal.gif') no-repeat 50% 50%;
}

    .login-form div {
        background: #fff;
    }

    .login-form input[type="submit"] {
        margin: 12px 0;
    }

.login-form__register, .login-form__recovery {
    display: inline-block;
    padding: 12px 24px 12px 0;
    font-weight: 400;
}

@media (min-width: 480px) {
    .login-form,
    .login-form__actions {
        max-width: 400px;
        padding: 24px;
        margin: 0 auto;
    }

    .login-form {
        border: 1px solid #ccc;
        margin-top: 48px;
        position: relative;
    }

    .login-form__actions {
        margin-bottom: 48px;
    }

    .login-form__register {
        float: right;
        margin-top: -105px;
        padding-right: 0;
        position: relative;
        z-index: 2;
    }

    .login-form__recovery {
        font-size: 0.9em;
        padding: 12px 0;
        margin-top: -12px;
        opacity: 0.8;
    }
}

/* ---------- =sitefinity ---------- */

.sys-template {
    display: none;
}

.sfContentBlock {
    margin-bottom: 24px;
}

    .sfContentBlock:last-child {
        margin-bottom: 0;
    }

.sf_cols:not(.interior-layout):not(.grid):not(.content-box-wrap) {
    width: auto !important;
    /* margin-right: -24px !important; */
}

.sf_colsOut:not([class*="interior-layout"]):not(.grid__unit):not(.content-box) {
    padding-right: 24px !important;
    padding-bottom: 24px;
}

.sf_colsOut:not(.grid__unit) > .sf_colsIn {
    margin: 0 !important;
}

/* For Solr debug */
.debug-url {
    background-color: #efe;
    border: 2px solid Green;
    padding: .5em;
    margin-bottom: .5em;
    word-wrap: break-word;
}

/* make it possible to actually edit global items in page builder view */
.sfPageEditor .header-logo,
.sfPageEditor .header-user,
.sfPageEditor .header-utility,
.sfPageEditor .header-search,
.sfPageEditor .header-nav,
.sfPageEditor .footer-foundation,
.sfPageEditor .footer-contact,
.sfPageEditor .footer-social,
.sfPageEditor .footer-utility,
.sfPageEditor .footer-copyright {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 0 20px !important;
    float: none !important;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
}
    /* reduce size of svg logo in page builder */
    .sfPageEditor .header-logo picture,
    .sfPageEditor .header-logo img {
        max-height: 100px;
    }

/* space form builder fields */
.sf-fieldWrp > input,
.sf-fieldWrp > select,
.sf-fieldWrp > textarea,
.sf-fieldWrp > div > input,
.sf-fieldWrp > div > select,
.sf-fieldWrp > div > textarea {
    margin-bottom: 20px !important;
}

.sf_colsIn > .sf-fieldWrp > input:last-child,
.sf_colsIn > .sf-fieldWrp > select:last-child,
.sf_colsIn > .sf-fieldWrp > textarea:last-child {
    margin-bottom: 0 !important;
}

.sfInlineEditingPageMenu .sfInlineEditingToggleLnk {
    z-index: 1001 !important;
}

/* PAMED Staff Editor Styles */
.OrangeButtons {
    border-radius: 5px;
    background-color: #f85639;
    text-align: center;
    padding: 10px;
    color: #ffffff;
    margin: 5px;
    font-size: 18px;
    font-weight: bold;
    width: 200px;
}

.BlueButtons {
    border-radius: 5px;
    background-color: #004568;
    text-align: center;
    padding: 10px;
    color: #ffffff;
    margin: 5px;
    font-size: 18px;
    font-weight: bold;
    width: 250px;
}

.headerbars {
    text-align: center;
    background-color: #00424F;
    margin: 10px 0px;
    padding: 12px 0px;
    font-size: 18pt;
    font-weight: bold;
    color: #ffffff;
}

.figcaptionHelper {
    margin-top: -5px;
}

.divCaptionHelper > figure > img {
    display: initial !important;
}

.PAMED-bkgdGray {
    background-color: #dddddd;
    padding: 20px !important;
    margin: 10px !important;
    border: thin solid #444;
    border-radius: 5px;
    box-shadow: 10px 10px 5px grey;
}

.PAMED-bkgdHOME {
    background-color: #ffffff;
    padding: 6px 0px 0px 6px !important;
    margin-bottom: 5px !important;
    border: 2px solid #00B5ba;
    border-radius: 5px;
}

.PAMED-bkgdNavy {
    background-color: #004568;
    padding: 20px !important;
    margin: 10px !important;
}

.PAMED-TeenHealthCalendar {
    background-color: #ffffff;
    padding: 5px !important;
    margin: 5px !important;
    border: thin dotted #00424F;
    height: 165px;
}

.PAMED-brderFull {
    border: thin solid #3d89b1;
    padding: 10px;
}

.PAMED-brdrRightdk {
    border-right: thick solid #444;
    padding: 3px 10px 3px 0px;
}

.PAMED-brdrLeftdk {
    border-left: thick solid #444;
    padding: 3px 0px 3px 10px;
}

.PAMED-brdrRightwt {
    border-right: thick solid #fff;
    padding: 3px 10px 3px 0px;
}

.PAMED-brdrLeftwt {
    border-left: thick solid #fff;
    padding: 3px 0px 3px 10px;
}

.HomeSwishButton {
    background: url(/images/librariesprovider2/art-of-medicine/brushstroke_background_transparent.png?Status=Master&sfvrsn=ad201f6c_2);
    width: 210px;
    height: 66px;
    line-height: 3em;
    padding: 18px 42px;
    border-width: 0;
    font-weight: 400;
    color: #ffffff !important;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    background-color: rgba(255, 255, 255, 0) !important;
}

    .HomeSwishButton:hover {
        background: url(/images/librariesprovider2/art-of-medicine/brushstroke_background_transparent.png?Status=Master&sfvrsn=ad201f6c_2);
        width: 210px;
        height: 66px;
        line-height: 2em;
        padding: 18px 42px;
        border-width: 0;
        font-weight: 400;
        color: #fff !important;
        text-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
        background-color: rgba(255, 255, 255, 0) !important;
    }

/*Custom ordered list with numbers positioned on the outside*/
.CountDownlist {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-position: outside;
    position: relative;
}

    .CountDownlist > li {
        counter-increment: step-counter;
        margin-bottom: 10px;
        margin-left: 30px;
        margin-right: 30px;
        padding: 4px 0 10px 0;
    }

        .CountDownlist > li::before {
            content: counter(step-counter);
            font-size: 80%;
            background-color: #00B5ba;
            color: white;
            font-weight: bold;
            padding: 3px 8px;
            border-radius: 3px;
            position: absolute;
            z-index: -1;
            left: -5px;
            margin-top: 5px;
        }

        .CountDownlist > li:nth-child(-n+9)::before {
            padding: 3px 10px;
        }

        .CountDownlist > li > ul {
            list-style-type: none;
            background-color: #ffffff;
            border-left: solid #ffffff 100px;
            margin-left: -35px;
        }

            .CountDownlist > li > ul > li::before {
                content: "\2022\a0";
                font-size: 26px;
            }

            .CountDownlist > li > ul > li {
                margin-top: 10px;
            }

#home-div {
    display: flex;
}

.home-wrap {
    margin: auto;
}

    .home-wrap:first-child {
        margin-left: 0;
    }

    .home-wrap:last-child {
        margin-right: 0;
    }

.home-box, #join-box {
    width: 250px;
    border: 2px solid #00B5ba;
    background-color: #ffffff;
}

    .home-box h4.contentTitle, #join-box h4.contentTitle {
        text-align: center;
        color: #ffffff;
        background-color: #00a69d;
        padding: 10px 0px;
        font-weight: bold;
        margin-bottom: 0px !important;
        font-size: 14pt;
        text-transform: uppercase;
    }

    .home-box h4, #join-box h4 {
        color: #00B5ba;
    }

    .home-box img, #join-box img {
        width: 250px;
        height: 167px;
    }

    .home-box a {
        background-color: #00B5ba;
        color: #ffffff;
        padding: 5px;
        border-radius: 5px;
    }

    #join-box h4 a {
        color: #ffffff;
    }

.home-wrap:last-child #join-box {
    height: 355px !important; /* relative to height of other boxes*/
    position: relative;
}

    .home-wrap:last-child #join-box h4.contentTitle {
        position: absolute;
        bottom: 0;
        margin: auto;
        left: 0;
        right: 0;
    }

.home-box p {
    margin: 5px 10px 15px 10px;
}

    .home-box p:last-child {
        text-align: center;
        margin-bottom: 10px;
    }

@media screen and (min-width: 960px) and (max-width: 1380px) {
    .header-nav {
        margin: 0px !important;
    }

        .header-nav > ul > li > a {
            padding: 12px 25px 36px !important;
        }

        .header-nav > ul > li:last-child a {
            padding: 10px !important;
        }

    #MainNavigationPlaceholder_TD4F29891012_ctl00_ctl00_navigationUl {
        width: 100%;
        margin: 0px !important;
    }
}

@media screen and (max-width: 960px) {
    .home-box, .home-wrap, #join-box {
        width: 100%;
    }

    #join-box, .home-box {
        margin-bottom: 10px;
    }

    .sf_cols:nth-child(2) {
        display: flex;
        flex-wrap: wrap;
    }

    /* .sf_colsOut.sf_4cols_4_25 {
order: -1;
} */
}

.page-header {
    /* background: url("/images/librariesprovider2/page-layout-images/homepage-header.jpg?sfvrsn=5138a844_2");
*/

    background-size: 1920px 200px;
    background-repeat: repeat-x;
    background-color: #00424F;
}

#header-search__input {
    background-color: rgba(0, 57, 74, 1);
}

#ContentPlaceholder_C076 {
    color: #f95639;
    font-size: 20pt;
}

    #ContentPlaceholder_C076::before {
        content: "WELCOME ";
        white-space: pre;
    }

    #ContentPlaceholder_C076::after {
        content: '!';
    }

#welcome-learn-more {
    background-color: #f95639;
    color: #ffffff;
    padding: 10px;
    border-radius: 5px;
}

#yt-embed {
    width: 100%;
}

    #yt-embed iframe {
        width: 100% !important;
    }

/*"Menu" text next to hamburger menu*/
button.page-header__toggle {
    color: #ffffff;
}

/*Color of hamburger menu on mobile with A.O.M. blue banner*/
.toggle-indicator__piece::before {
    background: #ffffff;
}

#gray-callout {
    background-color: #e8efed;
    text-align: center;
}

    #gray-callout h5 {
        color: #004568;
    }

    #gray-callout a {
        width: 228px;
        margin-bottom: 5px;
    }

        #gray-callout a:last-child {
            margin-bottom: 10px;
        }

/* Last li element for Join PAMED is highlighted */
.header-nav > ul > li:last-child a {
    background-color: white;
    padding: 10px;
    color: rgba(0, 57, 74, 1);
    border-radius: 10px;
    border: thin double #00424F;
}

    /* Last li element for Join PAMED is highlighted */
    .header-nav > ul > li:last-child a:hover {
        background-color: #00424F;
        padding: 10px;
        color: white;
        border-radius: 10px;
        border: thin double black;
    }

/*div that houses the dynamic login name w/welcome message*/
#ContentPlaceholder_C092_Col00 {
    text-align: center;
}

/* brushstroke banner */
@media screen and (max-width:1380px) {
    .page-header {
        background-size: 1920px 295px;
    }
}

/* 4 boxes on home screen */
@media screen and (min-width:1100px) and (max-width:1170px) {
    .home-box, #join-box {
        width: 230px;
    }
}

/* 4 boxes on home screen */
@media screen and (min-width:961px) and (max-width:1099px) {
    .home-box, #join-box {
        width: 204px;
    }
}

/* teal button sizes in gray callout box, creates small top margin on tablet/mobile in 4 boxes */
@media screen and (min-width: 522px) and (max-width: 960px) {
    #gray-callout a {
        width: 404px;
    }

    .home-box img {
        margin-top: 10px;
    }
}

/* teal button sizes in gray callout box, creates small top margin on tablet/mobile in 4 boxes */
@media screen and (min-width: 320px) and (max-width: 521px) {
    #gray-callout a {
        width: 202px;
    }

    .home-box img {
        margin-top: 10px;
    }
}

.header-nav a {
    font-weight: 600;
}

.header-utility__item a, span.header-search__search-text {
    color: #ffffff !important;
}

li.header-utility__item > a {
    color: #ffffff !important;
}

#join-box > ul {
    margin: 0px 11px 0px 35px;
}

input#header-search__input.is-active {
    background-color: #ffffff !important;
}

    input#header-search__input.is-active::placeholder {
        color: rgba(101, 116, 124, 0.8);
    }

h4.contact_name {
    text-align: center;
    color: #ffffff;
    background-color: #00a69d;
    padding: 10px;
    font-weight: bold;
    margin-bottom: 0px !important;
    font-size: 12pt;
    text-transform: uppercase;
}

/*parent container of entire box, width is tentative*/
.contact_box {
    border: 2px solid #00a69d;
    background: #fff;
}

    .contact_box ul {
        margin: 0px !important;
    }

        .contact_box ul li {
            list-style-type: none;
        }

/*parent container for name, position and fun fact section, and fun fact section*/
.contact_content, .sfpostContent.sfcontent {
    display: none;
}

/*employee department*/
/* .contact_dept {
} */

/*name of employee*/
/* .contact_name {
} */

/*employee position*/
/* .contact_position {
} */

/*wrapper class for modal*/
div.paragraph li {
    padding-left: 0px !important;
}

/*Pop-up modal styling*/
#downloadModal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    /* padding-top: 100px; Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

body:not(.sfPageEditor) .modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 25%;
}

/*'X' close button located in the right corner of the modal*/
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    z-index: 999;
    position: relative;
    margin-right: 5px;
}

    .close:hover, .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }

/*modal content is always there, but hidden with display none. the node is copied and placed in the modal, below is the
copied content*/
#customModalID .contact_content, #customModalID .sfpostContent.sfcontent {
    display: block;
}

/*sets cursor for pop-up modal content area*/
#customModalID {
    cursor: auto !important;
}

/*implies clickability on image and name of contact*/
.contact_box {
    cursor: pointer;
}

    /*spacing for image inside of initial contact box, image in custom modal*/
    .contact_box img, #customModalID img {
        margin: 3px auto;
    }

/*margin for modal text content*/
.contact_content span, .contact_content div {
    margin: 0px 5px;
}

/*allows the wrapping indent of modal fun fact*/
#customModalID span {
    display: inline-block;
}

/*fun fact has a default list item bullet*/
.sfpostContent.sfcontent {
    list-style-type: none;
}

/*custom modal screen sizing on various screen sizes*/
@media screen and (max-width: 1101px) {
    .modal-content, .auth-modal-content {
        width: 50% !important;
    }
}

/*grid makes each 20% section go full screen at 767px instead of the tablet view which starts at 960px (as of 5/9/18)*/
@media screen and (min-width: 768px) {
    .contact_box {
        position: relative;
    }

    .contact_name {
        position: absolute;
        width: 100%;
        bottom: 0;
    }

    .contact_box img {
        margin: 47px auto;
        margin-top: 3px;
    }

    .contact_content {
        margin-bottom: 50px !important;
    }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
    .modal-content, .auth-modal-content {
        width: 90% !important;
    }

    .contact_box img {
        margin: 3px auto;
    }

    .auth-modal-content {
        position: absolute;
        top: 10px;
        margin-left: 5% !important;
        height: 96vh !important;
    }

    #dynamicModalContent .sf_colsIn.authCol {
        height: 90vh !important;
    }

    .fullAuthContent {
        overflow-y: auto !important;
        height: 54vh !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 960px) {
    .auth-modal-content {
        position: absolute;
        top: 100px;
        margin-left: 7% !important;
        height: 78vh !important;
        width: 85vw !important;
    }
}

/*MEET THE TEAM ONLY*/
#contactFilter {
    border: solid 3px #00424F;
    width: 325px;
    right: 0;
    position: absolute;
    -webkit-appearance: none; /*removes dropdown arrow*/
    -moz-appearance: none;
}

#categoryFilterDiv {
    margin: auto !important;
    width: 325px;
}

/*Category filter dropdown for feature boxes*/
#tagFilter {
    border: solid 3px #00424F;
    width: 325px;
    -webkit-appearance: none; /*removes dropdown arrow*/
    -moz-appearance: none;
    margin: auto;
}

/*removes dropdown arrow from IE*/
select#contactFilter::-ms-expand, select#tagFilter::-ms-expand {
    display: none;
}

/*Inserts custom arrow that is universal across all browsers*/
#filterDiv::after {
    content: "\25BC";
    position: absolute;
    right: 8px;
    margin-top: 12px;
    color: #00424F;
    z-index: -1;
}

/*Same as above for general feature box filters*/
#categoryFilterDiv::after {
    content: "\25BC";
    color: #00424F;
    z-index: -1;
    position: absolute;
    margin: -35px 0px 0px 300px;
}

#categoryFilterDiv::before {
    content: "Narrow By Topic:";
    position: absolute;
    margin: 10px 0px 0px -135px;
}

.grid.grid--compact div.contact-box .margin-small.home-row-1 {
    min-height: auto !important;
}

/*Featured Boxes CSS (Custom Content Type)*/

.featured-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.featured-box {
    /*margin: 10px auto;*/
    margin: 5px;
    max-height: 355px;
    height: 355px;
    width: 250px;
    border: 2px solid #00B5ba;
    background-color: #ffffff;
}

    .featured-box h4 {
        text-align: center;
        color: #ffffff;
        background-color: #00a69d;
        padding: 10px 0px;
        font-weight: bold;
        margin-bottom: 0px !important;
        font-size: 14pt;
        text-transform: uppercase;
    }

    .featured-box img {
        width: 250px;
        height: 167px;
    }

    .featured-box p {
        margin: 5px 10px 15px 10px;
    }

        .featured-box p:last-child {
            text-align: center;
            margin-bottom: 10px;
        }

    .featured-box .featureBtn, .tealBtnChevron {
        background-color: #00B5ba;
        color: #ffffff;
        padding: 5px;
        border-radius: 5px;
    }

        .tealBtnChevron:hover {
            color: #E8E8E8 !important;
        }

        .tealBtnChevron::after {
            font-family: "Font Awesome 6 Pro";
            content: ' \f138';
        }

    .featured-box .descNoBtn {
        text-align: left !important;
        margin-top: 30px;
    }

/* !----- Calendar Icon Style ------- */

time.icon {
    font-size: 1em; /* change icon size */
    display: block;
    position: relative;
    width: 7em;
    height: 7em;
    background-color: #fff;
    margin: 2em auto;
    border-radius: 0.6em;
    box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
    overflow: hidden;
    backface-visibility: hidden;
    transform: rotate(0deg) skewY(0deg);
    -webkit-backface-visibility: hidden;
    -webkit-transform: rotate(0deg) skewY(0deg);
    -webkit-transform-origin: 50% 10%;
    transform-origin: 50% 10%;
}

    time.icon * {
        display: block;
        width: 100%;
        font-size: 1em;
        font-weight: bold;
        font-style: normal;
        text-align: center;
    }

    time.icon strong {
        position: absolute;
        top: 0;
        padding: 0.4em 0;
        color: #fff;
        background-color: #fd9f1b;
        border-bottom: 1px dashed #f37302;
        box-shadow: 0 2px 0 #fd9f1b;
    }

    time.icon em {
        position: absolute;
        bottom: 0.3em;
        color: #fd9f1b;
    }

    time.icon span {
        width: 100%;
        font-size: 2.8em;
        letter-spacing: -0.05em;
        padding-top: 50px;
        color: #2f2f2f;
    }

/*Event Calendar on Home Page (needed as event styling pulls in extra attributes that are unneeded)*/
.upcomingEventTable .item-list__date {
    font: 16px/24px "Open Sans", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
    opacity: 1;
}

/* !----- End Calendar Icon Style ------- */

/* Tool Tip */
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

    .tooltip .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: #dddddd;
        color: #000000;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        top: 150%;
        left: 50%;
        margin-left: -60px;
    }

        .tooltip .tooltiptext::after {
            content: "";
            position: absolute;
            bottom: 100%;
            left: 50%;
            margin-left: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent transparent black transparent;
        }

    .tooltip:hover .tooltiptext {
        visibility: visible;
    }

/* !--- Expand/Collapse List --- */
.sflistExpandAllLnk {
    color: red;
    float: right;
}

.sflistCollapseAllLnk {
    color: red;
    float: right;
    display: none;
}

h3.sflistItemTitle {
    font-size: 18px;
    margin-bottom: -5px;
    text-decoration: underline;
}

/* !--- End Expand/Collapse List --- */

#header-search__input {
    background-color: #ffffff !important;
}

@media screen and (min-width: 960px) {
    .header-search__input {
        border: none !important;
    }
}

/* FORUM STYLING STARTED 8/2/18 */

/*"Reply to..." text above reply text area*/
.sfforumsReplyToTitle {
    font-size: 25px;
    font-weight: bold;
}

/*forum title*/
.sfforumTitle {
    color: #00424F;
}

/*email sub button styling on forum main page*/
.sfforumEmailLnk {
    background-color: #00B5ba;
    color: #ffffff;
}

    /*email sub button hover behavior*/
    .sfforumEmailLnk:hover {
        background-color: #0b7566;
        color: #ffffff;
    }

/*new thread button styles in forum page*/
.sfforumNewThreadLnk {
    float: left;
    margin-top: -10px;
    margin-right: 20px;
}

/*individual post reply buttons*/
.sfforumReplyBtn.fa {
    margin: 5px 0px;
}

/*individual post time container*/
.sfforumPostAge {
    margin-top: 5px;
}

/*thread text content*/
.sfforumThreadPostContent {
    font-size: 14px;
}

.sfforumThreadPostUser, .sfforumPostAge {
    font-size: 12px;
}

/*new thread button styles in forum page*/
.sfforumNewThreadLnk, .sfforumReplyBtn.fa, .sfforumUnsubscribeBtn, .sfCancel, .sfDisplayNone.sfforumPostTitleCancelEdit,
.sfforumSubscribeBtn, .sfSubmitBtn, .sfDisplayNone.sfforumPostTitleSaveEdit {
    background-color: #E54040;
    color: #ffffff;
    font: 16px "Open Sans", "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif, "Font Awesome 6 Pro";
    font-weight: bold;
    padding: 5px;
    border-radius: 5px;
}

    /*new thread hover behavior*/
    .sfforumNewThreadLnk:hover, .sfforumReplyBtn.fa:hover, .sfforumUnsubscribeBtn:hover, .sfCancel:hover,
    .sfDisplayNone.sfforumPostTitleCancelEdit:hover, .sfforumSubscribeBtn:hover, .sfSubmitBtn:hover,
    .sfDisplayNone.sfforumPostTitleSaveEdit:hover {
        background-color: #c1220b;
        color: #ffffff;
        cursor: pointer;
    }

    /*link styling override (focused buttons turning teal based on original PAMED sf styling)*/
    .sfforumEmailLnk:focus, .sfforumNewThreadLnk:focus, .sfCancel:focus {
        color: #ffffff;
    }

/*email and new thread button sizing on main forum page*/
.sfforumEmailLnk, .sfforumNewThreadLnk {
    padding: 5px;
    border-radius: 5px;
    margin-top: -4px;
}

/*decorative spacing between filter links*/
.sfthreadsFilterList .sfthreadsFilterListItm::before {
    content: " | ";
}

.sfthreadsFilterList .sfthreadsFilterListItm:first-child::before {
    content: "";
}

/*table of threads in forum*/
.sfforumThreadsList {
    width: 100%;
    margin: 50px 0px;
}

    /*thread list text orientation*/
    .sfforumThreadsList thead tr {
        text-align: left;
        border-bottom: solid;
    }

        /*same as above, but because IE is dumb*/
        .sfforumThreadsList thead tr th {
            text-align: left;
        }

    /*spacing in the forum thread lists on main menu*/
    .sfforumThreadsList tbody tr td {
        padding: 10px 0px;
    }

/*main post at top of thread*/
#forumPostHeader {
    margin-bottom: -35px;
    margin: 0px 80px 0px 50px;
}

/*font styling of the number of posts in the forum*/
.sfforumSocialShareWrp.sfTop.sfClearfix {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 50px;
    margin-top: -25px;
}

/*top margin underneath the first post and reply/emial sub buttons, removes list style types*/
.sfforumThreadPostList {
    margin: 50px 0px 0px 0px;
    list-style-type: none;
}

/*visual border for design/orientation of posts in threads*/
.sfforumThreadPost.sfClearfix {
    border-bottom: solid #dddddd;
}

/*forum post "initial" title*/
.sfforumPostTitle {
    font-size: 18px;
    font-weight: bold;
}

    /*removes testing border from the "initial" post*/
    .sfforumPostTitle + .sfforumThreadPost.sfClearfix {
        border: none;
    }

/*spacing between posts in a thread*/
.sfforumThreadPostList .sfforumThreadPost.sfClearfix {
    margin: 50px 0px;
}

/*removed border around reply section*/
.sfforumPostReplyForm {
    padding: 0px;
    margin: 0px;
    border: none;
}

.sfforumPostTitleEdit {
    cursor: pointer;
}

    .sfforumPostTitleEdit:hover {
        opacity: 0.9;
    }

    .sfforumPostTitleEdit::before, .sfEditBtn::before {
        content: "[";
    }

.sfEditBtn::after {
    content: "]";
}

/*adding more context to the edit button next to the title when you are admin/user who posted thread*/
.sfforumPostTitleEdit::after {
    content: " Title]";
}

/*ineffectual "close" button is hidden*/
.sfClose {
    display: none;
}

.sfforumEmailSubscriberWrp.sfforumEmailSubscriptionShown .sfforumEmailSubscriptionInfoWrp {
    margin-top: 30px;
    border-left: solid;
    padding: 20px;
}

/*error message if field is empty on submit*/
.sfforumNewThreadFormList .sfError {
    color: red;
}

/*user information hidden when replying*/
.sfforumPostReplyForm .sfforumThreadPostUser {
    display: none;
}

.sfforumPostReplyContainer {
    margin-bottom: 50px;
}

/*redundant scroll bar in reply container*/
.sfforumReplyThreadContent {
    overflow: hidden;
}

/*return to forum level link*/
/* .returnToForum {
} */

.forumWrap.atTop {
    margin: 10px 0px 25px 50px !important;
}

/*header navigation margin issue fix*/
.page-header .sfContentBlock {
    margin: 0px;
}

.forumPostRelpy {
    margin-left: 50px !important;
}

@media screen and (max-width: 960px) {
    .featured-box {
        width: 100% !important;
    }

    .forumPostRelpy {
        margin-left: 25px !important;
        border-left: solid #dddddd !important;
    }

        .forumPostRelpy > div {
            margin-left: 10px !important;
        }

    /*main post at top of thread*/
    #forumPostHeader {
        margin: 0px;
        margin-bottom: -35px;
    }

    .forumWrap {
        margin: 10px 0px 25px 0px !important;
    }
}

.header-nav > ul > li:last-child:hover > ul {
    background-color: #f95639 !important;
    text-align: center;
}

    .header-nav > ul > li:last-child:hover > ul::before {
        border-bottom-color: #f95639 !important;
    }

/* PRIOR AUTH MODAL CHANGES */

/* STYLING FOR CLONED CONTENTS OF MODAL */
#dynamicModalContent .sf_colsOut.authCol {
    margin-top: 10px !important;
    width: 100%;
}

#dynamicModalContent .fullAuthContent {
    display: inherit;
}

#dynamicModalContent .sf_colsIn.authCol {
    height: 375px;
}

#dynamicModalContent .fullAuthContent {
    padding-top: 10px;
}

#dynamicModalContent .authReadMore {
    display: none;
}

.ytAuth img {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}

.authStats {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    left: 0;
    line-height: 30px;
    font-size: 18px;
    font-weight: bold;
    color: #00424F;
}

#dynamicModalContent .authStats {
    margin: 0px 50px;
    font-size: 20px;
    line-height: 40px;
}

@media screen and (min-width: 1280px) {
    div.authCol > div.authCol .authStats {
        margin: 0px 34px;
    }
}

@media screen and (min-width: 1084px) and (max-width: 1279px) {
    div.authCol > div.authCol .authStats {
        margin: 0px 10px;
    }
}

@media screen and (min-width: 1005px) and (max-width: 1083px) {
    div.authCol > div.authCol .authStats {
        margin: 0px;
    }
}

@media screen and (min-width: 960px) and (max-width: 1004px) {
    div.authCol > div.authCol .authStats {
        font-size: 17px;
    }
}

@media screen and (min-width: 320px) and (max-width: 959px) {
    div.authCol > div.authCol .authStats {
        font-size: 20px;
        margin: 0px 10px;
    }
}

#dynamicModalContent iframe {
    width: 100%;
}

/* CONTINUED MODAL STYLING */
.sf_colsIn.authCol {
    text-align: center;
    border: solid #00B5ba;
    height: 225px;
    position: relative;
}

.sf_colsOut.authCol {
    cursor: pointer;
}

.fullAuthContent {
    display: none;
}

.shortAuthQuote {
    font-size: 18px;
    color: #75787B;
    display: inline-block;
    padding: 15px 10px 0px 10px;
}

.personName {
    background-color: #00B5ba;
    color: #ffffff;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    font-weight: bold;
}

.auth-modal-content {
    height: 415px;
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 50%;
    position: relative;
}

.shortAuthQuote, .fullAuthContent {
    padding: 15px 10px 0px 10px;
}

@media screen and (min-width: 320px) and (max-width: 1080px) {
    .shortAuthQuote, .fullAuthContent {
        padding: 0px 10px;
    }
}

.authReadMore {
    color: #00B5ba;
    cursor: pointer;
}

    .authReadMore:hover {
        color: #00a69d;
    }

.authLocation {
    display: inline-block;
    padding: 10px 0px;
}

.shortAuthQuote::before {
    content: '\f10d';
    font-size: 50px;
    position: absolute;
    top: 13px;
    left: 5px;
    opacity: 0.2;
    font-family: "Font Awesome 6 Pro";
}

.shortAuthQuote::after {
    content: '\f10e';
    font-size: 50px;
    position: absolute;
    top: 13px;
    right: 5px;
    opacity: 0.2;
    font-family: "Font Awesome 6 Pro";
}

.authArrow {
    cursor: pointer;
    z-index: 10;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    padding: 10px;
    font-size: 18px;
    background-color: rgba(117, 120, 123, 0.5);
    color: #ffffff;
    font-weight: bold;
}

    .authArrow:hover {
        background-color: #75787B;
    }

.right.authArrow {
    border-radius: 3px 0px 0px 3px;
    right: 0;
}

.left.authArrow {
    border-radius: 0px 3px 3px 0px;
    left: 0;
}

.fa-shopping-cart:before {
    color: #00a69d;
}

@media screen and (max-width: 959px) {
    .header-nav > ul > li {
        background-color: #ffffff;
    }

        .header-nav > ul > li:last-child a {
            padding: 12px !important;
        }
}

@media screen and (min-width: 960px) and (max-width: 1079px) {
    .header-nav > ul > li:first-child {
        padding-left: 75px !important;
    }

    .header-nav > ul > li:last-child {
        padding-right: 125px !important;
        padding-top: 30px !important;
    }

        .header-nav > ul > li:last-child a {
            margin-top: -20px !important;
            margin-right: -30px !important;
        }

    .header-nav > ul > li {
        background-color: #00424F !important;
        padding-top: 10px !important;
    }
}

/* .sf_colsOut:not([class*="interior-layout"]):not(.grid__unit):not(.content-box) {
padding-bottom: 0px !important;
} */

@media screen and (min-width: 320px) and (max-width: 960px) {
    .sf_cols.PAMED-bkgdGray div > p {
        padding-bottom: 25px;
    }
}

/* SubMenu Style */
.menuSub {
    background-color: #dddddd;
    /*padding: 10px 0px;*/
    /*margin-top: 20px;*/
    margin: 20px 0px;
    font-size: 18px;
    color: #00424F;
    font-weight: bold;
    text-align: center !important;
    margin-left: auto;
    margin-right: auto;
}

    /* submenu mobile dropdown styling */
    .menuSub select {
        border: 3px solid #bbd0ca;
        color: #000000;
    }

    /* submenu on desktop */
    .menuSub ul {
        display: table;
        text-align: center;
        margin: 0px;
        padding: 12px 0px;
        width: 100%;
        margin-left: 0px !important;
    }

        .menuSub ul li {
            display: table-cell;
        }

    .menuSub li.k-item.k-state-default.k-last {
        border: none;
    }

    /* PAMED Internal Subsite menu styles (4-6 items) */
    .menuSub .fourItems li {
        width: calc(25% - 1px);
    }

    .menuSub .fiveItems li {
        width: calc(20% - 1px);
    }

    .menuSub .sixItems li {
        width: calc(17% - 6px);
    }

    .menuSub > ul > li > div {
        top: 55px !important;
        width: 330px !important;
    }

        .menuSub > ul > li > div > ul {
            overflow: visible !important;
            text-align: left !important;
        }

            .menuSub > ul > li > div > ul > li, .menuSub > ul > li > div > ul > li > a {
                width: 100% !important;
            }

            .menuSub > ul > li > div > ul a {
                background-color: #dddddd !important;
            }

.sfSel.k-link {
    text-decoration: underline;
}

/* DEFAULT ACCORDION CSS */
/* accordion container */
.sf_cols.accordion {
    margin-right: 0px !important;
    border: solid #00B5ba 1px;
    /* background-color: #dddddd; */
    margin-bottom: 25px;
    padding: 8px 0px;
}

    /* clickable label area (text container) */
    .sf_cols.accordion > .sf_colsOut.accordion__label {
        border: none !important;
        /* background-color: #dddddd; */
        margin-left: 1px;
    }

/* active accordion label */
.accordion__label.is-active {
    background: none !important;
}

/* label text itself */
.sf_cols.accordion > .sf_colsOut.accordion__label > div > div {
    color: #004568;
    font-weight: bold;
    font-size: 16px;
}

.sf_cols.accordion > .sf_colsOut.accordion__label:hover > div > div {
    color: #00a69d;
}

.sf_cols.accordion > .sf_colsOut.accordion__label > div > div > p {
    display: inline-block;
}

/* content closed */
.sf_cols.accordion > .sf_colsOut.accordion__label > div > div::after {
    content: '\f078';
    font-family: 'Font Awesome 6 Pro';
    margin-left: 5px;
}

/* content open */
.sf_cols.accordion > .sf_colsOut.accordion__label.is-active > div > div::after {
    content: '\f077';
    font-family: 'Font Awesome 6 Pro';
    margin-left: 5px;
}

.accordion__content {
    border: none !important;
    padding: 0px !important;
}

/* schedule "table" individual rows */
/* .legalRow {
padding: 10px !important;
border-bottom: 1px solid #e8e8e8;
} */

/* default color of "table" links */
/* .legalRow span {
color: #00a69d;
} */

/* chevron */
/* .legalRow span::after {
content: ' \f078';
font-family: 'Font Awesome 6 Pro';
white-space: pre;
position: absolute;
} */

/* accordion default (fixing spacing issues) */
/* .legalRow .accordion__label {
padding: 0px;
border: none;
} */

/* when accordion is active (replaces white border) */
/* .legalRow .accordion__label.is-active {
border: 1px solid #00a69d;
width: 100%;
} */

/* accordion title on activation */
/* .legalRow .accordion__label.is-active > div > div > strong > span {
display: inline-block;
padding: 10px;
} */

/* active accordion text content (alignment fix) */
/* .legalRow .accordion__content.is-active p {
margin-bottom: 24px !important;
} */

/* spacing between multiple accordions in one row */
/* .legalRow .accordion + .accordion {
margin-top: 10px;
} */

@media screen and (min-width: 961px) and (max-width: 1075px) {
    .menuSub ul li {
        font-size: 16px;
    }
}

@media screen and (min-width: 320px) and (max-width: 960px) {
    /* submenu on desktop (hidden in place of dropdown) */
    .menuSub ul {
        display: none;
    }
}
/* .legalRow {
border-bottom: solid 1px;
margin-top: 10px !important;
padding-bottom: 20px !important;
}

/* event times in left column
.legalRow > div p {
text-align: left !important;
} */

/* End SubMenu Style */

/* Yellow Background */

.YellowBackgroundBox {
    background-color: rgba(240, 236, 116, 0.25);
    padding: 10px;
    margin: 5px;
}

.gray-left {
    border-left: thin dashed #dddddd;
    padding-left: 10px !important;
}

/* Featured Job Bank Widget Search Bar Fix */
input#jt_input_findjob {
    display: inline-block !important;
}

/* Win list feature on new home page layout (next to rotating photo grid) */
.winList {
    cursor: pointer;
}

    .winList > h4 {
        text-decoration: underline;
    }

.winListContent {
    display: none;
}

#customModalID > .winListContent {
    display: block;
}

/* job bank list items */
.jobListItem {
    padding-bottom: 15px;
    margin-left: -10px;
    margin-right: -15px;
}

/* view more link for the job bank */
.jobViewMore {
    color: white;
    background-color: #00424F;
    padding: 10px;
    display: block;
    text-align: center;
    border-radius: 5px;
    font-size: 16px;
}

    .jobViewMore::after {
        font-family: 'Font Awesome 6 Pro';
        content: '\f138';
        margin-left: 5px;
        display: inline-block;
    }

/* Additions June 2020 Shay Mitchell */

@media (min-width: 960px) {
    /* .AOMIntro {
margin-top: 450px;
}
*/
}

@media (max-width: 767px) {
    .grid.polaroid-grid .grid__unit {
        width: auto !important;
    }
}

.polaroid {
    padding: 15px;
    padding-bottom: 30px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    background: #fff;
    text-align: center;
    width: 280px;
    height: 350px;
}

.tilt-left {
    transform: rotate(-5deg);
}

.tilt-right {
    transform: rotate(5deg);
}

.aomHeader.header-new {
    color: #fdb414;
}

.clear {
    clear: both;
}

.rotating-image img {
}

#quoteContainer.bio-container {
    position: static;
    margin-bottom: 45px;
    width: 100%;
    background: #00424F;
    float: left;
}

h2.quotes.bios-quotes {
    line-height: 30px;
    /* font-size: 20px; */
    padding: 10px;
}

    h2.quotes.bios-quotes br.br-space {
        display: block;
        margin-bottom: 24px;
    }

.quotes.bios-quotes img {
    position: static;
}

.document-header {
    background-color: #015d6c;
    color: #fff;
    padding: 20px;
    text-align: center;
    font-size: 24px;
}

.sfPageEditor .header-nav {
    display: none;
}

.pagination {
    list-style: none;
    margin: 0 0 24px;
}

    .pagination .overview {
        display: block;
        font-size: 16px;
    }

    .pagination li {
        display: inline-block;
        margin-bottom: 0.2em;
    }

        .pagination li a {
            display: block;
            width: 36px;
            padding: 6px 0;
            text-align: center;
            color: #4d5362;
            background: #fff;
            font-size: 16px;
        }

            .pagination li a:hover,
            .pagination li a:focus {
                color: #fff;
                background: #00a79d;
            }

    .pagination .active a {
        font-weight: 700;
        color: #fff;
        background: #00a79d;
    }

@media (min-width: 940px) {
    .pagination .overview {
        display: inline-block;
        margin-right: 1.5em;
    }
}

.pagination__overview {
    margin-top: 25px;
}

.pagination__current {
    background: #f3901d;
    color: #fff;
    padding: 5px 10px;
    margin-right: 10px;
}

.pagination__page {
    margin-right: 10px;
}

ul.rsmFlow.rsmLevel.rsmOneLevel {
    margin-left: 0 !important;
}

.comments-form {
    margin-top: 45px;
}

    .comments-form img {
        float: left;
        margin-right: 25px;
        clear: both;
        margin-bottom: 5px;
    }

    .comments-form a {
        margin-bottom: 25px;
        display: inline-block;
    }

@media (min-width: 960px) {
    .comments-form textarea {
        width: 80%;
        margin-left: 10% !important;
    }
}

@media (max-width: 960px) {
    .comments-form img {
        margin-bottom: 25px;
    }
}

.calendarMonth {
    font-size: 16px !important;
}

.calendarEventContent .item-list__date {
    opacity: 1 !important;
    margin: 0 0 6px;
}

.item-list.event-mvc .item-list__item + .item-list__item {
    border: none;
}

.item-list.event-mvc .calendarContainer > div:last-child {
    margin: 0;
}

.item-list.event-mvc .calendarContainer {
    margin-bottom: 0;
}

.homeMsg {
    border: solid #FFA805 5px;
    background-color: #00424F;
    text-align: center;
    border-radius: 5px;
    position: relative;
}

    .homeMsg a {
        background-color: #FFA805;
        color: white;
        min-width: 150px;
        border-radius: 5px;
        padding: 10px 20px;
        display: inline-block;
    }

/* Decision Tree */

@media screen and (max-width: 959px) {
    .grid.top-circle {
        max-width: 95% !important;
    }

    .grid__unit--1-2-l.item-circle, .grid__unit.grid__unit--1-1.first-tier, .grid__unit.grid__unit--1-2-l.tier-three,
    .grid__unit.grid__unit--1-2-l.tier-four {
        padding: 0 !important;
    }

    .item-label {
        background: #00a69d;
        width: 100%;
        height: auto;
        background: #00a69d;
        padding: 25px 20px 20px 20px;
        color: #fff;
        margin-bottom: 10px;
        text-align: center;
        margin: 0 auto 15px auto;
        border-radius: 10px;
    }

        .item-label:after {
            content: url(https://www.pamedsoc.org/images/default-source/default-album/decision-arrow.png?sfvrsn=4ecaeb39_2);
            float: right;
            display: block;
        }

        .item-label.is-active:after {
            content: url(https://www.pamedsoc.org/images/default-source/default-album/decision-arrow.png?sfvrsn=4ecaeb39_2);
            transform: rotate(180deg);
        }

    .first-box.item-label {
        font-size: 30px;
    }

        .first-box.item-label:after {
            content: '';
        }

    .second-tier.item-label {
        background: #00424F;
        font-size: 24px;
        line-height: 30px;
    }

    .tier-three .item-label {
        font-size: 20px;
    }

    .tier-four .item-label {
        font-size: 16px;
    }

    .final-tier div {
        margin: 25px 0;
    }

    .item-circle[data-tier="5"] {
        width: 100% !important;
        height: auto !important;
        color: #fff !important;
        margin-bottom: 24px;
        padding-top: 24px !important;
        padding-bottom: 24px !important;
    }

        .item-circle[data-tier="5"] a {
            color: #fff !important;
        }

        .item-circle[data-tier="5"][data-option="47"] {
            background: none;
            margin: -28px 0-24px 0;
            padding: 0;
        }

    .item-circle[data-tier="6"] {
        width: 100% !important;
        height: auto !important;
        padding: 24px 24px !important;
        margin-bottom: 24px !important;
    }
}

@media (min-width: 960px) {
    .grid__unit--1-2-l.item-circle {
        width: 48% !important;
    }

    .grid__unit--1-5-l.item-circle {
        width: 20% !important;
    }

    .grid__unit.item-circle, .grid__unit.first-tier {
        padding-bottom: 0 !important;
        padding-right: 0 !important;
    }

    .item-label {
        background: #00a69d;
        width: 200px;
        height: 200px;
        background: #00a69d;
        padding: 50px 20px 20px 20px;
        color: #fff;
        margin-bottom: 10px;
        text-align: center;
        margin: 0 auto 45px auto;
        border: #1a4465 solid 2px;
        border-radius: 10px;
    }

    .final-tier-new.item-circle {
        border: #1a4465 solid 2px;
    }

    .second-tier.item-label {
        max-width: 95%;
        height: 200px;
        margin-right: 48px;
        padding: 24px 20px 12px 20px;
    }

    .first-box.item-label:after {
        content: '';
    }

    .item-label:after {
        content: url(https://www.pamedsoc.org/images/default-source/default-album/decision-arrow-large.png?sfvrsn=9eac5b24_2);
        bottom: -40px;
        position: relative;
        left: 0;
        right: 0;
        display: block;
    }

    .item-label.is-active:after {
        content: url(https://www.pamedsoc.org/images/default-source/default-album/decision-arrow-large.png?sfvrsn=9eac5b24_2);
        transform: rotate(180deg);
    }

    .tier-four .item-label {
        width: 150px;
        height: 150px;
        padding-top: 50px;
    }

    .tier-four.new-tree .item-label {
        padding-top: 24px;
        width: 200px;
        height: 200px;
    }

    .tier-four:nth-child(2) {
        overflow: visible;
        position: absolute;
        left: 0;
        display: inline-block;
    }

        .tier-four:nth-child(2) .item-label {
            background: #A8AD00;
        }

    .tier-four:nth-child(3) .item-label {
        background: #FFA805;
    }

    .tier-four:nth-child(4) .item-label {
        background: #E54040;
    }

    .tier-four:nth-child(3) {
        overflow: visible;
        position: absolute;
        left: 30%;
        display: inline-block;
    }

    .tier-four:nth-child(4) {
        overflow: visible;
        position: absolute;
        left: 60%;
        display: inline-block;
    }

    .tier-four:nth-child(5) {
        overflow: visible;
        position: absolute;
        left: 60%;
        display: inline-block;
    }

    .tier-four:nth-child(6) {
        overflow: visible;
        position: absolute;
        left: 80%;
        display: inline-block;
    }

    .tier-four.new-tree:nth-child(23), .tier-four.new-tree[data-tier="4"][data-option="22"] {
        overflow: visible;
        position: absolute;
        left: -300% !important;
        display: inline-block;
    }

    .tier-four.new:nth-child(24), .tier-four.new-tree[data-tier="4"][data-option="23"] {
        overflow: visible;
        position: absolute;
        left: 70% !important;
        display: inline-block;
    }

    .tier-four:nth-child(25), .tier-four.new-tree[data-tier="4"][data-option="24"] {
        overflow: visible;
        position: absolute;
        left: 440% !important;
        display: inline-block;
    }

    .tier-three.new-three:nth-child(9), .tier-three.new-three[data-tier="3"][data-option="8"] {
        left: -500% !important;
        position: relative;
    }

    .final-tier-new:nth-child(2), .final-tier-new[data-tier="4"][data-option="1"] {
        background: #A8AD00;
    }

    .final-tier-new:nth-child(2) {
        overflow: visible;
        position: absolute;
        left: -20%;
        display: inline-block;
    }

    .final-tier-new:nth-child(3) {
        overflow: visible;
        position: absolute;
        left: 130%;
        display: inline-block;
    }

    .final-tier-new:nth-child(4), .final-tier-new.item-circle[data-tier="5"][data-option="3"] {
        overflow: visible;
        position: absolute;
        left: 200% !important;
        display: inline-block;
    }

    .final-tier-new:nth-child(5), .final-tier-new.item-circle[data-tier="5"][data-option="4"] {
        overflow: visible;
        position: absolute;
        left: -70% !important;
        display: inline-block;
    }

    .final-tier-new:nth-child(6), .final-tier-new.item-circle[data-tier="5"][data-option="5"] {
        overflow: visible;
        position: absolute;
        left: 50% !important;
        display: inline-block;
    }

    .final-tier-new:nth-child(7), .final-tier-new.item-circle[data-tier="5"][data-option="6"] {
        overflow: visible;
        position: absolute;
        left: 0;
        display: inline-block;
    }

    .final-tier-new:nth-child(8), .final-tier-new.item-circle[data-tier="5"][data-option="7"] {
        overflow: visible;
        position: absolute;
        left: -15% !important;
        display: inline-block;
    }

    /* DEI Final Tier. */

    .final-tier-new:nth-child(9), .final-tier-new.item-circle[data-tier="5"][data-option="8"] {
        overflow: visible;
        position: absolute;
        left: 90% !important;
        display: inline-block;
    }

    .final-tier-new:nth-child(10), .final-tier-new.item-circle[data-tier="5"][data-option="9"] {
        overflow: visible;
        position: absolute;
        left: 105% !important;
        display: inline-block;
    }

    .final-tier-new:nth-child(11), .final-tier-new.item-circle[data-tier="5"][data-option="10"] {
        overflow: visible;
        position: absolute;
        left: 230% !important;
        display: inline-block;
    }

    .final-tier-new:nth-child(12), .final-tier-new.item-circle[data-tier="5"][data-option="11"] {
        overflow: visible;
        position: absolute;
        left: -50% !important;
        display: inline-block;
    }

    .final-tier-new:nth-child(13), .final-tier-new.item-circle[data-tier="5"][data-option="12"] {
        overflow: visible;
        position: absolute;
        left: 60% !important;
        display: inline-block;
    }

    .final-tier-new:nth-child(14), .final-tier-new.item-circle[data-tier="5"][data-option="13"] {
        overflow: visible;
        position: absolute;
        left: -50% !important;
        display: inline-block;
    }

    .final-tier-new:nth-child(15), .final-tier-new.item-circle[data-tier="5"][data-option="14"] {
        overflow: visible;
        position: absolute;
        left: 60% !important;
        display: inline-block;
    }

    .final-tier-new:nth-child(16), .final-tier-new.item-circle[data-tier="5"][data-option="15"] {
        overflow: visible;
        position: absolute;
        left: -20% !important;
        display: inline-block;
    }

    .final-tier-new:nth-child(17), .final-tier-new.item-circle[data-tier="5"][data-option="16"] {
        overflow: visible;
        position: absolute;
        left: 90%;
        display: inline-block;
    }

    .final-tier-new:nth-child(18), .final-tier-new.item-circle[data-tier="5"][data-option="17"] {
        overflow: visible;
        position: absolute;
        left: 200% !important;
        display: inline-block;
    }

    .final-tier-new:nth-child(20), .final-tier-new.item-circle[data-tier="5"][data-option="19"] {
        overflow: visible;
        position: absolute;
        left: -45% !important;
        display: inline-block;
    }

    .final-tier-new:nth-child(21), .final-tier-new.item-circle[data-tier="5"][data-option="20"] {
        overflow: visible;
        position: absolute;
        left: 75% !important;
        display: inline-block;
    }

    .final-tier-new:nth-child(33), .final-tier-new.item-circle[data-tier="5"][data-option="32"] {
        overflow: visible;
        position: absolute;
        left: 310% !important;
        display: inline-block;
    }

    .final-tier-new:nth-child(39), .final-tier-new.item-circle[data-tier="5"][data-option="38"] {
        padding-top: 30px;
    }

    .final-tier-new:nth-child(41), .final-tier-new.item-circle[data-tier="5"][data-option="40"] {
        overflow: visible;
        position: absolute;
        left: 310% !important;
        display: inline-block;
    }

    .final-tier-new:nth-child(46), .final-tier-new.item-circle[data-tier="5"][data-option="45"] {
        padding-top: 24px;
    }

    .final-tier-new:nth-child(47), .final-tier-new.item-circle[data-tier="5"][data-option="46"] {
        overflow: visible;
        position: absolute;
        left: -160%;
        display: inline-block;
    }

    .final-tier-new:nth-child(48), .final-tier-new.item-circle[data-tier="5"][data-option="47"] {
        overflow: visible;
        position: absolute;
        left: -45%;
        display: inline-block;
    }

    .final-tier-new:nth-child(49), .final-tier-new.item-circle[data-tier="5"][data-option="48"] {
        overflow: visible;
        position: absolute;
        left: 72% !important;
        display: inline-block;
    }

    .final-tier-new:nth-child(50), .final-tier-new.item-circle[data-tier="5"][data-option="49"] {
        overflow: visible;
        position: absolute;
        left: 72% !important;
        display: inline-block;
    }

    .final-tier-new:nth-child(51), .final-tier-new.item-circle[data-tier="5"][data-option="50"] {
        overflow: visible;
        position: absolute;
        left: 187% !important;
        display: inline-block;
    }

    .final-tier-new:nth-child(52), .final-tier-new.item-circle[data-tier="5"][data-option="51"] {
        overflow: visible;
        position: absolute;
        left: -45% !important;
        display: inline-block;
    }

    .final-tier-new:nth-child(53), .final-tier-new.item-circle[data-tier="5"][data-option="52"] {
        overflow: visible;
        position: absolute;
        left: 67% !important;
        display: inline-block;
    }

    .final-tier-new:nth-child(56), .final-tier-new.item-circle[data-tier="5"][data-option="54"] {
        padding-top: 15px;
    }

    .final-tier {
        overflow: visible;
        position: absolute;
        left: 0 !important;
        right: 0 !important;
        width: 850px;
    }

        .final-tier.item-circle[data-tier="5"][data-option="2"] {
            left: -115% !important;
        }

    .item-circle[data-tier="5"][data-option="3"] {
        left: -235% !important;
    }

    .item-circle[data-tier="5"][data-option="4"] {
        left: -350% !important;
    }

    .item-circle[data-tier="5"][data-option="5"] {
        left: -460% !important;
    }

    .item-circle[data-tier="5"][data-option="7"] {
        left: -115% !important;
    }

    .item-circle[data-tier="5"][data-option="8"] {
        left: -235% !important;
    }

    .item-circle[data-tier="5"][data-option="9"] {
        left: -350% !important;
    }

    .item-circle[data-tier="5"][data-option="10"] {
        left: -460% !important;
    }

    .item-circle[data-tier="5"][data-option="12"] {
        left: -115% !important;
    }

    .item-circle[data-tier="5"][data-option="13"] {
        left: -235% !important;
    }

    .item-circle[data-tier="5"][data-option="14"] {
        left: -350% !important;
    }

    .item-circle[data-tier="5"][data-option="15"] {
        left: -460% !important;
    }

    .item-circle[data-tier="5"][data-option="17"] {
        left: -115% !important;
    }

    .item-circle[data-tier="5"][data-option="18"] {
        left: -235% !important;
    }

    .item-circle[data-tier="5"][data-option="19"] {
        left: -350% !important;
    }

    .item-circle[data-tier="5"][data-option="20"] {
        left: -460% !important;
    }

    .item-circle[data-tier='6'][data-option="2"] {
        padding-top: 15px;
    }

    .item-circle a, .item-circle a:hover {
        color: #fff;
    }

    .tier-four:nth-child(3) .item-label.fifth-expand {
        background: #00a69d !important;
        padding-top: 24px !important;
        margin-top: -86px;
        margin-left: -9px;
        width: 150px;
    }
}

.page-title.decisions {
    margin-top: -72px;
}

@media (min-width: 960px) and (max-width: 1079px) {
    .second-tier.item-label {
        font-size: 14px;
    }

        .second-tier.item-label::after {
            bottom: -24px;
        }
}

@media (min-width: 960px) and (max-width: 1199px) {
    .final-tier-new:nth-child(47), .final-tier-new.item-circle[data-tier="5"][data-option="46"] {
        width: 150px;
    }

    .final-tier-new:nth-child(48), .final-tier-new.item-circle[data-tier="5"][data-option="47"] {
        width: 150px;
        left: -75%;
    }

    .final-tier-new:nth-child(49), .final-tier-new.item-circle[data-tier="5"][data-option="48"] {
        width: 150px;
        left: 12% !important;
    }

    .final-tier-new:nth-child(50), .final-tier-new.item-circle[data-tier="5"][data-option="49"] {
        width: 150px;
        left: 10% !important;
    }

    .final-tier-new:nth-child(51), .final-tier-new.item-circle[data-tier="5"][data-option="50"] {
        left: 75% !important;
    }
}

@media (min-width: 1200px) {
    .tier-four .item-label {
        width: 200px;
        height: 200px;
        padding-top: 85px;
    }

    .tier-four.new-tree .item-label {
        padding-top: 24px;
    }

    .tier-four:nth-child(2) {
        overflow: visible;
        position: absolute;
        left: 0;
        display: inline-block;
    }

    .tier-four:nth-child(3) {
        overflow: visible;
        position: absolute;
        left: 20%;
        display: inline-block;
    }

    .tier-four:nth-child(4) {
        overflow: visible;
        position: absolute;
        left: 40% !important;
        display: inline-block;
    }

    .tier-four:nth-child(5) {
        overflow: visible;
        position: absolute;
        left: 60% !important;
        display: inline-block;
    }

    .final-tier {
        width: 1000px;
    }

    .final-tier-new:nth-child(47), .final-tier-new.item-circle[data-tier="5"][data-option="46"] {
        left: -140% !important;
    }

    .final-tier-new:nth-child(48), .final-tier-new.item-circle[data-tier="5"][data-option="47"] {
        left: -30% !important;
    }

    .final-tier-new:nth-child(49), .final-tier-new.item-circle[data-tier="5"][data-option="48"] {
        left: -30% !important;
    }

    .final-tier-new:nth-child(50), .final-tier-new.item-circle[data-tier="5"][data-option="49"] {
        left: 80% !important;
    }

    .final-tier-new:nth-child(51), .final-tier-new.item-circle[data-tier="5"][data-option="50"] {
        left: 70% !important;
    }

    .tier-four:nth-child(3) .item-label.fifth-expand {
        width: 200px;
    }

    .final-tier-new:nth-child(3) {
        left: 90%;
    }
}

@media (min-width: 1400px) {
    /* DEI Final Tier. */

    .final-tier-new:nth-child(8), .final-tier-new.item-circle[data-tier="5"][data-option="7"] {
        overflow: visible;
        position: absolute;
        left: -50% !important;
        display: inline-block;
    }

    .final-tier-new:nth-child(9), .final-tier-new.item-circle[data-tier="5"][data-option="8"] {
        overflow: visible;
        position: absolute;
        left: 60% !important;
        display: inline-block;
    }

    .final-tier-new:nth-child(10), .final-tier-new.item-circle[data-tier="5"][data-option="9"] {
        overflow: visible;
        position: absolute;
        left: 70% !important;
        display: inline-block;
    }

    .final-tier-new:nth-child(11), .final-tier-new.item-circle[data-tier="5"][data-option="10"] {
        overflow: visible;
        position: absolute;
        left: 190% !important;
        display: inline-block;
    }
}

@media (min-width: 1500px) {
    .final-tier {
        width: 1200px;
    }
}

/* SubHeaders with the Arrows */

.ArrowHeaders {
    font-size: 26px;
    background-color: rgba(242,169,0,.05);
    padding: 20px;
    position: relative;
    padding-left: 45px;
}

    .ArrowHeaders::before {
        content: "";
        position: absolute;
        border-left: 32px solid #FFA805;
        border-top: 32px solid transparent;
        border-bottom: 32px solid transparent;
        left: 0;
        top: 0;
    }

.BackgroundBar {
    font-size: 26px;
    background-color: rgba(242,169,0,.05);
    padding: 20px;
    position: relative;
    padding-left: 45px;
    font-family: "Merriweather", serif;
    color: #00424F;
    margin-top: 15px;
    margin-bottom: 15px;
    text-transform: uppercase
}

    .BackgroundBar::before {
        content: "";
        position: absolute;
        border-left: 32px solid #FFA805;
        border-top: 32px solid transparent;
        border-bottom: 32px solid transparent;
        left: 0;
        top: 0;
    }

/* subhead ends */

/*list box with title view*/

.list-boxes-with-title {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

    .list-boxes-with-title .box-with-title {
        width: 250px;
        margin: 20px;
        position: relative;
    }

    .list-boxes-with-title img {
        width: 100%;
        height: 167px;
    }

    .list-boxes-with-title .title {
        background: rgba(39,153,137,.9);
        color: white;
        max-width: calc(100% - 30px);
        padding: 10px 15px 10px 15px;
        position: absolute;
        font-weight: bold;
        font-size: 12px;
        bottom: 20px;
        text-select: none;
        pointer-events: none;
        line-height: 1.1em;
    }

    .list-boxes-with-title .bottom {
        padding: 10px 5px 10px 5px;
        font-size: 14px;
    }

    .list-boxes-with-title a {
        display: block;
        line-height: 1.1em;
        position: relative;
    }

    .list-boxes-with-title .fa {
        padding-left: 4px;
    }

/*list box with category view*/
.list-boxes-with-category {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

    .list-boxes-with-category .box-with-category {
        width: 250px;
        margin: 20px;
        position: relative;
    }

    .list-boxes-with-category img {
        width: 100%;
        height: 167px;
    }

    .list-boxes-with-category .category {
        background: rgba(39,153,137,.9);
        color: white;
        padding: 10px 15px 10px 15px;
        position: absolute;
        font-weight: bold;
        font-size: 12px;
        bottom: 20px;
        text-select: none;
        pointer-events: none;
        max-width: calc(100% - 30px);
        line-height: 1.1em;
    }

    .list-boxes-with-category .bottom {
        padding: 10px 5px 10px 5px;
        font-size: 14px;
    }

    .list-boxes-with-category a {
        display: block;
        line-height: 1.1em;
        position: relative;
    }

    .list-boxes-with-category .fa {
        padding-left: 4px;
    }

/*vertical box with categories view*/
.vertical-box-with-categories, .vertical-box-with-categories > .right > .bottom {
    display: table;
}

.vertical-box-with-categories {
    margin-bottom: 20px;
}

    .vertical-box-with-categories .left, .vertical-box-with-categories .right {
        display: table-cell;
        vertical-align: middle;
        position: relative;
    }

    .vertical-box-with-categories > .left {
        vertical-align: top;
    }

    .vertical-box-with-categories > .right {
        padding-left: 15px;
    }

    .vertical-box-with-categories .right .right {
        padding-left: 10px;
    }

    .vertical-box-with-categories p {
        margin-bottom: 0;
    }

    .vertical-box-with-categories .title {
        font-size: 18px;
    }

    .vertical-box-with-categories .description {
        margin-bottom: 15px;
    }

    .vertical-box-with-categories .call-to-action {
        padding: 6px 10px;
        6px 10px;
        background: #004568;
        font-size: 12px;
        color: white;
        border-radius: 3px;
        display: block;
        line-height: 1em;
        text-align: center;
    }

    .vertical-box-with-categories .left .image {
        width: 200px;
        height: 200px;
        position: relative;
        border: 2px solid #00B5ba;
    }

        .vertical-box-with-categories .left .image img {
            width: 100%;
            height: 100%;
            margin: 0;
            border-radius: 0px !important;
        }

    .vertical-box-with-categories .left .bottom {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        color: white;
        padding: 8px 5px 5px 5px;
        background: rgba(39,153,137,.9);
        text-align: center;
        font-size: 12px;
        font-weight: bold;
        pointer-events: none;
        line-height: 1em;
    }

        .vertical-box-with-categories .left .bottom .fa {
            padding-left: 4px;
        }

    .vertical-box-with-categories .category, .vertical-box-with-categories .pipe {
        color: red;
    }

@media(max-width:550px) {
    .vertical-box-with-categories .left .image {
        width: 130px;
        height: 130px;
    }

    .vertical-box-with-categories > .right > .bottom, .vertical-box-with-categories > .right > .bottom .left, .vertical-box-with-categories > .right > .bottom .right {
        display: block;
        padding-left: 0;
    }

    .vertical-box-with-categories .description {
        margin-bottom: 0;
    }

    .vertical-box-with-categories .call-to-action {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .vertical-box-with-categories .image .bottom {
        display: none;
    }
}

/*featured box list view */
.list-view .featured-box {
    height: auto;
    border-radius: 5px 25px;
    overflow: hidden;
    margin: 20px;
    width: auto !important;
}

    .list-view .featured-box p {
        text-align: center;
        font-weight: bold;
        color: #00424F;
        margin: 5px 10px 5px 10px;
    }

.list-view .HomeBottom {
    background-color: #00B5ba;
    text-align: center;
    padding: 9px;
    border-radius: 0px 0px 2px 22px;
}

    .list-view .HomeBottom a {
        color: #ffffff !important;
    }