/*------>>> TABLE OF CONTENTS <<<-------
	- CUSTOM PROPERTIES
    - CUSTOM RESETS
    - FOUNDATION RESETS
    - SLICK SLIDER RESETS
    - BASE STYLES
	- COMMON STYLES
*/


/************************************
/*----------------------------------
/* CUSTOM PROPERTIES
/*----------------------------------
/*************************************/


:root {
/*----- Row Width -----*/
    --row-max-width-px:1280px;
    --row-max-width-rem:80rem;
/*----- Colors -----*/
    /*----- Base  -----*/
    --color-base:#424951; /* Base Font Color */
    --color-base-rgb:66,73,81;
    --color-white:#fefefe;
    --color-white-rgb:254,254,254;
    --color-black:#0a0a0a;
    --color-black-rgb:10,10,10;
    /*----- Primary  -----*/
    --color-primary:#024a91;
    --color-primary-rgb:2,74,145;
    --color-primary-dark:#01284E;
    --color-primary-dark-rgb:1,40,78;
    /*----- Secondary  -----*/
    --color-secondary:#b30e1e;
    --color-secondary-rgb:179,14,30;
    --color-secondary-dark:#930c19;
    --color-secondary-dark-rgb:147,12,25;
    /*----- Accents  -----*/
    --color-gray-accent:#e8e9eb;
    --color-gray-accent-rgb:232,233,235;
    --color-gray-accent-dark:#cdcfd3;
    --color-gray-accent-dark-rgb:205,207,211;
    --color-link-hover:#ecdbde; /* natural link hover */
    --color-highlight:#fff3cd; /* <mark> */    
    --color-highlight-alt:#f2e6e8; /* <code> */
    /*----- Main Navigation  -----*/
    --color-nav-accent01:#dadde0;
    --color-nav-accent01-rgb:218,221,224;
    --color-nav-accent02:#e8e8e8;
    --color-nav-accent02-rgb:232,232,232;
    --color-nav-accent03:#d1d5d8;
    --color-nav-accent03-rgb:209,213,216;
/*----- Font Families -----*/
    --font-primary:'Mulish', sans-serif; /* 400 500 & 700 */
/*----- Font Sizes -----*/
    --font-size-base:1.125rem; /* Paragraphs and such */
    --font-size-lead:1.5rem; /* 24px */
    --font-size-h6:1.5rem; /* 24px */
    --font-size-h5:1.75rem; /* 28px */
    --font-size-h4:1.875rem; /* 30px */
    --font-size-h3:2.188rem; /* 35px */
    --font-size-h2:2.5rem; /* 40px */
    --font-size-h1:3.125rem; /* 50px */
/*----- Border Radius -----*/
    --button-radius:30px;
}


