/* =========================================================
   Kids Cooking Activities - Cleaned Main Stylesheet
   ========================================================= */


/* ============================== */
/* = Base Blocks                  */
/* ============================== */


/* =ReminderBox - base */

.ReminderBox {
    color: #ffffff;
    background-color: #888888;
    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;
}
.food-facts-pills {
  margin: 12px 0;
  line-height: 1.6;
}

.food-facts-pills .section-title {
    margin: 12px 0 5px;
  font-size: 0.90em;
  color: #8a4b00;
}

.food-facts-pills a {
  display: inline-block;
  background: #ffffff;
  border: 1px solid #f1c46b;
border-radius: 16px;
  padding: 3px 8px;
  margin: 3px 2px;
  text-decoration: none;
  font-weight: bold;
  font-size: 0.82em;
  line-height: 1.3;
  color: #8a4b00;
}

.food-facts-pills a:hover {
  background: #ffe8b8;
  color: #eb5367;
  text-decoration: none;
}
.foodFactsLinkBox {
  background-color: #fff8ef;
  border: 2px solid #ffd79a;
  border-radius: 10px;
  padding: 16px 18px;
  margin: 22px 0;
  width: 100%;
  box-sizing: border-box;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

.foodFactsLinkBox h2,
.foodFactsLinkBox h3 {
  margin-top: 0;
}

.foodFactsLinkBox .food-facts-pills {
  margin: 10px 0 0;
  line-height: 1.9;
}

.section-title {
  font-weight: bold;
  margin-bottom: 8px;
}

.link-group a {
  display: inline-block;
  padding: 3px 8px;
  margin: 3px 4px 3px 0;
  font-size: 12px;
  text-decoration: none;
  border-radius: 12px;
  background-color: #ffffff;
  color: #333;
}

.link-group a:hover {
  background-color: #eb5367;
}

/* =FBI - base */

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

#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 #eeeeee;
    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: #eeeeee;
    line-height: 1.2;
    font-size: 125%;
    text-align: center;
    color: #888888;
}

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

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

#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;
}
.kcaPromoImage {
  text-align: center;
  margin: 12px 0 16px;
}

.kcaPromoImage img {
  max-width: 100%;
  height: auto;
  border-radius: 8px;
  border: 1px solid #d7efe9;
  box-shadow: 0 3px 10px rgba(0,0,0,0.08);
}

.kcaPromoHighlight {
  background: #eefaf7;
  border: 2px solid #76c7b7;
  padding: 14px 16px;
  margin: 18px 0;
  border-radius: 10px;
}

.kcaPromoHighlight ul {
  margin: 8px 0 0 18px;
  line-height: 1.6;
}

.kcaPromoHighlight strong {
  color: #087c78;
}

.kcaPromoLite {
  background: #eefaf7;
  border: 2px solid #76c7b7;
  padding: 13px 15px;
  margin: 18px 0 22px;
  border-radius: 8px;
  font-size: 0.98em;
  line-height: 1.6;
}

.kcaPromoLite a {
  font-weight: bold;
  color: #b24b00;
  text-decoration: none;
}

.kcaPromoLite a:hover {
  text-decoration: underline;
}
.heroImage {
  display:block;
  max-width:640px;
  width:100%;
  height:auto;
  margin:20px auto;
  border-radius:10px;
}
.startHereBox {
  background: #fff8ef;
  border: 1px solid #f1d0a8;
  padding: 16px;
  margin: 20px 0 25px;
  border-radius: 8px;
  text-align: center;
  line-height: 1.6;
}

.startHereBox a {
  font-weight: bold;
  text-decoration: none;
}

.startHereBox a:hover {
  text-decoration: underline;

}
.healthylinksBox {
  background: #fff1f1;
  border-bottom: 1px solid #f3c2c2;
color: #333333;
  padding: 16px;
  margin: 20px 0 25px;
  border-radius: 8px;
  text-align: center;
  line-height: 1.6;


}
 .lessonlinkBox {
  background: #fff1f1;
  border-bottom: 1px solid #f3c2c2;
color: #333333;
  padding: 16px;
  margin: 20px 0 25px;
  border-radius: 8px;
  text-align: center;
  line-height: 1.6;
}
@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;
}

