/* @font-face did not work here for some strange reason */

/* Selects the root element of the document: <html> in the case of HTML */
:root {
    --lincoln-garnet: #650030;
    --lincoln-orange: #FF4F17;
    --white: #FFFFFF;
    --black: #191919;
    --alert-red: #C20019;
    --link-color: rgb(173, 17, 43);
    --gray-dark: #222;
}

html {
  position: relative; /* Required for sticky footer */
  min-height: 100%;   /* Required for sticky footer */
}

body {
  color: var(--black); /* was --gray-dark */
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 415px; /* Same as footer height */
}

.page-wrapper {
  margin: 0 auto;
  max-width: 1436px;
  padding-bottom: 40px;
}

h2 {
  font-family: "PublicoBanner Light";
}

/* SRT - Font Awesome icons via CSS properties (.icon::before - required to make icons render reliably.) */
.icon::before {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

/* link */
.link-i::after {
  color: var(--link-color);
  content: '\f35a';
  font: var(--fa-font-regular);
  margin-left: .25em;
  margin-top: 5px;
}

.link-i-fff::after { /* white for home page box */
  color: #fff;
  content: '\f35a';
  font: var(--fa-font-regular);
  margin-left: .25em;
  margin-top: 5px;
}

/* link to external site | arrow-up-right-from-square */
.link-e::after {
  color: var(--link-color);
  content: '\f08e';
  font: var(--fa-font-regular);
  margin-left: .25em;
  margin-top: 5px;
}

.sy-article-title {
  font-family: "PublicoBanner Light";
  font-size: 42px;
  font-weight: 300;
  line-height: 48px;
  margin-bottom: 30px;
}

/* .navbar-toggler {


  border: none;
} */

.navbar-toggler {
    border: none; /* Removes the border */
    box-shadow: none; /* Removes any focus outline */
    outline: none; /* Ensures no outline is shown on focus */
}

.sy-banner-cards-container {
  border-top: solid 1px rgb(220, 222, 224);
  clear: both;
  margin: -40px auto 0 auto;
  min-height: 222px; /* 175 */
  max-width: 1360px;
  z-index: 20;
}

.sy-banner-card {
  background-color: var(--white);
  border-bottom: solid 1px rgb(220, 222, 224);
  border-left: solid 1px rgb(220, 222, 224);
  height: 100%;
  padding: 20px;
  text-align: center;
  /* width: 332.75px; */
}

.sy-banner-last-card {
  border-right: solid 1px rgb(220, 222, 224);
}

.sy-banner-card img {
  margin-bottom: 16px;
}

.sy-banner-card:hover {
  background-color: rgb(220, 222, 224);
}

.sy-banner-card:hover h2 {
  color: rgb(159, 38, 39);
}

.sy-banner-card h2 {
  color: #222;
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 2rem;
  margin-bottom: 20px;
}

.sy-banner-card p {
  color: rgb(34, 34, 34);
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.card.sy-card-v {
  background-color: rgb(242, 244, 246);
  border: none;
  border-radius: none;
  /* box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); */
  padding-bottom: 20px;
}

.sy-card-v:hover {
  /* background-color: rgb(250, 250, 250); */
}

.sy-card-v .card-body {
  background-color: #FFFFFF;
  border-left: solid 1px rgb(220, 222, 224);
  border-right: solid 1px rgb(220, 222, 224);
  border-top: solid 1px rgb(220, 222, 224);
  margin: -20px 20px 0 20px;
  z-index: 10;
}

.sy-card-v .card-title {
  color: var(--off-black-bg );
  font-family: 'Roboto', serif;
  font-size: 27px;
  font-weight: 300;
}

.sy-card-v .card-text {
  color: var(--off-black-bg );
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}

.sy-card-v .card-footer {
  background-color: #FFFFFF;
  border-bottom: solid 1px rgb(220, 222, 224);
  border-left: solid 1px rgb(220, 222, 224);
  border-right: solid 1px rgb(220, 222, 224);
  border-top: none;
  margin: 0 20px;
  padding-bottom: 20px;
  text-align: center;
}

.sy-img-wrapper {
  background-color: #f2f2f2;
  position: relative;
  width: 100%; /* Use Bootstrap classes to make it responsive */
  /* max-width: 400px; Adjust as needed */
  margin: auto;
}

.sy-img-wrapper img.sy-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}


/* for red bullets but is currently messing up other ul */
/* ul {
  list-style: none;
  margin-left: -0.5em;
} */

/* ul li::before {
  content: "•";
  color: rgb(121, 29, 45);
  display: inline-block;
  font-size: 1.5em;
  margin-left: -0.5em;
  width: 0.5em;
  vertical-align: middle;
} */


sup {
  display: none;
}

.sy-sup {
  font-size: 80%;
  vertical-align: super;
}

.sy-c {
  text-align: center;
}

.margin-top-40 {
  margin: 40px 0 0 0;
}

.photo-grid-container {
  display: flex;
  align-items: center;
}


.photo-grid-content {
  margin: 0 80px;
  padding: 20px 0 0 0;
  width: 420px;
}

.photo-grid-content h2 {
  color: rgb(34, 34, 34);
  font-family: "PublicoBanner Light";
  font-size: 30px;
  font-weight: 400;
  line-height: 32px;
}

.photo-grid-content p {
  color: var(--link-color);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  max-width: 360px;
}

/* Terms Alphabet (Start) */

/* .nav-tabs {
  border: none;
} */

.letter-list {
  color: rgb(34, 34, 34);
  font-size: 16px;
  font-weight: 400;
  list-style-type: none;
  margin: 20px 0 20px 0;
  padding: 0;
}

.letter-list li {
  display: inline;
}

.letter-list a {
  background-color: rgb(240, 242, 244);
  border-left: solid 1px rgb(240, 242, 244);
  border-right: solid 1px rgb(240, 242, 244);
  border-top: solid 1px rgb(240, 242, 244);
  color: rgb(34, 34, 34);
  /* line-height: 74px; */
  margin: 0;
  padding: 5px 10px;
  text-decoration: none;
}

.letter-list a.letter-disabled {
  color: #999;
}

/* .letter-list a.letter-active { */
.sy-ail {
  background-color: #FFF;
  border-left: solid 1px rgb(240, 242, 244);
  border-right: solid 1px rgb(240, 242, 244);
  border-top: solid 1px rgb(240, 242, 244);
  color: var(--font-primary);
}

/* ============== VIDEOS ============== */

.sy-video-outer-wrapper {
  height: auto;
  margin: 0;
  position: relative;
  width: 100%;
}

.sy-video-inner-wrapper {
  height: 0;
  margin: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  width: 100%;
}

.sy-video-iframe {
  background-color: #eee;
  border: 0 none transparent;
  display: block;
  height: 100%;
  left: 0;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

/* ----- DISPLAY ----- */

.sy-footnote-box,
#sy-art-info-medical-review,
#sy-art-info-last-updated,
#sy-art-info-copyright
{
  /* display: YES! */
}

.sy-content-info-modal,
#sy-art-info-authors,
#sy-art-info-last-medical-review
{
  display: none;
}

/* ----- DISPLAY - END ----- */

.sy-t1 {

}

.sy-p1 {
  border: solid 1px #c1c3c2;
  color: #222;
  display: flex;
  height: 100%;
  margin: 0;
  padding: 24px 24px 0 24px;
}

.sy-p1 h2 {
  font-size: 20px;
  font-weight: 300;
}

.sy-p1 ul {
  list-style-type: none;
  padding-left: 0;
}


/* SRT - Font Awesome icons via CSS properties (.icon::before - required to make icons render reliably.) */
.icon::before {
  display: inline-block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.sy-p2 {
  border:solid 1px rgb(220, 222, 224);
  color: rgb(34, 34, 34);
  display: flex;
  margin: 40px 0 0 0;
  padding: 20px;
}

.left-picture {
  height: 204px;
  width: 200px;
}

.outer-box {
  border: 2px solid rgb(173, 17, 43);
  height: 204px;
  width: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* .outer-box.icon {
  color: #AD112B;
} */

.outer-box .icon {
  filter: invert(13%) sepia(78%) saturate(5188%) hue-rotate(343deg) brightness(73%) contrast(94%);
  font-size: 70px;
  margin: 0 0 10px 0;
}

.right-text {
  padding: 0 30px;
}

.right-text h2 {
  color: rgb(34, 34, 34);
  font-size: 24px;
  font-weight: 300;
  line-height: 32px;
  margin: 0 0 20px 0;
  padding: 0;
}

.right-text p {
  color: rgb(34, 34, 34);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.right-text a {
  color: rgb(173, 17, 43);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.right-text a:visited {
  color: rgb(173, 17, 43);
}

.right-text a:hover {
  color: rgb(173, 17, 43);
}

/* ============== PATTERNS (end) ============== */

.sy-col-left {
  margin-bottom: 20px;
  margin-left: 0;
  margin-right: -5px; /* 10px */
}

.sy-col-mid {
  margin-bottom: 20px;
  margin-left: -5px; /* 10px */
  margin-right: -5px; /* 10px */
}

.sy-col-right {
  margin-bottom: 20px;
  margin-left: -5px; /* 10px */
  margin-right: 0;
}


#sy-art-info-authors,
#sy-art-info-medical-review,
#sy-art-info-last-medical-review,
#sy-art-info-last-updated,
#sy-art-info-copyright
{
  /* font-size: 16px;
  line-height: 24px; */
}

.sy-no-med-review {
  /* color: #9932cc; */
  margin: 0 0 20px 0;
}

.term-alternates {
  /* color: #777;
  font-size: 14px;
  line-height:16px; */
  margin-bottom: 14px;
}

.sy-alphabet {
  color: #ccc;
  font-weight: normal;
  margin: 0 0 20px 0;
}

.sy-alphabet a {
  margin-top: 0;
  padding-left:.25em;
  padding-right:.25em;
}

.sy-coming-soon {
  margin-top: 20px;
  text-align: center;
  width: 100%;
}

#footer-sticky {
  background-color: #5a5a5a;
  color: #fff;
  bottom: 0;
  min-height: 415px;
  padding-top: 40px;
  position: absolute;
  width: 100%;
}

.lfg-foot-social {
  padding: 30px 30px 10px 0;
  text-align: right;
  width: 100%;
}

.social-links {
  display: flex;
  flex-direction: row;
  float: right!important;
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0;
}

.social-links a {
  background-color: rgb(255, 255, 255);
}

.social-links a:hover {
  text-decoration: none;
}

.social-links i {
  background-color: rgb(255, 255, 255);
  border-radius: 5px;
  box-sizing: border-box;
  color: rgb(90, 90, 90);
  cursor: pointer;
  display: block;
  font-size: 19px;
  font-weight: 400;
  height: 30.765625px;
  line-height: 20px;
  margin: 0 0 0 10px;
  padding: 5px;
  text-align: center;
  width: 30px;
}

.social-links i:hover {
  background-color: rgb(220, 220, 220);
}

#lfg-foot-serial {
  padding-bottom: 40px;
}

.footer-modal {
  color: #000;
  line-height: 1.3em;
}

.sy-undone {  /* Modals of terms not yet finished being defined */
  color: #424242;
}

.sy-subcat-grid-col {
  margin:0 20px;
  padding-bottom: 24px;
}

h1 {
  font-family: 'PublicoBanner Light';
  font-size:180%;
}

h2 {
  color: rgb(34, 34, 34);
  font-size: 30px;
  font-weight: 300;
  line-height: 32px;
}

h3 {
  font-size:120%;
}

h4 {
  font-size:110%;
}

.sy-content ul {
  margin-left: -1em;
}

/* .sy-content ul li::before {
  content: "•";
  color: #f7cd46;
  display: inline-block;
  margin-left: -1em;
  width: 1em;
} */

.sy-content a {
  /* font-weight: bold; */
}

a {
  color: rgb(173, 17, 43);
  text-decoration: none;
}

a:visited {
  color: rgb(173, 17, 43);
}

a:hover {
  text-decoration: underline;
}

.sy-sec {
  display: inline;
}

.sy-navbar-lincoln {
  background-color: #fff;
  color: #000;
  font-size: 14px;
  margin: 0;
  padding-left: 0;
  padding-top: 12px;
}

.sy-navbar {
  background-color: #fff;
  font-size: 14px;
  margin: 0;
  padding-top: 12px;
  width: 100%;
}

.sy-nav-icon {
  color: #000;
}

.navbar-toggler {
  color: #000;
}

.sy-back-to-list {
  margin: 1em 0;
}

.navbar-toggler-icon {
  color: #000;
}

/* ============== PATTERNS ============== */

/* new */
.card01 {
  margin: 0 0 30px 0;
}

/* new */
.card01-content {
  line-height: 22px;
  margin-top: 10px;
}

.card01-subcontent {
  margin: 10px 0 0 0;
}

/* new */
.card01-title {
  color: rgb(34, 34, 34);
  font-size: 30px;
  font-weight: 300;
  line-height: 32px;
  margin: 0 0 10px 0;
}

/* new */
.card01 ul {
  margin-left: -1em;
}

/* new */
.card01 a {
  color: rgb(173, 17, 43);
  font-size: 16px;
  font-weight: 400;
  line-height: 19.2px;
}

/* new */
.card01 a:visited {
  color: rgb(173, 17, 43);
}

/* new */
.card01 a:hover {
  text-decoration: underline;
}

.card01-subtitle {
  color: #999;
  font-size: 80%;
  margin: 0 20px 2px 0;
}


.card02 {
  border: solid 1px #c1c3c2;
  height: 100%;
  margin-bottom: 20px;
  padding: 20px;
}

.card02 a {
  /* font-weight: bold;; */
}

.card02 ul {
  list-style: none;
  margin-left: -2em;
}

.card02-title {
  color: #ad112b;
  font-size: 20px;
  margin-bottom: 0;
}


.card02-content {
  line-height: 22px;
  margin-top: 10px;
}

.card02-subcontent {
  margin: 10px 0 0 0;
}

.card03 {
  padding-bottom: 2em;
}

/*  card04 = card with icon */

.card04-col {
  border:solid 1px #c1c3c2;
  color: #222;
  margin-bottom: 0;
  margin-top: 20px;
  text-align: center;
}

.card04-title {
  font-size: 20px;
  font-weight: 300;
}

.card04-subtitle {
  color: #424242;
  font-size: 14px;
  line-height: 20px;
  margin: 10px;
}

.card04-link {
  font-size: 14px;
  margin: 14px 0 24px 0;
}

.card04-icon {
  color: #AD112B;
  font-size: 400%;
  margin: 20px 0 10px 0;
}

/*  card05 = card with article list */

.card05-col {
  border:solid 1px #c1c3c2;
  color: #222;
  margin-bottom: 0;
  margin-top: 20px;
  padding: 24px;
}

.card05-title {
  font-size: 20px;
  font-weight: 300;
  margin-left: 24px;
}

.card05-col ul {
  list-style-type: none;
  margin-left: 24px;
  padding-left: 0;
}


.grid01 {
  background-color: #fff;
}

.grid02 {
  background-color: #f4f7f6;
}

.grid02-col {
  margin:0 20px;
  padding-bottom: 24px;
}

/* ============== PATTERNS (end) ============== */

.sy-statistic {
  background-color: #244F8B;
  color: #fff;
  margin-top: 20px;
  padding: 0 20px 20px 20px;
}

.sy-statistic a {
  color: #fff;
  text-decoration: none;
}

.sy-statistic a:visited {
  color: #fff;
}

.sy-statistic a:hover {
  color: #fff;
  text-decoration: underline;
}

/* When this is working, all the sy-togs are obsolete */
.sy-exp-wrapper {
  border: 1px solid #dcdee0;
  margin-bottom: 10px;
  width: 100%;
}

.sy-exp {
  background-color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
  text-decoration: none;
  color: var(--gray-dark);
  padding: 10px 0;
}

.sy-exp:hover {
  text-decoration: underline;
}

.sy-exp i {
  color: var(--link-color);
  font-size: 26px;
  line-height: 30px;
  margin: 0;
}
.sy-exp-content {
  background-color: #fff;
  border-top: 1px solid #dcdee0;
  display: none;
  font-size: 16px;
  padding: 16px 32px 9px 52px;
}

.sun-button {
  font-size: 14px;
  font-weight: bold;
  height: 48px;
  text-align: center;
  min-width: 136px;
}


/* #hero {
  position: relative;
  width:100%;
} */

.banner {
  height: 500px;
  padding: 0;
  position: relative;
  width: 1436px;
}

/* .banner.banner-0 {
  background-image: url('/static/clients/lincoln/img/AdobeStock_531899175-1436x500.jpg');
} */

/* .banner.banner-1 {
  background-image: url('/static/clients/lincoln/img/1436x500-iStock-1163111102.jpg');
} */

/* .banner.banner-2 {
  background-image: url('/static/clients/lincoln/img/1436x500-AdobeStock_232448099.jpg');
} */

/* .banner-box {
  background-color: var(--lincoln-garnet);
  background-position: center;
  background-size: cover;
  color: var(--white);
  display: flex;
  height: 100%;
  padding: 20px 50px;
  position: absolute;
  left: 0;
  top: 0;
  width: 473.875px;
  z-index: 10;
} */

.banner-box2 {
  background-color: var(--lincoln-garnet);
  color: var(--white);
  padding: 20px 50px;
}

.banner-box2 h1 {
  font-size: 42px;
  font-weight: 300;
  line-height: 48px;
  margin: 100px 0 10px 0;
}

.banner-box2 p {
  font-size: 22px;
  font-weight: 300;
  line-height: 30px;
  margin: 0 0 15px 0;
}


/* .banner-copy {

} */

/* .banner-copy h1 {
  font-size: 42px;
  font-weight: 300;
  line-height: 48px;
  margin: 100px 0 10px 0;
}

.banner-copy p {
  font-size: 22px;
  font-weight: 300;
  line-height: 30px;
  margin: 0 0 15px 0;
} */

/* .lincoln-box-white {
  background-color: #fff;
  color: #000;
  height: 355px;
  padding: 0;
  position: absolute;
  left: 60px;
  text-align: left;
  top: 40px;
  width: 355px;
} */

/* .lincoln-box-red {
  background-color: #AD112B;
  color: #fff;
  font-size: 18px;
  line-height: 28px;
  height: 130px;
  padding: 24px 0 0 24px;
  position: absolute;
  left: 60px;
  top: 40px;
  width: 130px;
  z-index: 2;
} */

/* .lincoln-box-white h1 {
  color: #222222;
  font-size: 40px;
  line-height: 48px;
  margin: 170px 20px 0 20px;
} */

/* .lincoln-box-blue-right {
  background-color: #2591CF;
  color: #000;
  height: 100%;
  padding: 0;
  position: absolute;
  right: 0;
  text-align: left;
  top: 0;
  width: 160px;
} */

/* .lincoln-box-white-right {
  background-color: #fff;
  color: #000;
  height: 300px;
  padding: 0;
  position: absolute;
  right: 100px;
  text-align: left;
  top: 40px;
  width: 300px;
}

.lincoln-box-white-right h2 {
  color: #ad112b;
  font-size: 30px;
  font-weight: 300;
  line-height: 38px;
  margin: 30px 20px 0 20px;
} */

.ydhl {
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}

.sy-p2-temp {
  background-color: #fff;
  border:solid 1px #c1c3c2;
  color: #222;
  height: 100%;
  margin: 0;
  padding: 20px 14px;
}

.sy-p2 {
  background-color: #fff;
  border:solid 1px #c1c3c2;
  color: #222;
  height: 100%;
  margin: 40px 0 0 0;
  padding: 20px 20px;
  /* text-align: center; */
}

.sy-p2-icon {
  color: #AD112B;
  font-size: 65px;
  margin: 0 0 10px 0;
}

.sy-p2-svg-icon {
  filter: invert(13%) sepia(78%) saturate(5188%) hue-rotate(343deg) brightness(73%) contrast(94%);
  font-size: 70px;
  margin: 0 0 10px 0;
}

.sy-p2 h2 {
  /* font-family: "PublicoBanner Light"; */
  font-family: 'Roboto', sans-serif;
  font-size: 24px;
  line-height: 28px;
}

.sy-p2-title {
  font-size: 20px;
}


.sy-p2-subtitle {
  font-size: 14px;
  line-height: 18px;
  margin-top: 14px;
}

.sy-p2-link {
  font-size: 14px;
  margin-top: 14px;
}


/* p12 is the new card for the home page */
.sy-p12 {
  background-color: #fff;
  border:solid 1px #c1c3c2;
  color: #222;
  height: 100%;
  margin: 20px 0 0 0;
  padding: 20px;
  text-align: center;
}

/* .sy-p12-icon {
  color: #AD112B;
  font-size: 65px;
  margin: 0 0 10px 0;
} */

.sy-p12-svg-icon {
  /* filter: invert(13%) sepia(78%) saturate(5188%) hue-rotate(343deg) brightness(73%) contrast(94%); */
  font-size: 70px;
  margin-bottom: 30px;
}

.cls-1 {
  stroke: #0e0;
}

/* .sy-p12 h2 {
  font-family: 'Roboto', sans-serif;
  font-size: 24px;
  line-height: 28px;
} */

.sy-p12 h2 {
  font-family: 'Roboto', sans-serif;
  font-size: 30px;
  font-weight: 300;
  margin: 30px 0 0 0;
}

.sy-p12 p {
  margin-top: 40px;
}


.sy-warning {
  color: #c00;
  display: inline;
  font-weight: bold;
}

.sy-warning i {
  color: #c00;
}

.category-grid {
    margin-top: 40px;
}

.sy-cir-photo {
  border-radius: 50%;
}

.sy-sidebar1 {
  background-color: #fff;
  font-size: 16px;
  margin: 60px 0 50px 10px;
  padding: 0;
  width: 100%;
}

.sy-sidebar1-title {
  border-bottom: solid 1px rgb(223, 225, 226);
  border-top: solid 1px rgb(223, 225, 226);
  margin: 0 20px 0 0;
  padding: 8px 8px 8px 16px;
}

.sy-sidebar1-menu {
  list-style-type: none;
  margin: 0 20px 0 -2em;
}

.sy-sidebar1-menu li {
  border-bottom: solid 1px rgb(223, 225, 226);
  padding: 8px 0;
}

.sy-sidebar1 a {
  border-left: solid 3px #fff;
  color: var(--gray-dark);
  margin: 10px 0;
  padding: 8px 8px 8px 32px;
  text-decoration: none;
}

.sy-sidebar1 a:visited {
  color: var(--gray-dark);
}

.sy-sidebar1 a:hover {
  color: var(--gray-dark);
  text-decoration: underline;
}

.sy-sidebar-active a {
  border-left: solid 3px #ad112b;
  color: var(--gray-dark);
  margin-left: 16px;
  padding: 8px 8px 8px 16px;
}

.sy-sidebar-active a:visited {
  color: #ad112b;
}

.sy-sidebar-menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

/* .sy-sidebar-menu li::before {
  content: none;
  display: none;
} */

.sy-watch-the-video {
  border: solid 1px #e1e4e5;
  margin:0 0 10px 0;
}

.sy-watch-text {
  margin: 0;
  padding: 1em 2em .3em 2em;
}

.sy-watch-video {
  margin: 0;
  padding: 0;
}

.sy-cat-subcat-box {
  padding-bottom: 2em;
}

#sy-page-banner-landing {
  background-color: #1e4b69;
  color: #fff;
  height: 261px;
  padding: 50px 0 0 30px;
  width: 1064px;
}

#sy-page-banner-landing h1 {
  font-size: 36px;
  line-height: 46px;"
}

#sy-page-banner-oral-health-landing {
  background-color: #1e4b69;
  color: #fff;
  height: 261px;
  padding: 50px 0 0 30px;
  width: 1064px;
}

#sy-page-banner-oral-health-landing h1 {
  font-size: 36px;
  line-height: 46px;"
}

