/* CORE CSS REQUIRED FOR ALL PAGES */ /* Box sizing default */
*, *::before, *::after {
  box-sizing: border-box;
}

/* Reset browser margins */
body, h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd, ol, ul, fieldset {
  margin: 0;
}

ol, ul {
  padding: 0;
}

li {
  list-style-type: none;
}

/* Accessible line height */
body {
  line-height: 1.7;
}

/* Form elements inherit default type styles */
input, button, select, textarea {
  font: inherit;
}

/* Make media elements responsive - add canvas */
img, picture, video, svg {
  display: block;
  height: auto;
  max-width: 100%;
}

/* Ensure button styling on mobile */
button, [type=button], [type=reset], [type=submit] {
  cursor: pointer;
  -webkit-appearance: button;
}

[type=search] {
  -webkit-appearance: none;
}

@font-face {
  font-family: "Bitter";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: local(""), url("../fonts/bitter-v19-latin-800.woff2") format("woff2"), url("../fonts/bitter-v19-latin-800.woff") format("woff");
}
body {
  color: hsl(207, 18%, 31%);
  font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Ubuntu, roboto, noto, arial, sans-serif;
  font-size: 18px;
}

h1, .h1, h2, .h2 {
  color: hsl(207, 43%, 14%);
  font-family: "Bitter", Helvetica, serif;
  font-weight: 800;
  line-height: 1.25em;
  margin-bottom: 20px;
}

h1, .h1 {
  font-size: 32px;
}

h2, .h2 {
  font-size: 26px;
}

h3, .h3 {
  color: hsl(207, 43%, 14%);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.25em;
  margin-bottom: 10px;
}

@media (min-width: 960px) {
  h1, .h1 {
    font-size: 40px;
  }
  h2, .h2 {
    font-size: 32px;
  }
  h3, .h3 {
    font-size: 24px;
  }
}
.header-underline {
  border-bottom: 1px solid hsl(207, 94%, 43%);
  margin-bottom: 20px;
  padding-bottom: 4px;
}

.center, .has-text-align-center {
  text-align: center;
}

a {
  color: hsl(207, 94%, 43%);
}

.no-underline {
  text-decoration: none;
}

.no-underline:hover {
  text-decoration: underline;
}

main p, main ul, main ol {
  margin-bottom: 25px;
}

.btn {
  background: hsl(207, 94%, 43%);
  border-radius: 26px;
  color: #fff;
  display: inline-block;
  font-size: 0.9em;
  font-weight: bold;
  margin-bottom: 15px;
  padding: 10px 35px;
  text-decoration: none;
  transition: 0.2s ease-in-out;
}
.btn:hover {
  background: #0667b7;
}

.btn-secondary {
  background: #fff;
  border: 1px solid hsl(207, 94%, 43%);
  color: hsl(207, 94%, 43%);
}
.btn-secondary:hover {
  background: hsl(207, 94%, 43%);
  color: #fff;
}

/* LAYOUT */
.marginTopLarge {
  margin-top: 40px;
}