/************************************
/*----------------------------------
/* CUSTOM RESETS [Building on normalize.css being pulled with Foundation]
/*----------------------------------
/*************************************/


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    font:inherit;
    vertical-align:baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display:block;
}
html {
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
    scroll-behavior: smooth; /* Smooth Scrolling for any Anchor Links */
}
html, html a, body  {
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
html, body {
    height:auto;
    min-height:100%;
}
body {
    line-height:1;
    box-sizing:border-box;
    margin:0;
    overflow-x:hidden;
}
blockquote, q {
    quotes:none;
}
blockquote::before, blockquote::after, q::before, q::after {
    content:'';
    content:none;
}
::-moz-focus-inner {
    padding:0;
    border:0;
}
/*---> Box Model Reset <---*/
*, *::before, *::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
/*---> Form Resets <---*/
input, label, select, button, textarea {
    margin:0;
    display:inline-block;
    vertical-align:middle;
    white-space:normal;
    line-height:1;	
    /* Browsers have different default form fonts */
    font-size:13px;
    font-family:inherit;
}
/* These elements are usually rendered a certain way by the browser */
button, input[type=reset], input[type=button], input[type=submit], input[type=checkbox], input[type=radio], select {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
input[type=search] {
    -webkit-appearance:textfield;
    -webkit-box-sizing:content-box;
    box-sizing: content-box;
}
::-webkit-search-decoration {
    display:none;
}
button, input[type="reset"], input[type="button"], input[type="submit"] {
    /* Fix IE7 display bug */
    overflow:visible;
    width:auto;
}
::-webkit-file-upload-button {	
    padding:0;
    border:0;
    background:none;
}
textarea  {
    vertical-align:top;
    overflow:auto;
}
select[multiple] {
    vertical-align:top;
}


/************************************
/*----------------------------------
/* FOUNDATION RESETS
/*----------------------------------
/*************************************/


.row {
    max-width:var(--row-max-width-px);
    max-width:var(--row-max-width-rem);
}
.row--wide {
    max-width:1690px;
}
/*---> Reset Card Styling <---*/
.card {
    display:block;
    margin-bottom:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow: none;
    overflow: initial;
    color: inherit;
}
.card > :last-child {
    margin-bottom:inherit;
}
/*---> Reset Button Styling <---*/
.button {
    display:initial;
    vertical-align:initial;
    margin:0;
    font-family:inherit;
    padding:0;
    -webkit-appearance: none;
    border:0;
    border-radius:0;
    transition:none;
    font-size:inherit;
    line-height:inherit;
    text-align:inherit;
    cursor:inherit;
    background-color:transparent;
    color: inherit;
}
/*---> Reset Callout Styling <---*/
.callout {
    position: relative;
    margin:0;
    margin-bottom:0;
    padding:0;
    border:0;
    border-radius:0;
    background-color:transparent;
    color:inherit;
}
/*---> Reset Bottom Margin for Responsive Embeds <---*/
.flex-video, .responsive-embed {
    margin-bottom:1.625rem;
}
/*---> Reset Table Scroll <---*/
.table-scroll table {
    min-width:100%;
}
/*---> Reveal Modal Dialog <---*/
.reveal-overlay {
    z-index:10005;
    background-color:rgba(var(--color-black-rgb), 0.85);
}
.reveal {
    margin-left:auto;
    margin-right:auto;
    padding:2.5rem 2.5rem 1.5rem; 
    border:0;
    border-radius:0;
    background-color:var(--color-white);
    box-shadow:none;
    width:90%;
    max-width:1100px;
}
@media screen and (max-width: 39.9375em) {
    .reveal {
        width:100%;
    }
}
.close-button {
    background-color:var(--color-secondary);
    border-radius:0;
    padding:0;
    width:2.5rem;
    height:2.5rem;
    position:absolute;
    top:0;
    right:0;
    font-size:1.5rem;
    transition:all 200ms ease-in-out;
    -webkit-transition:all 200ms ease-in-out;
    cursor:pointer;
}
.close-button,
.close-button:is(:hover, :active, :focus, :focus-visible) {
    color:var(--color-white);
}
.close-button:is(:hover, :active) {
    background-color:var(--color-secondary-dark);
}
.close-button:active {
    background-color:var(--color-secondary-dark);    -webkit-box-shadow:inset 0 0 0 2px var(--color-secondary-dark), inset 0 0 0 4px var(--color-white);
    -moz-box-shadow:inset 0 0 0 2px var(--color-secondary-dark), inset 0 0 0 4px var(--color-white);
    box-shadow:inset 0 0 0 2px var(--color-secondary-dark), inset 0 0 0 4px var(--color-white);
}
.close-button:is(:focus, :focus-visible) {
    background-color:var(--color-secondary);
    border:0;
    outline:0;
    -webkit-box-shadow:inset 0 0 0 2px var(--color-secondary), inset 0 0 0 4px var(--color-white);
    -moz-box-shadow:inset 0 0 0 2px var(--color-secondary), inset 0 0 0 4px var(--color-white);
    box-shadow:inset 0 0 0 2px var(--color-secondary), inset 0 0 0 4px var(--color-white);
}
.close-button span {
    color:inherit;
    font-size:inherit;
    position:absolute;
    left:0;
    right:0;
    top:calc(50% - 0.063rem);
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
}
/*- Reveal with Video -*/
.reveal--video-modal {
    background:transparent;
}
.reveal--video-modal .close-button,
.close-button--for-video-modal {
    border-radius:100%;
}
@media all and (min-width:40rem) { /* 640px and up */
    .medium-uncollapse>.columns { 
        padding-right:.625rem;
        padding-left:.625rem;
    }
    .medium-shrink {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: 100%;
    }
    .medium-expand {
        max-width:100%;
    }
    .medium-align-right {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .medium-align-left {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .medium-align-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .medium-align-justify {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .medium-align-spaced {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .medium-align-top {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .medium-align-self-top {
        -ms-flex-item-align: start;
        align-self: flex-start;
    }
    .medium-align-bottom {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .medium-align-self-bottom {
        -ms-flex-item-align: end;
        align-self: flex-end;
    }
    .medium-align-middle {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .medium-align-self-middle {
        -ms-flex-item-align: center;
        align-self: center;
    }
    .medium-align-stretch {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .medium-align-self-stretch {
        -ms-flex-item-align: stretch;
        align-self: stretch;
    }
    .medium-align-center-middle {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center;
    }
}
@media all and (min-width:64rem) { /*- 1024px and up -*/
    .large-uncollapse>.columns { 
        padding-right:.625rem;
        padding-left:.625rem;
    }
    .large-shrink {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        max-width: 100%;
    }
    .large-expand {
        max-width:100%;
    }
    .large-align-right {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .large-align-left {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .large-align-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .large-align-justify {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .large-align-spaced {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    .large-align-top {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .large-align-self-top {
        -ms-flex-item-align: start;
        align-self: flex-start;
    }
    .large-align-bottom {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .large-align-self-bottom {
        -ms-flex-item-align: end;
        align-self: flex-end;
    }
    .large-align-middle {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .large-align-self-middle {
        -ms-flex-item-align: center;
        align-self: center;
    }
    .large-align-stretch {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .large-align-self-stretch {
        -ms-flex-item-align: stretch;
        align-self: stretch;
    }
    .large-align-center-middle {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center;
    }
}


/************************************
/*----------------------------------
/* SLICK SLIDER RESETS
/*----------------------------------
/*************************************/


.slick-slider { /*- ul class */
/* Left pad 54px to accommdate previous button + 10px space whitespace */
    padding-left:3.375rem;
/* Right pad 54px to accommdate next button + 10px space whitespace */
    padding-right:3.375rem;
/* Bottom pad 54px to accommodate play/pause button + 10px whitespace */
    padding-bottom:3.375rem;
}
.slick-slide > div { /* Accessible Slick writes in an empty wrapper div around the .slick-slide */
    /* Remove Whitespace */
    line-height:0;
}
.slick-slide {
    position:relative;
    margin:0;
}
.slick-slide img {
    width:100%;
}
.slick-loading .slick-list {
    background: var(--color-white) url('../images/ajax-loader.gif') center center no-repeat;
}
.slider-track {
    transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
}
/*- Navigation Buttons -*/
.slick-prev, .slick-next {
    padding:0;
    border-radius:0;
    position:absolute;
    top:calc(50% - 49px);
    z-index:1;
}
.slick-prev {
    left:0;
}
.slick-next {
    right:0;
}
.slick-prev,
.slick-next,
.slick-prev:is(:hover, :active, :focus, :focus-visible),
.slick-next:is(:hover, :active, :focus, :focus-visible) {
    background:transparent;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    outline:0;
}
.slick-prev-icon,
.slick-next-icon {
    display:block;
    position:relative;
    width:44px;
    height:44px;
    line-height:0;
    transition:all 200ms ease-in-out;
    -webkit-transition:all 200ms ease-in-out;
}
.slick-prev:active .slick-prev-icon,
.slick-next:active .slick-next-icon {
    -webkit-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary-dark);
    -moz-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary-dark);
    box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary-dark);
}
.slick-prev:is(:focus, :focus-visible) .slick-prev-icon,
.slick-next:is(:focus, :focus-visible) .slick-next-icon {
    -webkit-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary);
    -moz-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary);
    box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary);
}
.slick-prev-icon::after,
.slick-next-icon::after {
    display:block;
    width:10px;
    height:18px;
    background:var(--color-base);
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='18' viewBox='0 0 9.15 16'%3E%3Cpath d='M8.82,8.76L1.97,15.67c-.44,.44-1.15,.44-1.58,0-.44-.44-.44-1.15,0-1.58L6.44,7.98,.33,1.92c-.44-.44-.44-1.15,0-1.58,.44-.44,1.15-.44,1.58,0l6.91,6.85c.22,.22,.33,.5,.33,.79s-.11,.57-.33,.79' /%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='18' viewBox='0 0 9.15 16'%3E%3Cpath d='M8.82,8.76L1.97,15.67c-.44,.44-1.15,.44-1.58,0-.44-.44-.44-1.15,0-1.58L6.44,7.98,.33,1.92c-.44-.44-.44-1.15,0-1.58,.44-.44,1.15-.44,1.58,0l6.91,6.85c.22,.22,.33,.5,.33,.79s-.11,.57-.33,.79' /%3E%3C/svg%3E");
    content:"";
    position:absolute;
    inset:0;
    margin:auto;
    transition:all 200ms ease-in-out;
    -webkit-transition:all 200ms ease-in-out;
}
.slick-prev:is(:hover, :active) .slick-prev-icon::after,
.slick-next:is(:hover, :active) .slick-next-icon::after {
    background:var(--color-primary-dark);
}
.slick-prev:is(:focus, :focus-visible) .slick-prev-icon::after,
.slick-next:is(:focus, :focus-visible) .slick-next-icon::after {
    background:var(--color-primary);
}
.slick-prev-icon::after {
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg);
}
.slick-prev.slick-disabled .slick-prev-icon::after,
.slick-next.slick-disabled .slick-prev-icon::after {
    opacity:0.5;
}
/*- Paging -*/
.slick-dots {
    position:absolute;
    /* Given height of pause button is 44px and height of slick dots button is 15px, 44/2 - 15/2 = 14.5px  */
    bottom:14px;
    left:0;
    right:0;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
    list-style:none;
    padding:0;
}
.slick-dots li {
    margin:0 0.375rem;
    line-height:0;
}
.slick-dots li:before {
    display:none;
}
.slick-dots li:focus {
    outline:none;
}
.slick-dots button {
    padding:0;
    border-radius:0;
    line-height:0;
}
.slick-dots button,
.slick-dots button:is(:hover, :active, :focus, :focus-visible) {
    background:transparent;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    outline:0;
}
.slick-dot-icon {
    display:inline-block;
    height:15px;
    width:15px;
    background-color:transparent;
    border:1px solid var(--color-base);
    border-radius:100%;
    vertical-align:middle;
    transition:all 200ms ease-in-out;
    -webkit-transition:all 200ms ease-in-out;
}
.slick-active .slick-dot-icon {
    background: var(--color-base);
}
.slick-dots button:is(:hover, :active) .slick-dot-icon {
    background-color:var(--color-primary-dark);
    border-color:var(--color-primary-dark);
}    
.slick-dots button:active .slick-dot-icon {
    -webkit-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary-dark);
    -moz-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary-dark);
    box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary-dark);
}
.slick-dots button:is(:focus, :focus-visible) .slick-dot-icon,
.slick-dots .slick-active button:is(:focus, :focus-visible) .slick-dot-icon {
    background-color:var(--color-primary);
    border-color:var(--color-primary);
    -webkit-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary);
    -moz-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary);
    box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary);
    outline:0;
}
/*- Autoplay Button -*/
.slick-autoplay-toggle-button {
    padding:0;
    width:44px;
    height:44px;
    border-radius:0;
    position:absolute;
    bottom:0;
    /* 54px from left, the size of the padding */
    left:3.375rem;
    z-index:1;
}
.slick-autoplay-toggle-button,
.slick-autoplay-toggle-button:is(:hover, :active, :focus, :focus-visible) {
    background:transparent;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    outline:0;
}
.slick-pause-icon,
.slick-play-icon {
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    line-height:0;
    border:1px solid var(--color-base);
    border-radius:100%;
    transition:all 200ms ease-in-out;
    -webkit-transition:all 200ms ease-in-out;
}
.slick-autoplay-toggle-button:is(:hover, :active) .slick-pause-icon,
.slick-autoplay-toggle-button:is(:hover, :active) .slick-play-icon {
    background:var(--color-primary-dark);
    border-color:var(--color-primary-dark);
}
.slick-autoplay-toggle-button:active .slick-pause-icon,
.slick-autoplay-toggle-button:active .slick-play-icon {
    -webkit-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary-dark);
    -moz-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary-dark);
    box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary-dark);
}
.slick-autoplay-toggle-button:is(:focus, :focus-visible) .slick-pause-icon,
.slick-autoplay-toggle-button:is(:focus, :focus-visible) .slick-play-icon {
    background:var(--color-primary);
    border-color:var(--color-primary);
    -webkit-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary);
    -moz-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary);
    box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary);
}
.slick-play-icon::after,
.slick-pause-icon::after {
    display:block;
    background:var(--color-base);
    content:"";
    position:absolute;
    inset:0;
    margin:auto;
    transition:all 200ms ease-in-out;
    -webkit-transition:all 200ms ease-in-out;
}
.slick-play-icon::after {
    width:19px;
    height:20px;
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 330 330' width='20' height='20'%3E%3Cpath d='M37.728,328.12c2.266,1.256,4.77,1.88,7.272,1.88c2.763,0,5.522-0.763,7.95-2.28l240-149.999c4.386-2.741,7.05-7.548,7.05-12.72c0-5.172-2.664-9.979-7.05-12.72L52.95,2.28c-4.625-2.891-10.453-3.043-15.222-0.4C32.959,4.524,30,9.547,30,15v300C30,320.453,32.959,325.476,37.728,328.12z' /%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 330 330' width='20' height='20'%3E%3Cpath d='M37.728,328.12c2.266,1.256,4.77,1.88,7.272,1.88c2.763,0,5.522-0.763,7.95-2.28l240-149.999c4.386-2.741,7.05-7.548,7.05-12.72c0-5.172-2.664-9.979-7.05-12.72L52.95,2.28c-4.625-2.891-10.453-3.043-15.222-0.4C32.959,4.524,30,9.547,30,15v300C30,320.453,32.959,325.476,37.728,328.12z' /%3E%3C/svg%3E");
}
.slick-pause-icon::after {
    width:14px;
    height:20px;
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 312 422' width='14' height='20'%3E%3Cpath d='m20.16,0C9.03,0,0,9.03,0,20.16v381.68c0,11.13,9.03,20.16,20.16,20.16h65.68c11.13,0,20.16-9.03,20.16-20.16V20.16c0-11.13-9.03-20.16-20.16-20.16,0,0-65.68,0-65.68,0Zm206,0c-11.13,0-20.16,9.03-20.16,20.16v381.68c0,11.13,9.03,20.16,20.16,20.16h65.68c11.13,0,20.16-9.03,20.16-20.16V20.16c0-11.13-9.03-20.16-20.16-20.16h-65.68Z' /%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 312 422' width='14' height='20'%3E%3Cpath d='m20.16,0C9.03,0,0,9.03,0,20.16v381.68c0,11.13,9.03,20.16,20.16,20.16h65.68c11.13,0,20.16-9.03,20.16-20.16V20.16c0-11.13-9.03-20.16-20.16-20.16,0,0-65.68,0-65.68,0Zm206,0c-11.13,0-20.16,9.03-20.16,20.16v381.68c0,11.13,9.03,20.16,20.16,20.16h65.68c11.13,0,20.16-9.03,20.16-20.16V20.16c0-11.13-9.03-20.16-20.16-20.16h-65.68Z' /%3E%3C/svg%3E");
}
.slick-autoplay-toggle-button:is(:hover, :active, :focus, :focus-visible) .slick-play-icon::after,
.slick-autoplay-toggle-button:is(:hover, :active, :focus, :focus-visible) .slick-pause-icon::after {
    background:var(--color-white);
}
/*- Screen Reader -*/
.slick-sr-only {
    position:absolute !important;
    width:1px;
    height:1px;
    padding:0;
    overflow: hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    -webkit-clip-path:inset(50%);
    clip-path:inset(50%);
    border:0;
    color:var(--color-black);
}
/*---> Slick Slider with Round Navigation Buttons <---*/
.slick-prev--round-btn .slick-prev-icon,
.slick-next--round-btn .slick-next-icon {
	width:44px;
	height:44px;
	border:1px solid var(--color-base);
    border-radius:100%;    
}
.slick-prev--round-btn:is(:hover, :active) .slick-prev-icon,
.slick-next--round-btn:is(:hover, :active) .slick-next-icon {
    background:var(--color-primary-dark);
    border-color:var(--color-primary-dark);
}
.slick-prev--round-btn:active .slick-prev-icon,
.slick-next--round-btn:active .slick-next-icon {
    -webkit-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary-dark);
    -moz-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary-dark);
    box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary-dark);
}
.slick-prev--round-btn:is(:focus, :focus-visible) .slick-prev-icon,
.slick-next--round-btn:is(:focus, :focus-visible) .slick-next-icon {
    background:var(--color-primary);
    border-color:var(--color-primary);
    -webkit-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary);
    -moz-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary);
    box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary);
}
.slick-prev--round-btn:is(:hover, :active, :focus, :focus-visible) .slick-prev-icon::after,
.slick-next--round-btn:is(:hover, :active, :focus, :focus-visible) .slick-next-icon::after {
    background:var(--color-white);
}
/*---> Slick Slider with Navigation Buttons Bottom Aligned <---*/
.slick-slider--btns-after {
    padding-left:0;
    padding-right:0;
}
.slick-slider--btns-after .slick-autoplay-toggle-button {
    /* 54px from left, the size of the padding */
    left:6.750rem;
}
.slick-prev--btn-after,
.slick-next--btn-after {
    top:initial;
    bottom:0;
}
.slick-next--btn-after {
    right:initial;
    left:3.375rem;
}
.slick-dots--right {
    align-items:right;
    justify-content:right;    
}
/*---> Slick Slider with Text Paging <---*/
.slick-dots--text-paging {
}
.slick-dots--text-paging .slick-sr-only {
    display:inline-block;
    margin-left:0.313rem;
    position:initial !important;
    width:initial;
    height:initial;
    overflow: visible;
    clip:initial;
    -webkit-clip-path:initial;
    clip-path:initial;
    font-weight:400;
    line-height:0;
    vertical-align:middle;
}

