@charset "utf-8";

/* ============================== =blocks - base styles ============================== */

/* =CalloutBox - base */

.CalloutBox {
    color: #fff;
    background-color: #888;
    margin: 2em auto;
    padding: 1px 4%;
}

.CalloutBox p {
    margin: 1em 0;
}

/* =ReminderBox - base */

.ReminderBox {
    color: #fff;
    background-color: #888;
    width: 50%;
    float: right;
    padding: 1px 4%;
    margin: 1em 0 1em 2em;
}

.ReminderBox h4 {
    margin-top: 0.5em;
}

.ReminderBox p {
    margin: 1em 0;
}

/* =AdSense - base */

.AdSenseBoxLeft, .AdSenseBoxRight, .AdSenseBoxCenter468, .AdSenseBoxExtraColumn {
    padding: 1%;
}

.AdSenseBoxLeft {
    float: left;
    margin-right: 2%;
    margin-bottom: 2%;
}

.AdSenseBoxRight {
    float: right;
    margin-left: 2%;
    margin-bottom: 2%;
}

.AdSenseResponsiveBox {
    width: 50%;
}

@media only screen and (max-width: 447px) {
    .AdSenseResponsiveBox {
        margin: 0;
        float: none;
        width: 100%;
    }
}

.AdSenseBoxCenter {
    text-align: center;
    clear: both;
}

.AdSenseBoxCenter468 {
    width: 468px;
    margin: 2% auto;
    clear: both;
}

.AdSenseBoxExtraColumn {
    padding: 0;
    margin: 2% auto;
    clear: both;
}

/* =FBI - base */

.formBarGraphBar {
    border: 0;
    background-color: #eee;
}

#PageWrapper .formwrapper .formBuilderForm-Throbber {
    border: 0;
}
#PageWrapper .FormBlockLeft .formwrapper {
    float: left;
    margin-right: 5px;
}

#PageWrapper .FormBlockRight .formwrapper {
    float: right;
    margin-left: 5px;
}

#PageWrapper .FormBlockCenter .formwrapper {
    margin-left: auto;
    margin-right: auto;
}

/* =WhatsNew - base */

.WhatsNew {
    border: 1px solid #eee;
    margin: 1em 0;
    position: relative;
    box-sizing: border-box;
}

.WhatsNewLeft {
    float: left;
    margin-right: 0.5em;
}

.WhatsNewRight {
    float: right;
    margin-left: 0.5em;
}

.WhatsNewCenter {
    margin-left: auto;
    margin-right: auto;
}

#PageWrapper .WhatsNew img {
    border: 0;
}

#PageWrapper .WhatsNew h2 {
    margin: 0;
    padding: 0.3em 24px 0.3em 4px;
    background: #eee;
    line-height: 1.2;
    font-size: 125%;
    text-align: center;
    color: #888;
}

#PageWrapper .WhatsNew ol,
#PageWrapper .WhatsNew ul,
#PageWrapper .WhatsNew li {
    margin: 0;
    padding: 0;
    list-style: none;
    background: transparent;
}

#PageWrapper .WhatsNew ol {
    margin: 0 4%;
    overflow: hidden;
}

#PageWrapper .WhatsNew ol li {
    display: block;
    padding-bottom: 1px;
    border-top: 1px solid #ECF0F1;
    margin-top: -1px;
}

#PageWrapper .WhatsNew h3 {
    font-size: 125%;
    line-height: 1.2;
    margin-top: 1em;
    margin-bottom: 0;
}

.WhatsNew-time {
    font-size: 75%;
    color: #888;
    margin-top: 0.5em;
}

.WhatsNew-more {
    text-align: right;
    margin: 1em 0;
}

.WhatsNew-subscribe {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    text-align: right;
}

.WhatsNew-icon {
    padding: 4px 4px 2px;
    width: 24px;
    height: 22px;
}

#PageWrapper .WhatsNew-subscribe ul {
    display: none;
    padding: 2px 4px;
    background: #eee;
}

#PageWrapper .WhatsNew-subscribe ul li {
    display: block;
    background-image: none;
}

#PageWrapper .WhatsNew-subscribe:hover ul {
    display: block;
}

#PageWrapper .WhatsNew-subscribe ul img {
    display: block;
    padding: 2px 0;
    width: 91px;
    height: 21px;
}

@media only screen and (max-width: 768px) {
    #PageWrapper .WhatsNew h2 {
        padding-right: 4px;
    }

    .WhatsNew-subscribe {
        position: static;
    }

    .WhatsNew-icon {
        display: none;
    }

    #PageWrapper .WhatsNew-subscribe ul {
        display: block;
        text-align: center;
    }

    #PageWrapper .WhatsNew-subscribe ul img {
        display: inline-block;
    }
}

/* =RSSbox - base */

.RSSbox {
    margin: 1em 0 2em;
    text-align: center;
}

.RSSbox ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.RSSbox li {
    background-image: none;
    padding: 0;
    margin: 0 0 5px 0;
}

/* BEGIN =Text\Image Block - base */
.text_image_block {
    margin: 0.5em 0 0 0;
}

.text_image_not_floated.text_image_left .ImageBlock img {
    float: left;
}

.text_image_not_floated.text_image_right .ImageBlock img {
    float: right;
}

.text_image_not_floated.text_image_center .ImageBlock {
    text-align: center;
}

#PageWrapper .text_image_floated .ImageBlock {
    margin: 0.3em 0 0 0;
}

#PageWrapper .text_image_floated.text_image_left .ImageBlock {
    float: left;
    margin-right: 10px;
}

#PageWrapper .text_image_floated.text_image_right .ImageBlock {
    float: right;
    margin-left: 10px;
}

.text_image_top_cleared,
.text_image_both_cleared {
    clear: both;
}

.text_image_bottom_cleared p:last-of-type:after,
.text_image_both_cleared p:last-of-type:after {
    content: "";
    clear: both;
    display: block;
    width: 100%;
}
/* END =Text\Image Block - base */

/* BEGIN =Text\Image Block - responsive */
@media (max-width: 768px) {
    #PageWrapper .text_image_floated.text_image_left .ImageBlock,
    #PageWrapper .text_image_floated.text_image_right .ImageBlock {
        float: none;
        margin: 0 0 15px 0;
    }

    div#PageWrapper .text_image_floated .ImageBlock {
        max-width: 100%;
    }
}
/* END =Text\Image Block - responsive */

/* =Ezine - base */

.Ezine {
    padding: 4%;
    margin-bottom: 2em;
    background: #eee;
}

.Ezine table {
    width: 100%;
}

.Ezine td {
    width: 50%;
    text-align: center;
    vertical-align: top;
}

.Ezine .EzineInputAbove {
    width: 100%;
}

.EzineInput input {
    width: 85%;
    max-width: 350px;
    padding: 5px;
}

.Ezine input:focus[type="text"] {
    background-color: #ffffcc;
}

td.EzineLabel {
    text-align: right;
    vertical-align: middle;
}

td.EzineLabelAbove {
    text-align: center;
}

.EzineDescription {
    text-align: center;
}

/* =Ezine2 - base */

.Ezine2 {
    margin: 1em 0;
    padding: 0.5em;
    border: 1px solid #eee;
}

.EzineRow {
    padding: 0.5em 0;
    max-width: 100%;
    box-sizing: border-box;
}

.EzineVertical label {
    display: block;
}

.EzineHorizontal .EzineRow,
.EzineHorizontal label {
    display: inline-block;
}

.Ezine2 label,
.Ezine2 input[type="text"],
.Ezine2 input[type="email"],
.EzineButton {
    vertical-align: middle;
    max-width: 100%;
    box-sizing: border-box;
}

.Ezine2 input:focus[type="text"],
.Ezine2 input:focus[type="email"] {
    background-color: #ffffcc;
}

.EzineLeft,
body #PageWrapper .Ezine2.EzineLeft,
html.mobile body #PageWrapper .Ezine2.EzineLeft {
    text-align: left;
}

.EzineCenter,
body #PageWrapper .Ezine2.EzineCenter,
html.mobile body #PageWrapper .Ezine2.EzineCenter {
    text-align: center;
}

.EzineRight,
body #PageWrapper .Ezine2.EzineRight,
html.mobile body #PageWrapper .Ezine2.EzineRight {
    text-align: right;
}

/* =ImageBlock - base */

a .Caption {
    color: inherit;
}

.CaptionLeft {
    text-align: left !important;
}

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

.CaptionRight {
    text-align: right !important;
}

.Caption {
    font-size: 85%;
    display: block;
}

img {
    max-width: 100%;
    box-sizing: border-box;
}

/* none-JavaScript fix for too large images */
#PageWrapper .ImageBlock img {
    max-width: 100%;
}

/* IE9 and Chrome (~20) margin fix for block images with margin: auto */
.ImageBlock img {
    margin: 0;
}

#PageWrapper .ImageBlock {
    overflow: hidden;
    max-width: 100%;
}

#PageWrapper .ImageBlockLeft {
    float: left;
    text-align: center;
    margin-bottom: 10px;
}

#PageWrapper .ImageBlockLeft img {
    margin-right: 15px;
}

#PageWrapper .ImageBlockRight {
    float: right;
    text-align: center;
    margin-bottom: 10px;
}

#PageWrapper .ImageBlockRight img {
    margin-left: 15px;
}

#PageWrapper .ImageBlockRight .Caption {
    margin-left: 15px;
}
#PageWrapper .ImageBlockCenter {
    margin: 15px 0;
    text-align: center;
}

/* BEGIN =Media Block */
#PageWrapper .MediaBlock {
    margin-top: 15px;
    margin-bottom: 15px;
}

#PageWrapper .MediaBlockLeft {
    float: left;
    margin-right: 15px;
}

#PageWrapper .MediaBlockRight {
    float: right;
    margin-left: 15px;
}

#PageWrapper .MediaBlockCenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    margin-bottom: 15px;
}
/* END =Media Block */

/* BEGIN =GDPR consent cookie bar */
.eucookiebar button, .eucookiebar p{
    display:inline-block;
    margin:.25em .5em;
    font-family:"Lucida Grande",Geneva,Arial,Verdana,sans-serif;
}

.eucookiebar{
    text-align:center;
    position:absolute;
    top:-250px;
    left:0;
    right:0;
    background:#fff;
    padding:.5% 2%;
    box-shadow:0 4px 10px 1px rgba(0,0,0,.2);
    z-index:9999;
    font-size:12px;
    font-family:"Lucida Grande",Geneva,Arial,Verdana,sans-serif;
    color:#666;
    transition:top .5s ease,bottom .5s ease, opacity .5s ease
}
.eucookiebar a{
    color:#00f;
    font-weight:400;
    text-decoration:underline
}
.eucookiebar a:visited{
    color:#551A8B
}
.eucookiebar a:active{
    color:red
}
.eucookiebar button{
    background:#eee;
    border:1px solid #888;
    border-radius:4px;
    font-size:100%;
    font-weight:700;
    color:#666
}
.eucookiebar button:hover{
    background:#666;
    color:#fff
}
.eucookiebar.show{
    top:0;
    opacity:1;
}
.eucookiebar.hide{
    top:-250px;
    opacity:0;
    pointer-events:none;
}
.eucookiebar.bottom{
    top:auto;
    bottom:-250px;
    position:fixed;
}
.eucookiebar.bottom.show{
    bottom:0;
}
.eucookiebar.bottom.hide{
    bottom:-250px;
}
/* END =GDPR consent cookie bar */

#PageWrapper .noalignment {
    float: left;
}

#PageWrapper .pinit {
    text-align: center;
}

/* -- Related Pages Block -- */
#PageWrapper .RelatedPagesBlock ul {
    padding:0;
    margin:0;
    list-style:none;
}
/* down with thumbnail */
#PageWrapper .RelatedPagesBlock ul.down .relatedPagesThumbnail {
    float:left;
    margin-right:10px;
 }
 #PageWrapper .RelatedPagesBlock ul.down .relatedPagesThumbnail a {
    display: block;
    width:50px;
    height:50px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

 }
 #PageWrapper .RelatedPagesBlock ul.down h3 {
    margin-top:0;
    margin-bottom:0;
 }
 #PageWrapper .RelatedPagesBlock ul.down p {
    margin:0;
 }
 #PageWrapper .RelatedPagesBlock ul li {
    border:none !important;
    list-style-type: none!important;
 }
 #PageWrapper .RelatedPagesBlock ul.down  li {
    clear: both;
    overflow: hidden;
    padding-top:10px;
    padding-bottom:10px;
 }

