#aafp-body .journal-article p,
#aafp-body .journal-article .p-copy,
#aafp-body .journal-right-col p,
#aafp-body .journal-right-col .p-copy,
#aafp-body .journal-article table tr td,
#aafp-body .journal-toc p,
#aafp-body p,
#aafp-body .p-copy,
#aafp-body .journal-article ul li,
#aafp-body .journal-article ol li,
#aafp-body .journal-article dl {
  color: #09142a;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 300;
}
@media screen and (max-width: 767px) {
  #aafp-body .journal-article p,
  #aafp-body .journal-article .p-copy {
    padding: 0;
    margin-left: 0;
    margin-right: 0;
  }
}

#aafp-body .journalResultsTitle {
  font-size: 18px;
  font-family: 'Roboto', sans-serif;
  margin-bottom: 4px;
}
#aafp-body .journal-toc h2 {
  margin-top: 30px;
}
#aafp-body .journal-toc h3 {
  font-size: 1.6rem;
  margin-top: 20px;
}

#aafp-body .journal-article {
  margin-top: 10px;
}

#aafp-body .journal-article .fa {
  color: #09142a;
}

#aafp-body h4.relatedContent {
  color: #09142a;
}

#aafp-body .journal-article a,
#aafp-body .journal-toc a,
#aafp-body .pvNxContainer a,
#aafp-body .journal-right-col a:not(.button),
#aafp-body .printLinksDiv a,
#aafp-body .journalResult a {
  color: #0d7a9e;
}

#aafp-body .articleContent.afp a:hover,
#aafp-body .journal-toc a:hover,
#aafp-body .pvNxContainer a:hover,
#aafp-body .afpContent a:hover,
#aafp-body .journal-right-col a:hover:not(.button) {
  color: #176b87 !important;
  text-decoration: none;
}

#aafp-body.journal-template #main.page-wrap {
  margin-top: 1em;
}
#aafp-body #content .journal-right-col .block p.title {
  background-color: #63666a;
  font-family: Roboto, sans-serif;
  color: #fff;
  text-shadow: none;
}
@media screen and (max-width: 767px) {
  /* was reverting to bootstrap-like styles */
  #aafp-body #content .block p.title {
    background-color: #63666a;
    color: #fff;
    border: 0;
    padding: 0.2em 2em;
    background-image: none;
  }
}

.journal-right-col h4 {
  font-family: 'Roboto', sans-serif;
}
.aafp-brand-overrides .adl-global-nav__link--chevron {
  display: none;
}

.journal-article .abstract,
.afpContent .abstract,
.afpContent .abstract p,
.afpContent p.abstract {
  font-weight: 500 !important;
}

.aafp-brand-overrides .adl-link {
  line-height: 3.2rem !important;
}

.journal-right-col a.advert-title,
.leaderboardAd a.advert-title {
  color: #09142a !important;
  text-decoration: none;
  font: 300 12px/18px 'Roboto', sans-serif;
}

.journal-article .horizontal-gradient {
  background: none !important;
  border: none !important;
}

body.journal-template.journal-plain-text {
  padding: 0 1.4em;
  background-color: #fff;
}

.journal-article .comment-widget {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
}

.journal-article .comment-widget .form-row {
  margin-bottom: 10px;
}

.journal-article .comment-widget .button.orange:hover,
.journal-article .comment-widget .aafp-button.button-primary:hover {
  background: none;
  background-color: #db9f40 !important;
}

.journal-article .comment-widget .form-row {
  clear: both;
}

.journal-article .comment-widget .aafp-button.button-secondary {
  background: none;
  background-color: #444444 !important;
  color: #fff !important;
  border: none !important;
  text-decoration: none !important;
  margin-top: 0px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border: 0 none;
  box-shadow: 0 0 0 #cccccc;
  -moz-box-shadow: 0 0 0 #cccccc;
  -webkit-box-shadow: 0 0 0 #cccccc;
  color: #fff;
  display: inline-block;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  font: normal 15px/16px 'Arial', sans-serif;
  overflow: hidden;
  padding: 6px 15px;
  text-decoration: none;
  width: auto;
}