/* =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%;
}

@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%;
    }
}

/* =Ezine - base */

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

.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 #eeeeee;
}

.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 {
    text-align: left;
}

.EzineCenter {
    text-align: center;
}

.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;
}

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

.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;
}

/* =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;
}

/* =GDPR consent cookie bar */

.eucookiebar button,
.eucookiebar p {
    display: inline-block;
    margin: 0.25em 0.5em;
    font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
}

.eucookiebar {
    text-align: center;
    position: absolute;
    top: -250px;
    left: 0;
    right: 0;
    background: #ffffff;
    padding: 0.5% 2%;
    box-shadow: 0 4px 10px 1px rgba(0, 0, 0, 0.2);
    z-index: 9999;
    font-size: 12px;
    font-family: "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
    color: #666666;
    transition: top 0.5s ease, bottom 0.5s ease, opacity 0.5s ease;
}

.eucookiebar a {
    color: #0000ff;
    font-weight: 400;
    text-decoration: underline;
}

.eucookiebar a:visited {
    color: #551a8b;
}

.eucookiebar a:active {
    color: red;
}

.eucookiebar button {
    background: #eeeeee;
    border: 1px solid #888888;
    border-radius: 4px;
    font-size: 100%;
    font-weight: 700;
    color: #666666;
}

.eucookiebar button:hover {
    background: #666666;
    color: #ffffff;
}

.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;
}

#PageWrapper .noalignment {
    float: left;
}

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

/* =Related Pages Block */

#PageWrapper .RelatedPagesBlock ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

#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;
    background-image: url("/ssimgs/image-placeholder.png");
}

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

#PageWrapper .RelatedPagesBlock ul.down li {
    clear: both;
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 10px;
}

#PageWrapper .RelatedPagesBlock ul.across {
    display: flex;
    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;
    background-image: url("/ssimgs/image-placeholder.png");
}

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

#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 */

.TOC dt {
    font-weight: bold;
}

.TOC dd {
    margin-bottom: 20px;
}

/* =C2 */

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

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

#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: #eeeeee;
    color: #888888;
    padding: 5px 10px;
    text-decoration: none;
    display: block;
}

#PageWrapper div.Navigation a:hover,
.Navigation a:hover {
    background: #888888;
    color: #ffffff;
}

/* =HorizontalNavBar - base */

#PageWrapper div.HorizontalNavBar ul.root {
    display: inline-block;
    vertical-align: top;
    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;
    background: #ffffff;
    width: 200px;
}

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

#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 #ffffff;
    background: #ffffff;
    margin-top: -1px;
}

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

#PageWrapper div.HorizontalNavBar span.navheader {
    cursor: default;
    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: #000000;
}

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

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

/* =HorizontalNavBar 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;
}

/* =HorizontalNavBar 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;
}

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 */

@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;
    }
}

@media only screen and (max-width: 450px) {
    .socializeIt .socialIcon {
        white-space: normal !important;
        text-align: center;
        display: block !important;
    }

    .socializeIt .socialIcon span {
        display: block !important;
    }
}

/* =Misc */

iframe {
    max-width: 100%;
}

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

hr {
    clear: both;
    width: 80%;
    border-style: solid;
}


/* ============================== */
/* = Generic                      */
/* ============================== */

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

body {
    font-family: Raleway, Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 1.5;
    color: #545454;
    background: #ffffff;
    padding: 0;
    margin: 0;
    text-rendering: optimizeLegibility;
}

a {
    color: #da4453;
    font-weight: bold;
    text-decoration: none;
}

a:hover {
    color: #eb5367;
    text-decoration: underline;
}

a img {
    border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: RalewayHeavy, Arial, Helvetica, sans-serif;
    line-height: 1.3;
    margin: 1em 0 0.25em;
    font-weight: bold;
    text-transform: uppercase;
}