/* 4 across */
#PageWrapper .RelatedPagesBlock ul.across {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  -webkit-flex-flow: row wrap;
  justify-content: space-between;
}

#PageWrapper .RelatedPagesBlock ul.across .relatedPagesThumbnail a {
    display: block;
    width:100%;
    height:200px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

 }

#PageWrapper .RelatedPagesBlock ul.across li {
    box-sizing: border-box;
    padding:10px 0;
    width: 200px;
}

/* text */
#PageWrapper .RelatedPagesBlock ul.text li {
    padding-top:10px;
    padding-bottom:10px;
}
#PageWrapper .RelatedPagesBlock ul.text li .relatedPagesThumbnail{
    display: none;
}
#PageWrapper .RelatedPagesBlock ul.text li p {
    margin:0;
}
#PageWrapper .RelatedPagesBlock .text h3 {
    margin-top:0;
}

/* =TOC - base */

.TOC dt {
    font-weight: bold;
}
.TOC dd {
    margin-bottom: 20px;
}

/* =C2 - base */

table#comments {
    table-layout: fixed;
    max-width: 100%;
}

#PageWrapper .formbody td {
    padding: 2px;
}

#NavColumn .formbody input[type="text"],
#NavColumn .formbody textarea,
#NavColumn .formbody img {
    box-sizing: border-box;
}

#NavColumn .formbody img.captcha_img {
    margin-bottom: 10px;
}

/* remove graphical bullets in the C2 Thank you notifications section */
#notificationOptions,
#notificationOptions li {
    list-style-type: none;
}

.socializeIt,
.formbody,
.c2_invitation {
    margin-top: 12px;
    margin-bottom: 12px;
}

.googlePlusOne {
    margin-top: 8px;
    margin-bottom: 8px;
}

.with_images .othervisitors p {
    margin-left:56px;
}

.thumb_container {
    float:left;
    width:50px;
    height:50px;
    overflow:hidden;
    margin-top:3px;
}

.with_images .othervisitors .submission_thumbnail {
    width:100%;
}

.othervisitors {
    clear: both;
}

.othervisitors img {
    border: 0;
}

/* -- Grid Block -- */

.grid_block {
    table-layout: fixed;
    border-collapse: collapse;
}

.grid_block td {
    padding: 0;
}

/* -- Responsive Grid Block -- */

.mobile .responsive-row img,
.bb1mobile .responsive-row img {
    max-width: 100% !important;
    box-sizing: border-box;
}

@media only screen and (max-width: 768px) {
    .responsive-row img {
        max-width: 100% !important;
        box-sizing: border-box;
    }
}

.responsive-row,
div[class*='responsive_grid_block-'] {
    overflow: hidden;
}

div[class*='responsive_col-'] {
    float: left;
    min-height: 1px;
    box-sizing: border-box;
}

.responsive_grid_block-12 div[class*='responsive_col-'] {
    width: 8.333%;
}

.responsive_grid_block-11 div[class*='responsive_col-'] {
    width: 9.0909%;
}

.responsive_grid_block-10 div[class*='responsive_col-'] {
    width: 10%;
}

.responsive_grid_block-9 div[class*='responsive_col-'] {
    width: 11.111%;
}

.responsive_grid_block-8 div[class*='responsive_col-'] {
    width: 12.5%;
}

.responsive_grid_block-7 div[class*='responsive_col-'] {
    width: 14.285%;
}

.responsive_grid_block-6 div[class*='responsive_col-'] {
    width: 16.666%;
}

.responsive_grid_block-5 div[class*='responsive_col-'] {
    width: 20%;
}

.responsive_grid_block-4 div[class*='responsive_col-'] {
    width: 25%;
}

.responsive_grid_block-3 div[class*='responsive_col-'] {
    width: 33.333%;
}

.responsive_grid_block-2 div[class*='responsive_col-'] {
    width: 50%;
}

@media only screen and (max-width: 768px) {
    .responsive_grid_block-12 div[class*='responsive_col-'] {
        width: 16.666%;
    }

    .responsive_grid_block-12 > .responsive-row > .responsive_col-7 {
        clear: left;
    }

    .responsive_grid_block-10 div[class*='responsive_col-'] {
        width: 20%;
    }

    .responsive_grid_block-10 > .responsive-row > .responsive_col-6 {
        clear: left;
    }

    .responsive_grid_block-9 div[class*='responsive_col-'] {
        width: 33.333%;
    }

    .responsive_grid_block-9 > .responsive-row > .responsive_col-4,
    .responsive_grid_block-9 > .responsive-row > .responsive_col-7 {
        clear: left;
    }

    .responsive_grid_block-8 div[class*='responsive_col-'] {
        width: 25%;
    }

    .responsive_grid_block-8 > .responsive-row > .responsive_col-5 {
        clear: left;
    }

    .responsive_grid_block-6 div[class*='responsive_col-'] {
        width: 33.333%;
    }

    .responsive_grid_block-6 > .responsive-row > .responsive_col-4 {
        clear: left;
    }

    .responsive_grid_block-4 div[class*='responsive_col-'] {
        width: 50%;
    }

    .responsive_grid_block-4 > .responsive-row > .responsive_col-3 {
        clear: left;
    }
}

@media only screen and (max-width: 447px) {

    .responsive_grid_block-12 div[class*='responsive_col-'] {
        width: 25%;
    }

    .responsive_grid_block-12 > .responsive-row > .responsive_col-5,
    .responsive_grid_block-12 > .responsive-row > .responsive_col-9 {
        clear: left;
    }

    .responsive_grid_block-12 > .responsive-row > .responsive_col-7 {
        clear: none;
    }

    .responsive_grid_block-8 div[class*='responsive_col-'],
    .responsive_grid_block-6 div[class*='responsive_col-'] {
        width: 50%;
    }

    .responsive_grid_block-8 > .responsive-row .responsive_col-3,
    .responsive_grid_block-8 > .responsive-row .responsive_col-5,
    .responsive_grid_block-8 > .responsive-row .responsive_col-7 {
        clear: left;
    }

    .responsive_grid_block-6 > .responsive-row > .responsive_col-3,
    .responsive_grid_block-6 > .responsive-row > .responsive_col-5 {
        clear: left;
    }

    .responsive_grid_block-6 > .responsive-row > .responsive_col-4 {
        clear: none;
    }

    .responsive_grid_block-11 div[class*='responsive_col-'],
    .responsive_grid_block-10 div[class*='responsive_col-'],
    .responsive_grid_block-7 div[class*='responsive_col-'],
    .responsive_grid_block-5 div[class*='responsive_col-'],
    .responsive_grid_block-4 div[class*='responsive_col-'],
    .responsive_grid_block-3 div[class*='responsive_col-'],
    .responsive_grid_block-2 div[class*='responsive_col-'] {
        width: 100%;
    }
}

/* Responsive videos */

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0; 
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed,
.video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* center Facebook like and comment widgets */
#PageWrapper .fb-like,
#PageWrapper .fb-comments {
    display: block;
    text-align:center;
    margin-top: 10px;
    margin-bottom: 10px;
}

/* =Navigation - base */

.Navigation ul {
    margin: 1em 0 2em;
    padding: 0;
    list-style: none;
}

.Navigation li {
    padding: 0;
    margin: 0;
}

#PageWrapper div.Navigation a,
.Navigation a,
#PageWrapper div.Navigation a:visited,
.Navigation a:visited {
    font-size: 20px;
    background: #eee;
    color: #888;
    padding: 5px 10px;
    text-decoration: none;
    display: block;
}

#PageWrapper div.Navigation a:hover,
.Navigation a:hover {
    background: #888;
    color: #fff;
}

/* =HorizontalNavBar - base */

#PageWrapper div.HorizontalNavBar ul.root {
    display: inline-block;
    vertical-align: top;
    *display: inline;
    *zoom: 1;
    margin: 0 auto;
    padding: 0;
    line-height: 18px;
    font-size: 16px;
}

#PageWrapper div.HorizontalNavBar ul ul {
    display: none;
    position: absolute;
    top: 27px;
    left: 1px;
    z-index: 2;
    margin: 0 0 0 -1px;
    padding: 0;
    *zoom: 1;
    background: #fff;
    width: 200px;
}

#PageWrapper div.HorizontalNavBar ul ul ul {
    top: 0;
    left: 200px;
    margin: 0 0 0 -2px;
    _top: 1px;
}

#PageWrapper div.HorizontalNavBar li {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    float: left;
    white-space: nowrap;
    border: 0;
}

#PageWrapper div.HorizontalNavBar li.li1 {
    z-index: 1;
}

#PageWrapper div.HorizontalNavBar li.hover {
    z-index: 2;
}

#PageWrapper div.HorizontalNavBar li li {
    float: none;
    white-space: normal;
    border: 1px solid #fff;
    background: #fff;
    margin-top: -1px;
}

#PageWrapper div.HorizontalNavBar span.navheader,
#PageWrapper div.HorizontalNavBar a {
    display: block;
    padding: 4px 8px;
    text-decoration: none;
    _float: left;
}

#PageWrapper div.HorizontalNavBar ul ul span.navheader,
#PageWrapper div.HorizontalNavBar ul ul a {
    _float: none;
}

#PageWrapper div.HorizontalNavBar span.navheader {
    cursor: default;
    *zoom: 1;
    position: relative;
    padding-left: 18px;
}

#PageWrapper div.HorizontalNavBar ul ul span.navheader {
    padding-left: 8px;
    padding-right: 18px;
}

#PageWrapper div.HorizontalNavBar span.navheader ins {
    display: block;
    width: 0;
    height: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    margin-top: -2px;
    left: 2px;
    border: 6px solid transparent;
    border-top-color: #000;
}

#PageWrapper div.HorizontalNavBar ul ul span.navheader ins {
    left: auto;
    top: 50%;
    right: 2px;
    margin-top: -6px;
    border: 6px solid transparent;
    border-left-color: #000;
}

#PageWrapper div.HorizontalNavBar li.hover ul,
#PageWrapper div.HorizontalNavBarCSS li:hover ul {
    display: block;
}

#PageWrapper div.HorizontalNavBar li.hover li ul,
#PageWrapper div.HorizontalNavBarCSS li:hover li ul {
    display: none;
}

#PageWrapper div.HorizontalNavBar li li.hover ul,
#PageWrapper div.HorizontalNavBarCSS li li:hover ul {
    display: block;
}

#PageWrapper div.HorizontalNavBar li li.hover li ul,
#PageWrapper div.HorizontalNavBarCSS li li:hover li ul {
    display: none;
}

#PageWrapper div.HorizontalNavBar li li li.hover ul,
#PageWrapper div.HorizontalNavBarCSS li li li:hover ul {
    display: block;
}

#PageWrapper div.HorizontalNavBar li li li.hover li ul,
#PageWrapper div.HorizontalNavBarCSS li li li:hover li ul {
    display: none;
}

#PageWrapper div.HorizontalNavBar li li li li.hover ul,
#PageWrapper div.HorizontalNavBarCSS li li li li:hover ul {
    display: block;
}

/* .wide */
#PageWrapper div.HorizontalNavBarWide ul.root {
    width: 100%;
    display: table;
}

#PageWrapper div.HorizontalNavBarWide li {
    display: table-cell;
    float: none;
    text-align: center;
}

#PageWrapper div.HorizontalNavBarWide li li {
    text-align: left;
    display: block;
}

/* alignment */
#PageWrapper div.HorizontalNavBarLeft,
#PageWrapper div.HorizontalNavBarLeft li {
    text-align: left;
}

#PageWrapper div.HorizontalNavBarCenter,
#PageWrapper div.HorizontalNavBarCenter li {
    text-align: center;
}

#PageWrapper div.HorizontalNavBarRight,
#PageWrapper div.HorizontalNavBarRight li {
    text-align: right;
}

#PageWrapper div.HorizontalNavBarCenter li li,
#PageWrapper div.HorizontalNavBarRight li li {
    text-align: left;
}

/* touch devices */
html.touch #PageWrapper div.HorizontalNavBar ul.root > li {
    z-index: 2;
}