/* GRID */
.col-section {
  display: flex;
  flex-flow: row wrap;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-11 {
  width: 91.66666667%;
}

.col-xs-10 {
  width: 83.33333333%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-8 {
  width: 66.66666667%;
}

.col-xs-7 {
  width: 58.33333333%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-5 {
  width: 41.66666667%;
}

.col-xs-4 {
  width: 33.33333333%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-2 {
  width: 16.66666667%;
}

.col-xs-1 {
  width: 8.33333333%;
}

@media (min-width: 500px) {
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
}
@media (min-width: 900px) {
  .col-m-12 {
    width: 100%;
  }
  .col-m-11 {
    width: 91.66666667%;
  }
  .col-m-10 {
    width: 83.33333333%;
  }
  .col-m-9 {
    width: 75%;
  }
  .col-m-8 {
    width: 66.66666667%;
  }
  .col-m-7 {
    width: 58.33333333%;
  }
  .col-m-6 {
    width: 50%;
  }
  .col-m-5 {
    width: 41.66666667%;
  }
  .col-m-4 {
    width: 33.33333333%;
  }
  .col-m-3 {
    width: 25%;
  }
  .col-m-2 {
    width: 16.66666667%;
  }
  .col-m-1 {
    width: 8.33333333%;
  }
}
/* 1250 and up
@media (min-width:1250px) {
  .col-xl-12 {width: 100%;}
  .col-xl-11 {width: 91.66666667%;}
  .col-xl-10 {width: 83.33333333%;}
  .col-xl-9 {width: 75%;}
  .col-xl-8 {width: 66.66666667%;}
  .col-xl-7 {width: 58.33333333%;}
  .col-xl-6 {width: 50%;}
  .col-xl-5 {width: 41.66666667%;}
  .col-xl-4 {width: 33.33333333%;}
  .col-xl-3 {width: 25%;}
  .col-xl-2 {width: 16.66666667%;}
  .col-xl-1 {width: 8.33333333%;}
} */
.hidden {
  display: none;
}

.pageWidth {
  max-width: 1250px;
  margin: 0 auto;
}

#content {
  margin: 0 15px 15px 15px;
  max-width: 100%;
  width: 920px;
  overflow: hidden;
}

@media (min-width: 768px) {
  #content, .content {
    padding-right: 40px;
    width: calc(100% - 190px);
  }
  #content.contentFull {
    padding: 0;
    width: auto;
  }
}
@media (min-width: 960px) {
  #content, .content {
    padding-top: 10px;
    width: calc(100% - 330px);
  }
}
@media (min-width: 1250px) {
  #content, .content {
    padding-right: 75px;
  }
}
.blueSite .borderBottom1px {
  border-bottom: 1px solid hsl(207, 94%, 43%);
}

.pinkSite .borderBottom1px {
  border-bottom: 1px solid #E3058C;
}

/* HEADER */
/* HEADER */
#header {
  background-color: hsl(207, 94%, 43%);
  margin-bottom: 20px;
  min-height: 57px;
  padding: 10px 0;
  position: sticky;
  top: 0;
  z-index: 99000;
}

.pinkSite #header {
  background-color: #E3058C;
}

#header-container {
  max-width: 1250px;
  margin: 0 auto;
  padding: 0 15px;
  position: relative;
}

#logo {
  float: left;
}

#nav-menu {
  background: #0778D6;
}

.nav-menu-li {
  margin: 20px 10px;
}

.nav-menu-a {
  color: #fff;
  text-decoration: none;
}

.nav-menu-a:hover {
  text-decoration: underline;
}

#mobile-search-form {
  margin: 30px 10px;
}
#mobile-search-form input[type=search] {
  border: 1px solid #fff;
  font-size: 20px;
  padding: 5px 60px 5px 10px;
  width: 100%;
}
#mobile-search-form .search-submit {
  background: url("/wp-content/uploads/2024/09/magnifying-glass-solid.svg") center no-repeat;
  background-size: 30px 30px;
  border: 0;
  width: 40px;
  height: 44px;
  margin-left: -45px;
  position: absolute;
  text-indent: -9999px;
}

#dogtag {
  color: #000;
  float: right;
  height: 46px;
  text-decoration: none;
  z-index: 500;
}

/*#dogtag.fixed {filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, .5)); margin-top: -2px; position: fixed; right: 10px; z-index: 10000;}*/
#dogtag-text {
  font-size: 9px;
  font-weight: bold;
  line-height: 10px;
  text-align: center;
  position: relative;
  left: 0;
  top: -29px;
}

@-webkit-keyframes shake {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(10deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(-10deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
#dogtag.shake {
  animation-name: shake;
  animation-duration: 0.3s;
  transform-origin: 50% 50%;
  animation-iteration-count: 1;
  animation-timing-function: ease-in-out;
  transform: translateZ(0);
}

@media (max-width: 899px) {
  #hamburger {
    background-color: transparent;
    border: 0;
    float: left;
    margin-right: 10px;
    width: 30px;
    height: 35px;
    position: relative;
    cursor: pointer;
  }
  #ham-1, #ham-2, #ham-3 {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #fff;
    border-radius: 9px;
    left: 0;
    transition: 0.1s ease-in-out;
  }
  #ham-1 {
    top: 6px;
  }
  #ham-2 {
    top: 16px;
  }
  #ham-3 {
    top: 26px;
  }
  #hamburger.is-active #ham-1 {
    transform: translateY(10px) rotateZ(-45deg);
  }
  #hamburger.is-active #ham-2 {
    opacity: 0;
  }
  #hamburger.is-active #ham-3 {
    transform: translateY(-10px) rotateZ(45deg);
  }
  #nav-menu {
    font-size: 20px;
    height: 0;
    overflow: hidden;
    padding: 0 10px;
    position: absolute;
    left: 0;
    top: 47px;
    transition: 0.1s ease-in-out;
    width: 100%;
    z-index: 600;
  }
  #nav-menu.is-active {
    display: block;
    height: 260px;
  }
  #search-toggle {
    display: none;
  }
}
@media (min-width: 768px) {
  #logo {
    width: 238px;
    height: 38px;
  }
}
#desktop-search-form {
  display: none;
}

