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


/*! ---------- =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;
}
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: #e04e39;
    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 #00424f;
border-radius: 20px;
text-align: center;
font-size: 16px;
font-weight: 700;
line-height: 24px;
color: #00424f;
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: #00424f;
}
.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: #00424f;
border-color: #00b5ba;
}
.button--highlight:hover, .button--highlight:focus {
background: #00b5ba;
}
.button--action {
color: #00424f;
border-color: #e54040;
}
.button--action:hover, .button--action:focus {
background: #e54040;
}
.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: #00424f;
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: #00b5ba;
}
.button--cta.button--highlight:hover, .button--cta.button--highlight:focus {
background-color: #00c4ba;
}
.button--cta.button--action {
background-color: #e54040;
}
.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: ghostwhite;
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 #30cf82;
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 #e54040;
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: #e54040;
}
.content-box--inverse,
.content-box.inverse {

background: linear-gradient(90deg, rgba(50,52,138,1) 0%, rgba(50,124,134,1) 100%);

}
.content-box--inverse.content-box--highlight,
.content-box--inversehighlight {
background: linear-gradient(90deg, rgba(248,158,33,1) 0%, rgba(241,124,40,1) 100%);
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: white;
}
.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-block;
vertical-align: top;
font-weight: 400;
}
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: #f2a900;
}
.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: #E04E39;
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:#004250;
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 #279989;
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 #004250;
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: #279989;
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 #279989;
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: #279989;
}
.home-box img, #join-box img {

width: 250px;
height: 167px;
}
.home-box a {

background-color: #279989;
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:#004250;  
  
}

#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 #004250;
}


/* Last li element for Join PAMED is highlighted */
.header-nav > ul > li:last-child a:hover {
background-color: #004250;
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 #004250;
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 #004250;
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:#004250;
z-index: -1;
}

/*Same as above for general feature box filters*/
#categoryFilterDiv::after {

content: "\25BC";
color:#004250;
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 #279989;
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: #279989;
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: #004250;
}

/*email sub button styling on forum main page*/
.sfforumEmailLnk {

background-color: #279989;
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: #E04E39;
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: #004250;
}

#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 #279989;
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: #279989;
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: #279989;
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;
}
}

/* Navigation Fix (HOD link pushes store link down before hitting mobile breakpoint 960px) */

@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: #004250 !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: #004250;
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 #279989 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: #004250;
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: #004250;
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 #f2a900 5px;background-color:#004250;text-align:center;border-radius:5px;position:relative;
}

.homeMsg a {

background-color: #f2a900;
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/librariesprovider2/page-layout-images/decision-arrow.png?sfvrsn=4ecaeb39_2);
float: right;
display: block;
}

.item-label.is-active:after {
content:
url(https://www.pamedsoc.org/images/librariesprovider2/page-layout-images/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: #004250;
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/librariesprovider2/page-layout-images/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/librariesprovider2/page-layout-images/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: #f2A900;
  }

.tier-four:nth-child(4) .item-label {
  background: #e04e39; 
  }  
  
  


.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 #f2a900;
    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:#004250;
  margin-top:15px;
  margin-bottom:15px;
   text-transform: uppercase
}

.BackgroundBar::before {
    content: "";
    position: absolute;
    border-left: 32px solid #f2a900;
    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 #279989;
}

.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: #004250;
  margin: 5px 10px 5px 10px;
}

.list-view .HomeBottom {
    background-color: #279989;
    text-align: center;
    padding: 9px;
    border-radius: 0px 0px 2px 22px;
}

.list-view .HomeBottom a{
  color: #ffffff !important;
}




/* Formatted Bill Tracker Table */
#BillTracker {

  border-collapse: collapse;
  width: 100%;
  margin:auto;
}

#BillTracker td, #BillTracker th {
  border: 1px solid #ddd;
  padding: 10px;
}

#BillTracker tr:nth-child(even){background-color: ghostwhite;}


#BillTracker th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #00b5ba;
  color: white;
  font-size: 18px;
}