html.touch #PageWrapper div.HorizontalNavBar ul.root > li.hover {
    z-index: 3;
}

.ResponsiveNavButton {
    display: none;
}

table#ColumnsWrapper,
table#ContentWrapper {
    border-collapse: collapse;
    width: 100%;
}

/* =SocializeIt - base */

@media only screen and (max-width: 550px) {
    .socializeIt,
    .socializeIt img,
    .socializeIt textarea {
        width: 100% !important;
    }

    .socializeIt td[rowspan="2"],
    .socializeIt td[rowspan="1"] {
        white-space: normal !important;
    }
}

/* =misc */

iframe {
    max-width: 100%;
}

.fb-like iframe {
    max-width: none !important;
}

hr {
    clear: both;
}

/* ============================== =generic ============================== */

html {
    -webkit-text-size-adjust: 100%;
}

body {
    font-family: Verdana, Geneva, sans-serif;
    text-rendering: optimizeLegibility;
}

a:hover {
    text-decoration: none;
}

a img {
    border: 0;
}

hr {
    border-style: solid;
    width: 75%;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.3;
    margin: 1em 0 0.25em;
    font-weight: normal;
}

h1 {
    font-size: 200%;
}

h2 {
    font-size: 150%;
}

h3 {
    font-size: 133%;
}

h4 {
    font-size: 111%;
}

h5,
h6 {
    font-size: 100%;
}

p {
    margin: 1em 0 0.5em;
}

/* ============================== =layout ============================== */

body {
    margin: 0;
    padding: 1% 2%;
}

#PageWrapper {
    max-width: 980px;
    margin: 0 auto;
    background: #fff;
    overflow: hidden;
}

#PageWrapper.legacy {
    min-width: 980px;
}

#Header .Liner,
#Footer .Liner {
    padding: 1px 0;
}

#ExtraWrapper {
    display: none;
}

/* =Header */

#Header .Liner {
    position: relative;
    z-index: 2;
    min-height: 140px;
    padding-top: 40px;
}

#Header .WebsiteName {
    font-size: 30px;
    line-height: 1.3;
}

#Header .WebsiteName { /* SiteDesigner inheritance prevention */
    font-family: Verdana, Geneva, sans-serif;
    font-size: 30px;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    color: #000000;
    text-align: left;
    border: 0;
    margin: 30px 0px 7px 0px;
    padding: 0;
    background: none;
}

#Header .WebsiteName a {
    text-decoration: none;
}

#Header .WebsiteName a:hover {
    text-decoration: underline;
}

#Header .Tagline {
    margin: 1em 0 0.5em;
}

/* =ContentColumn */

#ContentColumn .Liner {
    padding: 1px 0;
}

/* =NavColumn */

#NavWrapper {
    display: none;
}

/* =Footer */

#FooterWrapper {
    clear: both;
}

/* ============================== =blocks - custom styles ============================== */

/* =CalloutBox - custom */

#PageWrapper .CalloutBox p { /* SiteDesigner inheritance prevention */
    font-family: Verdana, Geneva, sans-serif;
    font-size: 16px;
    font-variant: normal;
    color: #FFFFFF;
}

/* =ReminderBox - custom */

#PageWrapper .ReminderBox h4 { /* SiteDesigner inheritance prevention */
    font-family: Verdana, Geneva, sans-serif;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    color: #FFFFFF;
    text-align: left;
    border: 0;
    margin: 8px 0px 4px 0px;
    background: none;
}

#PageWrapper .ReminderBox p { /* SiteDesigner inheritance prevention */
    font-family: Verdana, Geneva, sans-serif;
    font-size: 16px;
    font-variant: normal;
    color: #FFFFFF;
}

/* =Navigation - custom */

#PageWrapper div.Navigation a,
.Navigation a,
#PageWrapper div.Navigation a:visited,
.Navigation a:visited {
    padding: 1% 2%;
    font-size: 18px;
    margin: 1% 0;
}

/* =HorizontalNavBar - custom */

#Header .HorizontalNavBar {
    width: 100%;
    position: absolute;
    top: 0;
}

#PageWrapper div.HorizontalNavBar ul ul {
    background-color: transparent;
}

#PageWrapper div.HorizontalNavBar li li {
    background: transparent;
}

#PageWrapper div.HorizontalNavBar span.navheader,
#PageWrapper div.HorizontalNavBar a {
    color: #888;
}

#PageWrapper div.HorizontalNavBar .hover > span.navheader,
#PageWrapper div.HorizontalNavBar span.navheader:hover,
#PageWrapper div.HorizontalNavBar a:hover {
    color: #fff;
    background: #5b5f63;
}

#PageWrapper div.HorizontalNavBar span.navheader ins {
    border-top-color: #888;
}

#PageWrapper div.HorizontalNavBar .hover > span.navheader ins,
#PageWrapper div.HorizontalNavBar span.navheader:hover ins {
    border-top-color: #fff;
}

#PageWrapper div.HorizontalNavBar ul ul span.navheader,
#PageWrapper div.HorizontalNavBar ul ul a {
    background: #eee;
}

#PageWrapper div.HorizontalNavBar ul ul span.navheader ins {
    border-color: transparent;
    border-left-color: #888;
}

#PageWrapper div.HorizontalNavBar ul ul .hover > span.navheader ins,
#PageWrapper div.HorizontalNavBar ul ul span.navheader:hover ins {
    border-color: transparent;
    border-left-color: #fff;
}

/* =ResponsiveNav - custom */

@media only screen and (max-width: 768px) {
    .ResponsiveNavWrapper .HorizontalNavBar {
        display: none !important;
    }

    body {
        border-top: none;
    }

    .ResponsiveNavWrapper {
        text-align: center;
    }

    .ResponsiveNavWrapper:after {
        content:'';
        display:block;
        clear: both;
    }

    .ResponsiveNav {
        display: none;
    }

    .ResponsiveNavActive .ResponsiveNav {
        display: block;
    }

    .ResponsiveNav ul {
        padding: 0;
        margin: 0;
    }

    .ResponsiveNav li {
        list-style: none;
        margin: 0.25em 0;
        padding: 0;
    }

    .ResponsiveNav .navheader {
        display: block;
        font-size: 20px;
        font-weight: normal;
        margin: 1em 0 0;
    }

    .ResponsiveNav a {
        display: block;
        color: #888;
        background: #eee;
        text-decoration: none;
        padding: 1% 2%;
        font-size: 18px;
        margin: 1% 0;
    }

    .ResponsiveNav a:hover {
        background: #888;
        color: #fff;
    }

    .ResponsiveNavButton {
        display: inline-block;
        cursor: pointer;
        margin-top: 1em;
        margin-bottom: 1em;
        color: #fff;
        background-color: #888;
        padding: 0.5em 1em;
    }

    .ResponsiveNavButton:hover{
        color: #fff;
        background-color: #aaa;
    }
}

/* =WhatsNew - custom */

#PageWrapper .WhatsNew h2 { /* SiteDesigner inheritance prevention */
    font-family: Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    color: #000000;
    border: 0;
    background: #eee;
}

#PageWrapper .WhatsNew h3 { /* SiteDesigner inheritance prevention */
    font-family: Verdana, Geneva, sans-serif;
    font-size: 21px;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    text-align: left;
    border: 0;
    margin: 1em 0 5px 0;
    padding: 0;
    background: none;
}

/* ============================== =responsive ============================== */

.mobileOnly {
    display: none !important;
}

@media only screen and (max-width: 447px) {
    .desktopOnly {
        display: none !important;
    }

    .mobileOnly {
        display: block !important;
    }
}

@media only screen and (max-width: 768px) {
    #Header .Liner {
        padding-top: 1px;
    }
}

/* =Breadcrumbs */
#PageWrapper .BreadcrumbBlock .BreadcrumbTiers {
    list-style: none;
    margin:30px 0 0;
    padding:0;
}
#PageWrapper .BreadcrumbBlock .BreadcrumbTiers .BreadcrumbItem { 
    display: inline-block;
}
#PageWrapper .BreadcrumbBlock .BreadcrumbTiers .BreadcrumbItem + .BreadcrumbItem::before {
    color: black;
    content: ">";
}
#PageWrapper .BreadcrumbBlock.BreadcrumbBlockRight .BreadcrumbTiers {
    text-align:right;
}
#PageWrapper .BreadcrumbBlock.BreadcrumbBlockLeft .BreadcrumbTiers {
    text-align:left;
}
#PageWrapper .BreadcrumbBlock.BreadcrumbBlockCenter .BreadcrumbTiers {
    text-align:center;
}

/* socialize it 3.0 */
.SocialDestinations span {
    display: none;
}
.SocialShare .socialIcon:hover {
    text-decoration: none;
}
.SocialShare .socialIcon {
    line-height: 2em;
    white-space: nowrap;
    display: inline-block;
}
#PageWrapper .SocialShare .socialIcon.twitter {
    color: #000000;
}
#PageWrapper .SocialShare .socialIcon.facebook {
    color: #3b579d;
}
#PageWrapper .SocialShare .socialIcon.pinterest {
    color: #CD1D1F;
}
#PageWrapper .SocialShare .socialIcon.tumblr {
    color: #35465c;
}
#PageWrapper .SocialShare .socialIcon.reddit {
    color: #ff4500;
}
#PageWrapper .SocialShare .socialIcon.whatsapp {
    color: #25D366;
}
#PageWrapper .SocialShare .socialIcon.messenger {
    color: #0078FF;
}
#PageWrapper .SocialShare .socialIcon.google-plus {
    color: #df4a32;
}

.SocialShare.SocialShareSticky.SocialShareStickyRightNoTranslation a, 
.SocialShare.SocialShareSticky.SocialShareStickyRight a, 
.SocialShare.SocialShareSticky.SocialShareStickyLeft a,
.SocialShare.SocialShareSticky label
{
    display: block;
}
.SocialShare.SocialShareSticky.SocialShareStickyTop a, 
.SocialShare.SocialShareSticky.SocialShareStickyBottom a,
.SocialShare.SocialShareSticky label
{
    display: inline-block;
    vertical-align: middle;
}
/* social sticky show/hide button */
.SocialShare.SocialShareSticky.SocialShareStickyRight.hidden,
.SocialShare.SocialShareSticky.SocialShareStickyRightNoTranslation.hidden {
      transform: translateY(-50%) translateX(100%);
}
.SocialShare.SocialShareSticky.SocialShareStickyLeft.hidden {
      transform: translateY(-50%) translateX(-100%);
}
.SocialShare.SocialShareSticky.SocialShareStickyTop.hidden {
      transform: translateY(-100%) translateX(-50%);
}
.SocialShare.SocialShareSticky.SocialShareStickyBottom.hidden {
      transform: translateY(100%) translateX(-50%);
}

.SocialShareSticky.SocialShareStickyRight.hidden .hideButton,
.SocialShareSticky.SocialShareStickyRightNoTranslation.hidden .hideButton 
{
    left: -35px;
    -ms-transform: rotate(0.75turn);
    transform: rotate(0.75turn);
}