h1 {
    font-size: 222%;
}

h2 {
    font-size: 166%;
    text-transform: none;
}

h3 {
    font-size: 133%;
    text-transform: none;
}

h4 {
    font-size: 111%;
}

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

p {
    margin: 1em 0 1.5em 0;
}


/* ============================== */
/* = Layout                       */
/* ============================== */

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

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

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

#ExtraWrapper {
    display: none;
}

/* =Header */

#Header .Liner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    background: none;
    padding-top: 0;
    min-height: auto;
    text-align: center;
}

.siteHeaderBrand {
    width: 100%;
    margin: 0;
    text-align: center;
}

.siteHeaderBrand a {
    display: block;
}

.siteHeaderImage {
    display: block;
    width: 100%;
    max-width: 1200px;
    height: auto;
    margin: 0 auto;
}

.desktopOnly {
    display: block;
}

.mobileOnly {
    display: none !important;
}

.topNavBar {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 10px 16px;
    text-align: center;
    padding: 8px 10px;
    line-height: 1.5;
    box-sizing: border-box;
}

.topNavBar a {
    display: inline-block;
    text-decoration: none;
    font-weight: bold;
    white-space: nowrap;
    margin: 0;
}

.topNavCtaWrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}

.topNavCta {
    margin: 0;
    text-align: center;
}

.topNavCta .kcaButton {
    display: inline-block;
}

.headerHomeLink {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    z-index: 1;
    text-indent: -9999px;
    overflow: hidden;
}

#Header .ExtraNav,
#Header .HorizontalNavBar,
#Header .ResponsiveNavWrapper,
#Header .ResponsiveNavButton {
    position: relative;
    z-index: 2;
}

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

    .mobileOnly {
        display: block !important;
    }

    .siteHeaderImage {
        max-width: 100%;
    }

    .topNavBar {
        gap: 6px 10px;
        font-size: 0.95em;
    }

    .topNavBar a {
        white-space: normal;
    }

    .topNavCta {
        width: 100%;
    }

    .topNavCta .kcaButton {
        display: block;
        width: 100%;
        box-sizing: border-box;
    }
}

/* =Buttons */

.kcaButton {
    display: inline-block;
    padding: 8px 14px;
    font-weight: bold;
    text-decoration: none;
    background: #da4453;
    color: #ffffff;
    border: 1px solid #da4453;
    border-radius: 4px;
}

.kcaButton:hover,
.kcaButton:focus {
    background: #eb5367;
    border-color: #eb5367;
    color: #ffffff;
}

.kcaButtonSecondary {
    background: #ffffff;
    color: #c87400;
    border: 2px solid #c87400;
}

.kcaButtonSecondary:hover,
.kcaButtonSecondary:focus {
    background: #fff7ef;
    color: #c87400;
    border-color: #c87400;
}

/* =ContentColumn */

#ContentColumn .Liner {
    padding: 1px 5%;
}

#PageWrapper #ContentColumn .Liner,
html.mobile #PageWrapper #ContentColumn .Liner {
    padding-left: 101px;
    padding-right: 101px;
}

@media (max-width: 447px) {
    #PageWrapper #ContentColumn .Liner {
        padding-left: 20px;
        padding-right: 20px;
    }
}

/* =NavColumn */

#NavWrapper {
    display: none;
}

/* =Footer */

#FooterWrapper {
    clear: both;
}

#Footer .Liner {
    padding: 50px 5%;
    background: #ffffff;
    text-align: center;
}

#Footer p {
    color: #da4453;
}

#Footer .Liner a,
#Footer .Liner a:hover {
    color: #000000;
}


/* ============================== */
/* = Custom Blocks                */
/* ============================== */

.calloutBox {
  background-color: #fff8ef;
  border: 2px solid #ffd79a;
  border-radius: 10px;
  padding: 16px 18px;
  margin: 20px auto; /* THIS centers the box */
  max-width: 800px;
  width: 85%;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}
