/*NOTE: Custom CSS for the Blog Post Page only.*/
.page-title {
  border-bottom: none !important;
}

.blog-post-text-container td {
  text-align: center;
}

.blog-properties {
  font-family: var(--font-family-medium);
  color: rgb(var(--color-dark-gray));
  font-size: 18px;
  line-height: 22px;
}

.blog-author-container {
  padding: 44px 5px 0 0;
  border-top: 2px solid rgb(var(--color-medium-gray));
  border-bottom: 2px solid rgb(var(--color-medium-gray));
  margin: 5px 15px 51px 15px;
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}

.blog-author,
.blog-author-by {
  color: rgb(var(--color-medium-gray));
}

.blog-author {
  font-weight: bold;
}

.topic {
  font-family: var(--font-family-bold);
  color: rgb(var(--color-medium-gray));
  font-size: 18px;
  line-height: 30px;
}
.topic-tag-top-container {
  padding: 8px 20px 8px 0 !important;
}
.topic-tag-top {
  color: rgb(var(--color-dark-blue));
  font-family: var(--font-family-bold);
  font-size: 18px;
  line-height: 22px;
  cursor: pointer;
  display: inline;
  /*padding: 8px 10px 8px 0 !important;
    margin-right: 10px;*/
  padding: 8px 0 8px 0 !important;
  margin-right: 0;
}

.topic-tag {
  color: rgb(var(--color-dark-blue));
  font-family: var(--font-family-bold);
  font-size: 18px;
  line-height: 22px;
  cursor: pointer;
  display: inline;
  text-transform: uppercase;
  background-color: rgb(var(--color-light-gray));
  padding: 8px 20px !important;
  margin-right: 20px;
}

.topic-tag:hover {
  color: rgb(var(--color-orange)) !important;
  /*text-decoration: underline !important;*/
}

.topic-span {
  color: rgb(var(--color-dark-blue));
  font-family: var(--font-family-bold);
  font-size: 18px;
  line-height: 22px;
  display: inline;
}
.pipe-pad {
  margin: 0 12px;
}

.footer-social-icon {
  color: rgb(var(--color-near-black));
}

.author-name {
  color: rgb(var(--color-dark-blue));
  font-family: var(--font-family-bold);
  font-size: 30px;
  line-height: 25px;
  margin-bottom: 20px;
}

.author-img-container {
  width: 200px;
  padding-left: 0 !important;
}

.author-img {
  width: 100%;
  max-width: 100%;
}
.author-desc-container {
  flex: 1;
}
.author-desc {
  font-family: var(--font-family-medium);
  font-size: 22px;
  line-height: 32px;
  margin-bottom: 10px;
  color: rgb(var(--color-medium-gray));
}

.blog-social-icon {
  margin: 20px 0 10px 0;
}

.blog-author-container {
  padding: 53px 0;
}

.fresh-air-email {
  color: rgb(var(--color-dark-blue));
}

.w-100-per {
  max-width: 100% !important;
}

.m-t-20 {
  margin-top: 20px !important;
}

.m-b-20 {
  margin-bottom: 20px !important;
}

.blog-post-hero-image {
  margin-top: 25px;
}

.blog-post-hero-image img {
  /*height: 550px;*/
  width: 100%;
}

.blog-post-text-container {
  font-size: 22px;
  font-family: var(--font-family-medium);
}

/*CSS for videos embedded in blog*/
.blog-video .video-card {
  height: 325px !important;
  position: relative !important;
  width: 581px !important;
  display: inline-block !important;
  margin: 35px 0;
}

.blog-video .video-link-card {
  height: 100%;
  background-size: cover !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
/*End CSS for videos embedded in blog*/

.blog-post-text-container ul {
  margin-left: 25px;
}

.blog-post-text-container li {
  list-style-type: disc;
}
.blog-post-text-container ol,
.blog-post-text-container ul {
  margin-left: 25px;
  padding: 0;
}
.blog-post-text-container ol li,
.blog-post-text-container ul li {
  margin-bottom: 3px;
  margin-top: 3px;
}
.blog-post-text-container ol > li {
  list-style-type: decimal;
}
.blog-post-text-container ol > li > ol > li {
  list-style-type: lower-alpha;
}
.blog-post-text-container ul > li {
  list-style-type: disc;
}

.blog-post-text-container ul > li > ul > li {
  list-style-type: circle;
}
.blog-contact-us {
  border-top: 2px solid rgb(var(--color-medium-gray));
  border-bottom: 2px solid rgb(var(--color-medium-gray));
  padding: 30px 20px 30px 0;
  /*margin-top: 15px;*/
  margin-top: 37px; /*Bug: 13474*/
  font-size: 22px;
  line-height: 34px;
  font-family: var(--font-family-medium);
  color: rgb(var(--color-medium-gray));
  margin-left: 15px;
}

.author-name-mobile {
  display: none;
}

/*Temp CSS for image desc text*/
#FigureLabel {
  font-weight: bold;
  color: rgb(var(--color-dark-gray));
}