.SocialShareSticky.SocialShareStickyLeft.hidden .hideButton
{
    right: -35px;
    -ms-transform: rotate(-0.75turn);
    transform: rotate(-0.75turn);
}
.SocialShareSticky.SocialShareStickyTop.hidden .hideButton
{
    top: 30px;
    -ms-transform: rotate(0.5turn);
    transform: rotate(0.5turn);
}
.SocialShareSticky.SocialShareStickyBottom.hidden .hideButton
{
    bottom: 30px;
    -ms-transform: rotate(1turn);
    transform: rotate(1turn);
}
.SocialShareSticky .hideButton {
    cursor: pointer; 
    border: 0; 
    position: absolute; 
    right: 0px;
    width: 51px; 
    height: 51px; 
    padding: 20px; 
}
.SocialShareStickyRight .hideButton,
.SocialShareStickyRightNoTranslation .hideButton {
    -ms-transform: rotate(0.25turn);
    transform: rotate(0.25turn);
}
.SocialShareStickyLeft .hideButton {
    -ms-transform: rotate(-0.25turn);
    transform: rotate(-0.25turn);
}
.SocialShareSticky.SocialShareStickyTop .hideButton {
    right:-47px;
    top:0;
}
.SocialShareSticky.SocialShareStickyBottom .hideButton {
    right:-47px;
    bottom:0;
    -ms-transform: rotate(0.50turn);
    transform: rotate(0.50turn);
}
.SocialShareSticky {
    position: fixed;
    right: 0;
    top: 50%;
    padding: 5px;
    z-index: 9999;
    background: #fff;
    text-align:center;
}
.SocialShare.SocialShareMini span, .SocialShare.SocialShareSticky span{
    display: none;
}
.SocialShareSticky.SocialShareStickyRightNoTranslation {
    right:0;
    left: auto;
    top: 25%;
    border-radius: 5px 0 0 5px;
    border-right: none !important;
}
.SocialShareSticky.SocialShareStickyRight {
    right:0;
    left: auto;
    border-radius: 5px 0 0 5px;
    transform: translateY(-50%);
    border-right: none !important;
}
.SocialShareSticky.SocialShareStickyTop {
    right:auto;
    left: 50%;
    top:0;
    border-radius: 0 0 5px 5px;
    transform: translateX(-50%);
    border-top: none !important;
}
.SocialShareSticky.SocialShareStickyBottom {
    right:auto;
    left: 50%;
    bottom:0;
    top: auto;
    border-radius: 5px 5px 0 0;
    transform: translateX(-50%);
    border-bottom: none !important;
}
.SocialShareSticky.SocialShareStickyLeft {
    left:0;
    right: auto;
    border-radius: 0 5px 5px 0;
    transform: translateY(-50%);
    border-left: none !important;
}
.socialize-pay-it-forward-wrapper {
    padding:0.5em;
    margin:2px;
}
.socialize-pay-it-forward-wrapper details {
    text-align:left;
}
.socialize-pay-it-forward-wrapper summary {
    cursor:pointer;
    text-align:center;
    outline:none;
    list-style:none;
    text-decoration: none;
}
.socialize-pay-it-forward-wrapper summary:hover {
    text-decoration: underline;
}
.socialize-pay-it-forward-wrapper summary::-webkit-details-marker {
    display:none;
}
.socialIcon svg {
    margin-left: 3px;
    margin-right: 3px;
    height: 2em;
    width: 2em;
    display: inline-block;
    vertical-align: middle;
}

/* FAQ and Accordion block */
.FAQContainer {
    padding: 20px 0;
}
.FAQContainer .AccordionContainer summary {
    font-size: 22px;
    margin-top: 0;
    padding: 10px 0;
    list-style: none;
}
.FAQContainer .AccordionContainer summary .AccordionHeader {
    cursor: pointer;
}
.FAQContainer .AccordionContainer summary::-webkit-details-marker {
    display: none;
}
.FAQContainer .AccordionContainer summary .AccordionHeader:before {
    content: "\25BA";
    float: left;
    margin-right: 5px;
    font-size: 0.7em;
    line-height: 2em;
}
.FAQContainer .AccordionContainer[open] .AccordionHeader:before {
    content: "\25BC";
}
.FAQContainer.disabled .AccordionContainer summary .AccordionHeader:before {
    display: none;
}
.FAQContainer .AccordionContainer summary .AccordionHeader p {
    display: block;
    margin: 0;
    padding: 0;
}

.FAQContainer.disabled .AccordionContainer summary::marker {
    content: '';
    display: block;
}
.FAQContainer.disabled .AccordionContainer summary {
    pointer-events: none;
}

/* submission block fix - #42174*/
@media (max-width: 768px) {
    .imagePreview img {
        height: auto;
    }
}

/* BEGIN = YT Facade - #43415 */
.YtFacade {
    position: relative;
}
.YtFacade iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.YtFacade img {
    width: 100%;
    height: 100%;
    z-index: 2;
    object-fit: cover;
}
.YtFacade svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 68px;
    height: 48px;
    margin-top: -24px;
    margin-left: -34px;
    z-index: 3;
}
.YtFacadeButton {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    cursor: pointer;
}
/* END = YT Facade - #43415 */

/* BEGIN = WhatsNew layout fixes - #43571 */
#PageWrapper .WhatsNew-subscribe ul {
    padding: 4px;
}
#PageWrapper .WhatsNew-subscribe ul img {
    margin: 4px;
}
/* END = WhatsNew layout fixes - #43571 */

/* BEGIN = YT Facade mobile fix - #43731 */
.YtFacade {
    max-width: 100%;
}
@media (max-width: 768px) {
    .YtFacade {
        height: auto !important;
        aspect-ratio: 16 / 9;
    }
}
/* END = YT Facade mobile fix - #43731 */
/* =styles-combo.css temp= */

/***** C2 styles *****/
.c2Form {
padding:8px;
border:1px solid #ddd;
}

.c2Form input[type=text] {
max-width: 100%;
}

@media only screen and (max-width: 440px) {
.c2Form table,
.c2Form tr,
.c2Form tbody,
.c2Form td {
display: block;
}
.c2Form table p {
text-align: left !important;
}
.otherText {
display: block;
}
}

.InvShelp {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background-color: #ffc;
}

.InvShelpT {
background:#ddd;
padding:0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin:0px;
padding:0px;
text-align:left;
}

a:link.InvShelp {text-decoration:none; color:#000;}

.InvShelpbox {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background-color: #ffc;
padding: 2px;
border: 1px solid #666;
}

.InvSquestions {
font-weight:bold;
font-size:14px;
margin:0;
}

.titleInput {
width:80%;
padding-top:4px;
margin:0;
}

.storyInput {
width:98%;
padding-top:4px;
margin:0;
}

.otherText {
}

.dividerRule {
border-top:1px solid #ddd;
}

/***** Blog It! styles *****/

.blogItItem .blogItThumbnail {
float: left;
margin-right: 10px;
margin-bottom: 10px;
max-width: 150px;
}

.blogItItem .blogItReadMore {
clear: both;
}

/* additional styles */

/***********************************************/
/* Customizations from SiteDesigner start here */
/***********************************************/
/* regular */body, html.mobile body {
	background-color : #ffffff;
	font-size : 17px;
}
body, html.mobile body {
	background-color : #ffffff;
	font-size : 17px;
}
#PageWrapper #Footer .Liner, html.mobile #PageWrapper #Footer .Liner {
	background-color : #2d2d2a;
}

/* custom fix for footer transparency #PageWrapper #Footer .Liner, html.mobile #PageWrapper #Footer .Liner */ 
 #Footer {
 background: transparent; }
#PageWrapper #Header .Liner, html.mobile #PageWrapper #Header .Liner {
	background-image : none;
}
#PageWrapper h1, html.mobile #PageWrapper h1 {
	color : #2352aa;
	font-weight : bold;
}
#PageWrapper h2, html.mobile #PageWrapper h2 {
	color : #2352aa;
	font-weight : bold;
}
#PageWrapper h3, html.mobile #PageWrapper h3 {
	color : #2352aa;
	font-weight : bold;
}
#PageWrapper h4, html.mobile #PageWrapper h4 {
	color : #2352aa;
	font-weight : bold;
}
#PageWrapper .Ezine, html.mobile #PageWrapper .Ezine {
	border-color : #EEEEEE;
}
#PageWrapper div.HorizontalNavBar ul a:link, html.mobile #PageWrapper div.HorizontalNavBar ul a:link {
	background-color : #2352aa;
	color : #ffffff;
}
#PageWrapper div.HorizontalNavBar ul span.navheader, html.mobile #PageWrapper div.HorizontalNavBar ul span.navheader {
	background-color : #2352aa;
	color : #ffffff;
}
#PageWrapper div.HorizontalNavBar ul span.navheader ins, html.mobile #PageWrapper div.HorizontalNavBar ul span.navheader ins {
	border-bottom-color : #2352aa;
	border-left-color : #2352aa;
	border-right-color : #2352aa;
}
#PageWrapper div.HorizontalNavBar ul ul a:hover, html.mobile #PageWrapper div.HorizontalNavBar ul ul a:hover {
	color : #ff8c00;
}
#PageWrapper div.HorizontalNavBar ul ul span.navheader:hover, #PageWrapper div.HorizontalNavBar ul ul li:hover > span.navheader, html.mobile #PageWrapper div.HorizontalNavBar ul ul span.navheader:hover, #PageWrapper div.HorizontalNavBar ul ul li:hover > span.navheader {
	color : #ff8c00;
}
#PageWrapper div.HorizontalNavBar ul ul span.navheader ins, html.mobile #PageWrapper div.HorizontalNavBar ul ul span.navheader ins {
	border-bottom-color : #2352aa;
	border-left-color : #888888;
	border-right-color : #2352aa;
	border-top-color : #2352aa;
}
#PageWrapper .ReminderBox, html.mobile #PageWrapper .ReminderBox {
	background-color : #888888;
}
#PageWrapper #HeaderWrapper, html.mobile #PageWrapper #HeaderWrapper {
	background-image : none;
}

/* mobile */
/* media queries */@media (max-width:768px) {}@media (max-width:447px) {}.Navigation h3, html.mobile .Navigation h3{
}html.mobile .Navigation h3{
}@media (max-width:768px) {.Navigation h3{
}}@media (max-width:447px) {.Navigation h3{
}}#PageWrapper .Navigation h3, html.mobile #PageWrapper .Navigation h3{
}html.mobile #PageWrapper .Navigation h3{
}@media (max-width:768px) {#PageWrapper .Navigation h3{
}}@media (max-width:447px) {#PageWrapper .Navigation h3{
}}body #PageWrapper div.Navigation h3, html.mobile body #PageWrapper div.Navigation h3{
}html.mobile body #PageWrapper div.Navigation h3{
}@media (max-width:768px) {body #PageWrapper div.Navigation h3{
}}@media (max-width:447px) {body #PageWrapper div.Navigation h3{
}}.Navigation a, html.mobile .Navigation a{
}html.mobile .Navigation a{
}@media (max-width:768px) {.Navigation a{
}}@media (max-width:447px) {.Navigation a{
}}#PageWrapper div.Navigation a, html.mobile #PageWrapper div.Navigation a{
}html.mobile #PageWrapper div.Navigation a{
}@media (max-width:768px) {#PageWrapper div.Navigation a{
}}@media (max-width:447px) {#PageWrapper div.Navigation a{
}}.Navigation a,
#PageWrapper div.Navigation a {}
html.mobile .Navigation a,
html.mobile #PageWrapper div.Navigation a {}.Navigation a:link, html.mobile .Navigation a:link{
}html.mobile .Navigation a:link{
}@media (max-width:768px) {.Navigation a:link{
}}@media (max-width:447px) {.Navigation a:link{
}}#PageWrapper div.Navigation a:link, html.mobile #PageWrapper div.Navigation a:link{
}html.mobile #PageWrapper div.Navigation a:link{
}@media (max-width:768px) {#PageWrapper div.Navigation a:link{
}}@media (max-width:447px) {#PageWrapper div.Navigation a:link{
}}.Navigation a:visited, html.mobile .Navigation a:visited{
}html.mobile .Navigation a:visited{
}@media (max-width:768px) {.Navigation a:visited{
}}@media (max-width:447px) {.Navigation a:visited{
}}#PageWrapper div.Navigation a:visited, html.mobile #PageWrapper div.Navigation a:visited{
}html.mobile #PageWrapper div.Navigation a:visited{
}@media (max-width:768px) {#PageWrapper div.Navigation a:visited{
}}@media (max-width:447px) {#PageWrapper div.Navigation a:visited{
}}.Navigation a:hover, html.mobile .Navigation a:hover{
}html.mobile .Navigation a:hover{
}@media (max-width:768px) {.Navigation a:hover{
}}@media (max-width:447px) {.Navigation a:hover{
}}#PageWrapper div.Navigation a:hover, html.mobile #PageWrapper div.Navigation a:hover{
}html.mobile #PageWrapper div.Navigation a:hover{
}@media (max-width:768px) {#PageWrapper div.Navigation a:hover{
}}@media (max-width:447px) {#PageWrapper div.Navigation a:hover{
}}
#PageWrapper .Ezine {
padding: 4px 0;
}
/* footer css *//* footer css */
/* Advanced CSS provided by user *//* BACKUP of dyslexia-reading-well.com custom CSS — captured 2026-10-07 before template switch.
   Template was: "Custom responsive 1 col with stripes". Restore via Style Editor > Add Custom CSS. */

/* ------ TYPOGRAPHY ------ */