@media (min-width: 900px) {
  #logo {
    margin-right: 40px;
    width: 261px;
    height: 46px;
  }
  #nav-menu {
    background: none;
    display: inline-block !important;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
  }
  .nav-menu-li {
    display: inline-block;
    margin: 11px 5px 10px;
  }
  .nav-menu-a {
    padding: 10px;
  }
  #nav-saved, #hamburger {
    display: none;
  }
  #search-toggle {
    background: url("/wp-content/uploads/2024/09/magnifying-glass-solid-white.svg") center no-repeat;
    background-size: 36px 36px;
    border: 0;
    float: right;
    margin-right: 30px;
    width: 40px;
    height: 46px;
  }
  #search-toggle.is-active {
    background: url("/wp-content/uploads/2024/09/xmark-solid-white.svg") center no-repeat;
    background-size: 36px 36px;
  }
  #mobile-search-form {
    display: none;
  }
  #desktop-search-form {
    display: block;
    background: rgba(0, 0, 0, 0.8);
    visibility: hidden;
    opacity: 0;
    margin: -20px 0 0 0;
    padding: 20px 40px;
    position: absolute;
    left: 0;
    width: 100%;
    transform: translateY(-100%);
    transition: all 0.3s ease-in-out;
  }
  #desktop-search-form.is-active {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
  }
  #desktop-search-form .search-form {
    max-width: 1220px;
    margin: 0 auto;
  }
  #desktop-search-form input[type=search] {
    border: 1px solid #fff;
    font-size: 20px;
    padding: 5px 60px 5px 10px;
    width: 100%;
  }
  #desktop-search-form .search-submit {
    background: url("/wp-content/uploads/2024/09/magnifying-glass-solid.svg") center no-repeat;
    background-size: 30px 30px;
    border: 0;
    width: 40px;
    height: 44px;
    margin-left: -45px;
    position: absolute;
    text-indent: -9999px;
  }
  #dogtag-img {
    width: 67px;
    height: 46px;
  }
  #dogtag-text {
    font-size: 10px;
    line-height: 12px;
    top: -35px;
  }
}
.adthrive-stuck.adthrive-sticky.adthrive-header, .adthrive-stuck.adthrive-sticky.adthrive-sidebar {
  top: 70px !important;
}

/* SIDEBAR */
#sidebar {
  text-align: center;
  width: 100%;
}
#sidebar .widget_custom_html, #sidebar .widget_mo_optin_widgets {
  margin-bottom: 30px;
}
#sidebar h2 {
  font-size: 22px;
  margin: 30px 0 10px;
}
#sidebar h3 {
  font-size: 16px;
  margin-bottom: 10px;
}
#sidebar ul {
  margin-bottom: 20px;
}
#sidebar ul .widget_block li {
  margin-bottom: 6px;
}
#sidebar a {
  text-decoration: none;
}
#sidebar a:hover {
  text-decoration: underline;
}
@media (min-width: 768px) {
  #sidebar {
    overflow: hidden;
    width: 160px;
  }
}
@media (min-width: 960px) {
  #sidebar {
    width: 300px;
  }
}

/* Toby Sidebar */
#block-7 {
  background: #ecf8ff;
  margin: 80px 15px 0;
  padding: 20px 20px 30px 20px;
}
#block-7 h2 {
  margin-top: 20px;
}
@media (min-width: 768px) and (max-width: 959px) {
  #block-7 {
    margin: 80px 0 30px 0;
  }
}
@media (min-width: 1250px) {
  #block-7 {
    margin: 80px 0 30px;
  }
}

#side-profile {
  border-radius: 160px;
  margin: 0 auto;
  margin-top: -80px;
  width: 160px;
}