/************************************
/*----------------------------------
/* BASE STYLES
/*----------------------------------
/*************************************/


body {
    font-family:var(--font-primary);
    font-weight:400;
    font-size:1rem;
    font-size:16px;
    color:var(--color-base);
    line-height:1;
}
/*- Set Vertical Spacing between Block Elements -*/
blockquote, dl, figcaption, form, h1, .like-h1, h2, .like-h2, h3, .like-h3, h4, .like-h4, h5, .like-h5, h6, .like-h6, hr, ol, p, table, ul {
    margin-bottom:1.625rem;
}
a {
    font-weight:700;
    transition:all 200ms ease-in-out;
    -webkit-transition:all 200ms ease-in-out;
}
a,
a:is(:hover, :focus, :focus-visible) {
    color:var(--color-secondary);
}
a:is(:hover){
    background-color:var(--color-link-hover);
}
a:is(:active){
    color:var(--color-secondary-dark);
}
a:is(:active, :focus, :focus-visible) {
    text-decoration:underline;
}
a:is(:focus, :focus-visible) {
    outline:0;
}
code {
    background-color:var(--color-highlight-alt);
    color:var(--color-base);
    padding-left:0.313rem;
    padding-right:0.313rem;
}
mark {
    background-color:var(--color-highlight);
    color:var(--color-black);
}
hr {
    margin-top:0; /* Reset from Foundation */
    border-bottom:1px solid var(--color-base);
}
p, dl, ol, ul, table, blockquote, blockquote p,
cite {
    font-size:var(--font-size-base);
    line-height: 1.525;
}
blockquote, blockquote p,
cite {
    color:var(--color-base);
}
blockquote {
    padding:0.875rem 0 0.875rem 0.875rem;
    border-left:5px solid var(--color-gray-accent)
}
blockquote::before {
    display:block;
    width:30px;
    height:23px;
    margin-bottom:1.25rem;
    background:var(--color-primary);
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 43.54 32.73' width='30' height='23'%3E%3Cpath d='M31.61,14.76c4.93-.49,9.32,3.11,9.81,8.04,.36,3.66-1.54,7.17-4.81,8.86-8.48,4.38-16.2-5.63-14.49-13.92C23.91,7.85,32.28,.5,42.32,0h.99c.13,0,.23,.1,.23,.23v1.84c0,.13-.11,.23-.23,.24-5.4,1.16-11.35,6.56-11.7,12.46' /%3E%3Cpath d='M9.72,14.76c4.93-.49,9.32,3.11,9.81,8.04,.36,3.66-1.54,7.17-4.81,8.86C6.24,36.04-1.48,26.03,.24,17.74,2.03,7.86,10.39,.5,20.43,0h.99c.13,0,.23,.1,.23,.23v1.84c0,.12-.11,.22-.23,.24-5.4,1.16-11.35,6.56-11.7,12.46' /%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 43.54 32.73' width='30' height='23'%3E%3Cpath d='M31.61,14.76c4.93-.49,9.32,3.11,9.81,8.04,.36,3.66-1.54,7.17-4.81,8.86-8.48,4.38-16.2-5.63-14.49-13.92C23.91,7.85,32.28,.5,42.32,0h.99c.13,0,.23,.1,.23,.23v1.84c0,.13-.11,.23-.23,.24-5.4,1.16-11.35,6.56-11.7,12.46' /%3E%3Cpath d='M9.72,14.76c4.93-.49,9.32,3.11,9.81,8.04,.36,3.66-1.54,7.17-4.81,8.86C6.24,36.04-1.48,26.03,.24,17.74,2.03,7.86,10.39,.5,20.43,0h.99c.13,0,.23,.1,.23,.23v1.84c0,.12-.11,.22-.23,.24-5.4,1.16-11.35,6.56-11.7,12.46' /%3E%3C/svg%3E");
    content:"";
}
i, /* Legacy */
em { /* Replaces Legacy <i> */
    font-style:italic;
}
strong {
    font-weight:bold;
}
small {
    font-size:80%;
}
h1, h2, h3, h4, h5, h6 {
    line-height:1.2;
    font-weight:500;
    color:var(--color-primary);
}
h1 {
    font-size:var(--font-size-h1);
}
h2 {
    font-size:var(--font-size-h2);  
}
h3 {
    font-size:var(--font-size-h3); 
}
h4 {
    font-size:var(--font-size-h4);
}
h5 {
    font-size:var(--font-size-h5);
}
h6 {
    font-size:var(--font-size-h6);
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    font-size:var(--font-size-h6);
    color:inherit;
    line-height:inherit;
    font-weight:700;
    display:block;
    margin-top:0.313rem;
    margin-bottom:0.313rem;
}
ul li::marker, 
ol li::marker {
    color:var(--color-secondary); 
}
ol li::marker {
    font-weight:bold;
}
dl dt,
dl dd:not(:last-of-type) {
    margin-bottom:0.5rem;
}
sup, sub {
    font-size:75%;
}
table {
    border-radius:0;
}
table tbody, table tfoot, table thead {
    border:0;
    background-color:transparent;
}
table thead {
    color:var(--color-white);
    background-color:var(--color-primary);
    border:0;
}
table thead td, table thead th {
    font-size:var(--font-size-h6);
}
table tfoot td, table tfoot th, table thead td, table thead th {
    padding:1.5rem;
    text-align:inherit;
}
table tbody td, table tbody th {
    padding:1.5rem;
    background-color:transparent;
}
table thead td, table thead th,
table tfoot td, table tfoot th, table thead td, table thead th,
table tbody td, table tbody th,
table img {
    vertical-align:top;
}
table tbody td:not(:first-of-type), table tbody th:not(:first-of-type) {
    border-left:2px solid #fff;
}
@media screen and (max-width: 63.9375em) {
    table.stack tbody td:not(:first-of-type), table.stack tbody th:not(:first-of-type) {
        border-left:0;
    }
}
table tbody tr {
    background-color:var(--color-gray-accent);
}
table tbody tr:nth-child(2n) {
    background-color:#f6f6f7;
}
table tfoot {
    color: inherit;
}  
label,
fieldset legend {
    font-size:var(--font-size-base);
    font-weight:400;
    line-height:1;
    color:var(--color-base);
}
/* Should I remove the "form" before the selectors? */
form input[type=text],
form input[type=email],
form input[type=tel],
form textarea,
form select,
select {
    background-color:var(--color-white); 
    display:block;
    box-sizing:border-box;
    width:100%;
    height:46px;
    margin:0;
    padding:0.688rem 0.875rem;
    font-family:inherit;
    font-size:var(--font-size-base);
    font-weight:400;
    line-height:1;
    color:var(--color-base);
    border:2px solid var(--color-gray-accent-dark);
    border-radius:0;
    box-shadow:none;
    transition:all 200ms ease-in-out;
    -webkit-transition:all 200ms ease-in-out;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}