body,
#PageWrapper .ReminderBox,
#PageWrapper .ReminderBox p,
#PageWrapper .CalloutBox {
line-height: 1.65;
}

#PageWrapper h1,
#PageWrapper h2,
#PageWrapper h3,
#PageWrapper h4,
#PageWrapper .CalloutBox h2,
#PageWrapper .CalloutBox h3,
#PageWrapper .CalloutBox h4,
#PageWrapper .ReminderBox h2,
#PageWrapper .ReminderBox h3,
#PageWrapper .ReminderBox h4 {
line-height: 1.2;
}

ul li,
ol li {
margin-top: 10px;
margin-bottom: 10px;
}

#PageWrapper #Footer .Liner p {
text-align: center;
letter-spacing: 0.03em;
}

/* ------ SITE STRUCTURE ------ */

#HeaderWrapper {
float: left;
width: 100%;
}

#Header {
max-width: 1200px;
margin: 0 auto;
}

#PageWrapper #Header .Liner {
padding: 1px 0 0;
min-height: auto;
height: auto;
float: left;
width: 100%;
background-size: 70% auto;
background-position: center right;
}

@media only screen and (max-width: 1040px) {
#PageWrapper #Header .Liner {
background-size: 60% auto;
}
}

@media only screen and (max-width: 620px) {
#PageWrapper #Header .Liner {
background: none;
}
}

#PageWrapper #Header .ImageBlock {
margin: 0;
}

#ContentWrapper {
margin: 0 auto;
float: left;
width: 100%;
}

#ContentColumn {
width: 100%;
max-width: 1200px;
margin: 0 auto;
}

#ContentColumn .Liner {
padding: 50px 3%;
}

#Footer {
text-align: center;
max-width: 1200px;
}

#Footer .Liner {
padding: 50px 5%;
}

#PageWrapper #Footer .Liner p {
letter-spacing: 0.08em;
}

#Header .Tagline {
display: none;
}

#PageWrapper #Header .WebsiteName {
font-size: 0;
color: rgba(0,0,0,0);
float: left;
margin: 80px 20px 74px 5% !important;
position: relative;
z-index: 1;
}

#PageWrapper #Header .WebsiteName a,
html.mobile #PageWrapper #Header .WebsiteName a {
display: block;
}

#Header .WebsiteName,
#PageWrapper #Header .WebsiteName a {
height: 106px;
width: 262px;
max-width: 262px;
}

.SS_BB2 #PageWrapper #Header .WebsiteName,
.SS_BB2  #PageWrapper #Header .WebsiteName a {
width: 100%;
float: none;
}
.SS_BB2 #PageWrapper #HeaderWrapper {
background: #eee;
}

#PageWrapper #Header .WebsiteName a {
color: transparent;
display: block;
margin: 0px;
padding: 0px;
background: url("https://www.dyslexia-reading-well.com/image-files/logo-524x212.png") no-repeat top left;
background-size: 100%;
width: 262px;
height: 106px;
opacity: 1;
}

@media only screen and (max-width: 768px) {
#PageWrapper #Header .Liner {
min-height: 60px;
}
#PageWrapper #Header .WebsiteName {
margin: 17px 20px 15px 5% !important;
position: relative;
z-index: 0;
}
#PageWrapper #Header .WebsiteName,
#PageWrapper #Header .WebsiteName a {
height: 80px;
width: 197px;
}
}

@media only screen and (max-width: 620px) {
#PageWrapper #Header .WebsiteName a {
background: url("https://www.dyslexia-reading-well.com/image-files/logo-mobile-new.png") no-repeat top left;
background-size: 100%;
}
}

/* ------ NAVIGATION ------ */

#PageWrapper #Header .HorizontalNavBar {
overflow: visible;
}

#PageWrapper div.HorizontalNavBar {
margin: 0px -2000px;
padding: 10px 2000px;
background: #2352aa;
}

#Header .HorizontalNavBar {
width: 100%;
max-width: 100%;
position: relative;
top: inherit;
right: inherit;
left: inherit;
float: left;
bottom: inherit;
clear: both;
letter-spacing: 0.03em !important;
}

#PageWrapper div.HorizontalNavBar ul.root {
padding: 0;
}

#PageWrapper div.HorizontalNavBar ul ul {
background: #fff;
padding: 12px 15px 12px;
border-radius: 2px;
border: 1px solid #fff;
border-top: 0;
top: 42px !important;
box-shadow: 0 5px 7px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 5px 7px rgba(0,0,0,0.2);
-moz-box-shadow: 0 5px 7px rgba(0,0,0,0.2);
-o-box-shadow: 0 5px 7px rgba(0,0,0,0.2);
width: 250px;
}

#PageWrapper div.HorizontalNavBar ul .li1:last-child ul {
left: auto;
right: -15px;
}

#PageWrapper div.HorizontalNavBar ul span.navheader,
#PageWrapper div.HorizontalNavBar ul a {
padding-top: 15px;
padding-bottom: 14px;
}

#PageWrapper div.HorizontalNavBar ul ul span.navheader,
#PageWrapper div.HorizontalNavBar ul ul a {
line-height: 1.2;
padding-top: 8px;
padding-bottom: 8px;
letter-spacing: 0em;
}

#PageWrapper div.HorizontalNavBar ul span.navheader {
letter-spacing: 0.03em;
}

#PageWrapper div.HorizontalNavBar span.navheader ins {
left: auto;
right: 4px;
top: 52%;
}

#PageWrapper div.HorizontalNavBar .li1 span.navheader ins:after {
content: " ";
display: block;
width: 0;
height: 0;
line-height: 0;
position: absolute;
top: 0;
margin-top: -8px;
left: -6px;
border: 6px solid transparent;
border-top-color: #2352aa;
}

#PageWrapper div.HorizontalNavBar .li2 span.navheader ins:after {
display: none;
}

.ResponsiveNavReady .ResponsiveNavButton span {
color: rgba(0,0,0,0);
font-size: 1px;
background: url("/image-files/menu.png") no-repeat center center;
background-size: 30px 25px;
width: 34px;
}

.ResponsiveNavReady .ResponsiveNavButton {
position: absolute;
top: 5px;
right: 4px;
border-radius: 4px;
border: 2px solid #fff;
background: #fe4600;
}

.ResponsiveNavReady .ResponsiveNavButton:hover {
background: #222;
border-color: #fff;
}

@media only screen and (max-width: 1200px) {
#PageWrapper #Header .HorizontalNavBar {
border-radius: 0;
}
}

@media only screen and (max-width: 768px) {
.ResponsiveNavReady .ResponsiveNav {
background: #fff;
}
.ResponsiveNavReady .ResponsiveNav a {
color: #fe4600;
font-weight: bold;
}
.ResponsiveNavReady .ResponsiveNav a:hover {
color: #fe4600;
}
}

/* ------ HORIZONTAL LINE ------ */

hr {
border-style: solid;
width: 100%;
border-width: 1px 0 0 0;
margin: 35px auto 35px;
}

/* ------ IMAGE HOVER ------ */

a img:hover {
opacity: 0.8;
}

/* ------ GOOGLE SEARCH BOX ------ */

.GoogleSearchBox {
margin: 10px auto 35px;
width: 100%;
background: #fff;
}

.GoogleSearchBox form {
text-align: center;
}

input.GoogleSearchField {
width: 78%;
margin: 0px 2% 0px 0;
padding: 0px 10px 0 15px;
border-radius: 3px;
height: 45px;
-webkit-appearance: none;
font-size: 14px;
color: #302b25;
border: 0;
background: #eeeeed;
text-align: left;
box-sizing: border-box;
float: none;
}

input.GoogleSearchField:hover,
input.GoogleSearchField:focus {
color: #333;
}

input.GoogleSearchButton {
border-radius: 3px;
color: transparent;
background: url("/image-files/search.png") no-repeat center center #878478;
background-size: auto 100%;
font-size: 0px;
height: 44px;
width: 18%;
cursor: pointer;
-webkit-appearance: none;
border: 0px;
padding: 0;
float: right;
line-height: 0;
}

input.GoogleSearchButton:hover {
background: url("/image-files/search.png") no-repeat center center #fe4600;
background-size: auto 100%;
}

#ContentColumn .GoogleSearchBox {
position: relative;
right: unset;
display: none;
}

@media only screen and (max-width: 768px) {
#Header .GoogleSearchBox {
display: none;
}
#ContentColumn .GoogleSearchBox {
display: block;
margin: 10px auto;
position: relative;
width: 100%;
background: #fff;
right: inherit;
border: 1px solid #aaa;
bottom: inherit;
z-index: 1;
float: none;
}
}

/* ------ ADDITIONAL CODE ------ */

.fb-comments span {
width: 100% !important;
}

/* ------ OLD GOOGLE SEARCH ------ */

.OldGoogleSearch {
position: absolute;
right: 20px;
top: 10px;
}

@media only screen and (max-width: 768px) {
.OldGoogleSearch {
position: relative;
right: initial;
top: initial;
float: left;
margin: -10px 3% 10px;
clear: both;
}
}

/* ------ EXPANDED EZINE  ------ */

#PageWrapper .CalloutBox .Ezine2 {
border: 0 !important;
padding: 0;
margin: 0;
}

#PageWrapper .Ezine2 .EzineButton {
cursor: pointer;
}

#PageWrapper .Ezine2 .EzineButton:hover {
background-color: #fd642a;
}

/* ------ NAV TEXT CUTOFF FIX (added 2026-10-07) ------ */
/* Lets top-level nav items and dropdown menus size to their content
   and reserves room for the dropdown caret, so the last letter of
   menu titles is never cut off. */
#PageWrapper div.HorizontalNavBar ul.root > li.li1 > span.navheader,
#PageWrapper div.HorizontalNavBar ul.root > li.li1 > a {
  width: auto !important;
  max-width: none !important;
  overflow: visible !important;
  white-space: nowrap;
  padding-right: 26px !important;
}
#PageWrapper div.HorizontalNavBar ul ul {
  width: auto !important;
  min-width: 250px;
}
#PageWrapper div.HorizontalNavBar ul ul li a,
#PageWrapper div.HorizontalNavBar ul ul li span.navheader {
  white-space: nowrap;
  overflow: visible;
  padding-right: 22px;
}

/* NAV TEXT CUTOFF FIX (added 2026-10-07) - single-line rules */
#PageWrapper div.HorizontalNavBar ul.root>li.li1>span.navheader,#PageWrapper div.HorizontalNavBar ul.root>li.li1>a{width:auto!important;max-width:none!important;overflow:visible!important;white-space:nowrap;padding-right:26px!important}
#PageWrapper div.HorizontalNavBar ul ul{width:auto!important;min-width:250px}
#PageWrapper div.HorizontalNavBar ul ul li a,#PageWrapper div.HorizontalNavBar ul ul li span.navheader{white-space:nowrap;overflow:visible;padding-right:22px}

#PageWrapper div.HorizontalNavBar ul ul.singletest{width:auto!important;min-width:300px}

#PageWrapper div.HorizontalNavBar ul ul.testdrop {
  width: auto !important;
  white-space: nowrap;
  overflow: visible;
}

#PageWrapper div.HorizontalNavBar ul ul span.navheader{color:#2352aa!important;}
#PageWrapper div.HorizontalNavBar ul ul a:visited{color:#2352aa!important;}
#PageWrapper div.HorizontalNavBar ul ul a{color:#2352aa!important;}
#PageWrapper .CalloutBox h3 {
margin-top: 10px;
font-size: 20px;
}

#PageWrapper div.HorizontalNavBar ul ul {
    padding: 0;
    border: 0;
}

@media only screen and (max-width: 620px) {
#PageWrapper #Header .WebsiteName a {
background: url("https://www.dyslexia-reading-well.com/image-files/mobile-logo-no-splash.png") no-repeat top left;
background-size: 100%;
}
}
@media only screen and (max-width: 620px) {
#PageWrapper #Header .WebsiteName a {
background: url("https://www.dyslexia-reading-well.com/images/mobile-logo-no-splash.png") no-repeat top left;
background-size: 100%;
}
}