.CalloutBox {
  background-color: #fff8ef;
  border: 2px solid #ffd79a;
  border-radius: 10px;
  padding: 16px 18px;
  margin: 20px auto; /* THIS centers the box */
  max-width: 800px;
  width: 85%;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

#ContentColumn p {
  font-family: Raleway, Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: normal;
  color: #545454;
}
/* =ReminderBox - custom */

.ReminderBox {
    color: #545454;
    background-color: #f2f2f2;
    padding: 20px 30px;
}

#PageWrapper .ReminderBox h4 {
    font-family: RalewayHeavy, Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    color: #545454;
    text-align: left;
    border: 0;
    margin: 8px 0 4px 0;
    background: none;
}

#PageWrapper .ReminderBox p {
    font-family: Raleway, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-variant: normal;
    color: #545454;
}

/* =Ezine - custom */

.Ezine {
    background: #f2f2f2;
    max-width: 800px;
    margin: 0 auto;
    padding: 4px 0;
}

.EzineInput input {
    padding: 7px;
    margin: 10px;
    background: #f2f2f2;
    border: 1px solid #545454;
}

td.EzineLabel {
    font-family: RalewayHeavy, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}

.EzineDescription {
    font-size: 20px;
}

/* =Ezine2 - custom */

.Ezine2 {
    background: #f2f2f2;
    border: 0;
    padding: 2%;
}

.Ezine2 label {
    font-family: RalewayHeavy, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 5px;
}

.Ezine2 input[type="text"],
.Ezine2 input[type="email"] {
    padding: 7px;
    margin: 5px;
    background: #f2f2f2;
    border: 1px solid #545454;
}

.EzineButton {
    padding: 1em 0.5em;
    border: 0;
    line-height: 1.1;
    background: #da4453;
    color: #ffffff;
    font-size: 12px;
    text-transform: uppercase;
    margin: 5px;
}

.EzineButton:hover {
    background-color: #eb5367;
}

/* =ImageBlock - custom */

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

#PageWrapper .ImageBlockRight img,
#PageWrapper .ImageBlockRight .Caption {
    margin-left: 30px;
}

.Caption {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

/* =Navigation - custom */

#PageWrapper div.Navigation h3,
.Navigation h3 {
    text-transform: uppercase;
}

#PageWrapper div.Navigation a,
.Navigation a,
#PageWrapper div.Navigation a:visited,
.Navigation a:visited {
    font-size: 14px;
    color: #545454;
    background: #f2f2f2;
    padding: 1% 2%;
    margin: 1% 0;
}

#PageWrapper div.Navigation a:hover,
.Navigation a:hover {
    background: #545454;
    color: #ffffff;
}

/* =ResponsiveNav - custom */

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

    .ResponsiveNavReady .ResponsiveNavWrapper {
        text-align: right;
    }

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

    .ResponsiveNavReady .ResponsiveNav {
        text-align: left;
        padding-top: 0;
        padding-bottom: 40px;
        background: #ffffff;
        width: 100%;
        position: absolute;
        left: -100%;
        top: 0;
        z-index: 2;
        min-height: 100%;
        box-sizing: border-box;
        transition: left 0.5s ease;
    }

    .ResponsiveNavActive .ResponsiveNav {
        left: 0;
    }

    .ResponsiveNavActivated #PageWrapper {
        overflow: hidden;
    }

    .ResponsiveNavReady .ResponsiveNav ul {
        border-left: 1px solid #cccccc;
        margin-bottom: 10px;
        padding-left: 30px;
        list-style: none;
    }

    .ResponsiveNavReady .ResponsiveNav .navheader {
        font-size: 22px;
        color: #141412;
        font-weight: bold;
        font-style: normal;
        text-align: left;
        text-transform: uppercase;
        background: transparent;
        margin: 10px 0;
    }

    .ResponsiveNavReady .ResponsiveNav a {
        display: block;
    }

    .ResponsiveNavReady .ResponsiveNavButton {
        display: table;
        height: 45px;
        padding: 0 0.5em;
        line-height: 1.1;
        background: #da4453;
        color: #ffffff;
        font-size: 12px;
        text-transform: uppercase;
        text-align: center;
        cursor: pointer;
        position: absolute;
        top: 0;
        margin-top: 15px;
        right: 15px;
        z-index: 3;
    }

    .ResponsiveNavReady .ResponsiveNavButton span {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

    .ResponsiveNavReady .ResponsiveNavButton:hover {
        background: #eb5367;
    }

    .ResponsiveNavActive .ResponsiveNavButton {
        font-size: 14px;
        width: 45px;
        padding: 0;
        position: fixed !important;
        top: 0;
        right: 15px;
        z-index: 4;
    }

    .ResponsiveNavReady #Header .ResponsiveNavButton {
        position: absolute;
        bottom: 0;
        right: 10px;
    }
}