form textarea {
    height:auto;
}
form select,
select,
form select:focus,
select:focus,
form select:focus-visible,
select:focus-visible {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 998 582'%3E%3Cpath d='M998,83c0,8.67-3.33,16.33-10,23l-466,466c-6.67,6.67-14.33,10-23,10s-16.33-3.33-23-10L10,106C3.33,99.33,0,91.67,0,83s3.33-16.33,10-23L60,10C66.67,3.33,74.33,0,83,0s16.33,3.33,23,10L499,403,892,10c6.67-6.67,14.33-10,23-10s16.33,3.33,23,10l50,50c6.67,6.67,10,14.33,10,23Z'/%3E%3C/svg%3E");
    background-position:right center;
    background-repeat:no-repeat;
    background-size:12px 7px;
    -webkit-appearance:none !important;
    -moz-appearance:none !important;
}
form input[type=text]:focus,
form input[type=email]:focus,
form input[type=tel]:focus,
form textarea:focus,
form select:focus,
select:focus,
form input[type=text]:focus-visible,
form input[type=email]:focus-visible,
form input[type=tel]:focus-visible,
form textarea:focus-visible,
form select:focus-visible,
select:focus-visible  {
    background-color:var(--color-white);
    border:2px solid var(--color-secondary);
    outline:0;
    box-shadow:none;
}
form input[type=radio]:focus,
form input[type=checkbox]:focus,
form input[type=radio]:focus-visible,
form input[type=checkbox]:focus-visible {
    outline:0;
    border:0;
    -webkit-box-shadow:0 0 0 2px var(--color-white), 0 0 0 4px var(--color-secondary);
    -moz-box-shadow:0 0 0 2px var(--color-white), 0 0 0 4px var(--color-secondary);
    box-shadow:0 0 0 2px var(--color-white), 0 0 0 4px var(--color-secondary);
}
form input[type=text]:active,
form input[type=email]:active,
form input[type=tel]:active,
form textarea:active,
form select:active {
    background-color:var(--color-white);
    border:2px solid var(--color-secondary-dark);
    box-shadow:none;
}
form input[type=radio]:active,
form input[type=checkbox]:active {
    outline:0;
    border:0;
    -webkit-box-shadow:0 0 0 2px var(--color-white), 0 0 0 4px var(--color-secondary-dark);
    -moz-box-shadow:0 0 0 2px var(--color-white), 0 0 0 4px var(--color-secondary-dark);
    box-shadow:0 0 0 2px var(--color-white), 0 0 0 4px var(--color-secondary-dark);
}
form input[type=radio],
form input[type=checkbox] {
    margin:0 0.313rem 0.250rem 0;
}
input[type="submit"],
button,
input[type="button"] {
    display:inline-block;
    width:auto;
    padding:1rem 1.813rem;	
    margin:0;		
    position:relative;
    background-color:var(--color-secondary);
    font-size:var(--font-size-base);
    font-weight:400;
    color:var(--color-white);
    line-height:1;
    text-align:center;
    border:0;
    border-radius:var(--button-radius);
    box-shadow:none;
    cursor:pointer;
    transition:all 200ms ease-in-out;
    -webkit-transition:all 200ms ease-in-out;
}
button,
input[type="button"] {
    background-color:var(--color-primary);
}
input[type="submit"]:hover {
    background-color:var(--color-secondary-dark);
    color:var(--color-white);
}
input[type="submit"]:active {
    background-color:var(--color-secondary-dark);
    color:var(--color-white);
    -webkit-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-secondary-dark);
    -moz-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-secondary-dark);
    box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-secondary-dark);
}
input[type="submit"]:focus,
input[type="submit"]:focus-visible {
    background-color:var(--color-secondary);
    border:0;
    outline:0;
    color:var(--color-white);
    -webkit-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-secondary);
    -moz-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-secondary);
    box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-secondary);
}
button:hover,
input[type="button"]:hover {
    background-color:var(--color-primary-dark);
    color:var(--color-white);
}
button:active,
input[type="button"]:active {
    background-color:var(--color-primary-dark);
    color:var(--color-white);
    -webkit-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary-dark);
    -moz-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary-dark);
    box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary-dark);
}
button:focus,
button:focus-visible,
input[type="button"]:focus,
input[type="button"]:focus-visible {
    border:0;
    outline:0;
    background-color:var(--color-primary);
    color:var(--color-white);
    -webkit-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary);
    -moz-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary);
    box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary);
}
[type="button"]:focus,
[type="button"]:focus-visible,
[type="submit"]:focus,
[type="submit"]:focus-visible {
    outline:0;
}
/*- Highlighting on Select [Click and Drag] -*/
::-moz-selection {
    background-color:var(--color-secondary);
    color:var(--color-white);
}
::selection {
    background-color:var(--color-secondary);
    color:var(--color-white);
}