#sy-page-banner-insurance-landing {
  background-color: #1e4b69;
  color: #fff;
  height: 261px;
  padding: 50px 0 0 30px;
  width: 1064px;
}

#sy-page-banner-insurance-landing h1 {
  font-size: 36px;
  line-height: 46px;"
}


/* new */
.gradient-banner{
  background-color: var(--lincoln-garnet); /* rgb(173, 17, 43) */
  /* background-image: linear-gradient(to right, rgb(173, 17, 43) 50%, rgb(227, 35, 42)); */
  height: 224px;
  width: 100%;
}

.Hero-slogan {
  margin: 0 35px;
  padding: 40px 15px;
}

/* new */
.slogan-container {
  margin: 0 200px 0 0;
}

/* new */
.sub-text {

}

/* new */
.gradient-banner h1 {
  color: #fff;
  font-family: 'PublicoBanner Light';
  font-size: 42px;
  font-weight: 300;
  line-height: 48px;
  margin: 0 0 20px 0;
  padding: 0;
}

/* new */
.gradient-banner p {
  color: #fff;
  font-size: 22px;
  font-weight: 300;
  line-height: 30px;
  margin: 0 0 16px 0;
  padding: 0;
}

#sy-page-title {
  color: #f7cd46;
  font-size: 24px;
  font-weight: normal;
  margin: 0;
  padding: 30px 10px 1px 20px;
}