#PageWrapper div.HorizontalNavBar ul ul a:link{background-color:#eee!important;}
#PageWrapper{max-width:none;}
#PageWrapper #ContentColumn{max-width:980px;}
#PageWrapper #Header .Liner{max-width:980px;margin:0 auto;float:none;}
#PageWrapper #Footer{background-color:#2d2d2a;}
#PageWrapper #Footer .Liner{max-width:980px;margin:0 auto;}
#PageWrapper div.HorizontalNavBar ul.root{display:flow-root;}
#PageWrapper div.HorizontalNavBar ul.root{width:980px;max-width:100%;}
#PageWrapper div.HorizontalNavBar ul.root{margin:0 auto;}
@media only screen and (max-width: 768px) {

#PageWrapper #Header .WebsiteName {
margin-bottom: 6px !important;
}
#PageWrapper #ContentColumn .Liner {
padding-top: 16px;
}
#ContentColumn h1 {
margin-top: 10px;
}
}

/* ===== NAV MODERNIZATION 2026-10-14 (delete this block to revert) ===== */
#PageWrapper div.HorizontalNavBar {
background: linear-gradient(180deg, #2657ad 0%, #1e4489 100%);
box-shadow: 0 2px 8px rgba(0,0,0,0.25);
}
#PageWrapper div.HorizontalNavBar ul span.navheader,
#PageWrapper div.HorizontalNavBar ul a {
padding-top: 10px;
padding-bottom: 10px;
font-size: 16px;
}
#PageWrapper div.HorizontalNavBar ul.root > li:hover {
background: rgba(255,255,255,0.14);
}
#PageWrapper div.HorizontalNavBar ul ul {
border-radius: 8px;
box-shadow: 0 10px 24px rgba(0,0,0,0.18);
top: 40px !important;
}
#PageWrapper div.HorizontalNavBar ul ul span.navheader,
#PageWrapper div.HorizontalNavBar ul ul a {
padding-top: 10px;
padding-bottom: 10px;
}
#PageWrapper div.HorizontalNavBar ul ul a:hover,
#PageWrapper div.HorizontalNavBar ul ul span.navheader:hover {
background: #eaf1fd;
color: #2352aa;
}
.ResponsiveNavReady .ResponsiveNavButton {
background: #2352aa;
}
.ResponsiveNavReady .ResponsiveNav a,
.ResponsiveNavReady .ResponsiveNav a:hover {
color: #2352aa;
}
/* ===== END NAV MODERNIZATION ===== */

/* ===== NAV DESIGN C STICKY 2026-10-20 ===== */
/* Sticky nav bar: keep the nav pinned to the top of the viewport on scroll. */
#PageWrapper div.HorizontalNavBar {
position: sticky;
top: 0;
z-index: 999;
}
/* Bold the first nav item (the brand: The Reading Well). */
#PageWrapper div.HorizontalNavBar ul.root > li.li1:first-child > a {
font-weight: bold;
}
/* ===== END NAV DESIGN C STICKY ===== */

/* FOOTER FIX 2026-10-20 */
#FooterWrapper, #Footer, #Footer .Liner { background:#ffffff !important; background-image:none !important; }

/* NAV FLAIR 2026-10-20 */
.HorizontalNavBar { border-radius:14px !important; box-shadow:0 8px 20px rgba(18,42,90,.28), inset 0 1px 0 rgba(255,255,255,.35) !important; margin:10px auto !important; padding:5px 10px !important; }
.HorizontalNavBar ul.root > li > a, .HorizontalNavBar ul.root > li > .navheader { border-radius:999px !important; transition:background .18s ease, box-shadow .18s ease !important; letter-spacing:.2px; }
.HorizontalNavBar ul.root > li > a:hover, .HorizontalNavBar ul.root > li > .navheader:hover { background:rgba(255,255,255,.16) !important; box-shadow:inset 0 -3px 0 #e87722 !important; }
.HorizontalNavBar li.submenu > ul { border-radius:12px !important; box-shadow:0 16px 34px rgba(18,42,90,.30) !important; padding:6px !important; overflow:hidden; }
.HorizontalNavBar li.submenu > ul li a { border-radius:8px !important; }
.HorizontalNavBar li.submenu > ul li a:hover { background:#eef3fc !important; }
/* FOOTER FIX 2026-10-20 — box rule replaced 2026-10-21: old box rule removed from the block above; footer color and centering restored, new box rule added below */
#Footer { color:#2b3a55 !important; }
#Footer p { text-align:center !important; }
#Footer p { border:1px solid #d7e1f2; border-radius:10px; background:#f4f7fc; padding:12px 22px; width:fit-content; max-width:92%; margin:14px auto; }

/* HEADER DONATE CARD 2026-10-20 */
#Header .Liner { position:relative; }
.rw-hdr-card { display:none; position:absolute; top:6px; right:14px; max-width:470px; background:#f4f7fc; border:1px solid #d7e1f2; border-top:3px solid #2352aa; border-radius:10px; padding:10px 14px; font-family:Verdana,Geneva,sans-serif; align-items:center; gap:14px; box-sizing:border-box; z-index:50; }
.rw-hdr-h { font-size:16px; font-weight:bold; color:#2352aa; margin:0 0 3px; }
.rw-hdr-b { font-size:12.5px; line-height:1.45; color:#2b3a55; }
.rw-hdr-btn { background:#e87722; color:#ffffff !important; font-weight:bold; font-size:14px; text-decoration:none; padding:9px 20px; border-radius:999px; white-space:nowrap; }
@media (max-width:760px) { .rw-hdr-card { position:static; max-width:none; margin:6px 8px; } }
/* HEADER CARD EXPAND 2026-10-20 */
.rw-hdr-card { top:16px; right:18px; max-width:540px; padding:16px 20px; gap:18px; }
.rw-hdr-h { font-size:17.5px; }
.rw-hdr-b { font-size:13.5px; line-height:1.5; }
.rw-hdr-btn { padding:11px 24px; }
/* HEADER CARD EXPAND 2 2026-10-20 */
.rw-hdr-card { top:30px; max-width:640px; padding:18px 22px; }
.rw-hdr-h { font-size:18px; }
.rw-hdr-b { font-size:14px; }

/* PANEL HEADER WHITE 2026-10-20 */
#PageWrapper .rw-phead h3 { color:#ffffff !important; }
#PageWrapper .rw-phead .rw-tag { color:#dce9ff !important; }
#PageWrapper .rw-qf h2 { color:#2352aa !important; }
#PageWrapper .rw-qa h3 { color:#9a6a14 !important; }
#PageWrapper .rw-final h3 { color:#2352aa !important; }
#PageWrapper .rw-box h4, #PageWrapper .rw-vocab h4 { color:#2352aa !important; }

/* FOOTER CENTRE FIX 2026-10-20 */
/* Diagnosis: #Footer{max-width:1200px} has no auto margin, so the whole footer sits left-aligned and its children centre relative to it, not the page -- that is why the earlier fit-content-only strip rule could not work. Layered template p rules also beat the earlier #Footer p fit-content rule, so the copyright box stays full-width. */
#PageWrapper #Footer { margin-left:auto !important; margin-right:auto !important; }
#PageWrapper #Footer .Liner { margin-left:auto !important; margin-right:auto !important; }
#PageWrapper .rw-strip { width:fit-content !important; max-width:100% !important; margin-left:auto !important; margin-right:auto !important; }
#PageWrapper #Footer p { width:fit-content !important; max-width:100% !important; margin-left:auto !important; margin-right:auto !important; text-align:center !important; }

/* HEADER GAP HALF 2026-10-20 FINAL */
/* Real source of the gap: #Header .WebsiteName carries margin-bottom:74px (!important); the four earlier nav margin-top:-38px blocks could not reliably move it, so they are removed and replaced by this one rule. 74px -> 30px cuts the rendered logo-to-nav gap by ~44px (~87px -> ~43px). The header donate card is absolutely positioned (top:30px) and is unaffected. Desktop only; mobile keeps its own header spacing. */
@media only screen and (min-width:769px) {
#PageWrapper #Header .WebsiteName { margin-bottom:30px !important; }
}

/* FOOTER CENTRE FIX 2026-10-21 UPDATE */
/* The 2026-10-20 block centred #Footer, but the live footer still rendered left-shifted: the constraining ancestor is #FooterWrapper (and/or the wrappers are floated, which defeats margin:auto). Centre the wrapper as well and remove float from both. */
#PageWrapper #FooterWrapper { float:none!important; margin-left:auto!important; margin-right:auto!important;}
#PageWrapper #Footer { float:none!important; margin-left:auto!important; margin-right:auto!important;}

/* FOOTER CENTRE FIX 2026-10-21 UPDATE 2 */
/* Fallback: if #FooterWrapper/#Footer sit outside #PageWrapper, the #PageWrapper-prefixed selectors never match. These unprefixed rules cover that case. */
#FooterWrapper { float:none!important; margin-left:auto!important; margin-right:auto!important;}
#Footer { float:none!important; margin-left:auto!important; margin-right:auto!important;}

/* FOOTER CENTRE FINAL 2026-10-21 */
/* Definitive footer centring: make the footer wrappers span the full page width, so the auto-margined donate strip card and copyright box centre across the full viewport width, whose centre equals the content column centre. Covers the wrappers whether they sit inside or outside #PageWrapper. */
#PageWrapper #FooterWrapper,
#FooterWrapper,
#PageWrapper #Footer,
#Footer {
  width: 100% !important;
  max-width: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none !important;
}

/* HEADER CARD MOBILE STACK 2026-10-21 */
/* Mobile only: take the homepage Donate card out of its absolute top-right
   spot and stack it in normal flow BELOW the logo, full header width with
   12px side margins. The header grows to fit; the nav stays below.
   display is left alone so the card remains homepage-only. */
@media only screen and (max-width: 768px) {
  #PageWrapper #Header .rw-hdr-card {
    position: static !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
    float: none !important;
    clear: both !important;
    max-width: none !important;
    width: auto;
    margin: 12px;
  }
}

/* DONATE STRIP BLUE 2026-10-21 */
/* Restyle the sitewide footer Donate strip (.rw-strip) per the approved design
   (Option A + heading). CSS only -- no markup, dot, or page edits. Appended
   last so these rules override the strip's earlier presentation. This block
   never sets `display`, so the homepage's This-Page-Only CSS
   (.rw-strip{display:none}) keeps hiding the strip there. */
#PageWrapper #Footer .rw-strip,
#Footer .rw-strip {
  background: linear-gradient(135deg, #2a5cb8, #17407f) !important;
  border: 0 !important;
  border-top: 3px solid #e87722 !important;
  border-radius: 10px !important;
  box-shadow: 0 4px 14px rgba(23,64,127,.35) !important;
  color: #ffffff !important;
  flex-wrap: wrap !important;
}
/* Heading line on its own row above the copy-and-button row, styled like the
   homepage header card heading (.rw-hdr-h): white, bold, about 18px. */
#PageWrapper #Footer .rw-strip::before,
#Footer .rw-strip::before {
  content: "Support The Reading Well";
  display: block !important;
  width: 100% !important;
  flex: 0 0 100% !important;
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: bold !important;
  line-height: 1.3 !important;
  margin: 0 0 10px !important;
}
/* Keep the strip copy white where footer/template paragraph rules set dark
   text. The orange Donate pill button is intentionally left untouched. */
#PageWrapper #Footer .rw-strip p,
#Footer .rw-strip p,
#PageWrapper #Footer .rw-strip span,
#Footer .rw-strip span {
  color: #ffffff !important;
}

/* DONATE STRIP BLUE 2026-10-21 — inner card neutralization */
/* True markup (from the footer sitewide dot): div.rw-strip > div (inner card,
   styled inline with the old pale-card look) > div (copy text) + a (orange
   Donate pill). Neutralize the inner card's inline styles with !important so
   the strip renders as ONE blue gradient card. The footer copyright box sits
   outside .rw-strip and is untouched. */
#PageWrapper #Footer .rw-strip > div,
#Footer .rw-strip > div {
  background: none!important;
  background-color: transparent!important;
  border: 0!important;
  border-top: 0!important;
  border-radius: 0!important;
  box-shadow: none!important;
  padding: 0!important;
  max-width: none!important;
  margin: 0!important;
  color: #ffffff!important;
}
/* White copy text (the copy div carries inline color:#2b3a55). */
#PageWrapper #Footer .rw-strip > div > div,
#Footer .rw-strip > div > div {
  color: #ffffff!important;
}
/* Rebalance the strip's own padding now that the inner card's padding is gone. */
#PageWrapper #Footer .rw-strip,
#Footer .rw-strip {
  padding: 18px 22px!important;
}