/* =WhatsNew - custom */

.WhatsNew {
    border: none;
    margin: 50px 0;
}

#PageWrapper .WhatsNew h2 {
    font-family: RalewayHeavy, Arial, Helvetica, sans-serif;
    font-size: 30px;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    text-align: left;
    color: #545454;
    border: 0;
    background: none;
}

#PageWrapper .WhatsNew h2 a {
    font-weight: bold;
    color: #545454;
}

#PageWrapper .WhatsNew h3 {
    font-family: RalewayHeavy, Arial, Helvetica, 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;
}

#PageWrapper .WhatsNew ol li {
    border-top: 1px solid #f2f2f2;
}

.questionMark {
    font-family: RalewayHeavy, Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    color: #545454;
}

.RSSbox ul {
    margin: 30px 0;
}


/* ============================== */
/* = Responsive Extras            */
/* ============================== */

@media only screen and (max-width: 447px) {
    #PageWrapper h1 {
        font-size: 20px;
    }
}

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


/* ============================== */
/* = C2 / Blog / Footer / Extras  */
/* ============================== */

.c2Form {
    padding: 8px;
    border: 1px solid #dddddd;
}

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

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

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

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

.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;
}

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

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

.blogItItem .blogItReadMore {
    clear: both;
}

/* =Footer CSS */

@font-face {
    font-family: AgendaRegular;
    font-display: fallback;
    src: url("/css_webfonts/agenda-webfont.eot");
    src: url("/css_webfonts/agenda-webfont.eot?iefix") format("eot"),
         url("/css_webfonts/agenda-webfont.woff") format("woff"),
         url("/css_webfonts/agenda-webfont.ttf") format("truetype"),
         url("/css_webfonts/agenda-webfont.svg#webfont6mJSzLPU") format("svg");
    font-weight: normal;
    font-style: normal;
}

.page_footer_container {
    width: 100%;
    max-width: 500px;
    margin: 12px auto;
}

.page_footer_content {
    width: 100%;
    text-align: center;
    background-color: transparent;
}

.page_footer_liner {
    padding: 12px;
}

.page_footer_divider_above,
.page_footer_divider_below {
    margin: 0 auto;
}

.page_footer_text,
.page_footer_text a {
    font-family: AgendaRegular, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 14px;
    color: #000000;
    text-align: center;
    padding: 12px 0;
}

.powered_by_sbi_banner {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
}

/* =Breadcrumb */

#BreadCrumb ol {
    list-style-type: none;
}

#BreadCrumb ol li {
    display: inline;
}

#BreadCrumb ol li:first-child {
    margin-left: -40px;
}


/* ============================== */
/* = User / Page Helper Styles    */
/* ============================== */

details.kca-collapse {
    max-width: 650px;
    margin: 30px 0;
}

details.kca-collapse summary {
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    padding: 14px 16px;
    border: 2px solid #e5e5e5;
    border-radius: 12px;
    background: #fffdf9;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    list-style: none;
}

details.kca-collapse summary::-webkit-details-marker {
    display: none;
}

details.kca-collapse summary::after {
    content: "＋";
    float: right;
    font-weight: bold;
}

details.kca-collapse[open] summary::after {
    content: "–";
}

