/*
Theme Name: The Nib v1
Theme URI: https://www.thenib.com
Description: Ippo child theme for The Nib
Author: Andy Gillette
Author URI: https://andygillette.com
Template: ippo
Version: 1.3.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: child theme
Text Domain: the-nib
*/

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

@font-face
{
  font-family: "Khang ExtraLight";
  src: url('assets/fonts/Khang-ExtraLight.woff2') format('woff2'), url('assets/fonts/Khang-ExtraLight.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face
{
  font-family: "Khang Light";
  src: url('assets/fonts/Khang-Light.woff2') format('woff2'), url('assets/fonts/Khang-Light.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face
{
  font-family: "Khang Regular";
  src: url('assets/fonts/Khang-Regular.woff2') format('woff2'), url('assets/fonts/Khang-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face
{
  font-family: "Khang Medium";
  src: url('assets/fonts/Khang-Medium.woff2') format('woff2'), url('assets/fonts/Khang-Medium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face
{
  font-family: "Khang SemiBold";
  src: url('assets/fonts/Khang-SemiBold.woff2') format('woff2'), url('assets/fonts/Khang-SemiBold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face
{
  font-family: "Khang Bold";
  src: url('assets/fonts/Khang-Bold.woff2') format('woff2'), url('assets/fonts/Khang-Bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

body, .wf-active body {
	font-family: 'Khang Regular';
	color: #4a4a4a;
}

.wf-active h1, .wf-active h2, .wf-active h3, .wf-active h4, .wf-active h5, .wf-active h6 {
	font-family: 'Khang SemiBold', sans-serif;
  font-weight: normal;
	font-style: normal;
	color: #4a4a4a;
}

.entry-title a {
	color: #4a4a4a;
}

p, 
.entry-content li,
.site-description,
.site-info,
.site-header nav,
.single .posts-navigation .nav-links > div > span,
.widget-title, .read-more-link, .category-list,
.post-date,
.single .posts-navigation .nav-links .entry-meta, 
.category-list, .post-date,
.single .posts-navigation .nav-links .entry-meta,
.notMasonry .format-quote blockquote,
.notMasonry .format-quote q,
.notMasonry .format-link .entry-content p,
.search .format-quote blockquote,
.search .format-quote q,
.search .format-link .entry-content p,
.notMasonry .format-quote blockquote cite,
.notMasonry .format-quote blockquote + cite,
.notMasonry .format-quote blockquote + p cite,
.notMasonry .format-quote q cite,
.notMasonry .format-quote q + cite,
.notMasonry .format-quote q + p cite,
.notMasonry .format-link .entry-content a,
.search .format-quote blockquote cite,
.search .format-quote blockquote + cite,
.search .format-quote blockquote + p cite,
.search .format-quote q cite,
.search .format-quote q + cite,
.search .format-quote q + p cite,
.search .format-link .entry-content a,
.entry-footer,
.single .format-quote blockquote cite,
.single .format-quote blockquote + cite,
.single .format-quote q cite,
.single .format-quote q + cite,
.single .format-quote blockquote + p cite,
.single .format-quote q + p cite,
.single .format-link .entry-content > a,
.single .format-link .entry-content > p > a,
.archive .page-title,
.search .page-title,
.error404 .page-title,
.search-no-results .page-content > p,
.error404 .page-content > p,
.wp-caption-text,
.gallery-count,
body #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-context,
body #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-date,
.sd-rating .sd-title,
.sd-rating .rating-msg,
body div.sharedaddy .sd-social h3.sd-title {
  letter-spacing: 0;
}

.entry-meta {
	text-align: center;
}

.entry-meta .post-date {
	float: none;
}

.wf-active .notMasonry .sticky .entry-title {
	margin: 0;
	text-align: center;
}

.notMasonry .post {
	margin-bottom: 50px;
}

.single .byline {
  font-size: 24px;
  color: #4a4a4a;
  line-height: 1.6
}

.single .byline a {
  color: #4a4a4a;
  text-decoration: none;
  border-bottom: 2px solid #fee071;
  transition: border .123s;
}

.single .byline a:hover {
  border-bottom: 2px solid #4a4a4a;
}

body {
	margin-top: 50px !important;
}

#content {
	margin-top: 0 !important;
}

/* ---
  Home Page
--- */

.featured-posts {
	display: block;
	width: 100%;
}

.featured-posts .post {
	float: none;
	width: calc(100% - 40px);
	max-width: 800px;
	margin: 0 auto 40px auto;
}

@media only screen and (min-width: 768px) {
	.featured-posts .post {
		margin: 100px auto;
	}
}

.featured-posts .post .slide-text {
	opacity: 1;
	width: calc(100% - 40px);
	text-align: center;
}

.homepage-house-ad {
  width: calc(100% - 40px);
  max-width: 600px;
  margin: 0 auto;
}

.main-container {
	max-width: 1000px !important;
}

.home .container .col-md-4,
.author .container .col-md-4 {
	width: 100%;
}

@media only screen and (min-width: 768px) {
	.home .container .col-md-4,
	.author .container .col-md-4 {
		width: 50%;
	}
	
	.home .container .col-md-4 {
		height: 420px;
	}
}

.home .container .col-md-8,
.author .container .col-md-8 {
	width: 100%;
}

.home .tag-featured {
	background: #fee071;
  border-bottom: 5px solid #eccc54;
	padding: 0 0 20px 0;
}

.home .tag-featured .entry-meta,
.home .tag-featured .entry-content {
	display: none;
}

.notMasonry .featured-image + .entry-meta,
.notMasonry .entry-gallery + .entry-meta,
.notMasonry .entry-video + .entry-meta {
  margin-top: 10px;
}

.notMasonry .entry-title,
.notMasonry .page .entry-title {
  margin-top: 0;
  margin-bottom: 10px;
}

.notMasonry .read-more-link {
  background: #fee071;
  color: #4a4a4a;
  font-size: 13px;
  text-transform: uppercase;
  font-family: 'Khang Medium', sans-serif;
  font-weight: 400;
  font-style: normal;
  padding: 10px 20px 8px 20px;
  display: inline-block;
  border-bottom: 3px solid #eccc54;
}

.notMasonry .read-more-link:hover {
  border-color: #fee071;
}

.notMasonry .byline {
  display: block;
  text-align: center;
}

.icon-standard:before,
.format-standard .featured-image a:after {
  display: none;
}

.notMasonry .entry-title,
.notMasonry .page .entry-title {
  text-align: center;
  font-size: 30px;
}

.notMasonry .entry-content {
  text-align: center;
  margin-bottom: 20px;
}

.notMasonry .entry-meta {
  display: none;
}

.notMasonry .entry-content > p {
  display: none;
}

#infinite-footer {
  display: none;
}

/* ---
  Comics
--- */

.wp-block-gallery {
  margin: 0;
}

.wp-block-gallery .blocks-gallery-item {
  margin: 0;
}

.gallery {
  margin: 0;
}

.gallery-icon {
  padding: 0;
}

.comic-recirc-header {
  text-align: center;
}

.comic-recirc {
  list-style: none;
  margin: 0;
  padding: 0;
  text-indent: 0;
  display: flex
}

.comic-recirc .recirc-promo {
  padding: 0px 10px;
  width: calc(100% / 3);
}

.container .container.container-small {
  max-width: 900px;
}

.entry-content > h2 {
  font-size: 30px;
}

.entry-content > h2:first-child {
  margin-top: -30px;
  text-align: center;
}

.comic-membershipLink {
  text-align: center;
}

.single .hero {
  padding-bottom: 60px;
}

.wp-block-gallery .blocks-gallery-item,
.gallery-columns-3 .gallery-item,
.gallery-columns-2 .gallery-item {
  width: 100%;
  max-width: 100%;
}

@media only screen and (min-width: 768px) {
  .wp-block-gallery.columns-1 .blocks-gallery-image,
  .wp-block-gallery.columns-1 .blocks-gallery-item {
    max-width: 100%;
  }
  .gallery-columns-2 .gallery-item {
    max-width: 50%;
  }
  .gallery-columns-3 .gallery-item {
    max-width: 33.333333%;
  }
}

/* ---
  Authors
--- */

.shortcode-author-avatars .author-list {
  width: auto;
  float: none;
  margin: 0 auto;
}

.author-list .avatar img {
  border-radius: 50%;
  margin: 0;
}

.shortcode-author-avatars div.author-list .user {
  display: inline-block !important;
  float: none !important;
  padding: 0 !important;
  margin: 30px;
}

.shortcode-author-avatars div.author-list .user .name {
  display: block;
  font-size: 20px;
  margin: 10px 0 0 0;
}

.taxonomy-description {
  width: calc(100% - 40px);
  max-width: 850px;
  margin: 0 auto;
  font-size: 1.25em;
  line-height: 1.4;
}

.archive .page-title {
  margin-bottom: 1em;
}

.archive .page-title span {
  color: #4a4a4a !important;
}

.author-archive-avatar {
  text-align: center;
  margin: 0;
}

.author-archive-avatar img {
  margin: 0 auto;
  border-radius: 50%;
}

/* ---
  Newsletter forms
--- */

.mc4wp-form {
  display: block;
  text-align: center;
}

.mc4wp-form input {
  width: 100%;
  max-width: 350px;
}

.mc4wp-form input[type="email"] {
  border: 2px solid #fee071;
}

.mc4wp-form input[type="submit"] {
  background: #fee071;
  color: #4a4a4a;
}


/* reset gallery widths */

.blocks-gallery-grid, .wp-block-gallery {
  flex-wrap: nowrap;
  display: block;
  margin: 0 auto;
}

@media only screen and (min-width: 768px) {
  .blocks-gallery-grid, .wp-block-gallery {
    display: flex;
  }
}

.blocks-gallery-grid .blocks-gallery-image,
.blocks-gallery-grid .blocks-gallery-item,
.wp-block-gallery .blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item {
	width: auto !important;
}