/* HEADER CARD DESKTOP TWEAKS 2026-10-21 */
/* Desktop-only refinements to the homepage header Donate card (.rw-hdr-card):
   1. Lower the card (top 30px -> 52px) so it sits visibly lower, roughly
      centred against the logo's height, without touching the nav bar below.
   2. Kill the "difference!" widow: text-wrap:balance on the body copy
      reflows the last line so it never holds a single word, with no change
      to colours, padding, heading size, button or font sizes.
   Every rule below sits inside min-width:769px, so the approved mobile
   stacking (HEADER CARD MOBILE STACK 2026-10-21) is completely untouched.
   Do not modify any earlier block; this one wins by source order. */
@media only screen and (min-width: 769px) {
  .rw-hdr-card {
    top: 52px;
  }
  .rw-hdr-b {
    text-wrap: balance;
  }
}

/* ===== NAV LIGHT B 2026-10-21 ===== */
/* "Option B, centred": light restyle of the desktop nav bar, CSS only.
   Appended last so it overrides the template and the earlier nav blocks
   ('NAV MODERNIZATION 2026-10-14' blue gradient + shadow, 'NAV FLAIR 2026-10-20'
   rounded 14px corners + glass highlight + pill hovers with orange underline).
   Do NOT edit the earlier blocks: deleting THIS block restores the blue bar.
   Dropdown panels are intentionally untouched (white panels, blue items).
   Scoped to min-width:769px so the mobile/responsive menu keeps working
   exactly as now (the base max-width:768px mobile rules are not overridden). */
@media only screen and (min-width: 769px) {
  /* Bar: flat white, square corners, no shadow/glass; 3px blue top rule,
     1px pale bottom border. */
  #PageWrapper div.HorizontalNavBar {
    background: #ffffff !important;
    background-image: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    border-top: 3px solid #2352aa !important;
    border-bottom: 1px solid #e3e9f4 !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }
  /* Centre the top-level items as a group on the bar. */
  #PageWrapper div.HorizontalNavBar ul.root {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
  }
  /* Top-level links: slate #33415c, Verdana unchanged, 14px, 12px 13px padding.
     Right padding keeps 26px (NAV TEXT CUTOFF FIX 2026-10-07) so the dropdown
     caret never covers the last letter. No pill, no rounding, no shadow. */
  #PageWrapper div.HorizontalNavBar ul.root > li.li1 > a,
  #PageWrapper div.HorizontalNavBar ul.root > li.li1 > a:link,
  #PageWrapper div.HorizontalNavBar ul.root > li.li1 > a:visited,
  #PageWrapper div.HorizontalNavBar ul.root > li.li1 > span.navheader {
    color: #33415c !important;
    font-size: 14px !important;
    padding: 12px 13px !important;
    padding-right: 26px !important;
    background: none !important;
    background-image: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-decoration: none !important;
  }
  /* Kill the earlier pill hover on the list item itself. */
  #PageWrapper div.HorizontalNavBar ul.root > li.li1:hover {
    background: none !important;
    background-image: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  /* Hover: blue text + 3px inset blue underline. No pill, no orange. */
  #PageWrapper div.HorizontalNavBar ul.root > li.li1 > a:hover,
  #PageWrapper div.HorizontalNavBar ul.root > li.li1 > a:focus,
  #PageWrapper div.HorizontalNavBar ul.root > li.li1 > span.navheader:hover,
  #PageWrapper div.HorizontalNavBar ul.root > li.li1 > span.navheader:focus {
    color: #2352aa !important;
    background: none !important;
    background-image: none !important;
    border-radius: 0 !important;
    border-bottom: 0 !important;
    box-shadow: inset 0 -3px 0 #2352aa !important;
    -webkit-box-shadow: inset 0 -3px 0 #2352aa !important;
    -moz-box-shadow: inset 0 -3px 0 #2352aa !important;
    text-decoration: none !important;
  }
}
/* ===== END NAV LIGHT B 2026-10-21 ===== */

/* NAV LIGHT B REFINEMENTS 2026-10-21 */
/* Owner refinements to the live NAV LIGHT B 2026-10-21 desktop nav. Appended last; do NOT edit earlier blocks.
   1. Top-level link type 14px -> 15.5px. 2. Top-level link colour slate #33415c -> brand blue #2352aa;
   hover -> deeper blue #17407f with the existing 3px inset blue underline kept. 3. Balanced lines: grid
   with 5 auto columns so the 10 items flow 5 + 5, each line centred as a group (dropdowns untouched).
   4. No bold anywhere on top-level nav items. */
@media only screen and (min-width: 769px) {
  /* 3. Balanced lines: deterministic 5 + 5, both lines centred as a group. */
  #PageWrapper div.HorizontalNavBar ul.root {
    display: grid !important;
    grid-template-columns: repeat(5, auto);
    justify-content: center !important;
  }
  /* 1 + 2 + 4. Bigger blue type, never bold (overrides the NAV DESIGN C STICKY first-item bold and any
     current-page b/strong or class-based bold on top-level links). */
  #PageWrapper div.HorizontalNavBar ul.root > li.li1 > a,
  #PageWrapper div.HorizontalNavBar ul.root > li.li1 > a:link,
  #PageWrapper div.HorizontalNavBar ul.root > li.li1 > a:visited,
  #PageWrapper div.HorizontalNavBar ul.root > li.li1 > span.navheader {
    font-size: 15.5px !important;
    color: #2352aa !important;
    font-weight: normal !important;
  }
  #PageWrapper div.HorizontalNavBar ul.root > li.li1 > a b,
  #PageWrapper div.HorizontalNavBar ul.root > li.li1 > a strong,
  #PageWrapper div.HorizontalNavBar ul.root > li.li1 > span.navheader b,
  #PageWrapper div.HorizontalNavBar ul.root > li.li1 > span.navheader strong {
    font-weight: normal !important;
  }
  /* 2b. Hover: deeper blue text; the 3px inset blue underline from NAV LIGHT B stays in place. */
  #PageWrapper div.HorizontalNavBar ul.root > li.li1 > a:hover,
  #PageWrapper div.HorizontalNavBar ul.root > li.li1 > a:focus,
  #PageWrapper div.HorizontalNavBar ul.root > li.li1 > span.navheader:hover,
  #PageWrapper div.HorizontalNavBar ul.root > li.li1 > span.navheader:focus {
    color: #17407f !important;
  }
}

/* HEADER CARD SHRINK 2026-10-21 */
/* Desktop-only shrink of the homepage header Donate card (.rw-hdr-card) so it
   hugs its content: padding 18px 22px -> 12px 16px, max-width 640px -> 520px,
   and the inner gaps tightened (card gap 18px -> 10px, heading margin-bottom
   3px -> 2px, body/button margins zeroed). Kept unchanged: top:52px,
   right:18px (right-anchored, so the narrower card sits further from the logo),
   colours, border, heading 18px, body 14px, text-wrap:balance on the body.
   Every rule sits inside min-width:769px, so the approved mobile stacking
   (HEADER CARD MOBILE STACK 2026-10-21) is completely untouched.
   Appended last so it wins by source order; no earlier block was edited. */
@media only screen and (min-width: 769px) {
  .rw-hdr-card {
    top: 52px; /* keep */
    right: 18px; /* keep */
    max-width: 520px;
    padding: 12px 16px;
    gap: 10px;
  }
  .rw-hdr-h {
    margin: 0 0 2px;
  }
  .rw-hdr-b {
    margin: 0;
  }
  .rw-hdr-btn {
    margin: 0;
  }
}

/* NAV FINISHES 2026-10-21 */
/* Three finishing touches to the light desktop nav (styled today by
   'NAV LIGHT B 2026-10-21' and 'NAV LIGHT B REFINEMENTS 2026-10-21').
   Appended last so it wins by source order; no earlier block was edited.
   Desktop only: every rule below sits inside @media only screen and
   (min-width: 769px), so the mobile/responsive menu is untouched. */
@media only screen and (min-width: 769px) {
  /* 1. REMOVE THE CARETS ENTIRELY.
        The template renders each top-level dropdown caret as an <ins> element
        inside the top-level span.navheader (Learn / Teach / More); the visible
        arrow is drawn by the :after pseudo-element on that <ins>
        (border-top-color triangle). Hiding the <ins> removes the caret and its
        pseudo-element. Scoped to ul.root > li.li1 (top level only): any
        indicators inside the dropdown panels themselves are left untouched. */
  #PageWrapper div.HorizontalNavBar ul.root > li.li1 > span.navheader ins {
    display: none !important;
  }
  /* 2. SYMMETRIC PADDING: with the carets gone, every top-level item shares
        padding 12px 13px. This also overrides the old 26px right-padding caret
        fix on Learn/Teach/More, which is no longer needed. */
  #PageWrapper div.HorizontalNavBar ul.root > li.li1 > a,
  #PageWrapper div.HorizontalNavBar ul.root > li.li1 > a:link,
  #PageWrapper div.HorizontalNavBar ul.root > li.li1 > a:visited,
  #PageWrapper div.HorizontalNavBar ul.root > li.li1 > span.navheader {
    padding: 12px 13px !important;
  }
  /* 3. HOVER GROWS INSTEAD OF UNDERLINING.
        The 3px inset underline from NAV LIGHT B is removed (box-shadow: none);
        hover colour stays the deeper blue #17407f. The link scales up 10% via
        transform (layout is unaffected, so neighbouring items do not shift).
        display:inline-block guarantees the transform applies to the link
        itself, so the word grows; the dropdown panels are positioned off the
        <li> (unaffected by the scale) and still open on hover in the same
        place. */
  #PageWrapper div.HorizontalNavBar ul.root > li.li1 > a,
  #PageWrapper div.HorizontalNavBar ul.root > li.li1 > span.navheader {
    display: inline-block;
    transition: transform .15s ease-in-out;
    transform-origin: center;
  }
  #PageWrapper div.HorizontalNavBar ul.root > li.li1 > a:hover,
  #PageWrapper div.HorizontalNavBar ul.root > li.li1 > a:focus,
  #PageWrapper div.HorizontalNavBar ul.root > li.li1 > span.navheader:hover,
  #PageWrapper div.HorizontalNavBar ul.root > li.li1 > span.navheader:focus {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    color: #17407f !important;
    transform: scale(1.1);
  }
}

/* HEADER CARD THINNER 2026-10-21 */
/* Desktop-only final tightening of the homepage header Donate card
   (.rw-hdr-card): the 14px body copy (.rw-hdr-b) is the text column's
   widest child, so capping its max-width narrows the text column until its
   longest balanced line nearly fills it; the absolutely positioned card
   (right:18px) then shrink-wraps to its content instead of sitting at
   max-width:520px. The flex gap is fixed at 14px, so the text-to-button
   distance lands in the 12-16px target. Kept unchanged: top:52px,
   right:18px, padding 12px 16px, colours, border, heading 18px, body 14px,
   text-wrap:balance (final line must not be a single word). If the body
   ever reflows from 4 lines to 5, raise the max-width below until it is
   back to 4 lines -- a thinner card, not a taller one.
   Every rule sits inside min-width:769px, so the approved mobile stacking
   (HEADER CARD MOBILE STACK 2026-10-21, max-width:768px) is untouched.
   Appended last so it wins by source order; no earlier block was edited. */
@media only screen and (min-width: 769px) {
  #PageWrapper #Header .rw-hdr-card {
    gap: 14px;
  }
  #PageWrapper #Header .rw-hdr-card .rw-hdr-b {
    max-width: 330px;
  }
}

/* ===== NAV TWEAKS 2 2026-10-21 ===== */
/* Four desktop-only tweaks to the light nav (styled by 'NAV LIGHT B 2026-10-21',
   'NAV LIGHT B REFINEMENTS 2026-10-21' and 'NAV FINISHES 2026-10-21'). Appended
   last so it wins by source order; do NOT edit the earlier blocks. Every rule
   sits inside @media only screen and (min-width: 769px), so the mobile /
   responsive menu is completely untouched. */