/************************************
/*----------------------------------
/* COMMON STYLES
/*----------------------------------
/*************************************/


a.color-white {
    text-decoration:underline;
    text-decoration-style:dashed;
}

/*---> Branding <---*/
.branding-link {
    display:block;
    width:100%;
}
.branding-link:hover {
    background-color:transparent;
}
.branding-link:active {
}
.branding-link:is(:focus, :focus-visible) {
    border:0;
    outline:0;
}
.branding-link svg,
.branding-link img {
    display:block;
    width:100%;
    height:auto;
    transform: scale(1);
    transition:all 200ms ease-in-out;
    -webkit-transition:all 200ms ease-in-out;
}
.branding-link:hover svg,
.branding-link:hover img {
    transform: scale(1.1);
}
/*---> Table Alt <---*/
.table--alt {
    color:var(--color-primary);
}
.thead--alt {
    background-color:var(--color-white);
    color:var(--color-inherit);
}

/*---> Buttons <---*/
.btn {
    display:inline-block;
    width:auto;
    padding:1rem 1.813rem;	
    margin:0;	
    position:relative;
    background:var(--color-primary);
    font-size:var(--font-size-base);
    font-weight:400;
    color:var(--color-white);
    line-height:1;
    text-align:center;
    border:1px solid transparent;
    border-radius:var(--button-radius);
    cursor:pointer;
    transition:all 200ms ease-in-out;
    -webkit-transition:all 200ms ease-in-out;
}
.btn:is(:active, :focus, :focus-visible) {
    text-decoration:none;
}
.btn:hover {
    background:var(--color-primary-dark);
    color:var(--color-white);
}
.btn:active {
    background:var(--color-primary-dark);
    color:var(--color-white);
    -webkit-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary-dark);
    -moz-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary-dark);
    box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary-dark);
}
.btn:is(:focus, :focus-visible) {
    background:var(--color-primary);
    -webkit-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary);
    -moz-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary);
    box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary);
    color:var(--color-white);
    outline:0;
}
.btn__icon {
    fill:var(--color-white);
    display:inline-block;
    margin-left:0.938rem;
} 
.btn--large {
    padding-top:1.25rem;
    padding-bottom:1.25rem;
}
.btn--ghost {
    background:transparent;
}
.btn--ghost:not(:hover, :active, :focus, :focus-visible) {
    color:var(--color-primary);
    border-color:var(--color-primary);
}
.btn--ghost:not(:hover, :active, :focus, :focus-visible) .btn__icon {
    fill:var(--color-primary);
} 
.btn--alt:not(.btn--ghost) {
    background:var(--color-secondary);
}
.btn--alt:hover {
    background:var(--color-secondary-dark);
}
.btn--alt:active {
    background:var(--color-secondary-dark);    
    -webkit-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-secondary-dark);
    -moz-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-secondary-dark);
    box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-secondary-dark);
}
.btn--alt:is(:focus, :focus-visible) {
    background:var(--color-secondary);
    -webkit-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-secondary);
    -moz-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-secondary);
    box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-secondary);
}
.btn--alt.btn--ghost:not(:hover, :active, :focus, :focus-visible) {
    background:transparent;
    color:var(--color-secondary);
    border-color:var(--color-secondary);
}
.btn--alt.btn--ghost:not(:hover, :active, :focus, :focus-visible) .btn__icon {
    fill:var(--color-secondary);
} 
/*- Button List -*/
.btn-list {
    margin-left:0;
    /*
        - default bottom margin of elements is 1.625rem or 26px
        - bottom margin of .btn-list__item is 0.625rem or 10px
        - (26px - 10px = 16px) bottom margin of 1rem 
    */
    margin-bottom:1rem;
    list-style:none;
    display:flex;
    flex-wrap:wrap;
}
.btn-list__item {
    line-height:1;
    margin-bottom:0.625rem;
}
.btn-list__item:not(:last-of-type) {
    margin-right:0.625rem;
}
.btn-list__item::before {
    display:none;
}
.btn-list--align-center {
    justify-content:center;
}
/*---> Video Play Button <---*/
.has-play-btn {
    display:inline-block;
    line-height:0;
    position:relative;
    background:transparent !important;
    isolation:isolate;
}
.has-play-btn:is(:hover, :active, :focus, :focus-visible) {
    text-decoration:none;
}
.has-play-btn img {
    z-index:1;
}
.has-play-btn::before {
    display:block;
    width:80px;
    height:80px;
    background:var(--color-secondary);
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    border-radius:100%;
    overflow:hidden;
    transition:all 200ms ease-in-out;
    -webkit-transition:all 200ms ease-in-out;
    z-index:2;
}
.has-play-btn::after {
    display:block;
    width:27.249px;
    height:30.878px;
    content:"";
    background:var(--color-white);
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27.249' height='30.878' viewBox='0 0 27.249 30.878'%3E%3Cpath d='M192.695,186.973l23.422-13.523a1.914,1.914,0,0,0,0-3.315l-23.422-13.523a1.914,1.914,0,0,0-2.871,1.657v27.045a1.914,1.914,0,0,0,2.871,1.657' transform='translate(-189.824 -156.354)' /%3E%3C/svg%3E%0A");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27.249' height='30.878' viewBox='0 0 27.249 30.878'%3E%3Cpath d='M192.695,186.973l23.422-13.523a1.914,1.914,0,0,0,0-3.315l-23.422-13.523a1.914,1.914,0,0,0-2.871,1.657v27.045a1.914,1.914,0,0,0,2.871,1.657' transform='translate(-189.824 -156.354)' /%3E%3C/svg%3E%0A");
    position:absolute;
    left:calc(50% + 0.188rem);
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    z-index:3;
}
.has-play-btn:hover::before {
    background:var(--color-secondary-dark);
}
.has-play-btn:active::before {
    background:var(--color-secondary-dark);
    -webkit-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-secondary-dark);
    -moz-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-secondary-dark);
    box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-secondaryy-dark);
}
.has-play-btn:is(:focus, :focus-visible)::before {
    background:var(--color-secondary);
    -webkit-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-secondary);
    -moz-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-secondary);
    box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-secondary);
    outline:0;
}
/*---> Icon Links <---*/
.icon-link {
    display:inline-block;
    white-space:nowrap;
    position:relative;
    color:inherit;
    padding-right:65px;
    height:44px;
    line-height:44px;
}
.icon-link:is(:hover){
    background-color:transparent;
}
.icon-link:is(:hover, :active){
    color:var(--color-primary-dark);
}
.icon-link:is(:active, :focus, :focus-visible) {
    text-decoration:underline;
}
.icon-link:is(:focus, :focus-visible) {
    color:var(--color-primary);
    outline:0;
}
.icon-link::before {
    background-color:var(--color-primary);
    display:inline-block;
    width:44px;
    height:44px;
    content:"";
    position:absolute;
    right:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
    border-radius:100%;
    overflow:hidden;
    transition:all 200ms ease-in-out;
	-webkit-transition:all 200ms ease-in-out;
}
.icon-link::after {
    display:inline-block;
    width:20.8px;
    height:10.85px;
    background:var(--color-white);
    -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.8 10.85' width='20.8' height='10.85'%3E%3Cpath d='M15.62,10.85c-.13,0-.26-.05-.35-.15-.2-.2-.2-.51,0-.71l4.51-4.51s.03-.08,0-.11L15.26.85c-.2-.2-.2-.51,0-.71s.51-.2.71,0l4.51,4.51c.42.42.42,1.11,0,1.53l-4.51,4.51c-.1.1-.23.15-.35.15Z'/%3E%3Cpath d='M20.3,6.08H.5c-.28,0-.5-.22-.5-.5s.22-.5.5-.5h19.8c.28,0,.5.22.5.5s-.22.5-.5.5Z'/%3E%3C/svg%3E");
    mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20.8 10.85' width='20.8' height='10.85'%3E%3Cpath d='M15.62,10.85c-.13,0-.26-.05-.35-.15-.2-.2-.2-.51,0-.71l4.51-4.51s.03-.08,0-.11L15.26.85c-.2-.2-.2-.51,0-.71s.51-.2.71,0l4.51,4.51c.42.42.42,1.11,0,1.53l-4.51,4.51c-.1.1-.23.15-.35.15Z'/%3E%3Cpath d='M20.3,6.08H.5c-.28,0-.5-.22-.5-.5s.22-.5.5-.5h19.8c.28,0,.5.22.5.5s-.22.5-.5.5Z'/%3E%3C/svg%3E");
    content:"";
    position:absolute;
    right:0.813rem;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
    transition:all 200ms ease-in-out;
	-webkit-transition:all 200ms ease-in-out;
}
.icon-link:is(:hover, :active)::before {
    background-color:var(--color-primary-dark);
}
.icon-link:is(:focus, :focus-visible)::before {
    outline:0;
}
.icon-link--alt:is(:hover, :active){
    color:var(--color-secondary-dark);
}
.icon-link--alt:is(:focus, :focus-visible) {
    color:var(--color-secondary);
}
.icon-link--alt::before {
    background-color:var(--color-secondary);
}
.icon-link--alt:is(:hover, :active)::before {
    background-color:var(--color-secondary-dark);
}
.icon-link--button {
    padding-right:44px;
}
/*---> Checklist <---*/
.checklist {
	list-style:none;
}
.checklist__item {
	position:relative;
    margin-bottom:1rem;
}
.checklist__item::before {
    margin:0;
	display:block;	
	width:13px;
	height:9px;
	content:"";
	position:absolute;
	top:0.625rem;
	left:-1.188rem;
	background:var(--color-secondary);
	-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.58 8.89'%3E%3Cg%3E%3Cpath fill='%23b30f1f' d='M4.44,8.89h0c-.2,0-.39-.08-.53-.22L.22,4.97c-.29-.29-.29-.77,0-1.06s.77-.29,1.06,0l3.16,3.16L11.3.22c.29-.29.77-.29,1.06,0s.29.77,0,1.06l-7.39,7.39c-.14.14-.33.22-.53.22Z'/%3E%3C/g%3E%3C/svg%3E");
	mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12.58 8.89'%3E%3Cg%3E%3Cpath fill='%23b30f1f' d='M4.44,8.89h0c-.2,0-.39-.08-.53-.22L.22,4.97c-.29-.29-.29-.77,0-1.06s.77-.29,1.06,0l3.16,3.16L11.3.22c.29-.29.77-.29,1.06,0s.29.77,0,1.06l-7.39,7.39c-.14.14-.33.22-.53.22Z'/%3E%3C/g%3E%3C/svg%3E");
}
.color-white .checklist__item::before,
.checklist__item.color-white::before {
    background:var(--color-white);
}
.checklist__item ul {
    margin-top:1rem;
}
.checklist__item ul li {
    margin-bottom:1rem;
}
.color-white .checklist__item :is(ul, ol) li::marker,
.checklist__item.color-white :is(ul, ol) li::marker {
    color: var(--color-white);
}
/*---> Compare List <---*/
.compare-list {
    margin-left:2rem;
    list-style:none;
}
.compare-list__item {
    position:relative;
    margin-bottom:1rem;
}
.compare-list__item::before {
    position:absolute;
    left:-2rem;
    top:0.063rem;
}
.compare-list__item--deselect::before {
    content:url(../images/icon-checklist-deselected--for-chart.png);
}
.compare-list__item--select::before {
    content:url(../images/icon-checklist-selected--for-chart.png);
}
/*---> Social List <---*/
.social-list {
    margin-left:0;
    display:flex;
    flex-flow:row wrap;
    list-style:none;
}
.social-list__item {
    line-height:1;
}
.social-list__item:not(:last-of-type) {
    margin-right:2rem;
}
.social-list__item::before {
    display:none;
}
.social-link {
    display:inline-block;
}
.social-link:active {
    -webkit-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary-dark);
    -moz-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary-dark);
    box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary-dark);
}
.social-link:is(:focus, :focus-visible) {
    border:0;
    outline:0;
    -webkit-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary);
    -moz-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary);
    box-shadow: 0 0 0 2px var(--color-white), 0 0 0 4px var(--color-primary);
}
.social-link__icon {
    fill:var(--color-base);
    transition:all 200ms ease-in-out;
    -webkit-transition:all 200ms ease-in-out;
}
.social-link:is(:hover, :active) .social-link__icon {
    fill:var(--color-primary-dark);
}
.social-link:is(:focus, :focus-visible) .social-link__icon {
    fill:var(--color-primary);
}
/* Alternate Circle Social Links */
.social-list__item--has-round:not(:last-of-type) {
    margin-right:0.625rem;
}
.social-link--is-round {
    width:44px;
    height:44px;
    border-radius:100%;
    background:var(--color-base);
    position:relative;	
}
.social-link--is-round:is(:hover, :active) {
    background:var(--color-primary-dark);
}
.social-link--is-round:is(:focus, :focus-visible) {
    background:var(--color-primary);
}
.social-link__icon--for-round {
    position:absolute;
    inset:0;
    margin:auto;
}
.social-link__icon--for-round,
.social-link--is-round:is(:hover, :active, :focus, :focus-visible) .social-link__icon--for-round {
    fill:var(--color-white);
}
/*---> Style Guide Specific <---*/
.anchor {
    font-weight:inherit;
    color:inherit;
    pointer-events:none;
}
.style-guide-header {
    position:relative;
    padding:2rem 0 0.75rem;
    margin-bottom:1.625rem;
}
.style-guide-header:before {
    display:block;
    margin:0 auto;
    width:100vw;
    height:100%;
    content:"";
    position:absolute;
    top:0;
    left:-50vw;
    right:-50vw;
    background:var(--color-gray-accent);
    z-index:-1;
}
.code-block {
    margin-bottom:1.625rem;
}
.code-block-live,
.code-block-color {
    border:1px dotted var(--color-base);
    margin-bottom:1.625rem;
    -webkit-box-shadow:0px 10px 15px 0px rgba(var(--color-black-rgb), 0.15);
    -moz-box-shadow:0px 10px 15px 0px rgba(var(--color-black-rgb),0.15);
    box-shadow:0px 10px 15px 0px rgba(var(--color-black-rgb),0.15);  
}
.code-block-live {
    padding:1.5rem 1.5rem 0.5rem;
}
.code-block-color {
    padding:0 1.5rem 0.5rem;
}
.code-block-color div[class^="background"] {
    margin-left:-1.5rem;
    margin-right:-1.5rem;
    margin-bottom:1rem;
}
.code-block-color div.background-white {
    border-bottom:1px solid var(--color-gray-accent);
} 
pre[class*="language-"]::after, pre[class*="language-"]::before {
    display:none !important;
}
.dev-hint {
    background:#e8f5e1;
    border:1px solid #ADDB94;
    padding:2rem 1.5rem 0.5rem;
    margin-bottom:1.625rem;
}
.dev-hint h6,
.dev-hint p,
.dev-hint a:not(:hover) {
    color:#244116;
}
.dev-hint a:not(.anchor) {
    text-decoration:underline;
    text-decoration-style:dashed;
}
.dev-hint code {
    background-color:rgba(36,65,22,0.15);
}