/* FOOTER */
#footer {
  background: hsl(207, 94%, 43%);
  border-top: 1px solid hsl(207, 94%, 43%);
  color: #fff;
  font-size: 14px;
  padding: 25px 0;
}
#footer .pageWidth {
  padding: 0 15px;
}
#footer ul {
  font-size: 16px;
}
#footer li {
  display: inline-block;
}
#footer p {
  line-height: 24px;
}
#footer a {
  color: #fff;
  padding: 10px 20px 10px 0;
  text-decoration: none;
}
#footer a:hover {
  text-decoration: underline;
}
#footer hr {
  border: 0;
  border-top: 1px solid #fff;
}

#footer-social {
  margin-top: 15px;
  overflow: hidden;
}
#footer-social .footerSprite {
  background: url(/wp-content/uploads/2023/02/social-sprite-footer.png) no-repeat;
  background-size: 180px 30px;
  display: inline-block;
  margin: 5px 10px 20px 0;
  width: 30px;
  height: 30px;
  text-indent: 9000px;
}
#footer-social .footerFacebook {
  background-position: 0 0;
}
#footer-social .footerTwitter {
  background-position: -30px 0;
}
#footer-social .footerPinterest {
  background-position: -60px 0;
}
#footer-social .footerLinkedin {
  background-position: -90px 0;
}
#footer-social .footerYoutube {
  background-position: -120px 0;
}
#footer-social .footerInstagram {
  background-position: -150px 0;
}
@media (min-width: 900px) {
  #footer-social {
    margin-top: 0;
    text-align: right;
  }
  #footer-social .footerSprite {
    margin: 5px 0 20px 10px;
  }
}

#footer-legal {
  padding-top: 5px;
}

#footer-legal-links {
  padding-top: 5px;
}
#footer-legal-links a {
  display: inline-block;
  padding: 10px 20px 10px 0;
}
@media (min-width: 900px) {
  #footer-legal-links {
    text-align: right;
  }
  #footer-legal-links a {
    padding: 0 0 10px 20px;
  }
}

.socialSprite {
  background: url(/wp-content/uploads/2023/01/social-sprite.png) no-repeat;
  background-size: 140px 20px;
  display: inline-block;
  margin: 5px 5px 20px;
  width: 20px;
  height: 20px;
  text-indent: -9000px;
}

.socialFacebook {
  background-position: 0 0;
}

.socialTwitter {
  background-position: -20px 0;
}

.socialPinterest {
  background-position: -40px 0;
}

.socialLinkedin {
  background-position: -60px 0;
}

.socialYoutube {
  background-position: -80px 0;
}

.socialInstagram {
  background-position: -100px 0;
}

.socialWebsite {
  background-position: -120px 0;
}

#adthrive-ccpa-link, .adthrive-footer-message > span {
  color: #757575 !important;
}

/* PRINT */
@media print {
  #nav-menu, #dogtag, #hamburger, #sidebar, .adthrive-ad, .adthrive-comscore, .adthrive-video-player, #extra-content-box, #submit, footer {
    display: none;
  }
  #content {
    padding-right: 0;
  }
}
/* ARTICLE */
#breadcrumbs {
  color: #757575;
  display: block;
  font-size: 13px;
  margin-bottom: 15px;
  max-width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#breadcrumbs a {
  text-decoration: none;
}
#breadcrumbs a:hover {
  text-decoration: underline;
}
#breadcrumbs .breadcrumb_last {
  display: inline-block;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap;
}

@media (min-width: 960px) {
  #breadcrumbs {
    margin-top: -10px;
  }
}
#postAuthor {
  display: block;
  font-size: 11px;
  margin-top: -10px;
  margin-bottom: 20px;
}

#postAuthor a {
  color: hsl(207, 43%, 14%);
}

#postTimePublished {
  display: none;
}

#postTime {
  float: right;
  font-size: 11px;
  font-style: italic;
  margin-top: -10px;
}

#post-disclosure {
  color: #666;
  display: block;
  font-style: italic;
  margin-bottom: 20px;
}

