/*||| VARIABLES *********************************************************** */

/*Fluid Styles :: See https://utopia.fyi/ */
:root {
  --golden-ratio: 1.6180339887498948482;

  --fluid-min-width: 360;
  --fluid-max-width: 1440;
  --fluid-min-size: 14;
  --fluid-max-size: 20;
  --fluid-min-ratio: 1.14;
  --fluid-max-ratio: 1.25;
  --fluid-screen: 100vw;
  --fluid-bp: calc((var(--fluid-screen) - ((var(--fluid-min-width) / 16) * 1rem)) / ((var(--fluid-max-width) / 16) - (var(--fluid-min-width) / 16)));
}

@media screen and (min-width: 1440px) {
  :root {
    --fluid-screen: calc(var(--fluid-max-width) * 1px);
  }
}

:root {
  --fluid-min-scale-0: var(--fluid-min-ratio);
  --fluid-min-scale-1: var(--fluid-min-scale-0) * var(--fluid-min-ratio);
  --fluid-min-scale-2: var(--fluid-min-scale-1) * var(--fluid-min-ratio);
  --fluid-min-scale-3: var(--fluid-min-scale-2) * var(--fluid-min-ratio);
  --fluid-min-scale-4: var(--fluid-min-scale-3) * var(--fluid-min-ratio);
  --fluid-min-scale-5: var(--fluid-min-scale-4) * var(--fluid-min-ratio);
  --fluid-max-scale-0: var(--fluid-max-ratio);
  --fluid-max-scale-1: var(--fluid-max-scale-0) * var(--fluid-max-ratio);
  --fluid-max-scale-2: var(--fluid-max-scale-1) * var(--fluid-max-ratio);
  --fluid-max-scale-3: var(--fluid-max-scale-2) * var(--fluid-max-ratio);
  --fluid-max-scale-4: var(--fluid-max-scale-3) * var(--fluid-max-ratio);
  --fluid-max-scale-5: var(--fluid-max-scale-4) * var(--fluid-max-ratio);
  --fluid-min-size-0: (var(--fluid-min-size)) / 16;
  --fluid-min-size-1: (var(--fluid-min-size) * var(--fluid-min-scale-0)) / 16;
  --fluid-min-size-2: (var(--fluid-min-size) * var(--fluid-min-scale-1)) / 16;
  --fluid-min-size-3: (var(--fluid-min-size) * var(--fluid-min-scale-2)) / 16;
  --fluid-min-size-4: (var(--fluid-min-size) * var(--fluid-min-scale-3)) / 16;
  --fluid-min-size-5: (var(--fluid-min-size) * var(--fluid-min-scale-4)) / 16;
  --fluid-max-size-0: (var(--fluid-max-size)) / 16;
  --fluid-max-size-1: (var(--fluid-max-size) * var(--fluid-max-scale-0)) / 16;
  --fluid-max-size-2: (var(--fluid-max-size) * var(--fluid-max-scale-1)) / 16;
  --fluid-max-size-3: (var(--fluid-max-size) * var(--fluid-max-scale-2)) / 16;
  --fluid-max-size-4: (var(--fluid-max-size) * var(--fluid-max-scale-3)) / 16;
  --fluid-max-size-5: (var(--fluid-max-size) * var(--fluid-max-scale-4)) / 16;
  --fluid-0: calc(((var(--fluid-min-size-0) * 1rem) + (var(--fluid-max-size-0) - var(--fluid-min-size-0)) * var(--fluid-bp)));
  --fluid-1: calc(((var(--fluid-min-size-1) * 1rem) + (var(--fluid-max-size-1) - var(--fluid-min-size-1)) * var(--fluid-bp)));
  --fluid-2: calc(((var(--fluid-min-size-2) * 1rem) + (var(--fluid-max-size-2) - var(--fluid-min-size-2)) * var(--fluid-bp)));
  --fluid-3: calc(((var(--fluid-min-size-3) * 1rem) + (var(--fluid-max-size-3) - var(--fluid-min-size-3)) * var(--fluid-bp)));
  --fluid-4: calc(((var(--fluid-min-size-4) * 1rem) + (var(--fluid-max-size-4) - var(--fluid-min-size-4)) * var(--fluid-bp)));
  --fluid-5: calc(((var(--fluid-min-size-5) * 1rem) + (var(--fluid-max-size-5) - var(--fluid-min-size-5)) * var(--fluid-bp)));
}


/*||| Begin Styling Variables */
:root {
  scroll-behavior: smooth;
  
  --special-announcement-display: none;

  /* Font Colors */
  --dark-font-color: #000000;
  --light-font-color: #ffffff;
  --emphasis-font-color-a: #fb6542;
  --emphasis-font-color-b: #f8c021;
  --emphasis-font-color-c: #ff0000;
  --emphasis-font-color-d: #97cc04;

  /* Background Colors */
  --nav-center-bg-color: #1f3657;   /* #333d47 */
  --nav-sides-bg-color: #1c314e;
  --hero-hp-sides-bg-color: #f4f4f7; /*  eef0f2 f2f2f2  f4f4f7    e1dee9*/
  --video-panel-hp-sides-bg-color: #3a8dc6;
  --delivery-hp-sides-bg-color: #fff;
  --longevity-hp-sides-bg-color: #ededed;
  --neutral-gray-card-background: #808080; /* 18% gray card */
  --percent-50-gray-card-background: #bcbcbc; /* 50% gray */
  --border-rule: #f4f4f7;

  --primary-bg-color: #1f3657;
  --body-bg-color: #fdfffc;
  --footer-bg-color: #1f3657;
  
  
  /* Button - Link Colors */
  --default-button-color: #1f3657; 
  --default-button-light-text-color: #ffffff;
  --default-button-dark-text-color: #000000;
  --default-button-border-color: #4096f2;
  --default-button-hover-color: #2196f3;

    --buy-button-color: #eabc42;
    --buy-button-border-color: #ba952f;
    --buy-button-hover-color: #eec968;
    --buy-button-hover-border-color: #000000;

    --doc-button-color: #7979ED;
    --doc-button-border-color: #2C50A9;
    --doc-button-hover-color: #054a91;
    --doc-button-hover-border-color: transparent;
    --doc-button-icon-background-color: #5959e8;

    --download-button-color: #7979ED;
    --download-button-border-color: #2C50A9;
    --download-button-hover-color: #054a91;
    --download-button-hover-border-color: #000000;
    --download-button-icon-background-color: #413ee5;

    --pdf-button-color: #e2272d;
    --pdf-button-border-color: #808080;
    --pdf-button-hover-color: #991519;
    --pdf-button-hover-border-color: #444444;
    --pdf-button-icon-background-color: #808080;

    --print-button-color: #2C50A9;
    --print-button-border-color: #2C50A9;
    --print-button-hover-color: #5959e8;
    --print-button-hover-border-color: transparent;
    --print-button-icon-background-color: #dddddd;

  --email-btn-color: #97cc04;

  --site-button-color: #1f3657;

  --primary-link-color: blue;
  --keyboard-focus-color: goldenrod;

  /* Media Query Sizes */
  --mq-xsmall: 30em;
  --mq-small: 30em;
  --mq-medium: 64em;
  --mq-large: 80em;
  --mq-xlarge: 125em;

  /* Container Sizing */
  --container-width: 1440px;
  --single-column-container-width: 720px;
}