.kca-collapse-body {
    border: 2px solid #e5e5e5;
    border-top: none;
    border-radius: 0 0 12px 12px;
    padding: 20px;
    background: #fffdf9;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    margin-top: -2px;
}

.kca-collapse-controls {
    max-width: 650px;
    margin: 10px 0 20px;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.kca-collapse-controls button {
    cursor: pointer;
    border: 1px solid #d9d9d9;
    background: #ffffff;
    border-radius: 10px;
    padding: 10px 14px;
    font-size: 14px;
    font-weight: 700;
}

.kca-collapse-controls button:hover {
    background: #f5f5f5;
}

.tocBox {
    border: 1px solid #dddddd;
    padding: 15px;
    margin: 14px 0 18px;
    background: #ffffff;
}
.tocBox ul {
  list-style-type: disc !important;
  list-style-position: outside;
  padding-left: 24px;
  margin: 8px 0 10px 0;
}

.tocBox li {
  display: list-item;
  list-style-type: disc !important;
  margin: 5px 0;
}
.toc-columns {
    column-count: 2;
    column-gap: 40px;
}

.toc-columns strong,
.toc-columns b {
    display: block;
    margin-top: 12px;
}

.toc-columns ul {
    margin-top: 5px;
    margin-bottom: 15px;
    break-inside: avoid;
}

.quickGrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin: 12px 0 18px;
}

@media (max-width: 700px) {
    .quickGrid {
        grid-template-columns: 1fr;
    }
}

.miniCard {
    border: 1px solid #e6e6e6;
    padding: 12px;
    background: #ffffff;
}

.miniCard h3 {
    margin-top: 0;
}

.sectionLead {
    font-size: 1.05em;
}

.imageCenter {
    display: block;
    margin: 10px auto;
    max-width: 100%;
    height: auto;
}

.imageLeft {
    float: left;
    margin: 6px 14px 10px 0;
    max-width: 320px;
    height: auto;
}

.imageRight {
    float: right;
    margin: 6px 0 10px 14px;
    max-width: 320px;
    height: auto;
}

.clear {
    clear: both;
}

.tipList li {
    margin-bottom: 6px;
}

.jumpLink {
    font-size: 0.95em;
}

.resourceLinks a {
    display: inline-block;
    margin: 4px 10px 4px 0;
}

.divider {
    height: 1px;
    background: #eeeeee;
    margin: 18px 0;
 }
.tipBox {
  background: #fff9f3;
  border: 1px solid #f2d7b5;
  border-left: 5px solid #f4a261;
  padding: 14px 16px;
  margin: 22px 0;
  line-height: 1.7;
  border-radius: 6px;
  color: #444444;
}

.tipBox strong {
  color: #a85a00;
}

.tipBox p {
  margin: 8px 0;
}
/* FAQ */

.faqWrap {
  margin: 35px 0;
}

.faqItem {
  border: 1px solid #ddd8cf;
  margin-bottom: 14px;
  border-radius: 8px;
  overflow: hidden;
  background: #ffffff;
}

.faqQuestion {
  margin: 0;
  padding: 14px 16px;
  background: #f8efe3;
  color: #5a4331;
  font-weight: bold;
  border-bottom: 1px solid #e7d7c2;
}

.faqAnswer {
  display: block;
  padding: 14px 16px;
  line-height: 1.7;
  background: #ffffff;
  color: #444444;
}


.kca-button-row img {
    transition: all 0.2s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}

.kca-button-row img:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25);
}
.kcaTileWrap {
    max-width: 900px;
    margin: 20px auto;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.kcaTile {
    width: 46%;
    margin: 2%;
    display: flex;
    box-sizing: border-box;
}

.kcaTileBox {
    border: 2px solid #e5e5e5;
    border-radius: 12px;
    background: #ffffff;
    overflow: hidden;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.06);
    width: 100%;
}

.kcaTile img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 8px;
    display: block;
}

.kcaTileTitle {
    margin: 0;
    padding: 12px 10px 6px 10px;
    font-weight: bold;
    color: #333333;
    font-size: 18px;
}