#sy-page-intro {
  color: #f7f7f7;
  margin: 0;
  padding: 0 0 0 20px;
}

.sy-s-ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.sy-s-img {
  border: solid 4px #ffcb05;
  border-radius: 50%;
}

.sy-s-ttl {
  font-size: 120%;
}

.sy-footnote-box {
  margin-top: 2em;
}

.sy-footnote {
  font-size: 14px;
  line-height: 20px;
  margin-top: 5px;
}

.sy-resp {
  width: 100%;
  height: auto;
}

.sy-img-box {
  height: 160px;
  margin: 0 auto;
  width: 254px;
}

.sy-s-img-sq-box {
  padding:0 20px;
}

.sy-tog-body {
  background-color: #f4f7f6;
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding-bottom: 0;
}

.sy-togtl {
  font-weight:bold;
  margin:.5em 0 .3em 0;
}


.sy-tog {   /* Toggle */
  background-color: #f4f7f6;
  border-top: 0px solid #d8d8d8;
  float: left;
  font-size: 110%;
  margin: 10px 0 0 0;
  padding:0 .7em 0 .8em;
  width: 100%;
}

.sy-tog h2 {
  font-size: 110%;
}

.sy-subtog {   /* Toggle */
  background-color: #fff;
  border-top: 1px solid #d8d8d8;
  float: left;
  font-size: 90%;
  margin: 0 0 0 0;
  padding:0 .7em 0 .8em;
  width: 100%;
}