/*||| Fonts :: */
@font-face {
  font-family: 'Signika';
  font-weight: 700;
  font-style: normal;
  font-display: optional;
  src:  url('/assets/fonts/signika/Signika-Semibold.woff2') format('woff2'), 
        url('/assets/fonts/signika/Signika-Semibold.woff') format('woff'), 
        url('/assets/fonts/signika/Signika-Semibold.ttf') format('truetype');
}

@font-face {
  font-family: 'Atkinson-Hyperlegible';
  font-style: normal;
  font-weight: normal;
  font-display: optional;
  src:  url('/assets/fonts/atkinson-hyperlegible/Atkinson-Hyperlegible-Regular-102a.woff2') format('woff2'),     
        url('/assets/fonts/atkinson-hyperlegible/Atkinson-Hyperlegible-Regular-102.woff') format('woff'),
        url('/assets/fonts/atkinson-hyperlegible/Atkinson-Hyperlegible-Regular-102.ttf') format('truetype');
}

@font-face {
  font-family: 'Atkinson-Hyperlegible';
  font-style: italic;
  font-weight: normal;
  font-display: optional;
  src:  url('/assets/fonts/atkinson-hyperlegible/Atkinson-Hyperlegible-Italic-102a.woff2') format('woff2'),
        url('/assets/fonts/atkinson-hyperlegible/Atkinson-Hyperlegible-Italic-102.woff') format('woff'), 
        url('/assets/fonts/atkinson-hyperlegible/Atkinson-Hyperlegible-Italic-102.ttf') format('truetype');
}

@font-face {
  font-family: 'Atkinson-Hyperlegible';
  font-style: normal;
  font-weight: bold;
  font-display: optional;
  src:  url('/assets/fonts/atkinson-hyperlegible/Atkinson-Hyperlegible-Bold-102a.woff2') format('woff2'), 
        url('/assets/fonts/atkinson-hyperlegible/Atkinson-Hyperlegible-Bold-102.woff') format('woff'),
        url('/assets/fonts/atkinson-hyperlegible/Atkinson-Hyperlegible-Bold-102.ttf') format('truetype');
}

@font-face {
  font-family: 'Atkinson-Hyperlegible';
  font-style: italic;
  font-weight: bold;
  font-display: optional;
  src:  url('/assets/fonts/atkinson-hyperlegible/Atkinson-Hyperlegible-BoldItalic-102a.woff2') format('woff2'),
        url('/assets/fonts/atkinson-hyperlegible/Atkinson-Hyperlegible-BoldItalic-102.woff') format('woff'),
        url('/assets/fonts/atkinson-hyperlegible/Atkinson-Hyperlegible-BoldItalic-102.ttf') format('truetype');
}


