/* Table of contents 

A.  Basic elements
A1. font
A2. block element
A3. links	
A4. buttons
A5. border
    A5-1 call out line
A6. padding
A7. lists
A8. tables
A9. icons
A10. background color
    A10.3 backgound color links
    A10.4 backgound color buttons
A11. Footer
A12. Utility Nav
A13. Background image position

B.  Modules
B1. content block
B2. alert module
    B2-1 alert for homepage 
    B2-2 alert for content pages
B5. largeicon / gapfiller
B6. summary block
B7. SYC block
B8. count-up/count-down module
B9. textblock
B10. list block
B11. floating box
B12. pull quote
B13. timed content
B14. iframe embed
B15. subscription form
B16. progressive disclosure
B17. Quicl links set/items
B18. In-page sticky navbar
B19. Feature Links Box
B20. Primary Block
B21. Section Set
B22. Card Module
B23. Featured Content
B24. CoV Org Chart
B25. image width
*/

body * {
    line-height: 1.5;
}

/* temp code for auto height */
body .contentWide .modContainer {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

/*** A1. Font ***/
.display-1 {
    font-size: 1.75em;
    font-weight: 700;
}
.display-2 {
    font-size: 1.44em;
    font-weight: 700;
}
.display-3 {
    font-size: 1.25em;
    font-weight: 700;
}
.display-4 {
    font-size: 1.13em;
    font-weight: 700;
}
.display-5 {
    font-size: 1.125em;
    font-weight: 700;
}
.display-6,
.display-7 {
    font-size: 1em;
    font-weight: 700;
}
.display-standard {
    font-size: 1em;
}
.display-1,
h1 {
    color: #222;
}
.display-2,
h2 {
    color: #222;
}
.display-3,
h3 {
    color: #222;
}
.display-4,
h4 {
    color: #222;
}

/* blue */
.font-primary {
    color: #0279b1;
}
/* red */
.font-warning {
    color: #d0021b;
}
/* orange */
.font-caution {
    color: #00355f;
}
/* green */
.font-success {
    color: #4b8516;
}
/* success green light */
.font-success-light {
    color: #96bf50;
}
/* summary green */
.font-summary {
    color: #367c77;
}
/* restart blue */
.font-restart {
    color: #01acee;
}

/* election 2025 primary */
.font-election-2025-primary {
    color: #143B52;
}

/* election 2025 secondary */
.font-election-2025-secondary {
    color: #802782;
}

/*** A2. Start block element standard ***/
/* block element width and spacing */
.blk-full {
    width: calc(100% - 20px);
    flex: 0 1 calc(100% - 20px);
    float: left;
    margin: 0 20px 20px 0;
    box-sizing: border-box;
    word-wrap: break-word;
}
.blk-two-third {
    width: calc(66.66% - 20px);
    flex: 0 1 calc(66.66% - 20px);
    float: left;
    margin: 0 20px 20px 0;
    box-sizing: border-box;
    word-wrap: break-word;
}
.blk-half {
    width: calc(50% - 20px);
    flex: 0 1 calc(50% - 20px);
    float: left;
    margin: 0 20px 20px 0;
    box-sizing: border-box;
    word-wrap: break-word;
}
.blk-one-third {
    width: calc(33.33% - 20px);
    flex: 0 1 calc(33.33% - 20px);
    float: left;
    margin: 0 20px 20px 0;
    box-sizing: border-box;
    word-wrap: break-word;
}
[class*="bg-"].blk-half dl,
[class*="bg-"].blk-half ol,
[class*="bg-"].blk-half p:not([class^="display-"]),
[class*="bg-"].blk-half table,
[class*="bg-"].blk-half ul,
[class*="bg-"].blk-one-third dl,
[class*="bg-"].blk-one-third ol,
[class*="bg-"].blk-one-third p:not([class^="display-"]),
[class*="bg-"].blk-one-third table,
[class*="bg-"].blk-one-third ul,
[class*="bg-"].blk-two-third dl,
[class*="bg-"].blk-two-third ol,
[class*="bg-"].blk-two-third p:not([class^="display-"]),
[class*="bg-"].blk-two-third table,
[class*="bg-"].blk-two-third ul {
    font-size: 0.88em;
}
[class*="border"].blk-half dl,
[class*="border"].blk-half ol,
[class*="border"].blk-half p:not([class^="display-"]),
[class*="border"].blk-half table,
[class*="border"].blk-half ul,
[class*="border"].blk-one-third dl,
[class*="border"].blk-one-third ol,
[class*="border"].blk-one-third p:not([class^="display-"]),
[class*="border"].blk-one-third table,
[class*="border"].blk-one-third ul,
[class*="border"].blk-two-third dl,
[class*="border"].blk-two-third ol,
[class*="border"].blk-two-third p:not([class^="display-"]),
[class*="border"].blk-two-third table,
[class*="border"].blk-two-third ul {
    font-size: 0.88em;
}
.blk-content > :last-child {
    margin-bottom: 0;
}
.blk-half a[class$="-button"],
.blk-half a[class*="btn-"],
.blk-half input[class$="-button"],
.blk-half input[class*="btn-"],
.blk-one-third a[class$="-button"],
.blk-one-third a[class*="btn-"],
.blk-one-third input[class$="-button"],
.blk-one-third input[class*="btn-"] {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
.blk-half a[class$="-button"]:last-child,
.blk-half a[class*="btn-"]:last-child,
.blk-half input[class$="-button"]:last-child,
.blk-half input[class*="btn-"]:last-child,
.blk-one-third a[class$="-button"],
.blk-one-third a[class*="btn-"]:last-child,
.blk-one-third input[class$="-button"]:last-child,
.blk-one-third input[class*="btn-"]:last-child {
    margin-bottom: 0;
}
.blk-half a[class$="-button"],
.blk-half input[class$="-button"],
.blk-one-third a[class$="-button"],
.blk-one-third input[class$="-button"] {
    width: calc(100% - 10px);
}
.left {
    float: left;
}
.right {
    float: right;
    margin: 0 0 20px 20px;
}
.module-right {
    margin-left: 0;
    margin-right: 20px;
    float: right;
}

/*** A3. link standard ***/
.bg-primary a:not([href]),
a:not([href]) {
    border: 0;
}

/*** A4. button standard ***/
a[class*="btn-"],
input[class*="btn-"],
button[class*="btn-"]{
    padding: 13px 13px;
    text-decoration: none;
    border-radius: 5px;
    line-height: 1.5;
    display: inline-block;
    margin: 0 10px 10px 0;
    cursor: pointer;
    border-width: 1px;
    border-color: #b2b2b2;
    border-style: solid;
    -webkit-appearance: none;
    box-sizing: border-box;
    max-width: 300px;
    text-align: center;
    font-weight: 700;
}
:not(form) > p > a[class*="btn-"],
:not(form) > p > input[class*="btn-"],
:not(form) > p > button[class*="btn-"]{
    margin-bottom: 0;
}
a[class*="btn-"]:focus,
a[class*="btn-"]:hover,
input[class*="btn-"]:focus,
input[class*="btn-"]:hover,
button[class*="btn-"]:focus,
button[class*="btn-"]:hover{
    background-color: #fff;
    outline: 0;
}
a[class*="btn-"]:active,
a[class*="btn-"]:focus,
input[class*="btn-"]:active,
input[class*="btn-"]:focus,
button[class*="btn-"]:active,
button[class*="btn-"]:focus {
    box-shadow: 0 0 0 3px #00355f;
    background-color: #fff;
    border-color: #b2b2b2;
    color: #0279b1;
    outline: 0;
}
a[class*="btn-"]:disabled,
a[class*="btn-"]:disabled:focus,
a[class*="btn-"]:disabled:hover,
input[class*="btn-"]:disabled,
input[class*="btn-"]:disabled:focus,
input[class*="btn-"]:disabled:hover,
button[class*="btn-"]:disabled,
button[class*="btn-"]:disabled:focus,
button[class*="btn-"]:disabled:hover{
    background-color: #d9d9d5;
    border-color: #d9d9d5;
    color: #444;
    cursor: not-allowed;
}
/*fixing input button not wrapping text 102518 wg 06182024*/
input.btn, input[class*="btn-"] {
    white-space:normal;
}
/* primary button */
a.btn-primary,
input.btn-primary,
button.btn-primary {
    background-color: #0279b1;
    border-color: #0279b1;
    color: #fff;
}
a.btn-primary:hover,
input.btn-primary:hover,
button.btn-primary:hover {
    background-color: #fff;
    border-color: #b2b2b2;
    color: #0279b1;
}

/* secondary button */
a.btn-secondary,
input.btn-secondary {
    background-color: #fff;
    border-color: #b2b2b2;
    color: #0279b1;
}
a.btn-secondary:hover,
input.btn-secondary:hover {
    background-color: #0279b1;
    border-color: #0279b1;
    color: #fff;
}
a.btn-secondary:focus,
input.btn-secondary:focus,
a.btn-secondary:active, 
input.btn-secondary:active {
    background-color: #0279b1;
    border-color: #0279b1;
    color: #fff;
}

/* success button */
a.btn-success,
input.btn-success {
    background-color: #4b8516;
    border-color: #4b8516;
    color: #fff;
}
a.btn-success:hover,
input.btn-success:hover {
    background-color: #fff;
    border-color: #b2b2b2;
    color: #4b8516;
}
a.btn-success:focus,
input.btn-success:focus {
    background-color: #fff;
    border-color: #b2b2b2;
    color: #4b8516;
}

/*** A5. border ***/
.border {
    border: 1px solid #d9d9d5;
}
.border-left-eq2 {
    border-left: 2px solid #d9d9d5;
}
.border-white {
    border: 1px solid #fff;
}
.border-primary {
    border: 1px solid #0279b1;
}
.border-warning {
    border: 1px solid #d0021b;
}
.border-caution {
    border: 1px solid #00355f;
}
.border-summary {
    border: 1px solid #367c77;
}
.border-restart {
    border: 1px solid #01acee;
}
.border-success-light {
    border: 1px solid #96bf50;
}

.border-election {
    border: 1px solid #802782;
}

/* A5-1 callout line */
.blk-callout {
    border-left-width: 10px;
    display: flex;
}
.border-eq2 {
    border-width: 2px;
}

/*** A6. spacing with border or background ***/
.padding {
    padding: 20px 10px;
}
.padding > :first-child {
    margin-top: 0;
}
.padding > :last-child {
    margin-bottom: 0;
}
.padding-eq20 {
    padding: 20px;
}
.padding-right-eq10 {
    padding-right: 10px;
}
.padding-right-eq70 {
    padding-right: 70px;
}

/*** A7. list ***/

/*** A8. tables ***/

/*** A9. icon ***/

/*** A10. background color ***/
/* blue */
.bg-primary {
    background-color: #0279b1;
    color: #fff;
}
/* A10-1.3 background links */
.bg-primary a {
    color: #fff;
    text-decoration: underline;
    border: 3px solid transparent;
}
.bg-primary a:hover {
    color: #d9d9d5;
}
.bg-primary a:active,
.bg-primary a:focus {
    color: #d9d9d5;
    border: 3px solid #00355f;
    outline: 0;
    background-color: transparent;
    box-shadow: none;
}

/* A10-1.4 background buttons */
.bg-primary a.btn-primary,
.bg-primary input.btn-primary {
    text-decoration: none;
    background-color: #fff;
    border-color: #fff;
    color: #0279b1;
    border-width: 2px;
}
.bg-primary a.btn-primary:hover,
.bg-primary input.btn-primary:hover {
    background-color: #015982;
    border-color: #015982;
    color: #fff;
}
.bg-primary a[class*="btn-"]:active,
.bg-primary a[class*="btn-"]:focus,
.bg-primary input[class*="btn-"]:active,
.bg-primary input[class*="btn-"]:focus {
    box-shadow: 0 0 0 3px #00355f;
    background-color: #015982;
    border-color: #015982;
    color: #fff;
}
.bg-primary a.btn-secondary,
.bg-primary input.btn-secondary {
    text-decoration: none;
    background-color: #0279b1;
    border-color: #fff;
    color: #fff;
    border-width: 2px;
}
.bg-primary a.btn-secondary:hover,
.bg-primary input.btn-secondary:hover {
    background-color: #fff;
    border-color: #fff;
    color: #0279b1;
}
.bg-primary a.btn-secondary:active,
.bg-primary a.btn-secondary:focus,
.bg-primary input.btn-secondary:active,
.bg-primary input.btn-secondary:focus {
    box-shadow: 0 0 0 3px #00355f;
    background-color: #fff;
    color: #0279b1;
    border-color: #fff;
}

/* A10-1.4 background icons */
.bg-primary .fa-external-link.far {
    background: 0 0;
}
/* grey */
.bg-light {
	background-color: #F8F8F8;
}
/* white */
.bg-white {
    background-color: #FFFFFF;
    color: #444;
}
/* red */
.bg-warning {
    background-color: #950000;
    color: #ffffff;
}
.bg-warning .display-2 {
    color: #fff;
}

/* A10.3 background links */
.bg-warning a {
    color: #fff;
}
.bg-warning a:hover {
    color: #d9d9d5;
}
.bg-warning a:active,
.bg-warning a:focus {
    outline: 3px solid #fff;
    outline-offset: 0;
    background-color: #bd0218;
    color: #d9d9d5;
}
.bg-warning-light {
    background-color: #f6ccd1;
}
.bg-caution {
    background-color: #00355f;
    color: #222;
}

/* A10.3 background links */
.bg-caution a {
    color: #222;
}
.bg-caution a:hover {
    color: #444;
}
.bg-caution a:active,
.bg-caution a:focus {
    outline: 3px solid #fff;
    outline-offset: 0;
    background-color: #e0900a;
    color: #222;
}
.bg-caution-light {
    background-color: #fdedd3;
}
.bg-caution-light a,
.bg-warning-light a {
    color: #015982;
}
.bg-caution-light a:hover,
.bg-warning-light a:hover {
    color: #00446d;
}
.bg-success {
    background-color: #96bf50;
    color: #222;
}
/* election */
/*.bg-election {
    background: #e60050;
    color: #fff; 
} */

/*.bg-election .display-2 {
    color: #fff;
} */

/* A10.3 background links */
/*.bg-election a {
    color: #fff;
}
.bg-election a:active:visited,
.bg-election a:hover,
.bg-election a:hover:visited {
    color: #d9d9d5;
}
.bg-election a:active,
.bg-election a:focus {
    outline: 3px solid #fff;
    outline-offset: 0;
    background-color: #d20049;
    color: #d9d9d5;
}*/

.bg-election-2025-primary {
    background-color: #92278F;
    color: #FFF;
}

.bg-election-2025-primary.blk-alert .display-2,
.bg-election-2025-primary.blk-alert a
 {
    color: #FFF;
}

.bg-election-2025-primary.blk-alert a:hover
 {
    color: #d9d9d5;
}

.bg-election-2025-primary.blk-alert a:focus,
.bg-election-2025-primary.blk-alert a:active{
    background: #652067;
    color: #d9d9d5;
    outline: 3px solid #fff;
}

.bg-election-2022-primary {
background: #802782;
color: #FFF;
}

.bg-election-2022-primary.blk-alert .display-2,
.bg-election-2022-primary.blk-alert a
{
    color: #FFF;
}

.bg-election-2022-primary.blk-alert a:hover
{
    color: #d9d9d5;
}

.bg-election-2022-primary.blk-alert a:focus,
.bg-election-2022-primary.blk-alert a:active{
    background: #652067;
    color: #d9d9d5;
    outline: 3px solid #fff;
}

#footer .top .footer-address p {
    line-height: 1.5;
}
.utility-nav .list-plain li a {
    line-height: 1.5;
}

/* A13. Background image position */
.bg-img-bottom-right {
    background-position-x: right;
	background-position-y: bottom;
}

/*** B. Modules ***/
/*** B1. Content block ***/
.content-blk {

}

.content-blk-label {
    background-color: #fff;
    padding: 4px 10px;
    margin: 0 0 20px 0;
    box-shadow: 3px 3px 0 #015982;
    color: #0279b1;
    font-size: 14px;
    font-weight: 700;
    display: table;
    text-transform: uppercase;
}
.bg-election-2025-primary .content-blk-label {
    color: #802782;
}
.content-blk-icon i.fa-icon,
.content-blk-icon img {
    max-width: 80px;
    font-size: 4.25em;
}
.content-blk-icon {
    min-width: 80px;
    text-align: center;
    margin-bottom: 20px;
    line-height: 0;
}
.content-blk.blk-full .content-blk-icon i.fa-icon,
.content-blk.blk-full .content-blk-icon img {
    max-width: 120px;
    font-size: 7em;
}
.content-blk.blk-full .content-blk-icon,
.content-blk.blk-full .content-blk-icon img {
    min-width: 120px;
}
.content-blk.blk-full .content-blk-icon img + .blk-content,
.content-blk.blk-full .content-blk-icon + .blk-content {
    float: left;
    width: calc(100% - 140px);
}
.content-blk.blk-two-third .content-blk-icon i.fa-icon,
.content-blk.blk-two-third .content-blk-icon img {
    max-width: 100px;
    font-size: 6em;
}
.content-blk.blk-two-third .content-blk-icon,
.content-blk.blk-two-third .content-blk-icon img {
    min-width: 100px;
}
.content-blk.blk-one-third .content-blk-icon img.left,
.content-blk.blk-one-third .content-blk-icon img.right,
.content-blk.blk-one-third .content-blk-icon.left,
.content-blk.blk-one-third .content-blk-icon.right {
    margin-left: 0;
    margin-right: 0;
}
.content-blk.blk-one-third {
    display: flex;
    flex-direction: column;
}
.content-blk.blk-one-third .content-blk-icon {
    order: -1;
}
.content-blk.blk-one-third .blk-content {
    order: 1;
}
.content-blk .blk-half.left,
.content-blk .blk-half.right {
    width: calc((100% + 20px) * 0.5 - 20px);
    flex: 0 1 calc((100% + 20px) * 0.5 - 20px);
}
.content-blk .blk-one-third.left,
.content-blk .blk-one-third.right {
    width: calc((100% + 20px) * 0.3333 - 20px);
    flex: 0 1 calc((100% + 20px) * 0.3333 - 20px);
}
.content-blk.bg-primary .display-1,
.content-blk.bg-primary .display-2,
.content-blk.bg-primary .display-3,
.content-blk.bg-primary .display-4,
.content-blk.bg-primary h1,
.content-blk.bg-primary h2,
.content-blk.bg-primary h3,
.content-blk.bg-primary h4 {
    color: #fff;
}

/*** B2. alert module ***/
.alert-icon {
    font-size: 36px;
    margin-right: 20px;
}

/* B2-1 alert for homepage */
.blk-alert {
    display: flex;
    flex-direction: row;
}

/* B2-2 alert for content pages */
.blk-one-third .alert-icon {
    display: none;
}
.blk-callout.blk-one-third .alert-icon + div {
    width: 100%;
    flex: 0 0 100%;
}
.blk-callout .alert-icon + div {
    width: calc(100% - 70px);
    flex: 0 1 auto;
}
.blk-callout > :last-child,
.blk-callout > div > :last-child {
    margin-bottom: 0;
}

/* B2-2 alert for site */
.site-alert {
    margin: 0 0 1px 0;
    float: none;
    width: 100%;
}
.site-alert i {
	/* font-size: 28px; */
}
.site-alert a {
    text-decoration: underline;
}
.site-alert-message {
    word-break: break-word;
    width: 100%;
    max-width: calc(1000px - 40px);
    margin: 0 auto;
    display: flex;
}
.site-alert-message .blk-content {
    margin: auto 0;
    font-weight: 600;
}

/*** B5. largeicon and gapfiller module ***/
.large-icon-blk a:active,
.large-icon-blk a:focus {
    display: block;
}
.large-icon-blk img {
    width: 100%;
    height: 122px;
    vertical-align: bottom;
}
.large-icon-blk.blk-full {
    display: flex;
    align-items: center;
}
.large-icon-blk.blk-full > a {
    width: 50%;
}
.large-icon-blk.blk-full img {
    width: calc(100% - 20px);
    margin: 0 20px;
    height: auto;
}
.large-icon-desc > p {
    overflow: hidden;
}
.large-icon-blk .large-icon-desc h2 {
    overflow: hidden;
    margin-bottom: 10px;
}
.blk-full .large-icon-desc {
    width: 50%;
    margin-left: 10px;
}
.blk-full .large-icon-desc h2,
.blk-full .large-icon-desc h2 a,
.blk-full .large-icon-desc p {
    height: auto;
}
.blk-two-third .large-icon-desc > p {
    overflow: hidden;
}
.blk-two-third .large-icon-links {
    height: 80px;
    overflow: hidden;
}
.large-icon-links > p {
    margin-bottom: 5px;
}
.large-icon-links > ul {
    margin-bottom: 0;
}
.large-icon-blk:hover {
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
}
.large-icon-blk.blk-one-third img,
.large-icon-blk.blk-two-third img {
    max-height: 175.1px;
}

/* temp code for auto height large icon */
.fill-gap,
.large-icon-blk img,
.large-icon-blk p,
.large-icon-blk h2,
.blk-two-third .large-icon-desc h2,
.blk-two-third .large-icon-desc > p,
.blk-two-third .large-icon-links {
    height: auto;
}

.fill-gap:hover {
    box-shadow: none;
}
.fill-gap {
    background-size: 100%;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-color: #fff;
    border: #d9d9d5 1px solid;
}
.filler-harbour {
    background-image: url("/images/cov/content/350X408-background-harbour.png");
}
.filler-house {
    background-image: url("/images/cov/content/350X408-background-line-at-bottom.png");
}
.filler-cityscape {
    background-image: url("/images/cov/content/350X408-background-city.png");
}
.filler-harbour.blk-two-third {
    background-image: url("/images/cov/content/650x316-background-harbour.png");
}
.filler-house.blk-two-third {
    background-image: url("/images/cov/content/filler-house-two-third.png");
}
.filler-cityscape.blk-two-third {
    background-image: url("/images/cov/content/650x316-background-city.png");
}

/*** B6. summary block ***/
.summary-blk {
    display: flex;
    background-image: url(/images/cov/icons/summary-star-mobile.svg);
    background-repeat: no-repeat;
}
.summary-blk.blk-full {
    background-size: 146px 146px;
    background-position: 12px -40px;
}
.summary-blk.blk-half {
    background-size: 82px 82px;
    background-position: -21px -9px;
    flex-wrap: wrap;
}
.summary-blk.blk-full .summary-blk-title {
    padding: 37px 10px 20px 10px;
    border-width: 0 1px 0 0;
    text-align: center;
    width: 150px;
    min-width: 150px;
    margin: 20px 0 20px 0;
}
.summary-blk.blk-half .summary-blk-title {
    margin: 20px 10px 0 40px;
    width: 100%;
}
.summary-blk.blk-full .summary-blk-body {
    margin: 20px 0 20px 0;
    padding: 37px 10px 0 10px;
}
.summary-blk.blk-half .summary-blk-body {
    margin: 20px 10px 20px 40px;
}
.summary-blk.blk-half {
    display: block;
}

/*** B7. SYC block ***/
.syc-blk {
    padding-left: 160px;
    background-image: url(/images/cov/icons/discussion-icon.svg);
    background-size: 130px 130px;
    background-position: 10px -26px;
    background-repeat: no-repeat;
}

/*** B8. countdown/count-up ***/
.countdown-body {
    display: flex;
    justify-content: space-around;
    max-width: 18rem;
    margin: 0 auto;
    text-align: center;
}
.countdown-item {
    display: flex;
    flex-direction: column;
    font-weight: 500;
}
.countdown-timer {
    color: #222;
    padding: 0.25em;
    background-color: #fff;
    border-radius: 50%;
    width: 60px;
    line-height: 60px;
    font-size: 1.44em;
}
.countdown-label {
    font-size: 0.88em;
    padding-top: 0.4em;
    text-transform: uppercase;
}
.countdown-end {
    text-align: left;
}
.count-up,
.countdown {
    text-align: center;
}
.countdown .display-2 {
    color: #222;
    margin-bottom: 10px;
}
.count-up .display-2 {
    margin-bottom: 10px;
    color: inherit;
}
.count-up-timer {
    padding: 0.25em;
    border-radius: 50%;
    width: 66px;
    line-height: 66px;
    margin: 0 auto;
    height: 66px;
    white-space: nowrap;
    font-weight: 500;
    font-size: 23px;
}
.count-up-label {
    text-transform: uppercase;
    margin: 10px 10px 20px 10px;
}
.blk-one-third .countdown-item:nth-child(3) {
    display: none;
}
.cov-super-wide .blk-one-third .countdown-item:nth-child(3) {
    display: block;
}

/*** B9. Text block ***/
.basic-blk .basic-blk-header {
    padding: 8px 12px 8px 12px;
    margin: -20px -10px 10px -10px;
    border-width: 0 0 3px 0;
}
.blk-full .basic-blk-header,
.blk-half .basic-blk-header,
.blk-one-third .basic-blk-header,
.blk-two-third .basic-blk-header {
    font-size: 1.25em;
}
.basic-blk.blk-half em.fas,
.basic-blk.blk-one-third em.fas,
.basic-blk.blk-two-third em.fas {
    line-height: 1.45;
}
.basic-blk a.blue-button {
    line-height: 1.5;
}

/*** B10. List block ***/
.list-blk {

}
.list-blk .list-blk-header {
    padding: 8px 12px 8px 12px;
    margin: -20px -10px 0 -10px;
    border-width: 0 0 3px 0;
}
.list-blk-header + .list-blk-items {
    padding-top: 10px;
}
.list-blk .list-item {
    display: flex;
}
.list-blk .list-item:not(:first-child) {
    border-top: #fff solid 1px;
    padding-top: 20px;
    margin-top: 20px;
}
.list-blk .list-item h3 {
    margin-bottom: 10px;
}
.list-blk .list-item img {
    margin-right: 20px;
    width: 150px;
}

/*** B11. Floating box ***/
.floating-box-feature-image {
    display: block;
    margin: 0 auto 20px auto;
    max-width: 150px;
}

/*** B12. pull quote ***/
.blockquote-blk p {
    font-style: italic;
    line-height: 1.5;
}
.blockquote-blk.blockquote-quote-marks {
    margin-top: 18px;
    margin-bottom: 38px;
    padding: 15px 10px;
    position: relative;
}
.blockquote-quote-marks p {
    text-align: center;
    margin-bottom: 0;
}
.blockquote-quote-marks .blockquote-blk-quote {
    padding: 20px 30px 5px 30px;
}
.blockquote-quote-marks .blockquote-blk-attribution {
    padding: 5px 30px 20px 30px;
    font-weight: 500;
}
.blockquote-quote-marks .blockquote-blk-quote-only {
    padding: 20px 30px;
}
.blockquote-quote-marks .blockquote-blk-no-attribution > svg,
.blockquote-quote-marks > svg {
    height: 34px;
    margin: 0 auto;
    width: 100%;
    position: absolute;
    margin-left: -10px;
}
.blockquote-quote-marks .blockquote-blk-no-attribution > svg:first-child,
.blockquote-quote-marks > svg:first-child {
    top: -18px;
}
.blockquote-quote-marks .blockquote-blk-no-attribution > svg:last-child,
.blockquote-quote-marks > svg:last-child {
    bottom: -18px;
}

/*** B13. timed content ***/
div.icon-chat-open {
    float: left;
    fill: #96bb50;
    padding: 10px 0 0 0;
    height: 128px;
    margin-top: -20px;
    max-width: 150px;
}
div.icon-chat-closed {
    float: left;
    fill: #d9d9d5;
    padding: 10px 0 0 0;
    height: 128px;
    margin-top: -20px;
    max-width: 150px;
}

/*** B14. iframe embed ***/
.iframe-blk {
    position: relative;
    padding-bottom: 60%;
    overflow: hidden;
}
.iframe-blk-embed {
    position: absolute;
    width: 100%;
    height: 100%;
}
.cov-super-wide .iframe-blk {
    padding-bottom: 40%;
}

/** B15. subscription form **/
.cov-subscription label {
    font-weight: 700;
    margin: 0;
    font-size: 16px;
}
.cov-subscription input[type="email"],
.cov-subscription input[type="password"],
.cov-subscription input[type="text"] {
    max-width: 250px;
    width: 100%;
    margin: 10px 0;
    padding: 5px;
    border: 2px solid #d9d9d5;
}
.blk-one-third .cov-subscription input[type="email"],
.blk-one-third .cov-subscription input[type="password"],
.blk-one-third .cov-subscription input[type="text"] {
    width: calc(100% - 14px);
    max-width: none;
}
.blk-half .cov-subscription input[type="button"],
.blk-half .cov-subscription input[type="submit"] {
    width: auto;
}
.cov-subscription input[type="email"]:active,
.cov-subscription input[type="email"]:focus,
.cov-subscription input[type="password"]:active,
.cov-subscription input[type="password"]:focus,
.cov-subscription input[type="text"]:active,
.cov-subscription input[type="text"]:focus {
    box-shadow: 0 0 0 1px #00355f inset;
    border-color: #00355f;
}

/* check box*/
.cov-subscription input[type="checkbox"] {
    opacity: 0;
    position: absolute;
}
.cov-subscription input[type="checkbox"] + label {
    font-weight: 400;
    margin-left: 40px;
}
.cov-subscription input[type="checkbox"]:focus + label::before {
    outline: 3px solid #00355f;
    outline-offset: 0;
}
.cov-subscription input[type="checkbox"] + label::before {
    cursor: pointer;
    padding: 4px;
    content: "";
    display: block;
    width: 25px;
    height: 25px;
    border: 2px solid #d9d9d5;
    background-color: #fff;
    box-sizing: border-box;
    margin: 0 0 0 -40px;
    position: absolute;
}
.cov-subscription input[type="checkbox"]:checked + label::before {
    background-color: #fff;
    box-sizing: border-box;
    content: "\f00c";
    color: #0279b1;
    cursor: pointer;
    display: block;
    font-family: "font Awesome 6 pro";
    font-weight: 700;
    font-size: 18px;
    height: 25px;
    line-height: 20px;
    padding: 2px 6px 6px 2px;
    position: absolute;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    width: 25px;
}
.cov-subscription select {
    display: inline-block;
    border: 2px solid #d9d9d5;
    box-sizing: border-box;
    font-size: 1em;
    height: 40px;
    margin-top: 10px;
    margin-bottom: 20px;
    color: #444;
    padding: 5px;
}
.cov-subscription select:active,
.cov-subscription select:focus {
    outline: 3px solid #00355f;
    outline-offset: 0;
    border-color: #d9d9d5;
}

/* B16 - progressive disclosure */
/* Progressive disclosure */
/* PD Set */
.pd-blk-set {
    box-sizing: border-box;
    text-size-adjust: 100%;
    display: block;
    clear: both;
    margin: 0;
    list-style-type: none;
}
.pd-blk-set li ol,
.pd-blk-set li ul {
    margin: 0 0 20px 2em;
}
.pd-blk-set li > ol,
.pd-blk-set li > ul {
    margin: 0.5em 0 0 2em;
}
.pd-blk-set > li {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

/* PD Summary */
a.pd-blk-summary {
    cursor: pointer;
    padding: 20px;
    border-bottom-color: #f8f8f8;
    background-color: #fff;
    text-align: left;
    margin: 0;
    color: #444;
    text-decoration: none;
    display: block;
}
.pd-blk-set,
.pd-blk-summary {
    box-sizing: border-box;
}
a.pd-blk-expand {
    background-color: #f8f8f8;
}
a.pd-blk-summary:active,
a.pd-blk-summary:focus {
    padding: 20px;
}
.pd-blk-icon {
    font-size: 2.5em;
    padding-right: 20px;
    width: 1.5em;
    text-align: center;
}
.pd-blk-control {
    display: block;
    white-space: nowrap;
}
[class^="pd-blk-control-"].btn-secondary {
    padding: 13px 30px;
    width: 137px;
    line-height: 1.5;
    margin: 0 3px;
}
.pd-blk-summary:focus .pd-blk-control,
.pd-blk-summary:hover .pd-blk-control {
    background-color: #fff;
}
.pd-blk-toggle {
    background-color: #0279b1;
    border: 1px #0279b1 solid;
    border-radius: 15px;
    margin-right: 20px;
    margin-top: 2px;
    padding: 2px;
    float: left;
    height: 20px;
}
.pd-blk-toggle img {
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -ms-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}
.pd-blk-toggle a.selected {
    background-position: -1px -19px;
    border: 1px #d9d9d5 solid;
}
.pd-blk-toggle.selected img {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.pd-blk-toggle + div {
    display: flex;
    flex-direction: row;
    align-items: normal;
}
.pd-blk-summary .pd-blk-icon-plus {
    width: 0;
    height: 0;
    background: url(/images/cov/ui/PD-white-s.png);
    padding: 10px;
}
.pd-blk-summary:focus .pd-blk-icon-plus,
.pd-blk-summary:hover .pd-blk-icon-plus {
    background: url(/images/cov/ui/PD-blue-s.png);
}
.pd-blk-summary:focus .pd-blk-toggle,
.pd-blk-summary:hover .pd-blk-toggle {
    background-color: #fff;
    border: 1px #d9d9d5 solid;
}
.pd-blk-summary div span img {
    margin-right: 20px;
}
a.pd-blk-summary:active [class^="fa"],
a.pd-blk-summary:active img:not(.pd-blk-icon-plus),
a.pd-blk-summary:focus [class^="fa"],
a.pd-blk-summary:focus img:not(.pd-blk-icon-plus) {
    background-color: #f8f8f8;
}
a.pd-blk-summary:active,
a.pd-blk-summary:focus {
    box-shadow: inset 0 0 0 3px #00355f;
}
a.pd-blk-summary:active,
a.pd-blk-summary:focus,
a.pd-blk-summary:hover {
    outline: 0;
    background-color: #f8f8f8;
    color: #444;
}
[class^="pd-blk-group"] {
    padding-left: 65px;
    padding-right: 20px;
    background-color: #f8f8f8;
    border: #d9d9d5 1px solid;
    border-bottom: #f8f8f8 1px solid;
    border-top: #f8f8f8 1px solid;
    box-sizing: border-box;
    display: none;
}
[class^="pd-blk-group"] img {
    max-width: 100%;
    height: auto;
}
li:nth-last-of-type(1) .pd-blk-summary,
li:nth-last-of-type(1) [class^="pd-blk-group"] {
    border-bottom: 1px #d0d0d0 solid;
}
.pd-blk-summary.pd-blk-expand,
li:nth-last-of-type(1) .pd-blk-expand {
    background-color: #f8f8f8;
    border-bottom-color: #f8f8f8;
}
.pd-blk-summary-content {
    width: 100%;
    margin-bottom: -20px;
}

/* B17. Quicl links set/items */
.quick-links ul {
    margin: 0;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    flex-wrap: wrap;
    border-width: 0 0 0 1px;
    width: 100%;
    box-sizing: border-box;
}
.quick-links li {
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    background: #fff;
    padding-top: 0.8em;
    padding-bottom: 0;
    border-width: 0 1px 1px 0;
    position: relative;
    width: calc(50% - 1px);
}
/*Will added .quick-links li em on 01/09/2023 to display new external link icon*/
.quick-links li i, .quick-links li em {
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -5px;
}
.quick-links ul,
.quick-links ul > li {
    border-style: solid;
    border-color: #d9d9d5;
}
.quick-links li:first-child,
.quick-links li:nth-child(2) {
    border-width: 1px 1px 1px 0;
}
.quick-links li p {
    margin: 0 5px 0.8em 10px;
    overflow: hidden;
    max-width: 87%;
}
.quick-links li:focus a,
.quick-links li:hover,
.quick-links li:hover a {
    background: #0279b1;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}
.quick-links li p a {
    text-decoration: none;
}
.quick-links li:active,
.quick-links li:focus {
    box-shadow: inset 0 0 0 2px #00355f;
    border-color: #00355f;
    background-color: #0279b1;
    color: #fff;
}
.cov-super-wide .quick-links li {
    width: calc(33.33% - 1px);
}
.cov-super-wide .quick-links li:nth-child(3) {
    border-width: 1px 1px 1px 0;
}

/* B18. In-page sticky navbar*/
.topic-nav {
    width: 1366px;
    transition: background-color 0.25s ease;
    z-index: 10;
    background-color: #444;
    margin: 0 -203px;
}
.topic-nav ul {
    text-align: center;
    margin: 0 auto;
    line-height: 4em;
    width: 100vw;
    max-width: 1366px;
}
.topic-nav li:hover,
.topic-nav.sticky li:hover {
    cursor: pointer;
}
.topic-nav li,
.topic-nav.sticky li {
    display: inline-block;
    margin: 0 1em;
    padding-bottom: 0;
    border-bottom: 2px solid transparent;
}
.topic-nav a {
    font-size: 1.14em;
    outline: 3px solid transparent;
    padding: 0 2px;
}
.bottom-topic-nav a:active,
.bottom-topic-nav a:focus,
.topic-nav a:active,
.topic-nav a:focus {
    outline: 3px solid #00355f;
    background-color: transparent;
    color: #d9d9d5;
}
.sticky {
    position: fixed;
    background-color: #444;
    z-index: 12;
}
.bottom-topic-nav a,
.topic-nav li a,
.topic-nav.sticky li a {
    color: #fff;
    text-decoration: underline;
}
.bottom-topic-nav a:hover,
.topic-nav :link:hover,
.topic-nav.sticky li a:hover {
    color: #d9d9d5;
}
.bottom-topic-nav {
    display: none;
    color: #fff;
    position: fixed;
    z-index: 12;
    margin: 0;
    width: 100%;
    bottom: 0;
    background-color: #444;
    left: 0;
}

/* B19. Feature Links Box */
.featureLinksBoxSetWrapper .highlight-header h2 {
    color: #fff;
}

/*  B20. Primary Block */
.home .primary-block p {
    line-height: 1.5;
}

/* B22. Card Module */
@media only screen and (max-width: 768px) and (min-width: 481px) {
    .card-grid-item .post-overlay .post-content,
    .card-grid-item .post-overlay .post-title {
        line-height: 1.5;
    }
}

/* B23. Featured Content */
.featured-content .flex-item--right.section-title--link a,
.flex-item--right.section-title--link a span,
.layout-container .flex-item--right.section-title--link a,
.layout-container .flex-item--right.section-title--link a span {
    line-height: 1.5;
}

/* B24. CoV Org Chart */
#cov-orgchart #div02 {
    top: 300px;
}

/* B25. Image width */
/* DD 11/14/2022 */
.w-100 {
    width: 100%;
}

/*** for IE ***/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* B18. In-page sticky navbar*/
    .sticky {
        position: relative;
    }
}

/*** responsive ***/
/*** mobile nav, desktop body ***/
@media screen and (max-width: 980px) {
    .blk-half dl,
    .blk-half ol,
    .blk-half p:not([class^="display-"]),
    .blk-half table,
    .blk-half ul,
    .blk-one-third dl,
    .blk-one-third ol,
    .blk-one-third p:not([class^="display-"]),
    .blk-one-third table,
    .blk-one-third ul,
    .blk-two-third dl,
    .blk-two-third ol,
    .blk-two-third p:not([class^="display-"]),
    .blk-two-third table,
    .blk-two-third ul,
    [class*='border'].blk-half p:not([class^="display-"]), 
    [class*='border'].blk-one-third p:not([class^="display-"]), 
    [class*='border'].blk-two-third p:not([class^="display-"]), 
    [class*='bg-'].blk-half p:not([class^="display-"]),
    [class*='bg-'].blk-one-third p:not([class^="display-"]), 
    [class*='bg-'].blk-two-third p:not([class^="display-"]) {
        font-size: 1em;
    }
    
    /* B2-1 alert for homepage */
    div.blk-alert {
        padding-left: 20px;
    }
    /* B2-3 alert for site */
    .site-alert-message {
        width: 100%;
    }
    body > .site-alert {
        margin-top: 15px;
        margin-bottom: 1px;
    }
    body > .site-alert ~ .site-alert {
        margin-top: 0;
    }
    /*** B5. largeicon and gapfiller module ***/
    /* removed after auto-height is on the whole site */
    
    /*** B16 - progressive disclosure ***/
    .pd-blk-toggle {
        margin-right: 10px;
    }
    [class^="pd-blk-set"] [class^="pd-blk-group"] {
        padding-left: 45px;
        padding-right: 10px;
    }
    a.pd-blk-summary,
    a.pd-blk-summary:active,
    a.pd-blk-summary:focus {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    /* B18. In-page sticky navbar*/
    .topic-nav ul {
        width: 760px;
    }
    .sticky {
        width: 100%;
        padding: 0 203px;
        left: 0;
    }
}

/*** tablet ***/
@media screen and (max-width: 768px) {
    
    /* B2-1 alert for homepage */
    div.blk-alert {
        padding-left: 20px;
    }
    
    /*** B8. countdown/count-up ***/
    .cov-super-wide .blk-one-third .countdown-item:nth-child(3) {
        display: none;
    }
    
    /*** B14. iframe embed ***/
    .cov-super-wide .iframe-blk {
        padding-bottom: 60%;
    }
    
    /** B15. subscription form **/
    .cov-subscription label {
        font-size: 14px;
    }
    
    /* B17. Quicl links set/items */
    .cov-super-wide .quick-links li,
    .quick-links li {
        padding-top: 1em;
        padding-bottom: 0;
        width: calc(50% - 1px);
    }
    .cov-super-wide .quick-links li:nth-child(3),
    .quick-links li:nth-child(3) {
        border-width: 0 1px 1px 0;
    }
    
    /* B18. In-page sticky navbar*/
    .topic-nav ul {
        width: 580px;
    }
    
    /* B21. Section Set */
    div#sectionSetWrapper49367.sectionSetWrapper.lazy h2.section-title {
        color: #222 !important;
    }
    .home .columnTitle {
        line-height: 1.5;
    }
}

/*** mobile ***/
@media screen and (max-width: 599px) {
    .blk-full,
    .blk-half,
    .blk-one-third,
    .blk-two-third {
        width: 100%;
        flex: 0 1 100%;
        margin: 0 0 20px 0;
        float: left;
    }
    .left,
    .right {
        margin: 0 auto 20px;
    }
    .content-blk.blk-full .content-blk-icon img,
    .content-blk.blk-full .content-blk-icon.left,
    .content-blk.blk-full .content-blk-icon.right,
    .content-blk.blk-two-third .content-blk-icon,
    .content-blk.blk-two-third .content-blk-icon img {
        min-width: 80px;
        max-width: 80px;
    }
    [class*="bg-"].blk-half dl,
    [class*="bg-"].blk-half ol,
    [class*="bg-"].blk-half p:not([class^="display-"]),
    [class*="bg-"].blk-half table,
    [class*="bg-"].blk-half ul,
    [class*="bg-"].blk-one-third dl,
    [class*="bg-"].blk-one-third ol,
    [class*="bg-"].blk-one-third p:not([class^="display-"]),
    [class*="bg-"].blk-one-third table,
    [class*="bg-"].blk-one-third ul,
    [class*="bg-"].blk-two-third dl,
    [class*="bg-"].blk-two-third ol,
    [class*="bg-"].blk-two-third p:not([class^="display-"]),
    [class*="bg-"].blk-two-third table,
    [class*="bg-"].blk-two-third ul {
        font-size: 1em;
    }
    [class*="border"].blk-half dl,
    [class*="border"].blk-half ol,
    [class*="border"].blk-half p:not([class^="display-"]),
    [class*="border"].blk-half table,
    [class*="border"].blk-half ul,
    [class*="border"].blk-one-third dl,
    [class*="border"].blk-one-third ol,
    [class*="border"].blk-one-third p:not([class^="display-"]),
    [class*="border"].blk-one-third table,
    [class*="border"].blk-one-third ul,
    [class*="border"].blk-two-third dl,
    [class*="border"].blk-two-third ol,
    [class*="border"].blk-two-third p:not([class^="display-"]),
    [class*="border"].blk-two-third table,
    [class*="border"].blk-two-third ul {
        font-size: 1em;
    }
    
    /*** A4. button standard ***/
    a[class*="btn-"],
    input[class*="btn-"] {
        max-width: calc(100% - 6px);
        width: 100%;
        margin-left: 3px;
    }
    :not(form) > p > a[class*="btn-"]:not(:last-child),
    :not(form) > p > input[class*="btn-"]:not(:last-child) {
        margin-bottom: 20px;
    }
    form > p > a[class*="btn-"]:not(:last-child),
    form > p > input[class*="btn-"]:not(:last-child) {
        margin-bottom: 30px;
    }
    
    /*** B1. Content block ***/
    .content-blk.blk-full .blk-content,
    .content-blk.blk-full .content-blk-icon + .blk-content {
        width: 100%;
        float: initial;
    }
    .content-blk.blk-one-third {
        display: block;
    }
    .content-blk.blk-full .content-blk-icon i.fa-icon,
    .content-blk.blk-two-third .content-blk-icon i.fa-icon {
        max-width: 80px;
        font-size: 4.25em;
        max-height: 80px;
    }
    .content-blk.blk-full .content-blk-icon,
    .content-blk.blk-two-third .content-blk-icon {
        min-width: 80px;
    }
    .content-blk-icon.left,
    .content-blk.blk-one-third .content-blk-icon.left {
        margin-right: 20px;
    }
    .content-blk-icon.right,
    .content-blk.blk-one-third .content-blk-icon.right {
        margin-left: 20px;
    }
    .content-blk.blk-full .blk-content,
    .content-blk.blk-full .content-blk-icon + .blk-content {
        width: 100%;
    }
    .content-blk .content-blk {
        margin: 0 0 20px 0;
    }
    .content-blk .blk-half.left,
    .content-blk .blk-half.right,
    .content-blk .blk-one-third.left,
    .content-blk .blk-one-third.right {
        width: 100%;
        flex: 0 1 100%;
    }
    .content-blk.padding-right-eq10,
    .content-blk.padding-right-eq70 {
        padding-right: 0;
    }
    /*.blk-alert .alert-icon {
        display: none;
    }*/
    .blk-callout .alert-icon {
        display: none;
    }
    .blk-callout .alert-icon + div {
        width: 100%;
    }
    .site-alert {
        width: calc(100%);
    }
    /*.site-alert i {
        display: none;
    }*/
    .large-icon-blk,
    .large-icon-blk.blk-full a {
        width: 100%;
    }
    .large-icon-blk.blk-full {
        flex-flow: wrap;
    }
    .large-icon-blk img,
    .large-icon-blk.blk-full img {
        height: auto;
        margin: 2% 2% 0 2%;
        width: 96%;
    }
    .blk-full .large-icon-desc {
        margin-left: 0;
        width: 100%;
    }
    .blk-full .large-icon-desc,
    .blk-two-third .large-icon-desc h2,
    .blk-two-third .large-icon-desc > p,
    .blk-two-third .large-icon-links,
    .large-icon-blk .large-icon-desc,
    .large-icon-blk .large-icon-desc h2,
    .large-icon-blk .large-icon-desc > p,
    .large-icon-blk > a {
        height: auto;
    }
    .fill-gap {
        display: none;
    }
    .summary-blk.blk-full {
        background-size: 82px 82px;
        background-position: -21px -9px;
        flex-wrap: wrap;
    }
    .summary-blk.blk-full .summary-blk-title {
        margin: 20px 10px 0 40px;
        padding: 0;
        width: 100%;
        border: none;
        text-align: left;
    }
    .summary-blk.blk-full .summary-blk-body {
        margin: 20px 10px 20px 40px;
        padding: 0;
    }
    .syc-blk {
        padding-left: 10px;
        background-size: 80px 80px;
        background-position: -20px -8px;
        background-image: url(/images/cov/icons/discussion-icon-mobile.svg);
    }
    .syc-blk .content-blk-label {
        margin-left: 30px;
    }
    .blk-one-third .countdown-item:nth-child(3),
    .cov-super-wide .blk-one-third .countdown-item:nth-child(3) {
        display: block;
    }
    .list-blk .list-item {
        flex-direction: column;
    }
    .list-blk .list-item img {
        width: 100%;
        margin-bottom: 10px;
    }
    .blockquote-quote-marks .blockquote-blk-quote {
        padding: 20px 10px 5px 10px;
    }
    .blockquote-quote-marks .blockquote-blk-attribution {
        padding: 5px 10px 20px 10px;
    }
    .blockquote-quote-marks .blockquote-blk-quote-only {
        padding: 20px;
    }
    .blockquote-quote-marks .blockquote-blk-quote-only {
        margin-bottom: 0;
    }
    .blockquote-blk .blockquote-line {
        margin-right: inherit;
    }
    .cov-subscription input[type="email"],
    .cov-subscription input[type="password"],
    .cov-subscription input[type="text"] {
        max-width: none;
        width: calc(100% - 14px);
    }
    .blk-half .cov-subscription input[type="button"],
    .blk-half .cov-subscription input[type="submit"] {
        width: 100%;
    }
    .cov-subscription select {
        width: 100%;
    }
    .pd-blk-toggle + div {
        display: flex;
        flex-direction: column;
        align-items: initial;
    }
    .pd-blk-toggle + div span {
        display: none;
    }
    i.pd-blk-icon {
        display: none;
    }
    .cov-super-wide .quick-links li,
    .quick-links li {
        width: calc(100% - 2px);
    }
    .cov-super-wide .quick-links li:nth-child(3),
    .quick-links li:nth-child(2),
    .quick-links li:nth-child(3) {
        border-width: 0 1px 1px 0;
    }
    .quick-links ul {
        margin: 20px 0;
    }
    .topic-nav {
        display: none;
    }
    .bottom-topic-nav {
        display: block;
    }
    .bottom-topic-nav-collapsible {
        overflow: hidden;
        display: none;
        margin-bottom: -20px;
    }
    .bottom-topic-nav-collapsible ul {
        margin: 20px 0 0 20px;
    }
    .bottom-topic-nav-collapsible li {
        display: block;
        margin-bottom: 10px;
        padding-right: 0.5em;
    }
    .bottom-topic-nav-title {
        padding: 20px;
        bottom: 0;
        height: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin: -10px 0 10px 0;
    }
}


/* Accessibility zoom */
@media screen and (max-width: 320px) {
    /* B16. progressive disclosure */
        .pd-blk-control {
            white-space: normal;
    }
}