.journal-article .comment-widget .aafp-button.button-secondary:hover {
  background: none;
  background-color: #666666 !important;
  color: #fff !important;
  border: none !important;
  text-decoration: none !important;
}

.comment-widget .commentcontainer label.error,
.comment-widget .commentcontainer label-comment.error {
  color: #b65f63 !important;
  padding-bottom: 5px;
  padding-left: 0px;
  background-color: #fff !important;
  border: none !important;
}

.commenttxt.error {
  background-color: #fff !important;
  border: 1px solid #ccc !important;
}

#spopup {
  height: auto;
  overflow: hidden;
  width: 90%;
}

#spopup #create {
  color: #fff !important;
}

#spopup table {
  margin-top: 15px;
}

#aafp-body .drop-shadow {
  background-image: none;
}
#aafp-body .block.drop-shadow {
  padding-bottom: 0;
  margin-bottom: 0;
}
#aafp-body.journal-template .button.black {
  color: #fff;
}

/********************************* 
Fix the widths of the body tags 
set to exact pixel widths for each breakpoint.
******************************** */

#aafp-body.journal-template #main {
  width: 100% !important;
  max-width: 1260px;
  margin: 0 auto;
}
#aafp-body.journal-template #main .fpmContent,
.afpContent {
  padding: 0;
}
#aafp-body.journal-template {
  width: 100%;
}
#aafp-body.journal-template section#content {
  padding: 0 2em !important;
  width: 100%;
}

/* columns sizing */
/*************************************/
@media screen and (max-width: 599px) {
  /* columns for mobile and tablet */
  #aafp-body #content .bucket.wide {
    width: 100%;
  }
  #aafp-body #content .bucket.journal-right-col {
    width: 100%; /*  four column */
  }
}

/* styles for small screens */
@media screen and (min-width: 768px) {
  #aafp-body.journal-template #main .fpmContent .titleGroup h1.article-title {
    line-height: 1em;
  }
  #aafp-body.journal-template #main .fpmContent .articleSections h3 {
    padding: 0;
  }
  #aafp-body.journal-template #main .fpmContent .articleSections ul {
    margin-left: 2em !important;
  }

  #aafp-body.journal-template section#content {
    padding: 0 2em !important;
  }
  section#content .bucket {
    width: 100%;
  }

  #aafp-body #content .block.eight-column,
  #aafp-body #content .block.four-column {
    width: 100%;
  }
  #aafp-body #content .bucket.wide {
    width: calc(100% - 300px); /*  eight column - 300px for right and - 2em for gutter */
    padding-right: 2em;
    box-sizing: border-box;
  }
  #aafp-body #content .bucket.journal-right-col {
    width: 300px; /*  four column */
  }
}

/* styles for larger screens */
@media screen and (min-width: 950px) {
  #aafp-body #content .bucket.wide {
    width: calc((100% / 12) * 8); /*  eight column */
    padding-right: 2em;
  }
  #aafp-body #content .block.eight-column,
  #aafp-body #content .block.four-column {
    width: 100%;
  }
  #aafp-body #content .bucket.journal-right-col {
    width: calc((100% / 12) * 4); /*  four column */
  }
}

/**** 
Fix margins on headings in mobile size
****/
#content h1,
#content h1.secondary,
#content h2,
#content h2.secondary,
#content h3,
#content h3.secondary,
#content h4,
#content h4.secondary,
#content h5,
#content h5.secondary,
#content h6,
#content h6.secondary {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
}
#aafp-body #content .block .highlights .container p {
  padding-left: 0;
  padding-right: 0;
}