.sy-subtog-body {
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding-bottom: 0;
}

.sy-tog-modal {   /* Toggle in modal */
  background-color: #fff;
  border-top: 1px solid #ccc;
  float: left;
  font-size: 110%;
  width: 100%;
}

.sy-tog-dictionary {   /* Toggle in dictionary */
  background-color: #f4f7f6;
  float: left;
  font-size: 110%;
  margin: 10px 0 0 0;
  padding-left: 1em;
  width: 100%;
}

.sy-tog-dictionary-body {
  background-color: #f4f7f6;
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding-bottom: 0;
}

.sy-togbl {
  margin-top:.25em;
}

.sy-togbl a {
  color: #000;
  text-decoration: none;
}

.sy-togbl a:visited {
  color: #000;
}

.sy-togbl a:hover {
  color: #000;
}

#goldbar {
  background-color: #f7cd46;
  height: 8px;
  width: 100%;
}

#logo {
  width: 146px;
  height: auto;
  margin-right: 20px;
}

#sy-bc { /* Breadcrumbs */
  color: #111;
  margin: 40px 0 30px 0;
}

.breadcrumb {
  background-color: #fff;
  --bs-breadcrumb-divider: '/';
  color: #111;
  font-size: 12px;
  margin: 0 0 16px 0;
  padding: 0;
}

