html, body { background-color: rgb(235, 243, 247); font-family: roboto, sans-serif; font-size: 100%; font-weight: 400; height: 100%; line-height: 1.5; margin-left: auto; margin-right: auto; -webkit-font-smoothing: antialiased; }
.sectionContainer { margin-left: auto; margin-right: auto; max-width: 1000px; padding-left: 30px; padding-right: 30px; }
h1 { font-family: "playfair display", sans-serif; font-size: 2.8rem; letter-spacing: -0.05rem; margin-top: 0px; }
h2, h3, h4, h5 { font-weight: 700; }
h2 { font-size: 1.8rem; }
h3 { font-size: 1.5rem; }
h4 { font-size: 1.25rem; }
p, li { font-size: 1.15rem; margin: 0px 0px 1.25rem; }
.faux-button { background: rgb(125, 192, 73); border: none; border-radius: 5px; color: rgb(255, 255, 255); font-family: lato, sans-serif; font-size: 18px; outline: none; margin: 5px 0px; padding: 8px 25px; }
blockquote, ol, ul, .articleImageContainer { color: rgb(51, 51, 51); margin: 0px 0px 16px; }
blockquote { background-color: rgb(245, 250, 241); border-left: 5px solid rgb(203, 230, 182); font-size: inherit; }
.footnote { font-size: 0.75rem; }
@media (max-width: 767px) {
  html, body { background-color: rgb(255, 255, 255); }
  .sectionContainer { padding-left: 15px; padding-right: 15px; }
  h1 { font-family: "playfair display", sans-serif; font-size: 1.8rem; }
  h2 { font-size: 1.5rem; }
  h3 { font-size: 1.25rem; }
  h4 { font-size: 1.15rem; }
}
a, button { outline: none; }
a { color: rgb(0, 102, 153); cursor: pointer; text-decoration: underline; }
a:hover { color: rgb(125, 192, 73); }
button.cta { background-color: red; border-bottom: 5px solid rgb(204, 0, 0); color: rgb(255, 255, 255); font-size: 1.8em; font-weight: 700; letter-spacing: -0.025em; line-height: 1.8em; margin: 5px 0px; outline: none; padding: 10px 15px; }
button.cta:hover { background: rgb(204, 0, 0); }
.outboundLink { cursor: pointer; }
.multiBrandAdvertorial button.cta { width: 100%; }
.multiBrandAdvertorial a { color: rgb(0, 0, 0); text-decoration: none; }
button.btnBody { background-color: rgb(125, 192, 73); border: none; color: rgb(255, 255, 255); font-size: 1.15rem; font-weight: 700; margin: 0px 8px 8px 0px; padding: 10px 5px; width: 100%; }
button.btnBody:hover { background-color: rgb(0, 102, 153); }
@media (max-width: 767px) {
  button.cta { font-size: 1.5em; line-height: 1.5em; padding: 10px; }
  .tapAge button { font-size: 100%; }
}
header { background-color: rgb(255, 255, 255); height: 30px; width: 100%; }
header .sectionContainer { padding-left: 0px; padding-right: 0px; }
#advertisement { color: rgb(153, 153, 153); font-size: 0.75rem; margin: 0px; text-align: center; }
.wpLogo { height: 48px; margin-top: 5px; width: auto; }
@media (max-width: 767px) {
  header .sectionContainer { padding-left: 15px; padding-right: 15px; }
  .wpLogo { height: 34px; margin-top: 5px; width: auto; }
}
@media (min-width: 768px) and (max-width: 991px) {
  header .sectionContainer { padding-left: 30px; padding-right: 30px; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  header .sectionContainer { padding-left: 30px; padding-right: 30px; }
}
.articleContent { background-color: rgb(255, 255, 255); border-bottom: 1px solid rgb(204, 224, 235); margin-bottom: 30px; margin-top: 20px; padding-bottom: 30px; padding-top: 20px; }
.articleInfo { color: rgb(153, 153, 153); font-size: 100%; margin-bottom: 15px; }
.sharethis-inline-share-buttons { margin-bottom: 15px; }
.articleAuthor { color: rgb(125, 192, 73); font-weight: 700; margin-right: 8px; }
.photoAuthor { height: 40px; margin-right: 12px; width: 40px; }
.highlight { background-color: rgb(255, 255, 0); }
@media (max-width: 767px) {
  .articleContent { border-bottom: none; margin-bottom: 0px; margin-top: 0px; padding-top: 10px; }
  .articleInfo { font-size: 0.85rem; }
}
@media (max-width: 800px) {
  iframe { height: 420px !important; }
}
@media (max-width: 600px) {
  iframe { height: 320px !important; }
}
@media (max-width: 420px) {
  iframe { height: 220px !important; }
}
.multiBrandAdvertorial h2 { margin-top: 50px; }
footer { background-color: rgb(204, 224, 235); font-size: 10px; padding: 75px 0px 100px; text-align: center; }
footer a { font-size: 0.65rem; }
footer ul { margin-bottom: 0px; }
footer .wpLogo { height: 34px; margin-bottom: 10px; width: auto; }
footer a:hover { color: rgb(51, 51, 51); }
.stateText { fill: rgb(255, 255, 255); pointer-events: none; }
.stateImage { fill: rgb(248, 153, 29); }
.stateButton { fill: rgb(0, 0, 0); }
.stateImage, .stateButton { cursor: pointer; transition: 0.4s; }
.stateImage:hover, .stateButton:hover { fill: rgb(204, 0, 0); }
.containerAge { margin: 30px auto 20px; max-width: 600px; }
.containerAge .buttonAge { background-color: rgb(125, 192, 73); border: 2px solid rgb(255, 255, 255); color: rgb(255, 255, 255); font-size: 1.25em; padding: 25px 0px; text-align: center; }
.containerAge .buttonAge:hover { background-color: rgb(221, 221, 221); }
@media (max-width: 767px) {
  .containerAge { max-width: 300px; }
}
#comments > div > span { color: rgb(209, 86, 32); font-weight: 600; }
#comm > div > div:first-child { background-position: 50% center; background-repeat: no-repeat; float: left; height: 50px; width: 50px; min-width: 50px; margin: 0px 10px 0px 0px; background-size: contain !important; }
#comm h1 { font-size: 13px; font-weight: 700; color: rgb(209, 86, 32); margin: 0px 0px 5px; font-family: sans-serif; }
#comm h2 { font-size: 14px; line-height: 1.3; color: rgb(51, 51, 51); }
#comm h2, #comm p { padding-left: 60px; margin-top: 0px; }
#comm p { font-size: 11px; color: rgb(209, 86, 32); margin: 5px 0px 0px; }
#comm p::before { content: " "; display: table; clear: both; float: none; }
#comm > div { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 10px; }
#comm > div:last-child { border: none; }
#comm > div > div { background-position: 0px center; background-repeat: no-repeat; max-width: 270px; margin: 5px auto 5px 60px; background-size: contain !important; }
#comm > div > div > div { padding-bottom: 53.72%; }
#comm i { background-size: 11px; padding: 0px 5px 0px 16px; font-style: normal; }
#comm .date { color: grey; border-bottom: 1px dotted grey; }
#comm > div > a { text-decoration: none !important; }
.popover { background-color: rgb(254, 245, 195); color: rgb(102, 102, 102); border: 2px solid rgb(250, 214, 17); font-size: 12px; line-height: 1.3em; max-width: 225px; padding: 5px; }
.popover > .arrow { border-width: 12px; }
.popover > .arrow::after { content: ""; border-width: 10px; }
.popover.bottom > .arrow { top: -12px; left: 50%; margin-left: -11px; border-top-width: 0px; border-bottom-color: rgb(250, 214, 17); }
.popover.bottom > .arrow::after { top: 3px; margin-left: -10px; border-top-width: 0px; border-bottom-color: rgb(254, 245, 195); }