/* W3.CSS 4.15 December 2020 by Jan Egil and Borge Refsnes */
.w3-image{max-width:100%;height:auto}img{vertical-align:middle}a{color:inherit}
.w3-table,.w3-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}.w3-table-all{border:1px solid #ccc}
.w3-bordered tr,.w3-table-all tr{border-bottom:1px solid #ddd}.w3-striped tbody tr:nth-child(even){background-color:#f1f1f1}
.w3-table-all tr:nth-child(odd){background-color:#fff}.w3-table-all tr:nth-child(even){background-color:#f1f1f1}
.w3-hoverable tbody tr:hover,.w3-ul.w3-hoverable li:hover{background-color:#ccc}.w3-centered tr th,.w3-centered tr td{text-align:center}
.w3-table td,.w3-table th,.w3-table-all td,.w3-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
.w3-table th:first-child,.w3-table td:first-child,.w3-table-all th:first-child,.w3-table-all td:first-child{padding-left:16px}
.w3-btn,.w3-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.w3-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.w3-btn,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.w3-disabled,.w3-btn:disabled,.w3-button:disabled{cursor:not-allowed;opacity:0.3}.w3-disabled *,:disabled *{pointer-events:none}
.w3-btn.w3-disabled:hover,.w3-btn:disabled:hover{box-shadow:none}
.w3-badge,.w3-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.w3-badge{border-radius:50%}
.w3-ul{list-style-type:none;padding:0;margin:0}.w3-ul li{padding:8px 16px;border-bottom:1px solid #ddd}.w3-ul li:last-child{border-bottom:none}
.w3-tooltip,.w3-display-container{position:relative}.w3-tooltip .w3-text{display:none}.w3-tooltip:hover .w3-text{display:inline-block}
.w3-ripple:active{opacity:0.5}.w3-ripple{transition:opacity 0s}
.w3-input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%}
.w3-select{padding:9px 0;width:100%;border:none;border-bottom:1px solid #ccc}
.w3-dropdown-click,.w3-dropdown-hover{position:relative;display:inline-block;cursor:pointer}
.w3-dropdown-hover:hover .w3-dropdown-content{display:block}
.w3-dropdown-hover:first-child,.w3-dropdown-click:hover{background-color:#ccc;color:#000}
.w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{background-color:#ccc;color:#000}
.w3-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0;z-index:1}
.w3-check,.w3-radio{width:24px;height:24px;position:relative;top:6px}
.w3-sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}
.w3-bar-block .w3-dropdown-hover,.w3-bar-block .w3-dropdown-click{width:100%}
.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.w3-bar-block .w3-dropdown-click .w3-dropdown-content{min-width:100%}
.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px}
.w3-main,#main{transition:margin-left .4s}
.w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
.w3-bar{width:100%;overflow:hidden}.w3-center .w3-bar{display:inline-block;width:auto}
.w3-bar .w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}
.w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click{position:static;float:left}
.w3-bar .w3-button{white-space:normal}
.w3-bar-block .w3-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}
.w3-bar-block.w3-center .w3-bar-item{text-align:center}.w3-block{display:block;width:100%}
.w3-responsive{display:block;overflow-x:auto}
.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}
.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float:left;width:100%}
.w3-col.s1{width:8.33333%}.w3-col.s2{width:16.66666%}.w3-col.s3{width:24.99999%}.w3-col.s4{width:33.33333%}
.w3-col.s5{width:41.66666%}.w3-col.s6{width:49.99999%}.w3-col.s7{width:58.33333%}.w3-col.s8{width:66.66666%}
.w3-col.s9{width:74.99999%}.w3-col.s10{width:83.33333%}.w3-col.s11{width:91.66666%}.w3-col.s12{width:99.99999%}
@media (min-width:601px){.w3-col.m1{width:8.33333%}.w3-col.m2{width:16.66666%}.w3-col.m3,.w3-quarter{width:24.99999%}.w3-col.m4,.w3-third{width:33.33333%}
.w3-col.m5{width:41.66666%}.w3-col.m6,.w3-half{width:49.99999%}.w3-col.m7{width:58.33333%}.w3-col.m8,.w3-twothird{width:66.66666%}
.w3-col.m9,.w3-threequarter{width:74.99999%}.w3-col.m10{width:83.33333%}.w3-col.m11{width:91.66666%}.w3-col.m12{width:99.99999%}}
@media (min-width:993px){.w3-col.l1{width:8.33333%}.w3-col.l2{width:16.66666%}.w3-col.l3{width:24.99999%}.w3-col.l4{width:33.33333%}
.w3-col.l5{width:41.66666%}.w3-col.l6{width:49.99999%}.w3-col.l7{width:58.33333%}.w3-col.l8{width:66.66666%}
.w3-col.l9{width:74.99999%}.w3-col.l10{width:83.33333%}.w3-col.l11{width:91.66666%}.w3-col.l12{width:99.99999%}}
.w3-rest{overflow:hidden}.w3-stretch{margin-left:-16px;margin-right:-16px}
.w3-content,.w3-auto{margin-left:auto;margin-right:auto}.w3-content{max-width:980px}.w3-auto{max-width:1140px}
.w3-cell-row{display:table;width:100%}.w3-cell{display:table-cell}
.w3-cell-top{vertical-align:top}.w3-cell-middle{vertical-align:middle}.w3-cell-bottom{vertical-align:bottom}
.w3-hide{display:none!important}.w3-show-block,.w3-show{display:block!important}.w3-show-inline-block{display:inline-block!important}
@media (max-width:1205px){.w3-auto{max-width:95%}}
@media (max-width:600px){.w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px}
.w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content{position:relative}	
.w3-hide-small{display:none!important}.w3-mobile{display:block;width:100%!important}.w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile{text-align:center}
.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}}
@media (max-width:768px){.w3-modal-content{width:500px}.w3-modal{padding-top:50px}}
@media (min-width:993px){.w3-modal-content{width:900px}.w3-hide-large{display:none!important}.w3-sidebar.w3-collapse{display:block!important}}
@media (max-width:992px) and (min-width:601px){.w3-hide-medium{display:none!important}}
@media (max-width:992px){.w3-sidebar.w3-collapse{display:none}.w3-main{margin-left:0!important;margin-right:0!important}.w3-auto{max-width:100%}}
.w3-top,.w3-bottom{position:fixed;width:100%;z-index:1}.w3-top{top:0}.w3-bottom{bottom:0}
.w3-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
.w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0}
.w3-display-bottomleft{position:absolute;left:0;bottom:0}.w3-display-bottomright{position:absolute;right:0;bottom:0}
.w3-display-middle{position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.w3-display-left{position:absolute;top:50%;left:0%;-ms-transform:translate(-0%,-50%);transform:translate(0%,-50%)}
.w3-display-right{position:absolute;top:50%;right:0%;-ms-transform:translate(0%,-50%);transform:translate(0%,-50%)}
.w3-display-topmiddle{position:absolute;left:50%;top:0;-ms-transform:translate(-50%,0%);transform:translate(-50%,0%)}
.w3-display-bottommiddle{position:absolute;left:50%;bottom:0;-ms-transform:translate(-50%,0%);transform:translate(-50%,0%)}
.w3-display-container:hover .w3-display-hover{display:block}.w3-display-container:hover span.w3-display-hover{display:inline-block}.w3-display-hover{display:none}
.w3-display-position{position:absolute}
.w3-circle{border-radius:50%}
.w3-round-small{border-radius:2px}.w3-round,.w3-round-medium{border-radius:4px}.w3-round-large{border-radius:8px}.w3-round-xlarge{border-radius:16px}.w3-round-xxlarge{border-radius:32px}
.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding:0 8px}
.w3-container,.w3-panel{padding:0.01em 16px}.w3-panel{margin-top:16px;margin-bottom:16px}
.w3-code,.w3-codespan{font-family:Consolas,"courier new";font-size:16px}
.w3-code{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word}
.w3-codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}
.w3-card,.w3-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
.w3-card-4,.w3-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.w3-spin{animation:w3-spin 2s infinite linear}@keyframes w3-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.w3-animate-input{transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}
.w3-opacity,.w3-hover-opacity:hover{opacity:0.60}.w3-opacity-off,.w3-hover-opacity-off:hover{opacity:1}
.w3-opacity-max{opacity:0.25}.w3-opacity-min{opacity:0.75}
.w3-greyscale-max,.w3-grayscale-max,.w3-hover-greyscale:hover,.w3-hover-grayscale:hover{filter:grayscale(100%)}
.w3-greyscale,.w3-grayscale{filter:grayscale(75%)}.w3-greyscale-min,.w3-grayscale-min{filter:grayscale(50%)}
.w3-sepia{filter:sepia(75%)}.w3-sepia-max,.w3-hover-sepia:hover{filter:sepia(100%)}.w3-sepia-min{filter:sepia(50%)}
.w3-tiny{font-size:10px!important}.w3-small{font-size:12px!important}.w3-medium{font-size:15px!important}.w3-large{font-size:18px!important}
.w3-xlarge{font-size:24px!important}.w3-xxlarge{font-size:36px!important}.w3-xxxlarge{font-size:48px!important}.w3-jumbo{font-size:64px!important}
.w3-left-align{text-align:left!important}.w3-right-align{text-align:right!important}.w3-justify{text-align:justify!important}.w3-center{text-align:center!important}
.w3-border-0{border:0!important}.w3-border{border:1px solid #ccc!important}
.w3-border-top{border-top:1px solid #ccc!important}.w3-border-bottom{border-bottom:1px solid #ccc!important}
.w3-border-left{border-left:1px solid #ccc!important}.w3-border-right{border-right:1px solid #ccc!important}
.w3-topbar{border-top:6px solid #ccc!important}.w3-bottombar{border-bottom:6px solid #ccc!important}
.w3-leftbar{border-left:6px solid #ccc!important}.w3-rightbar{border-right:6px solid #ccc!important}
.w3-section,.w3-code{margin-top:16px!important;margin-bottom:16px!important}
.w3-margin{margin:16px!important}.w3-margin-top{margin-top:16px!important}.w3-margin-bottom{margin-bottom:16px!important}
.w3-margin-left{margin-left:16px!important}.w3-margin-right{margin-right:16px!important}
.w3-padding-small{padding:4px 8px!important}.w3-padding{padding:8px 16px!important}.w3-padding-large{padding:12px 24px!important}
.w3-padding-16{padding-top:16px!important;padding-bottom:16px!important}.w3-padding-24{padding-top:24px!important;padding-bottom:24px!important}
.w3-padding-32{padding-top:32px!important;padding-bottom:32px!important}.w3-padding-48{padding-top:48px!important;padding-bottom:48px!important}
.w3-padding-64{padding-top:64px!important;padding-bottom:64px!important}
.w3-padding-top-64{padding-top:64px!important}.w3-padding-top-48{padding-top:48px!important}
.w3-padding-top-32{padding-top:32px!important}.w3-padding-top-24{padding-top:24px!important}
.w3-left{float:left!important}.w3-right{float:right!important}
.w3-button:hover{color:#000!important;background-color:#ccc!important}
.w3-transparent,.w3-hover-none:hover{background-color:transparent!important}
.w3-hover-none:hover{box-shadow:none!important}


/* Colors */
.w3-white,.w3-hover-white:hover{color:#000!important;background-color:#fff!important}
.w3-light-grey,.w3-hover-light-grey:hover,.w3-light-gray,.w3-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}


/* Strip w3-dropdown out of this area
.w3-dropdown-click,.w3-dropdown-hover{position:relative;display:inline-block;cursor:pointer}
.w3-dropdown-hover:hover .w3-dropdown-content{display:block}
.w3-dropdown-hover:first-child,.w3-dropdown-click:hover{background-color:#ccc;color:#000}
.w3-dropdown-hover:hover > .w3-button:first-child, .w3-dropdown-click:hover > .w3-button:first-child{background-color:#ccc;color:#000}
.w3-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0;z-index:1}
.w3-dropdown-hover, .w3-dropdown-click{width:100%}
.w3-dropdown-hover .w3-dropdown-content, .w3-dropdown-click .w3-dropdown-content{min-width:100%}
.w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px}
.w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click{position:static;float:left}
.w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content{position:relative}	
.w3-hide-small{display:none!important}.w3-mobile{display:block;width:100%!important}.w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile{text-align:center}
.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}} */
/* End */


/*||| GENERAL STYLING *********************************************************** */

/* html {overflow-x:hidden;} */

html { height: 100vh; } /*height: auto !important; -- CUSTOM PLYR */

/* Disable smooth scrolling when users have prefers-reduced-motion enabled */
@media screen and (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto;}
}

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font: normal normal 400 var(--fluid-0) / 1.6 "Atkinson-Hyperlegible", sans-serif;
  color: var(--dark-font-color);
  height:100%; 
  line-height: calc(2px + 2ex + 2px);
  word-spacing: .0625em;
  text-rendering: optimizeSpeed;
}

p,li,h1,h2,h3,h4 {
  overflow-wrap: break-word;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;  
}

h1 {
  font-family: "Signika", sans-serif;
  font-weight:700;
  font-size: var(--fluid-4);
  margin:0;
  line-height:1.2;
}


h2, h3, h4, h5, h6 {
  font-family: "Atkinson-Hyperlegible", sans-serif;
  font-weight: 400;
  margin: 0;
  padding: 0;
  line-height: 1.1;
}

h2 { font-size: var(--fluid-3); }
h2.hero { font-size: var(--fluid-4); text-align: center;}

h3 {
  font-size: var(--fluid-2);
  padding-top: 1.5em;
}

h4 {
  font-size: var(--fluid-2);
  padding-top: 1em;
  line-height: 1;
}

h5 {
  font-size: var(--fluid-1);
  padding-top: .75em;
  line-height: 1;
}

h6 {
  font-size: var(--fluid-1);
  margin-bottom: 0;
  margin-left: 4em;
}

p, li, blockquote { 
  font-family: "Atkinson-Hyperlegible", sans-serif;
  font-weight: 400;
  margin: 0;
  margin-bottom: 1em;
  padding: 0;
  line-height: 1.2;
}

.paragraph-heading {
  font-size: var(--fluid-1);
  padding-top: 1em;
  line-height: 1;
  text-align: left;
  font-weight: 600; 
  margin-bottom:0;
}

strong { font-weight: 600; }
.font-strong {font-weight: 600; }

hr {
  border: 0;
  /*margin:20px 0*/
  margin:0;
  padding:0;
  border-top: 1px solid #ddd;
}

blockquote {
  margin: 0 0 0 1em;
  border: none;
}

/* Font Size Override */
.font-size-1 { font-size: var(--fluid-1); }
.font-size-2 { font-size: var(--fluid-2); }
.font-size-3 { font-size: var(--fluid-3); }
.font-size-4 { font-size: var(--fluid-4); }
.font-size-5 { font-size: var(--fluid-5); }
.font-size-6 { font-size: var(--fluid-6); }


/* Margins and Padding */
.mt-0   { margin-top:0; }
.mt-25  { margin-top:.25em; }
.mt-5   { margin-top:.5em; }
.mt-75  { margin-top:.75em; }
.mt-1   { margin-top:1em!important; }
.mt-1-5 { margin-top:1.5em; }
.mt-2   { margin-top:2em!important; }

.mb-0   { margin-bottom:0;}
.mb-25  { margin-bottom:.25em; }
.mb-5   { margin-bottom:.5em; }
.mb-75  { margin-bottom:.75em; }
.mb-1   { margin-bottom:1em; }
.mb-1-5 { margin-bottom:1.5em; }
.mb-2   { margin-bottom:2em; }

.pt-0   { padding-top:0; }
.pt-25  { padding-top:.25em; }
.pt-5   { padding-top:.5em; }
.pt-75  { padding-top:.75em; }
.pt-1   { padding-top:1em; }
.pt-1-5 { padding-top:1.5em; }
.pt-2   { padding-top:2em; }

.pr-0   { padding-right:0; }
.pr-25  { padding-right:.25em; }
.pr-5   { padding-right:.5em; }
.pr-75  { padding-right:.75em; }
.pr-1   { padding-right:1em; }
.pr-1-5 { padding-right:1.5em; }
.pr-2   { padding-right:2em; }

.pb-0   { padding-bottom:0;}
.pb-25  { padding-bottom:.25em; }
.pb-5   { padding-bottom:.5em; }
.pb-75  { padding-bottom:.75em; }
.pb-1   { padding-bottom:1em; }
.pb-1-5 { padding-bottom:1.5em; }
.pb-2   { padding-bottom:2em; }

.pl-0   { padding-left:0;}
.pl-25  { padding-left:.25em; }
.pl-5   { padding-left:.5em; }
.pl-75  { padding-left:.75em; }
.pl-1   { padding-left:1em; }
.pl-1-5 { padding-left:1.5em; }
.pl-2   { padding-left:2em; }

.si {
  font-weight: 600;
  font-style: italic;
}

.left-indent { margin-left: 2em; }
/*.centered { margin: 0 auto 0 auto !important; }*/

.centered { 
  display: block; 
  margin-right: auto; 
  margin-left: auto; 
  width:50%; 
}

.zero-margin { margin: 0!important; }
.zero-padding { padding: 0!important; }

.flex-break { flex-basis: 100%; height: 0; }

/* Float */
.float-left { float:left; }
.float-right { float:right; }

a { color: var(--primary-link-color); }

a>h6 {
  color: black;
  font-weight: normal;
}

h2.readability {
  box-shadow: none;
  background-color:#333 !important;
}

.float-link {
  margin-left: 4px;
  padding-bottom: 2px;
}

.nobreak { white-space: nowrap; }



.jump-link {
  font-size: .25em;
  font-weight: normal;
  font-style: normal;
  color: #ccc;
}

.new-line-before::before, .new-line-before-topic-group-name::before {
  content: "\A";
  white-space: pre;
}

.clearfix { overflow: auto; }

.text-left { text-align:left!important; }
.text-right { text-align:right!important; }
.text-center { text-align:center!important; }


/* Text String Management */
.dont-break-out { 
  word-break:keep-all; 
  overflow-wrap:normal;
  -ms-hyphens: none;
  -moz-hyphens: none;
  -webkit-hyphens: none;
  hyphens:none;
}

.break-out {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;

    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
  hyphens: auto;
}

.pre-line { white-space: pre-line; } /* Preserve New Lines, collapse spaces & tabs, textwrap */
.pre-wrap { white-space: pre-wrap; } /* Preserve New Lines, preserve spaces & tabs, textwrap */

/*span::before { content: '\A'; white-space: pre; }*/

.text-align-left { text-align:left; }
.text-centered { text-align:center!important; margin:0 auto; }


.ellipses {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* Scrollbar visible */
.scroll-div { overflow: auto; max-height: 600px; /*overflow-y: scroll; */ scroll-behavior: smooth; }

/* Keyboard Focus */
:focus { outline: 3px solid var(--keyboard-focus-color); }
:focus:not(:focus-visible) { outline: none; }
:focus-visible { outline: 3px solid var(--keyboard-focus-color); }



/*||| COLOR ************************************************************************ */

.font-color-dark { color: var(--dark-font-color);}
.font-color-light { color: var(--light-font-color);}
.video-black { background-color: #000; }


/*||| IMAGES  ************************************************************************ */

/*img, video, iframe  {
  max-inline-size: 100%;
  block-size: auto;

  THIS TAG SCREWS UP THE DISPLAY OF THE EMBEDDED VIDEO
}*/
video { display: inline-block; } 

/* Inline Icons */
.arrowright-button-icon, .email-button-icon, .heading-marker, .phone-button-icon, .email-link, .external-link, .pdf-link {
  display:inline-block;
  background-repeat:no-repeat;
  width:24px;
}

.arrowright-button-icon {
  background-image: url(/assets/images/icons/arrow-right-white.svg);
  margin-right:4px; 
}

.email-link { 
  margin-left:6px;
  background-image: url(/assets/images/icons/email-link.svg);
}

.external-link { 
  margin-left:2px;
  background-image: url(/assets/images/icons/external-link.svg);
}

.heading-marker { 
  background-image: url(/assets/images/icons/arrow-right-white.svg);
  margin-right:4px; 
}

.pdf-link { 
  background-image: url(/assets/images/icons/pdf.svg);
}

.phone-button-icon {
  background-image: url(/assets/images/icons/phone-white.svg);
}
  @media (min-width:421px) { 
    .phone-button-icon { margin-right:4px; 
  } 
}

.rose-logo-divider { width:70px; }



/*||| BUTTONS AND LINKS  *********************************************************** */
/* See https://moderncss.dev/css-button-styling-guide/ */

/* Resets */
a.button { text-decoration: none; }

button.button {
  margin:0;
  padding: 0;
  border:0;
  background-color: transparent;
  font-family: inherit;
  cursor: pointer;    
  overflow:hidden;
  text-decoration:none;
  color:inherit;
}

@media screen and (-ms-high-contrast: active) { button.button { border: 2px solid white; } }

/* Styling */
a.button, button.button, a.button-ftr, a.button-split, .inline-text-pseudo-button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align:center;
  border-radius: 4px;
  padding: 4px .75em;
  font-size:1em;
  line-height: 1.2;
  /*min-width: 10ch;*/
  min-height: 44px;
  max-height: max-content;
  transition: 220ms all ease-in-out;

  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -khtml-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}

a.button-split {
  padding:0;
  gap:4px;
}

.button-split-icon-container {
  width:5rem;
  height:100%;
  background-color:transparent;
}

.button-split-text-left { 
  padding: 8px .75em;
  text-align:left;
}

a.button, button.button, a.button-split, .inline-text-pseudo-button { width: auto; }

a.button:hover, a.button:active, button.button:hover, button.button:active { 
  color: var(--light-font-color);
  background-color: var( --default-button-hover-color);
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}

a.button:focus, button.button:focus { 
  outline-style: solid;
  outline-color: transparent;
  box-shadow: 0 0 0 4px var(--keyboard-focus-color); 
}

.site-button-style {
  color:var(--light-font-color);
  background-color: var(--site-button-color);
  border: 2px solid var(--default-button-hover-color);
}

.buy-button-style { 
  color:var(--dark-font-color);
  background-color: var(--buy-button-color);
  border: 2px solid var(--buy-button-border-color);
  box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}

a.buy-button-style:hover, a.buy-button-style:active { 
  color: var(--dark-font-color);
  border: 2px solid var(--buy-button-hover-border-color);
  background-color: var(--buy-button-hover-color);
  box-shadow:none;
}


/* Buttons with Icons */
.button-download-arrow { 
  background-image: url(/assets/images/icons/download-white.svg); 
  background-color: var(--download-button-icon-background-color);
}

.button-download-doc { 
  background-image: url(/assets/images/icons/word.svg); 
  background-color: var(--doc-button-icon-background-color);
}

.button-download-pdf { 
  background-image: url(/assets/images/icons/pdf.svg); 
  background-color: var(--pdf-button-icon-background-color);
}

.button-print { 
  background-image: url(/assets/images/icons/print.svg); 
  background-color: var(--print-button-icon-background-color);
}

.button-download-arrow, .button-download-doc, .button-download-pdf, .button-print { 
  background-repeat: no-repeat;
  background-size:60% 100%;
  background-position:center;
}

.download-button-style, .pdf-button-style, .print-button-style, .word-button-style {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}

.download-button-style {
  color: var(--light-font-color);
  background-color: var(--download-button-color);
  border: 2px solid var(--download-button-border-color);
}

a.download-button-style:hover, a.download-button-style:active { 
  color: var(--light-font-color);
  background-color: var(--download-button-hover-color);
  box-shadow: none;
}

.pdf-button-style {
  color: var(--light-font-color);
  background-color: var(--pdf-button-color);
  border: 2px solid var(--pdf-button-border-color);
}

a.pdf-button-style:hover, a.pdf-button-style:active { 
  color: var(--light-font-color);
  background-color: var(--pdf-button-hover-color);
  border: 2px solid var(--pdf-button-hover-border-color);
  box-shadow: none;
}

.print-button-style {
  color: var(--light-font-color);
  background-color: var(--print-button-color);
  border: 2px solid var(--print-button-border-color);
}

a.print-button-style:hover, a.print-button-style:active { 
  color: var(--light-font-color);
  background-color: var(--print-button-hover-color);
  box-shadow: none;
}

.word-button-style {
  color:var(--light-font-color);
  background-color: var(--doc-button-color);
  border: 2px solid var(--doc-button-border-color);
}

a.word-button-style:hover, a.word-button-style:active { 
  color: var(--light-font-color);
  background-color: var(--doc-button-hover-color);
  box-shadow: none;
}


/* Skip Link for Keyboard Tab Accessibility */
.skip-link-container {
  position: absolute;
  z-index:99;
  left:calc(50% - 110px);
  transform: translateY(-100%);
}

.skip-link {
  margin:0;
  margin-top:.5em;
  padding: 8px;
  background: var(--primary-bg-color);
  color: #fff;
  border-radius: 4px;
  border:1px solid #fff;
  font-weight: 700;
}

.skip-link a { color: #fff; text-decoration: none;}

.skip-link-container:focus {
  transform: translateY(0%);
  transition: transform 0.3s;
}

.skip-link-container:focus-within {
  transform: translateY(0%);
}



/*||| CONTAINERS  *********************************************************** */

header, nav, main, section, article, aside, footer { margin:0; padding:0; display:block; }


/*||| TOP PROGRESS BAR  ********************************************************* */
#progress-bar {
  --scrollAmount: 0%;
  /* background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%); */
  background: red;
  width: var(--scrollAmount);
  /* background: linear-gradient(to right, #F24E1E var(--scrollAmount), transparent 0);
    width: 100%; */
  height: 4px;
  position: fixed;
  top: 0;
  z-index: 100;
}


/*||| SPECIAL ANNOUNCEMENT BAR ************************************** */
.special-announcement {
  display: var(--special-announcement-display);
  background: #FFB75E;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to top, #ED8F03, #FFB75E);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to top, #ED8F03, #FFB75E);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  color: var(--dark-font-color);
  margin: 0 auto 1em auto;
  padding: .5em 1em .5em 1em;
  text-align: center;
  border-radius: 4px;
  box-shadow: 0 16px 16px 0 rgba(0, 0, 0, 0.6), 0 6px 6px 0 rgba(0, 0, 0, 0.19);
  position: relative;
  animation-name: spannoc;
  animation-duration: 1s;
}

.special-announcement>p { margin-bottom: 0; }

@keyframes spannoc {
  from {
    top: -150px;
  }
  to {
    top: 0px;
  }
}



/*||| SECTION LAYOUTS **************************************************** */

/* Grid Three Column that collapses on resize */
.section-column-container {
  display: grid;
  max-width:var(--container-width);
  margin: 0; 
  padding:0;
  justify-content: center;
  align-content: start;
  background-color: transparent;
}

.section-column-right { border-left:none; }
.section-column-left { border-right:none; }


@media (min-width:1440px) {
  .section-column-container { 
    width: var(--container-width);
    margin: 0 auto; 
  }

  .section-column-right { border-left:1px solid var(--border-rule); }
  .section-column-left { border-right:1px solid var(--border-rule); }
}



/*||| NAVIGATION BAR **************************************************** */
.nav-background { background-color: var(--nav-sides-bg-color); }

.nav-foreground {
  padding:1em;
  background-color: var(--nav-center-bg-color);
}

/* ROW 1 */
.site-nav-contact { 
  grid-area: site-nav-contact; 
  align-content:center;
  max-width:350px;
}

.logo-top {
  grid-area: logo-top;
  width:176px;
  height:44px;
}

.nav-row-1 {
  display:grid;
  grid-template-areas:"logo-top site-nav-contact";
  grid-template-columns: auto;
  grid-auto-flow:column;
  justify-content: space-between; 
  background-color: transparent;
}

a.btn-phone, a.btn-phone:hover {
  margin-right:.25em;
  color: var(--light-font-color);
  border: 1px solid transparent;
  background-color: transparent;
  text-decoration: none;
  text-align:center;
}

a.btn-phone:hover { border: 1px solid white; }

a.btn-email, a.btn-email:hover  {
  color: var(--dark-font-color);
  background-color: var(--email-btn-color);
}

a.btn-email:hover { 
  background-color: var(--default-button-hover-color); } 

.sm-phone-display { 
    display:inline-flex;
    margin-top:0;
  }
  
.lg-phone-display { display:none; }

@media (min-width:420px) {
  .sm-phone-display { display:none; }
  .lg-phone-display { display:inline-flex; }
}

/* ROW 2 */
.nav-title-inclusion { grid-area: nav-title-inclusion; white-space: nowrap;}
.nav-title-programs { grid-area: nav-title-programs; white-space: nowrap;}
.nav-buttons-inclusion { grid-area: nav-buttons-inclusion; white-space: nowrap;}
.nav-buttons-programs { grid-area: nav-buttons-programs; white-space: nowrap;}

.nav-title-inclusion, .nav-title-programs {
  margin:0;
  padding:0;
  color: var( --emphasis-font-color-b); 
}

.nav-row-2 {
  display:grid;
  grid-template-columns: auto;
  grid-auto-flow:column;
  column-gap: .25em;
  row-gap: .25em;
  justify-content: space-around;
  align-items:center;
  margin:1em 0 0 0;
  grid-template-areas:
    "nav-title-inclusion . nav-title-programs"
    "nav-buttons-inclusion . nav-buttons-programs";
  background:transparent;
  text-align:center;
}

a.topic-item, a.topic-item-embrace, a.topic-item-more, a.topic-item-ftr, a.topic-item-embrace-ftr {
  padding:2px;
  width:84px;
  white-space:normal;
  color: white;
  background: #152b46;
  text-decoration: none;
  border: 1px solid rgb(255, 255, 255);
  border: 1px solid rgba(255, 255, 255, 0.15);
  -webkit-background-clip: padding-box; 
  background-clip: padding-box;
  border-radius: 6px; 
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 2px 2px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.16), 0 2px 2px rgba(0, 0, 0, 0.20);
}

a.topic-item-ftr, a.topic-item-embrace-ftr { width:90%; padding:4px; white-space:normal; }

a.env-btn { width:100px; }

a.topic-item-more { 
  width:44px; 
  height:44px;
  background-image: url(/assets/images/icons/chevron-down-white.svg);
  background-size: 18px 18px;
  background-repeat:no-repeat;
  background-position:center bottom;
  padding-bottom:1.25em!important;
}

a.topic-item-embrace, a.topic-item-embrace-ftr {
  color: #41d3bd;
  background: #152b46;
  border: 1px solid rgb(35, 181, 211);
  border: 1px solid rgba(35, 181, 211, 0.35);
}

.topic-item-more:hover, a.topic-item-embrace:hover, a.topic-item-embrace-ftr:hover {
  color:white;
  background-color: #4096f2!important;
  border: 1px solid rgb(255, 255, 255);
  border: 1px solid rgba(255, 255, 255, 0.15);
}

@media all and (max-width:400px) {
  a.topic-item, .topic-item { margin: 0; }
}

a.topic-item:hover, .topic-item-more:hover, a.topic-item-ftr:hover {
  border: 1px solid #4096f2;
  background-color: #4096f2;
}

.w3-dropdown-hover-more {
  color:white !important;
  background-color: #1a3657!important;
}

.w3-dropdown-content-more {
  max-width: 300px;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  z-index: 10;
  right: 0;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 0 2px 2px rgba(0, 0, 0, 0.12), 0 4px 4px rgba(0, 0, 0, 0.16), 0 8px 8px rgba(0, 0, 0, 0.20);
}

.w3-dropdown-content-more-link { width: 100%; }

.w3-dropdown-hover:focus-within .w3-dropdown-content {
  visibility: visible;
  display:block;
  pointer-events: auto;
}

.dd-menu-padding { padding: 4px 0 4px 0; }

.dd-topic {
  font-size: 1.1em;
  line-height: 110%;
  margin-top: 6px;
  margin-bottom: 2px;
  font-weight:600;
  white-space: pre-wrap;
}

.dd-descriptor {
  font-size: .8em;
  line-height: 120%;
  margin-bottom: 4px;
  white-space: pre-wrap;
}

.social-selector { cursor: default; }


@media (min-width:600px) {
  a.topic-item, a.topic-item-embrace { 
    width:auto; padding:.5em; white-space: nowrap;
  }

  a.topic-item-more { 
    background-image: url(/assets/images/icons/chevron-down-white.svg);
    background-size: 18px 18px;
    background-repeat:no-repeat;
    background-position:right 8px center;
    padding-bottom:0!important;
    width:100px;
    padding:2px;
    padding-right:1em;
  }
}

@media (min-width:1050px) {
  .nav-row-2 {
    grid-template-columns: repeat(7, 1fr);
    grid-template-areas:
    ". nav-title-inclusion nav-buttons-inclusion . nav-title-programs nav-buttons-programs . ";
  }
}

.w3-dropdown-content-more {
  min-width:300px;
  white-space:normal;}




/*||| VIDEO PLAYER PAGE ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.column-video-playback {
  display: grid;
  place-content: center;
  margin-bottom:3em;
  text-align:center;
}

h1.video-hero { 
  padding-top:1em;
  padding-bottom:1em;
  font-size: var(--fluid-2); 
  text-align: center; 
  color:#fff;
}

.js-reframe {
  padding-top: 56.25%;
  position: relative;
  width: 100%;
}

.js-reframe iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.frame-border {
  border:1px solid #333;
}

.qualifier-text {
  padding-top:1em;
  color:white;
  margin-right:1em;
  margin-left:1em;
}



/*||| FOOTER !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

.address { grid-area: address; }
.connect-links { grid-area: connect-links; }
.links-c1 { grid-area: links-c1; }
.links-c2 { grid-area: links-c2 ; }
.professional { grid-area: professional; }
.trade { grid-area: trade; }

.column-grid-footer {
  display: grid;
  margin:2em auto 0 auto;
  padding-bottom:1em;
  grid-gap: .25em; 
  grid-template-columns:auto;
  grid-template-areas:
  "address"
  "connect-links"
  "trade"
  "professional"
  "links-c1"
  "links-c2";
  justify-content:space-evenly;
  justify-items:center;
  align-items:start;
  color:#fff;
  text-align:center;
}

.links-c1, .links-c2, .professional, .trade { margin-top:3em; }

.footer-foreground {
  padding:1em;
  background-color: var(--nav-center-bg-color);
}

.logo-bot { 
  margin:0 auto 1em auto; 
  width:250px;
  height:62px;
}

figcaption.footer-figcaption-spacer { padding-top:.25em; }

#figcaption-word-break::after { 
  content: "\a";
  white-space: pre;
}

.ftr-btn-email { 
  margin-top:1em; 
  font-weight:500; 
}

a.dark-background-link { 
  display:block; 
  margin-top:.5em; 
  color: var(--light-font-color); 
}

.ftr-topic-group-name {
  margin:0;
  padding-bottom:.5em;
  color: var( --emphasis-font-color-b); 
}

a.button-ftr { width:60%; white-space:normal; }

.ftr-advantaged-business { margin-top: 2em; }

@media (min-width:801px) { 
  .column-grid-footer { 
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas:
    "address        professional trade"
    "connect-links  links-c1     links-c2";
  } 

  .links-c1, .links-c2, .professional, .trade  { margin-top:0; }
}

@media (min-width:1300px) { 
  .column-grid-footer { 
    grid-template-columns: repeat(5, 1fr);
    grid-template-areas:
    "address links-c1 links-c2 professional trade"
    "connect-links . . . .";
  } 
  a.button-ftr { width:80%; }
}

.topic-spacer { height:2em; }
.link-spacer { margin-bottom:.5em; }

.social-line {
  margin-top:2em;
  border-top:1px solid var(--button-hover-color-1);
  opacity:0.40;
}

.social-links { 
  margin-top:1em;
  text-align:center;
}

.follow-rosemarie { margin-bottom:.5em; }

.social-media-spacing { 
  margin:2em .25em .5em .25em; 
  opacity:1; 
}

.pro-affiliation-logo { 
  display:block;
  margin:.5em auto;
  opacity:0.6;
  filter:grayscale(100%);
 }

.links-c3 { 
  display:flex;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: center;
  gap: .5em;
  margin-top:2em;
  margin-bottom:1em;
}

.links-c3-btns {
  max-width:160px;
  text-align:center;
}

.copyright { 
  color: var(--light-font-color);
  text-align: center;
}



/*||| UTILITIES !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

/* Back to Top */
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 100px;
  right: 10px;
  z-index: 100;
  border-radius:50%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(0, 99, 177, 0.8) url(/assets/images/icons/cd-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 640px) {
  .cd-top {
  right: 20px;
  bottom: 70px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
  height: 60px;
  width: 60px;
  right: 30px;
  bottom: 30px;
  }
}