.breadcrumb-item+.breadcrumb-item::before {
  color: #aaa;
  content: ">";
}

.horizontal-sidebar-menu {
  margin: 50px 0 40px 60px;
}

.horizontal-sidebar-menu .breadcrumb-item+.breadcrumb-item::before {
  color: #aaa;
  content: "|";
}

/* new */
.breadcrumb-item {
  color: rgb(55, 66, 74);
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
  padding: 0;
}

.breadcrumb-item a {
  color: rgb(55, 66, 74)
}

.breadcrumb-item a:visited {
  color: rgb(55, 66, 74)
}

.breadcrumb-item a:hover {
  text-decoration: underline;
}

.breadcrumb-item.active {
  color: rgb(55, 66, 74);
  font-weight: 500;
}

.horizontal-sidebar-menu .breadcrumb-item {
    font-size: 16px;
}

.fa-home {
  color: rgb(173, 17, 43);
  font-size: 16px;
  font-weight: 900;
  line-height: 16px;
}

.sy-go2-iframe {
  border: solid 1px #c1c3c2;
}

.sy-iframe-cost-estimator {
  border: solid 1px #c1c3c2;
  padding: 20px 20px 0 20px;
}

.sy-iframe-risk-assessment {
  border: solid 1px #c1c3c2;
  padding: 0 20px;
}