.kcaTileTitle a {
    color: #333333;
    text-decoration: none;
}

.kcaTileDesc {
    margin: 0;
    padding: 0 12px 14px 12px;
    color: #555555;
    font-size: 14px;
    line-height: 1.4;
}

@media (max-width: 600px) {
    .kcaTile {
        width: 100%;
        margin: 10px 0;
    }

}
/* Tablet */
@media (max-width: 900px) {
    .kcaTile {
        width: calc(50% - 12px);
    }
}


.kcaClear {
    clear: both;
}

.kcaTopLinks a {
    text-decoration: none;
}

.kcaTopLinks a:hover {
    text-decoration: underline;
}

.kcaTopLinks ul {
    padding-left: 18px;
    margin: 8px 0;
}

.kcaTopLinks li {
    margin: 4px 0;
}

.kcaTwoCol {
    column-count: 2;
    column-gap: 22px;
}

.kcaTwoCol li {
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
}

.kcaSmallNote {
    font-size: 13px;
    color: #555555;
    margin: 6px 0 10px 0;
}

.lessonIntroImage {
    text-align: center;
    margin: 20px 0;
}

.lessonIntroImage img {
    max-width: 100%;
    height: auto;
}

.lessonGrid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 25px 0;
}

.lessonCard {
    flex: 1 1 280px;
    border: 1px solid #dddddd;
    background: #ffffff;
    padding: 15px;
    box-sizing: border-box;
}

.lessonCard img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 12px 0;
}

.lessonCard h3 {
    margin-top: 0;
}

.resourceList li {
    margin-bottom: 8px;
}

.videoWrap {
  position: relative;
  width: 100%;
  max-width: 640px;
  margin: 20px auto;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #fffdf9;
  border: 1px solid #ead7bd;
  border-radius: 10px;
}

.videoWrap iframe,
.videoWrap embed,
.videoWrap object,
.videoWrap video {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

.relatedGrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 16px;
  margin: 25px 0;
}

.relatedTile {
  border: 1px solid #ead7bd;
  background: #fffdf9;
  border-radius: 10px;
  padding: 14px;
  text-align: center;
}

.relatedTile img {
  width: 100%;
  height: 140px;
  object-fit: cover;
  border-radius: 8px;
  margin-bottom: 10px;
}
.relatedTileText {
  padding: 12px;
}
.relatedTileText h3 {
  margin: 0 0 8px;
  font-size: 1.05em;
}
.relatedTileText p {
  margin: 0;
  line-height: 1.5;
}

.recipeBlock {
  border: 2px solid #e5e5e5;
  border-radius: 12px;
  padding: 20px;
  max-width: 650px;
  background: #fffdf9;
  margin: 30px 0;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

.recipeBlock h3 {
  margin-top: 0;
}

.recipeImage {
  text-align: center;
  margin: 12px 0 8px;
}

.recipeImage img {
  max-width: 100%;
  height: auto;
  border-radius: 10px;
}

.recipeButtons {
  text-align: center;
  margin: 10px 0 15px;
}

.recipeButtons img {
  margin: 4px;

}
.lessonCallout {
    border: 2px solid #e4e4e4;
    background: #fffdf9;
    padding: 16px;
    margin: 25px 0;
}

/* =Social Follow block */

.socialFollow {
    text-align: center;
    margin: 25px 0;
}

.socialFollow h2 {
    margin-bottom: 5px;
}

.socialFollow p {
    margin-bottom: 10px;
    font-size: 16px;
}

.socialFollow img {
    width: 40px;
    height: auto;
    margin: 6px;
    transition: transform 0.2s ease;
}

.socialFollow img:hover {
    transform: scale(1.1);
}

.socialEmail img {
    border: 2px solid #ff8b00;
    border-radius: 6px;
}

/* =Follow + Freebies block */

.followFreebiesBlock {
    max-width: 760px;
    margin: 10px auto;
    padding: 24px 20px;
    text-align: center;
    background: #fff8ef;
    border: 2px solid #ffd79a;
    border-radius: 12px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.05);
}