article {
  overflow: hidden;
  /* UPDATE ARTICLES TO REMOVE THIS */
  /* NAMES LISTS */
}
article .alignright {
  margin-top: 7px;
}
article h1 {
  border-bottom: 1px solid hsl(207, 94%, 43%);
  padding-bottom: 10px;
}
article h2 {
  border-bottom: 2px solid #eee;
  margin-top: 40px;
  margin-bottom: 15px;
  padding-bottom: 4px;
  /* UPDATE TO REMOVE */
}
article h2 a {
  text-decoration: none;
}
article h3 {
  margin-top: 40px;
}
article ul, article ol {
  margin-left: 40px;
}
article ul ul, article ol ol {
  margin-top: 10px;
}
article ul li {
  list-style-type: disc;
  margin-bottom: 15px;
}
article ol li {
  list-style-type: decimal;
  margin-bottom: 15px;
}
article .wp-block-quote {
  margin-bottom: 30px;
}
article .wp-block-quote cite {
  display: block;
  font-size: 80%;
  margin-top: -10px;
}
article img {
  margin-bottom: 25px;
}
article .wp-caption {
  max-width: 100%;
}
article .wp-caption-text, article figcaption {
  color: #757575;
  font-size: 12px;
  text-align: center;
}
article .wp-caption-text a, article figcaption a {
  color: #757575;
}
article .adthrive-ad {
  margin-top: 20px;
  margin-bottom: 20px;
}
article .adthrive {
  margin-bottom: 20px;
}
article .adthrive-content {
  background: #FAFAFA;
}
article .names {
  margin-left: 0;
}
article .names li {
  background: url("/images/hearts-bg.png") no-repeat 0 6px;
  background-size: 21px 400px;
  list-style-type: none;
  padding-left: 35px;
}
article .names li:hover {
  background-position: 0 -186px;
  cursor: pointer;
  text-decoration: underline;
}
article .names li.name-active {
  background-position: 0 -378px;
  color: #E3058C;
}
article .names .name-title {
  font-weight: bold;
}
article .names.top {
  counter-reset: names;
  margin-left: 5px;
}
article .names.top li {
  padding-left: 55px;
}
article .names.top li:before {
  background: hsl(207, 94%, 43%);
  border: 1px solid hsl(207, 94%, 43%);
  border-radius: 50%;
  color: #fff;
  counter-increment: names;
  content: counter(names) " ";
  display: inline-block;
  font-size: 0.75rem;
  line-height: 1.9;
  font-weight: bold;
  width: 1.5rem;
  height: 1.5rem;
  text-align: center;
  position: relative;
  top: -0.07rem;
  left: -1rem;
}
@media (min-width: 500px) {
  article { /* UPDATE ARTICLES TO REMOVE THIS */ }
  article .alignright {
    float: right;
    margin: 7px 0 14px 20px;
    max-width: 40%;
    width: auto;
  }
}
@media (min-width: 768px) {
  article { /* UPDATE ARTICLES TO REMOVE THIS */ }
  article .alignright {
    margin: 0 0 20px 20px;
  }
}
@media (min-width: 960px) {
  article p, article ul, article ol, article .wp-block-button__link {
    font-size: 19px;
  }
  article .names li {
    background-position: 0 9px;
  }
  article .names li:hover {
    background-position: 0 -183px;
  }
  article .names li.name-active {
    background-position: 0 -375px;
  }
}

.article-intro {
  background: hsl(207, 33%, 97%);
  padding: 18px 20px;
}

.schema-faq-question {
  display: block;
  font-size: 19px;
  margin-bottom: 10px;
}

.wp-block-button__link {
  background: hsl(207, 94%, 43%);
}

.wp-block-embed, .adthrive-video-player {
  margin-bottom: 25px;
}

.wp-block-embed-youtube .wp-block-embed__wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}

.wp-block-embed-youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
}

.wp-block-embed-youtube .wp-block-embed__wrapper div:first-child {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
}

#article-saved-btn {
  background: url(/images/hearts-bg.png) no-repeat 15px -363px;
  background-size: 21px 400px;
  border: 1px solid hsl(207, 94%, 43%);
  border-radius: 30px;
  color: hsl(207, 94%, 43%);
  display: none;
  margin-top: 20px;
  padding: 15px 20px 15px 45px;
  text-decoration: none;
}
#article-saved-btn:hover, #article-saved-btn:focus {
  background-color: #333;
  color: #fff;
}

.ez-toc-title-container {
  padding: 30px 0 5px 0;
}