.sy-related-articles-modal {
  margin: 0;
}

table {
  background-color: #fff;
  border-top: solid 1px #ddd;
  border-right: solid 1px #ddd;
  margin: 2em 0 3m 0;
}

table tr th {
  background-color: #eee;
  border-bottom: solid 1px #ddd;
  border-left: solid 1px #ddd;
  padding: .5em 1em;
}

table tr td {
  border-bottom: solid 1px #ddd;
  border-left: solid 1px #ddd;
  padding: .5em 1em;
}

/* BOOTSTRAP MODIFICATIONS */

.dropdown-header {
  color: #424242;
  font-size: 120%;
  font-weight: bold;
}

.dropdown-item {
  padding-bottom: 1em;
  padding-top: 1em;
}

/* --- Main menu --- */
.sy-navbar {
  margin: 0;
  width: 100%;
}

.nav-item {
  margin: 0;
  padding: 10px 20px 0 20px;
}

.nav-link {
  color: rgb(34, 34, 34);
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

.nav-link:visited {
  color: rgb(34, 34, 34);
}

.sy-main-nav-item-active a {
  color: rgb(34, 34, 34);
}

.sy-main-nav-item-active a:visited {
  color: rgb(34, 34, 34);
}

.nav-link:hover {
  color: #ad112b;
  text-decoration: none;

}

/* ===== Breakpoints ================================================================= */

@media (max-width:1110px) {

  /* .lincoln-box-white {
    height: 150px;
    width: 150px;
  }

  .lincoln-box-white h1 {
    font-size: 18px;
    line-height: 21px;
    margin: 75px 10px 0 10px;
  } */

  #hero-text {
    font-size:100%;
    padding: 1em 1em 1em .75em;
  }
  #hero-text h1 {
    font-size: 120%;
  }

}