.followFreebiesBlock h2 {
    margin: 0 0 10px 0;
    color: #545454;
}

.followFreebiesText {
    max-width: 620px;
    margin: 0 auto 18px auto;
    font-size: 17px;
    color: #545454;
}

.followFreebiesButtonWrap {
    margin: 0 0 16px 0;
}

.followFreebiesButton {
    display: inline-block;
    padding: 12px 20px;
    background: #da4453;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
    border-radius: 6px;
    border: 2px solid #da4453;
}

.followFreebiesButton:hover,
.followFreebiesButton:focus {
    background: #eb5367;
    border-color: #eb5367;
    color: #ffffff;
    text-decoration: none;
}

.followFreebiesSmall {
    margin: 10px 0;
    font-size: 14px;
    color: #777777;
}

.socialFollowIcons {
    text-align: center;
}

.socialFollowIcons a {
    display: inline-block;
    margin: 4px 6px;
}

.socialFollowIcons img {
    width: 40px;
    height: auto;
    transition: transform 0.2s ease;
}

.socialFollowIcons img:hover {
    transform: translateY(-2px);
}

@media only screen and (max-width: 447px) {
    .followFreebiesBlock {
        padding: 18px 14px;
    }

    .followFreebiesText {
        font-size: 16px;
    }

    .followFreebiesButton {
        display: block;
        max-width: 320px;
        margin: 0 auto;
    }

    .socialFollowIcons img {
        width: 36px;
    }
}

/* =Footer system */

.siteFooter {
    max-width: 1000px;
    margin: 0 auto 20px auto;
    padding: 0 10px 10px 10px;
    text-align: center;
}

.footerMiniFunnel {
    border-top: 1px solid #dddddd;
    padding-top: 10px;
    margin-bottom: 15px;
}

.footerMiniFunnel p {
    margin: 10px 0;
}

.footerMiniSignup {
    font-size: 16px;
    margin: 10px 0;
}

.footerMiniButton {
    display: inline-block;
    margin-left: 8px;
    padding: 8px 14px;
    background: #da4453;
    color: #ffffff;
    text-decoration: none;
    border-radius: 4px;
    border: 1px solid #da4453;
    font-weight: bold;
}

.footerMiniButton:hover,
.footerMiniButton:focus {
    background: #eb5367;
    border-color: #eb5367;
    color: #ffffff;
    text-decoration: none;
}

.footerMiniCategories {
    font-size: 14px;
    line-height: 1.8;
}

.footerMiniCategories a {
    text-decoration: none;
    font-weight: bold;
}

.footerUtilityLinks {
    font-size: 13px;
    color: #666666;
    margin: 10px 0 15px 0;
    line-height: 1.8;
}

.footerUtilityLinks a {
    text-decoration: none;
    margin: 0 4px;
}

.siteCopyright {
    text-align: center;
    font-size: 12px;
    color: #777777;
    margin: 20px 0 30px 0;
}

.siteCopyright p {
    margin: 6px 0;
}

.siteBadge img {
    max-width: 110px;
    height: auto;
    opacity: 0.85;
}

@media only screen and (max-width: 600px) {
    .footerMiniFunnel {
        padding: 12px 8px 0 8px;
    }

    .footerMiniSignup {
        font-size: 15px;
    }

    .footerMiniButton {
        display: block;
        max-width: 260px;
        margin: 10px auto 0 auto;
    }

    .footerMiniCategories,
    .footerUtilityLinks {
        font-size: 13px;
        line-height: 1.9;
    }
}

.backToTopBtn {
    display: none;
    position: fixed;
    right: 18px;
    bottom: 18px;
    z-index: 999;
    background: #e34747;
    color: #ffffff;
    border: none;
    border-radius: 4px;
    padding: 10px 14px;
    cursor: pointer;
    font-size: 15px;
}

.backToTopBtn:hover {
    background: #c73333;
}

@media (max-width: 700px) {
    .floatRecipeImage {
        float: none;
        max-width: 100%;
        width: auto;
        margin: 14px 0;
    }
}