#main-article .ez-toc-title {
  display: contents;
  font-family: "Bitter", Helvetica, serif;
  font-size: 18px;
  font-weight: 800;
  margin-left: 20px;
  margin-bottom: 0;
}
#main-article .ez-toc-title-container {
  border: 1px solid #ccc;
  padding: 10px 20px;
  max-width: 350px;
}
#main-article .ez-toc-list {
  background: #f3f3f3;
  border-top: 1px solid #ddd;
  display: none;
  padding: 20px 40px 15px 40px;
  font-size: 15px;
  margin-left: 0;
  max-width: 350px;
}
#main-article .ez-toc-list li {
  list-style-type: decimal;
  margin-bottom: 5px;
}
#main-article .ez-toc-list-level-3 {
  font-size: 15px;
  margin-left: 18px;
}
#main-article .ez-toc-title-toggle {
  float: right;
}
#main-article .ez-toc-title-toggle #item {
  position: absolute;
  left: -999em;
}
#main-article .ez-toc-icon-toggle-span {
  display: flex;
  align-items: center;
  width: 35px;
  height: 30px;
  justify-content: center;
  direction: ltr;
}
#main-article svg {
  display: inline-block;
}

.ez-toc-list a {
  text-decoration: none;
}
.ez-toc-list a:hover {
  text-decoration: underline;
}

.product-top-pick, .product-other-pick {
  border: 3px solid hsl(207, 94%, 43%);
  margin-top: 30px;
  margin-bottom: 20px;
}
.product-top-pick img, .product-other-pick img {
  margin-top: 25px;
}
.product-top-pick a, .product-top-pick .btn, .product-other-pick a, .product-other-pick .btn {
  background: hsl(207, 94%, 43%);
  border-radius: 26px;
  color: #fff;
  display: inline-block;
  margin-bottom: 15px;
  padding: 10px 20px;
  text-decoration: none;
}

.product-other-pick {
  border-color: #eee;
}

.recommended-products {
  border: 1px solid #eee;
  padding: 15px;
  margin: 40px 0;
  text-align: center;
}
.recommended-products h3 {
  background: #ecf8ff;
  color: #666;
  font-size: 18px;
  margin: -15px -15px 20px -15px;
  padding: 10px;
}
.recommended-products img {
  margin: 0 auto;
  max-width: 80%;
}
.recommended-products iframe {
  margin-bottom: 10px;
}
.recommended-products .wp-block-columns {
  margin-bottom: 0;
}

.product-side-list {
  grid-template-columns: 40% 1fr;
  margin-bottom: 40px;
}
.product-side-list h2 {
  border-bottom: 0;
  margin-top: 0;
}

p + .product-side-list, p + .product-side-list-embed {
  margin-top: 50px;
}

.product-side-list + .product-side-list, .product-side-list-embed + .product-side-list-embed {
  border-top: 1px solid #eee;
  padding-top: 40px;
}

.product-side-list-embed {
  margin-bottom: 40px;
}
.product-side-list-embed .wp-block-column {
  flex-basis: auto;
}
.product-side-list-embed .wp-block-column:first-of-type {
  flex-grow: 0;
  min-width: 120px;
}

.product-pro-con h3 {
  color: hsl(207, 94%, 43%);
}
.product-pro-con ul {
  margin-left: 0;
}
.product-pro-con li {
  list-style-type: none;
}
.product-pro-con li:before {
  content: " ";
  display: inline-block;
  line-height: 15px;
  margin-right: 15px;
  text-align: center;
  height: 17px;
  width: 17px;
  background-image: url("/images/thumbs.png");
  background-size: 17px 34px;
  vertical-align: middle;
}

.product-cons h3 {
  color: #E3058C;
}
.product-cons li:before {
  background-position: 0 -17px;
}

#related-posts {
  margin-top: 50px;
}
#related-posts ul {
  margin: 0 -10px;
}
#related-posts li {
  list-style-type: none;
  padding: 0 10px;
  text-align: center;
}
#related-posts img {
  border-radius: 10px;
  margin: 0 auto;
  margin-bottom: 10px;
}
#related-posts p {
  line-height: 1.3em;
}

#author-bio {
  border: 1px solid #eee;
  margin-bottom: 20px;
  min-height: 80px;
  padding: 20px;
}
#author-bio .avatar {
  border-radius: 40px;
  float: left;
  margin-right: 15px;
}
#author-bio a {
  color: #444;
}

.author-box-content {
  font-size: 14px;
  margin-left: 95px;
}

/* Category link at end of article */
#article-categories a {
  background: #2C872C;
  color: #fff;
  display: inline-block;
  padding: 2px 6px;
  text-decoration: none;
}
#article-categories a:hover {
  text-decoration: underline;
}