@media (max-width: 1400px) {

  body {
    margin-bottom: 500px;
  }

  .banner-box2 h1 {
    margin: 80px 0 10px 0;
  }

}

@media (max-width: 1280px) {

  body {
    margin-bottom: 900px;
  }

  .banner-box2 h1 {
    margin: 60px 0 10px 0;
  }

}

@media (max-width: 1050px) {

  body {
    margin-bottom: 1100px;
  }

  .banner-box2 h1 {
    margin: 10px 0 10px 0;
  }

  .sy-banner-cards-container {
    margin: 20px auto 0 auto;
  }

  #lfg-foot-social {
    padding: 30px 0;
    text-align: center;
  }

  #lfg-foot-serial {
    margin: 0;
  }

}

@media (max-width: 768px) {

  body {
    margin-bottom: 1220px;
  }

  .banner-box2 h1 {
    margin: 0 0 10px 0;
  }

  .banner-box2 p {
    margin: 0 0 15px 0;
  }

  .sy-banner-card {
    border-bottom: solid 1px rgb(220, 222, 224);
    border-left: solid 1px rgb(220, 222, 224);
    border-right: solid 1px rgb(220, 222, 224);
    margin: -20px auto 0 auto;
    width: 690px;
  }

  .sy-col-left, .sy-col-mid, .sy-col-right {
    margin-left: 0;
    margin-right: 0;
  }

  .navbar-nav {
    line-height: 6px;
  }

  #sy-page-banner {
    margin-bottom: 0;
  }

  #sy-page-banner-title {
    font-size: 24px;
    line-height: 30px;
    padding: 30px 10px 0 200px;
  }

  #sy-page-banner-subtitle {
    font-size: 12px;
    line-height: 18px;
    padding: 20px 10px 50px 200px;
  }

  .sy-subcat-grid-col {
    border-bottom: solid 2px #e1e1e1;
  }


}