@media only screen and (min-width: 769px) {
  /* 1. THICKER TOP RULE: 3px -> 5px solid brand blue. */
  #PageWrapper div.HorizontalNavBar {
    border-top: 5px solid #2352aa !important;
  }
  /* 3. REMOVE THE BOTTOM LINE entirely. */
  #PageWrapper div.HorizontalNavBar {
    border-bottom: none !important;
  }
  /* 2. BIGGER + BOLD on ALL top-level items: 15.5px -> 16.5px and
     font-weight bold everywhere (deliberately reverses the earlier no-bold
     refinement). Bold also covers any b/strong inside the items, so the
     current-page item is bold too. */
  #PageWrapper div.HorizontalNavBar ul.root > li.li1 > a,
  #PageWrapper div.HorizontalNavBar ul.root > li.li1 > a:link,
  #PageWrapper div.HorizontalNavBar ul.root > li.li1 > a:visited,
  #PageWrapper div.HorizontalNavBar ul.root > li.li1 > span.navheader {
    font-size: 16.5px !important;
    font-weight: bold !important;
  }
  #PageWrapper div.HorizontalNavBar ul.root > li.li1 > a b,
  #PageWrapper div.HorizontalNavBar ul.root > li.li1 > a strong,
  #PageWrapper div.HorizontalNavBar ul.root > li.li1 > span.navheader b,
  #PageWrapper div.HorizontalNavBar ul.root > li.li1 > span.navheader strong {
    font-weight: bold !important;
  }
  /* 4. SHORTEN the homepage nav-to-hero gap by roughly half. The hero slider
     (.rws-wrap, homepage only) carries margin:14px auto 6px from its inline
     CSS; cutting its top margin to 6px halves the visible gap. */
  #PageWrapper .rws-wrap {
    margin-top: 6px !important;
  }
}
/* ===== END NAV TWEAKS 2 2026-10-21 ===== */

/* NAV TWEAKS 2 2026-10-21 — GAP REFINEMENT (same owner change; separate override because the Custom CSS dialog appends only — keep/delete together with the main block) */
/* Live measurement showed the total nav-to-slider gap was ~80px, not ~24px: the slider's own margin-top (14px inline) + the nav bar's 10px bottom padding + ~55px of template content-area top padding. The 6px value in the main block only removed 8px. margin-top:-26px pulls the slider up ~32px more, landing the visible gap at ~40px -- roughly half. Homepage-only: .rws-wrap exists only on the homepage. Desktop-only: inside min-width:769px, so mobile is untouched. */
@media only screen and (min-width: 769px) {
  #PageWrapper .rws-wrap {
    margin-top: -26px !important;
  }
}
/* END NAV TWEAKS 2 GAP REFINEMENT 2026-10-21 */
/* ===== FOOTER STACK FINAL 2026-10-21 ===== */
/* 1) Makes the sitewide footer Oasis card (#Footer .rw-oasis-dot .rw-oasis)
      render EXACTLY like the homepage Oasis card: 1020px width (the Donate
      strip inner card's design width), 26px 28px padding, #f4f7fc background,
      1px #d7e1f2 border with 4px #e87722 top rule, 14px radius, flex row
      (text left, form right; wraps only on narrow screens, as the homepage
      card does), Verdana, left-aligned heading/paragraph.
      Footer inheritance that broke it (centred text, fit-content paragraph
      boxes, the #Footer p copyright-box styling leaking onto the card's
      paragraph) is overridden below.
   2) Gives the footer stack -- Oasis card / Donate strip / copyright box --
      ONE shared width (1020px, centred) with UNIFORM 4px vertical gaps
      between consecutive elements. The 1020px centring uses calc() side
      margins so it works whether the element sits in the 980px footer Liner
      or directly in the full-width footer; only the three stack elements are
      affected, never the whole footer.
   3) Homepage: the content card is not under #Footer .rw-oasis-dot, so it is
      untouched; the homepage dot copy and strip stay display:none (This-Page-
      Only CSS -- this block never sets `display`).
   CSS only, appended last so it wins by source order.
   Revert path: delete this 'FOOTER STACK FINAL 2026-10-21' block. */

/* ---------- Footer Oasis card = homepage card ---------- */
#Footer .rw-oasis-dot {
  padding: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
#Footer .rw-oasis-dot .rw-oasis {
  width: 100% !important;
  max-width: 1020px !important;
  margin-top: 26px !important;
  margin-bottom: 4px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  background: #f4f7fc !important;
  background-image: none !important;
  border: 1px solid #d7e1f2 !important;
  border-top: 4px solid #e87722 !important;
  border-radius: 14px !important;
  padding: 26px 28px !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 26px !important;
  align-items: center !important;
  box-sizing: border-box !important;
  font-family: Verdana, Geneva, Tahoma, sans-serif !important;
  text-align: left !important;
  color: #2b3a55 !important;
  float: none !important;
  clear: both !important;
}
/* Footer inheritance fixes: the footer centres text and turns footer <p>s
   into centred fit-content boxes -- undo all of that inside the card. */
#Footer .rw-oasis-dot .rw-oasis .rw-oasis-txt,
#Footer .rw-oasis-dot .rw-oasis h3 {
  text-align: left !important;
  letter-spacing: normal !important;
  width: auto !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  float: none !important;
}
#Footer .rw-oasis-dot .rw-oasis p {
  text-align: left !important;
  letter-spacing: normal !important;
  width: auto !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  float: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  background-image: none !important;
  padding: 0 !important;
  box-shadow: none !important;
}

/* ---------- Shared 1020px stack width, centred ---------- */
/* Wide screens: 1020px for all three stack elements (Oasis dot, Donate
   strip, copyright <p>). The calc() side margins centre a 1020px box in ANY
   containing block (980px Liner or full-width footer) -- the box plus its
   margins always exactly fill the container, so it is centred. */
@media only screen and (min-width: 1052px) {
  #Footer .rw-oasis-dot,
  #Footer .rw-strip,
  #Footer .rw-strip ~ p,
  #Footer > p,
  #Footer .Liner > p {
    width: 1020px !important;
    max-width: 1020px !important;
    margin-left: calc(50% - 510px) !important;
    margin-right: calc(50% - 510px) !important;
    box-sizing: border-box !important;
    float: none !important;
  }
}
/* 1051px and below (covers the <=768px mobile requirement): fluid,
   full-container width; the card may wrap its form below the text, as the
   homepage card does. */
@media only screen and (max-width: 1051px) {
  #Footer .rw-oasis-dot,
  #Footer .rw-strip,
  #Footer .rw-strip ~ p,
  #Footer > p,
  #Footer .Liner > p {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
    float: none !important;
  }
}

/* ---------- Uniform 4px stack gaps (this block never sets display) ---------- */
#Footer .rw-strip {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}
#Footer .rw-strip ~ p,
#Footer > p,
#Footer .Liner > p {
  margin-top: 4px !important;
}
/* ===== END FOOTER STACK FINAL 2026-10-21 ===== */

/* ===== DWW WIDE MARK 2026-10-21 ===== */
/* World Wide Watch mark as a wide 16:9 frame with bevelled corners: the square eye file is displayed in a centred 16:9 cover crop (object-fit:cover). .dww-page-mark renders ~340x191 on its own line above the events H2 title text (display:block); .dww-mark renders ~128x72 in the homepage band. CSS only -- no image file change. Revert path: delete this block. */
.dww-page-mark{width:340px !important;max-width:100% !important;height:191px !important;object-fit:cover !important;object-position:50% 50% !important;border-radius:18px !important;display:block !important;margin:2px 0 16px !important;}
.dww-mark{width:128px !important;height:72px !important;object-fit:cover !important;object-position:50% 50% !important;border-radius:12px !important;flex:0 0 128px !important;}
/* ===== END DWW WIDE MARK 2026-10-21 ===== */

/* ===== FOOTER COPYRIGHT MATCH 2026-10-21 ===== */
/* Owner corrections, 2026-10-21.
   (1) The VISIBLE copyright box (the pale #f4f7fc box with the 1px #d7e1f2
   border, drawn by the #Footer p rule in 'FOOTER FIX 2026-10-20') rendered
   narrower than the Oasis card and the blue Donate strip: the
   'FOOTER STACK FINAL 2026-10-21' width rule never won for the visible box,
   because 'FOOTER CENTRE FIX 2026-10-20' still forces
   #PageWrapper #Footer p to width:fit-content with higher specificity.
   (2) The Donate-strip-to-copyright gap was ~4px; it is now ~80px (about an
   inch), so the copyright reads as quiet background at the very foot of the
   page. The Oasis -> Donate gap stays ~4px (untouched).
   This block targets the copyright <p> itself -- the element that draws the
   pale box -- at the nesting the template uses (direct child of the footer
   Liner, optionally wrapped one div deep, or following the .rw-strip), and
   sets the exact stack width on it: width 1020px, max-width 100%, centred
   with auto left/right margins (auto margins centre the box even where the
   1020px box overflows the 980px footer Liner, so all three visible boxes
   share identical rendered widths and aligned edges), border-box sizing so
   the 1020px includes its border and padding, and 80px of margin above.
   The #PageWrapper-prefixed selectors outrank the earlier fit-content rule;
   the unprefixed fallbacks cover a footer outside #PageWrapper. Border,
   background and centred text are untouched. CSS only, appended last so it
   wins by source order; no earlier block was edited.
   Revert path: delete this 'FOOTER COPYRIGHT MATCH 2026-10-21' block. */
#PageWrapper #Footer .Liner > p,
#PageWrapper #Footer .Liner > div > p,
#PageWrapper #Footer .rw-strip ~ p,
#Footer .Liner > p,
#Footer .Liner > div > p,
#Footer .rw-strip ~ p {
  width: 1020px !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 80px !important;
  box-sizing: border-box !important;
  text-align: center !important;
}
/* ===== END FOOTER COPYRIGHT MATCH 2026-10-21 ===== */
/* ===== FOOTER COPYRIGHT MATCH 2 2026-10-21 ===== */
/* Follow-up to 'FOOTER COPYRIGHT MATCH 2026-10-21'. Root cause of the residual inset: that block sets width:1020px on the visible copyright <p>, but also max-width:100%. The <p> sits inside the footer .Liner, which is capped at 980px (#PageWrapper #Footer .Liner{max-width:980px}), so max-width:100% wins over width:1020px and the pale box renders at 980px -- about 20px narrower per side than the 1020px Oasis card and Donate strip (which use max-width:1020px and are not capped by the Liner). This block lifts the cap on desktop only (min-width:1052px, the same breakpoint 'FOOTER STACK FINAL 2026-10-21' uses for the 1020px stack): max-width:1020px lets the 1020px width apply, and the existing auto left/right margins centre the 1020px box over the 980px Liner, so all three visible boxes share identical rendered widths with aligned edges. Tablet/mobile (max-width:1051px) is untouched: the fluid width:100%/max-width:100% behaviour keeps the box inside narrow viewports with no overflow. The 80px top margin, border, background, padding and centred text from the earlier block are unchanged. CSS only, appended last so it wins by source order; no earlier block was edited. Revert path: delete this 'FOOTER COPYRIGHT MATCH 2 2026-10-21' block. */
@media only screen and (min-width: 1052px) {
  #PageWrapper #Footer .Liner > p,
  #PageWrapper #Footer .Liner > div > p,
  #PageWrapper #Footer .rw-strip ~ p,
  #Footer .Liner > p,
  #Footer .Liner > div > p,
  #Footer .rw-strip ~ p {
    max-width: 1020px !important;
  }
}
/* ===== END FOOTER COPYRIGHT MATCH 2 2026-10-21 ===== */

/* Layout *//* Full size col content */
.variantFullSizeContentColumn #ContentWrapper {
    padding-left:0;
    padding-right:0;
    width: 100%;
}
.variantFullSizeContentColumn #PageWrapper #ContentColumn { 
    width: 100%; 
    float: none; 
}
.variantFullSizeContentColumn #NavWrapper {
    display: none;
}
.variantFullSizeContentColumn #ExtraWrapper {
    display:none;
}

/* hidden header */
.variantNoHeader #HeaderWrapper {
    display: none;
}

/* hidden footer */
.variantNoFooter #FooterWrapper {
    display:none;
}

/* hide extra column */
.variantNoExtraColumn #ExtraWrapper {
    display:none;
}

/* hide navigation column */
.variantNoNavColumn #NavWrapper {
    display: none;
}