/*
 Theme Name:   How We Get To Next
 Description:  Some changes to the Mediumish theme for How We Get To Next. The Mediumish theme must be installed to use this.
 Author:       Phil Gyford
 Template:     mediumish
 Text Domain:  mediumishchild
 Version: 1.0.1
*/


/***************************************************************************
 * Our custom fields for Posts.
 */

.hwgtn-kicker,
.hwgtn-subtitle {
  color: rgba(0, 0, 0, .54);
  font-family: medium-content-sans-serif-font,"Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Arial,sans-serif;
  font-weight: 400;
  line-height: 1.22;
}

.hwgtn-kicker {
  font-size: 22px;
  letter-spacing: -.01em;
}

.hwgtn-subtitle {
  font-size: 28px;
  letter-spacing: -.012em;
  margin-top: 5px;
  margin-bottom: 22px;
}

/***************************************************************************
 * Other tweaks to Post display.
 */

/* We moved the author block down, so need to adjust it to look better. */
.post-top-meta {
  margin-bottom: 0;
}

/* Hide Follow button. */
.post-top-meta .btn.follow {
  display: none;
}

/* Hide next/prev links at bottom of post. */
.post .prevnextlinks {
  display: none;
}

/***************************************************************************
 * Hide author avatars everywhere.
 */

/* On Post page */
.post-top-meta .col-md-2 {
  display: none;
}

/* At bottom of blocks listing individual posts. */
.meta-footer-thumb {
  display: none;
}

/* In header of an Author page */
.forauthor .margbotneg100 {
  display: none;
}
.forauthor {
  margin-bottom: 0;
}

/* In the template-listauthors.php template. */
.listauthor .card-block>a:first-child {
  display: none;
}


.wp-block-embed.is-type-video:before, .wp-block-embed-video:before, .wp-block-video:before {
  padding-top: 0px;
}

.wp-block-image figcaption {
  background: transparent;
  font-style: normal;
}

.mainheading h1.posttitle, h1.entry-title {
  font-size: 42px!important;
}

.hwgtn-subtitle {
  font-size: 25px!important;
}

.hwgtn-kicker {
  font-size: 20px!important;
}

h2, h3, h4 {
  font-weight: 700;
}

#main-slider.homepage-carousel {
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  width: 100vw;
  max-width: 100vw;
  margin-top: 0px;
}

.homepage-carousel .carousel-control-prev-icon, .homepage-carousel .carousel-control-next-icon {
    background-color: rgba(51,51,51,0.38);
    display: block;
    width: 30px;
    height: 30px;
    background-size: 60% auto;
    background-position-x: 75%;
}


.home .site-content {
  padding-top: 0px!important;
}

.article-post .block-cat-posts.listrecent h2.card-title a,
article.page .block-cat-posts.listrecent h2.card-title a,
.article-post .block-cat-posts.listrecent .post-name a,
article.page .block-cat-posts.listrecent .post-name a {
  color: inherit;
}

.card .post-name a {
  font-weight: 600;
  font-size: 13px;
  color: #666;

}

article.page .cat-block-hub h4 a {
  color: #111;
  font-family: "Merriweather Sans";
}

.block-cat-posts .card-text {
  font-size: 1em;
}

.w800 {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

article.page .page-content h4 a {
  color: #111;
}

.hidden {
  display: none!important;
}

.post-template-single-noheader .site-content {
  padding-top: 0px;
}

@media (max-width: 767px) {
.navbar-collapse .nav-link {
  border-left: 0px;
    border-right:0px;
    border-bottom:0px;
}
}

.homepage-carousel-slide .carousel-excerpt {
  background: rgba(51,51,51,0.68);
}

.homepage-carousel-slide .carousel-excerpt .title {
  font-size: 28px;
}

.homepage-carousel-slide .carousel-excerpt .fontlight {
  font-size: 18px;
}

.dropdown-item, body .mainheading h1.posttitle, body h1.entry-title, h1, h2, h3, h4, h5, .sharecolour {
  font-family: 'Merriweather Sans';
}

.hwgtn-subtitle {
  font-family: 'Merriweather';

}

a {
  color: #02B875;
}

.cli-bar-message, .cli-bar-btn_container a {
  font-family: 'Merriweather Sans';

}

.cli-bar-btn_container {
  justify-content: center;
}