/* related posts, author bio, category link */
/* COMMENTS */
#comments {
  margin-top: 40px;
}
#comments p {
  margin-bottom: 10px;
}
#comments .url, #comments .comment-reply-link {
  text-decoration: none;
}
#comments .url::hover, #comments .comment-reply-link::hover {
  text-decoration: underline;
}
#comments .reply {
  font-size: 12px;
}
#comments .comment-user {
  background: url(/images/comment-users.png) no-repeat;
  float: left;
  margin-right: 20px;
  height: 60px;
  width: 60px;
}
#comments li:nth-child(2n+2) .comment-user {
  background-position: -60px 0;
}
#comments li:nth-child(3n+4) .comment-user {
  background-position: -120px 0;
}
#comments li:nth-child(4n+5) .comment-user {
  background-position: -180px 0;
}

.comment-item {
  border-top: 1px solid #eee;
  list-style-type: none;
  padding: 15px 0;
}
.comment-item cite {
  font-style: normal;
  font-weight: bold;
}
.comment-item time {
  color: #757575;
  font-size: 10px;
}
.comment-item p, .comment-item .reply, .comment-item #reply-title {
  margin-left: 80px;
}
.comment-item .children {
  margin-left: 40px;
}

/* comment form */
#respond {
  border: 1px solid #ccc;
  margin-bottom: 40px;
  padding: 30px 20px 30px 20px;
}
#respond label {
  display: block;
  font-size: 14px;
}
#respond #reply-title a {
  float: right;
  font-size: 14px;
}
@media (min-width: 768px) {
  #respond {
    padding: 30px 40px 30px 40px;
  }
}

#comment, #author, #email {
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 15px;
  width: 100%;
}

#comment {
  height: 80px;
}

#commentform #submit {
  background: hsl(207, 94%, 43%);
  border: none;
  color: #fff;
  border-radius: 8px;
  font-weight: 600;
  margin-top: 15px;
  padding: 15px 20px;
  text-align: center;
  width: 100%;
  -webkit-appearance: none;
}

.wp-block-button__link {
  color: #fff;
  border-radius: 9999px;
  display: inline-block;
  font-size: 1.125em;
  padding: calc(0.667em + 2px) calc(1.333em + 2px);
  text-align: center;
  text-decoration: none;
}

.wp-block-button__link.aligncenter {
  text-align: center;
}

.wp-block-button__link.alignright {
  text-align: right;
}

/*
.is-style-outline>:where(.wp-block-button__link),
:where(.wp-block-button__link).is-style-outline {
	border: 2px solid;
	padding: .667em 1.333em
}

.is-style-outline>.wp-block-button__link:not(.has-text-color),
.wp-block-button__link.is-style-outline:not(.has-text-color) {
	color: currentColor
}

.is-style-outline>.wp-block-button__link:not(.has-background),
.wp-block-button__link.is-style-outline:not(.has-background) {
	background-color: transparent
}
*/
.wp-block-buttons > .wp-block-button {
  display: inline-block;
}

.wp-block-buttons.is-content-justification-left {
  justify-content: flex-start;
}

.wp-block-buttons.is-content-justification-center {
  justify-content: center;
}

.wp-block-buttons.is-content-justification-right {
  justify-content: flex-end;
}

.wp-block-buttons.is-content-justification-space-between {
  justify-content: space-between;
}

.wp-block-buttons.aligncenter {
  text-align: center;
}

.wp-block-buttons:not(.is-content-justification-space-between, .is-content-justification-right, .is-content-justification-left, .is-content-justification-center) .wp-block-button.aligncenter {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.wp-block-button.aligncenter {
  text-align: center;
}

.wp-block-columns {
  display: flex;
  margin-bottom: 1.75em;
  box-sizing: border-box;
  flex-wrap: wrap;
}

@media (min-width: 782px) {
  .wp-block-columns {
    flex-wrap: nowrap;
  }
}
.wp-block-columns:where(.has-background) {
  padding: 1.25em 2.375em;
}

.wp-block-columns.are-vertically-aligned-top {
  align-items: flex-start;
}

.wp-block-columns.are-vertically-aligned-center {
  align-items: center;
}

.wp-block-columns.are-vertically-aligned-bottom {
  align-items: flex-end;
}

@media (max-width: 599px) {
  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
    flex-basis: 100% !important;
  }
}
@media (min-width: 600px) and (max-width: 781px) {
  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:only-child) {
    flex-basis: calc(50% - var(--wp--style--block-gap, 2em) / 2) !important;
    flex-grow: 0;
  }
  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:nth-child(2n) {
    margin-left: var(--wp--style--block-gap, 2em);
  }
}
@media (min-width: 782px) {
  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
    flex-basis: 0;
    flex-grow: 1;
  }
  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column[style*=flex-basis] {
    flex-grow: 0;
  }
  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column:not(:first-child) {
    margin-left: var(--wp--style--block-gap, 2em);
  }
}
.wp-block-columns.is-not-stacked-on-mobile {
  flex-wrap: nowrap;
}