/*CSS for Blog video player*/
.wistia_click_to_play div:first-child {
  cursor: pointer;
  overflow: hidden;
  position: relative;
  width: 1060px;
  left: 0px;
  height: 596px;
  margin-top: 0px;
}

.wistia_click_to_play div img {
  width: 100% !important;
  height: 100% !important;
  background-size: cover !important;
}

#blogPost .topics-list {
  display: block;
}

.blog-pagination a.page-link {
  font-family: var(--font-family-medium);
  color: rgb(var(--color-dark-blue));
  font-size: 22px;
  line-height: 30px;
}

.blog-pagination .page-prev-link,
.blog-pagination .page-next-link {
  font-family: var(--font-family-medium);
  color: rgb(var(--color-dark-gray));
  font-size: 22px;
  line-height: 30px;
}

.blog-pagination {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.blog-inset-img {
  width: 100%;
  margin: 0 0 20px 0;
  text-align: center;
}
.blog-inset-img img,
.blog-img-caption img {
  max-height: 100%;
  max-width: 100%;
}
.blog-inset-img p,
.blog-img-caption p {
  color: rgb(var(--color-dark-gray));
  font-family: var(--font-family-bold);
  font-size: 22px;
  margin-top: 10px;
}
.blog-content,
.blog-content p {
  font-size: 22px;
  color: rgb(var(--color-near-black));
  font-family: var(--font-family-medium);
}
.blog-img-right .blog-content {
  width: 49%;
  margin-right: 1%;
}
.blog-img-right .blog-img-caption {
  width: 49%;
  margin-left: 1%;
  text-align: center;
  margin-top: 6px;
}
.blog-img-left .blog-content {
  width: 49%;
  margin-left: 1%;
}

.blog-img-left .blog-img-caption {
  width: 49%;
  margin-right: 1%;
  text-align: center;
  margin-top: 6px;
}
.blog-img-right,
.blog-img-left {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
}
.modal-dialog.modal-md.comment-reply-modal {
  width: 1013px !important;
}
.modal-dialog.modal-md.comment-reply-modal .modal-content {
  border-radius: 6px;
  padding-bottom: 0 !important;
}
.modal-dialog.modal-md.comment-reply-modal
  .modal-content
  .modal-body.m-pad-zero {
  padding-bottom: 0 !important;
}

.comment-reply-modal-title {
  color: rgb(var(--color-dark-gray));
  font-family: var(--font-family-bold);
  font-size: 31px !important;
  margin-bottom: 15px;
}
.p-b-0 {
  padding-bottom: 0 !important;
}
.comment-reply-modal-title textarea {
  height: 130px !important;
}
.sign-up-container-desktop,
.footer-spacer {
  margin-bottom: 70px;
}
.m-b-18 {
  margin-bottom: 18px;
}
.pad-top-23 {
  padding-top: 23px;
}
.pad-top-7 {
  padding-top: 7px;
}
.m-b-2 {
  margin-bottom: 2px !important;
}
.subscribe-input {
  max-width: 630px !important;
}
.p-6-15.btn-primary:hover,
.p-6-15.btn-primary:active,
.p-6-15.btn-primary:focus {
  padding: 6px 15px !important;
}
.section-title.link-bold {
  font-size: 15px !important;
  font-weight: 400 !important;
  font-family: var(--font-family-medium) !important;
  line-height: 24px !important;
  color: rgb(var(--color-dark-blue)) !important;
}
.m-b-27 {
  margin-bottom: 27px !important;
}
.b-b-grey-2 {
  border-bottom: 2px solid rgb(var(--color-medium-gray));
}
.m-t-b-40-29 {
  margin: 33px 0 22px 0 !important;
}
.section-title.link-bold:hover {
  color: rgb(var(--color-orange)) !important;
}
.sf-Comments-form.comment-btn {
  margin-bottom: 53px !important;
}

.topic-tag {
  margin-top: 50px !important;
  display: inline-block !important;
  width: auto !important;
}

/*Responsive For Blog Post*/
.mobile-hide {
  display: block;
}

/* ==========================================================================
   Media Queries
   --------------------------------------------------------------------------
   Three breakpoint system:
   1. Desktop: >=1025px (default/base styles, no media query needed)
   2. Tablet: >=878px and <=1023px
   3. Mobile: <=877px
   ========================================================================== */

/* Desktop styles (>=1025px) - Base styles, no media query needed */

/* --------------------------------------------------------------------------
   Tablet: >=878px and <=1023px
   -------------------------------------------------------------------------- */
/* No tablet-specific styles currently defined */

/* --------------------------------------------------------------------------
   Mobile: <=877px
   -------------------------------------------------------------------------- */
@media (max-width: 877px) {
  .sign-up-container-desktop,
  .footer-spacer {
    margin-bottom: 0;
  }

  .modal-dialog.modal-md.comment-reply-modal {
    width: calc(100% - 100px) !important;
  }

  .mobile-hide {
    display: none;
  }

  .blog-post-text-container ol,
  .blog-post-text-container ul {
    margin-left: 16px;
    padding: 0;
  }

  .blog-post-text-container ol > li:before,
  .blog-post-text-container ul > li:before {
    content: "";
    width: 8px;
    height: 8px;
    background-color: rgb(var(--color-dark-gray));
    display: inline-block;
    border-radius: 4px;
    margin-left: -13px;
    position: absolute;
    top: 5px;
    /*display:none;*/
  }

  .blog-img-left {
    display: flex;
  }

  .blog-img-left .blog-img-caption {
    order: 2;
    margin-top: 0px;
  }

  .blog-img-left .blog-content {
    order: 1;
  }

  .blog-img-right {
    display: flex;
  }

  .blog-img-right .blog-img-caption {
    order: 2;
    margin-top: 0px;
  }

  .blog-img-right .blog-content {
    order: 1;
  }

  .blog-img-caption {
    text-align: center;
  }

  .blog-inset-img p,
  .blog-img-caption p {
    font-size: 12px;
  }

  .blog-content,
  .blog-content p {
    font-size: 12px;
  }

  .blog-img-right .blog-content {
    width: 100%;
    margin: 0;
  }

  .blog-img-right .blog-img-caption {
    width: 100%;
    margin: 0;
  }

  .blog-img-left .blog-content {
    width: 100%;
    margin: 0;
  }

  .blog-img-left .blog-img-caption {
    width: 100%;
    margin: 0;
  }

  .blog-post-hero-image {
    margin-top: 0;
  }

  .blog-post-hero-image img {
    height: auto;
  }

  .topic,
  .topic-tag,
  .blog-properties {
    font-size: 13px;
  }

  .topic-tag {
    margin-top: 30px !important;
    display: inline-block !important;
    width: auto !important;
    margin-bottom: 20px !important;
  }

  .blog-social-icon {
    margin: 0;
  }

  .blog-social-icon .footer-social-icon i.fa-2x {
    font-size: 1.5em;
  }

  .blog-post-text-container {
    font-size: 12px;
    margin-top: 10px !important;
  }

  .blog-post-text-container h1 {
    font-size: 24px;
  }

  .blog-post-text-container h2 {
    font-size: 18px;
  }

  .blog-author-container {
    margin: 10px 15px 27px 15px;
    padding: 17px 0 15px 0;
  }

  .blog-contact-us,
  .author-desc {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 0;
  }

  .form-group input.subscribe-input {
    height: 28px !important;
    line-height: 28px !important;
  }

  .sign-up-container-desktop .form-group.col-md-12.pad-zero,
  .sign-up-container-desktop
    .col-md-12.col-sm-12.col-lg-12.pad-zero.pad-top-15 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .blog-contact-us {
    padding: 20px 0;
    margin: 0 15px 15px 15px;
  }

  .blog-comments-container {
    border: 2px solid rgb(var(--color-medium-gray));
    padding: 15px;
  }

  .blog-comment-container {
    border-bottom: 2px solid rgb(var(--color-medium-gray));
    padding-bottom: 15px;
  }

  .author-name-mobile {
    color: rgb(var(--color-dark-gray));
    font-family: var(--font-family-bold);
    font-size: 12px;
    line-height: 24px;
    display: block;
    width: 75px;
    text-align: center;
  }

  .author-name {
    display: none;
  }

  .author-img-container {
    width: 25%;
    float: left;
    margin-right: 10px;
    padding: 0;
  }

  .author-img {
    width: 75px;
    max-width: none;
  }

  .col-blog-3 {
    padding-top: 0;
  }

  .video-card-section {
    margin-bottom: 0;
  }

  .blog-video .video-card {
    height: 192px !important;
    width: 273px !important;
    display: inline-block !important;
    margin: 35px 0 20px 0;
  }

  .video-card-link-container a {
    font-size: 14px;
  }

  .blog-img-right,
  .blog-img-left {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
    margin-top: 10px;
  }

  .sign-up-container-desktop {
    margin-bottom: 15px;
  }

  .sf_colsIn.col-blog-3 .card-white-title {
    margin-top: 11px;
    text-align: left !important;
  }

  .blog-post-text-container img {
    max-width: 100% !important;
  }

  .modal-dialog.modal-md.comment-reply-modal {
    width: calc(100% - 30px) !important;
  }

  .comment-reply-modal-title {
    color: rgb(var(--color-dark-gray));
    font-family: var(--font-family-bold);
    font-size: 24px !important;
  }
}