#aafp-body section#content .cmeMobile {
  padding: 5px 10px;
  margin: 0;
}
#aafp-body section#content ul.printLinks {
  padding: 0;
  margin: 0;
}
#aafp-body section#content ul.printLinks li {
  margin-right: 1em;
}
#aafp-body #content .cmeMobile {
  padding: 0.5em;
}
#aafp-body #content .cmeBoxContainer {
  min-height: 50px;
  width: 100%;
}
#aafp-body #content .block .highlights .container ul {
  margin-top: 0;
}
#aafp-body #main ol,
#aafp-body #main ul,
#aafp-body #main dl {
  list-style-position: outside;
  margin-left: 1.5em !important;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
#aafp-body #main .container.secondary ol,
#aafp-body #main .container.secondary ul {
  list-style-position: outside;
  margin-left: 2em !important;
}
#aafp-body section#content ol li,
#aafp-body section#content ul li {
  position: static;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  width: inherit;
}

#aafp-body #content .fpmContent .commenting {
  margin-bottom: 1em;
}

@media screen and (max-width: 479px) {
  .fpmResizeArt {
    width: 100%;
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  #aafp-body #main h1 {
    font-size: 3.2rem;
    line-height: 3.4rem;
  }
  #content .cmeMobile {
    width: 100%;
    padding: 1em;
    max-width: 100%;
    margin-bottom: 2em;
  }
  #aafp-body #content .outline,
  #aafp-body #content .boxed-text,
  #aafp-body #content .commenting,
  #aafp-body #content .toc-restricted,
  #aafp-body #content .block .highlights .container {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 1em;
  }

  #aafp-body #content .block .highlights .container h4 {
    margin: 0;
    margin-bottom: 1em;
  }
}
#aafp-body p,
#aafp-body .p-copy {
  margin: 0 0 1.2em 0;
}
#aafp-body #content .highlights .container {
  padding: 0;
  margin-bottom: 0;
}
#aafp-body .highlights .container p {
  margin: 0;
}
#aafp-body #content .fig .calltoactionbox .jDialog.highlights {
  margin: 0 0 1em 0;
}
#aafp-body #content .fig .calltoactionbox .jDialog .container.secondary {
  padding: 1em;
}
#aafp-body #content .fig .calltoactionbox .jDialog h4 {
  padding: 0;
}
#aafp-body #content .jSection .mjToggle {
  margin: 0 0 1em 0;
}
#aafp-body #content .jSection .mjToggle .mjContent {
  padding: 0.5em 1em;
}
#aafp-body #content .jSection .mjToggle .mjContent ul {
  margin-bottom: 0.5em;
}

#aafp-body #content .outline {
  padding-bottom: 1em;
  margin-bottom: 1.5em;
}
#aafp-body #spopup {
  width: 90%;
}
#content .sharePrintLinks {
  margin-bottom: 1em;
}
#aafp-body .container.gradient-white {
  padding-top: 0;
  padding-bottom: 0;
}
#aafp-body .container.gradient-white .text.parbase.section p {
  padding: 0 1em;
}

#aafp-body .page-wrap h3,
#aafp-body .page-wrap .highlights.mobile h4 {
  font-size: 1.6rem;
  margin: 0 0 1em 0;
  padding: 0 1em 0.5em 1em;
}
#aafp-body .page-wrap h4.relatedContent {
  padding-left: 0;
  margin-bottom: 0;
}
#aafp-body .fpmContent .fpmContent h4 {
  padding: 0;
  margin: 0 0 1.2em 0;
}

@media screen and (min-width: 767px) {
  #aafp-body .four-column ul.relatedContent {
    padding-left: 1em;
    margin-left: 0;
  }
}
#aafp-body #main p.journalCopyright {
  font-size: 1em;
  line-height: 1.6em;
}

#aafp-body #main #content .pvNxContainer {
  width: 100%;
  padding: 0 !important;
}

/***********************************************/
/*  styles for sticky ad banners on journals  */

.leaderboardAdRow {
  background-color: #fff;
  border-color: #fff;
  position: static;
}