.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column {
  flex-basis: 0;
  flex-grow: 1;
}

.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column[style*=flex-basis] {
  flex-grow: 0;
}

.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column:not(:first-child) {
  margin-left: var(--wp--style--block-gap, 2em);
}

.wp-block-column {
  flex-grow: 1;
  min-width: 0;
}

.wp-block-column.is-vertically-aligned-top {
  align-self: flex-start;
}

.wp-block-column.is-vertically-aligned-center {
  align-self: center;
}

.wp-block-column.is-vertically-aligned-bottom {
  align-self: flex-end;
}

.wp-block-column.is-vertically-aligned-bottom,
.wp-block-column.is-vertically-aligned-center,
.wp-block-column.is-vertically-aligned-top {
  width: 100%;
}

.wp-block-image.aligncenter {
  text-align: center;
}

.wp-block-image .aligncenter,
.wp-block-image .alignleft,
.wp-block-image .alignright {
  display: table;
}

.wp-block-image .aligncenter > figcaption,
.wp-block-image .alignleft > figcaption,
.wp-block-image .alignright > figcaption {
  display: table-caption;
  caption-side: bottom;
}

.wp-block-image .alignleft {
  float: left;
  margin: 0.5em 1em 0.5em 0;
}

.wp-block-image .alignright {
  float: right;
  margin: 0.5em 0 0.5em 1em;
}

.wp-block-image .aligncenter {
  margin-left: auto;
  margin-right: auto;
}

.wp-block-image figcaption {
  margin-top: 0.5em;
  margin-bottom: 1em;
}

.wp-block-media-text {
  /*!rtl:begin:ignore*/
  direction: ltr;
  /*!rtl:end:ignore*/
  display: grid;
  grid-template-columns: 50% 1fr;
  grid-template-rows: auto;
}

.wp-block-media-text.has-media-on-the-right {
  grid-template-columns: 1fr 50%;
}

.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,
.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media {
  align-self: start;
}

.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,
.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media,
.wp-block-media-text .wp-block-media-text__content,
.wp-block-media-text .wp-block-media-text__media {
  align-self: center;
}

.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,
.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media {
  align-self: end;
}

.wp-block-media-text .wp-block-media-text__media {
  /*!rtl:begin:ignore*/
  grid-column: 1;
  grid-row: 1;
  /*!rtl:end:ignore*/
}

.wp-block-media-text .wp-block-media-text__content {
  direction: ltr;
  /*!rtl:begin:ignore*/
  grid-column: 2;
  grid-row: 1;
  /*!rtl:end:ignore*/
  padding: 0 8%;
}

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
  /*!rtl:begin:ignore*/
  grid-column: 2;
  grid-row: 1;
}

.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
  /*!rtl:begin:ignore*/
  grid-column: 1;
  grid-row: 1;
}

.wp-block-media-text__media img,
.wp-block-media-text__media video {
  vertical-align: middle;
}

.wp-block-media-text.is-image-fill .wp-block-media-text__media {
  height: 100%;
  min-height: 250px;
  background-size: cover;
}

.wp-block-media-text.is-image-fill .wp-block-media-text__media > a {
  display: block;
  height: 100%;
}

.wp-block-media-text.is-image-fill .wp-block-media-text__media img {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

@media (max-width: 600px) {
  .wp-block-media-text.is-stacked-on-mobile {
    grid-template-columns: 100% !important;
  }
  .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
    grid-column: 1;
    grid-row: 1;
  }
  .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
    grid-column: 1;
    grid-row: 2;
  }
}

/*# sourceMappingURL=articles.css.map */