/*
Theme Name: The Nib v1.11.2.2
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.11.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;
}
@font-face
{
  font-family: "Roboto";
  src: url('assets/fonts/roboto-v27-latin-regular.woff2') format('woff2'), url('assets/fonts/roboto-v27-latin-regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "icomoon";
  src: url('assets/fonts/icomoon.ttf')  format('truetype');
}
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%;
  margin-bottom: -40px;
}

.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 40px 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 !important;
  margin: 50px auto 70px auto;
}

.homepage-house-ad a {
  border: none !important;
}

.main-container {
  max-width: 1000px !important;
  margin-top: 3rem;
}

.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,
  .category .container .col-md-4 {
		width: 50%;
  }
  
  .home .list-container .col-md-4,
  .author .list-container .col-md-4 {
    width: 33.33333%;
  }
	
  .home .container .col-md-4,
  .author .container .col-md-4,
  .category .container .col-md-4 {
		height: 420px;
  }
  
  .list-comic-first {
    height: 270px !important;
  }
}

.home .container .col-md-8,
.author .container .col-md-8,
.category .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,
.list-container .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,
.list-container .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;
}

.comic-membershipLink a {
	border-bottom: 2px solid #fee071;
	transition: all 0.2s;
}

.comic-membershipLink a:hover {
	color: #4a4a4a;
	border-bottom-color: #4a4a4a;
}

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

.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%;
  }
}

.entry-content .wp-block-image {
	margin: 0;
}

.entry-content .wp-block-image img {
	display: block;
}

.entry-header {
  margin-bottom: 0px;
}

/* ---
  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 */

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

@media only screen and (min-width: 768px) {
  body .blocks-gallery-grid, boody .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;
}

/* Header */

.site-header nav li:first-child a {
	padding: 0.5rem;
	font-family: 'Khang SemiBold', sans-serif;
	background: #fee071;
}

/* Site Info */
.site-info {
  font-size: 14px;
}

/* Footer */

.pre-footer,
.site-footer {
  text-align: center;
  background-color: #fee071;
}

.pre-footer form {
  margin-left: auto;
  margin-right: auto;
}

.footer-menu {
  display: flex;
  justify-content: center;
}

.footer-menu ul {
  margin:0;
  padding:0;
}

.footer-menu ul li {
  float:left;
  list-style:none;
}

.footer-menu ul li:after {
  content:"|";
  color:#666;
}

.footer-menu ul li:last-child:after {
  content:"";
}

.footer-menu ul li a {
  margin:0 8px;
  border-bottom: 1px solid #fee071;
  color: #656565;
  font-size: 14px;
}

footer .mc4wp-success p{
	font-size:medium;
}
footer .left-footer .mc4wp-form-fields :nth-child(3n){
  position: inherit;
}
.infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer {
    display: block;
}
@media  (min-width: 1200px) {
footer .left-footer .mc4wp-form-fields :nth-child(3n){
 position: absolute;
}
footer .mc4wp-form-fields :nth-child(3n) {
  margin-top: -48px !important;
  margin-left: 334px;
  color: black;
}
	.left-footer .footer-menu-container{
		margin-right: 2%;
	}
}
footer .center #mc4wp-form-2{
  max-width: 423px !important;
}
footer .center #mc4wp-form-1{
  max-width: 423px !important;
}
footer .center #text-5{
  display: flex;
  justify-content: center;
}
footer .center #text-5 .mc4wp-success p{
	text-align:center;
}
footer .mc4wp-form-fields :nth-child(2n) input{
  background-color: rgb(255, 255, 255);
  border-radius: 0%;

}
.left-footer .site-info{
  margin-bottom: 0px;
}

footer .mc4wp-form-fields :nth-child(3n) input{
  background-color: black;
  color: white;
}
@media  (min-width: 1200px) {
	footer .mc4wp-form-fields :nth-child(3n) input{
  background-color: black;
  border-radius: 0%;
  color: white;
}
	footer p{
  text-align: left;
}
	footer .left-footer #mc4wp-form-2 h3{
  text-align: left;
}
	footer .left-footer #mc4wp-form-1 h3{
  text-align: left;
}
		footer .left-footer #mc4wp-form-3 h3{
  text-align: left;
}
	
}
@media  (min-width: 760px) {
  footer .three-column .widget{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
  }
}

#text-3 .widget-title{
  margin-top: 2.25rem;
}

footer .widget-title{
  font-family: "Khang Bold";
  font-weight: bolder;
  font-size: medium;
	margin-bottom:0px !important;
}
footer .textwidget {
  color: black;
  
}
footer .textwidget p {
  font-family: "Khang Regular";
} 

  footer .textwidget a{
  text-decoration: underline;
  color: black;
  font-family: "Khang Regular";
}
.site-footer .widget-area {
  margin-top: 2.25rem;
  margin-bottom: 0.25rem;
}
.icon-facebook:before {
  content: "\ea90";
  color:white; 
  background-color: black;
  border-radius: 100%;
  padding: 10px;
}
.icon-twitter:before {
  content: "\ea96";
  color:white; 
  background-color: black;
  border-radius: 100%;
  padding: 10px;
}
.icon-instagram2:before {
  content: "\ea92";
  color:white; 
  background-color: black;
  border-radius: 100%;
  padding: 10px;
}
@media  (max-width: 1200px) {
  .mobile-social-icons{
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  #text-3 .widget-title , #text-3 .textwidget p{
    text-align: center;
  }
  footer .mc4wp-form-fields :nth-child(3n) {

    color: black;
  }

 .footer-menu-container .menu :nth-child(1) a{ 
    padding-left: 0px;
    margin-left: 0px !important;
  }
  .site-info{
    margin-bottom: 0px;
  }
  .footer-menu{
    margin-top: 0px;
  }
}
@media  (max-width: 760px) { 
	.footer-menu-container { 
    display: flex !important;
    flex-direction: column;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    margin-left: 0px;
  }
	footer #form-container{
		margin-left: -4%;
    	margin-top: 2.25rem;
	}
 } 
footer #subcription{
	
}

footer {
  text-align: left !important;
}
footer #mc4wp-form-2 h3{
  font-family: "Khang Bold";
  min-width: max-content;
  font-size: large;
  margin-top: 0px;
}

footer .center #mc4wp-form-2 label {
  text-align: center;
}
footer #mc4wp-form-1 h3{
  font-family: "Khang Bold";
  min-width: max-content;
  font-size: large;
  margin-top: 0px;
}

footer .center #mc4wp-form-1 label {
  text-align: center;
}
footer #mc4wp-form-3 h3{
  font-family: "Khang Bold";
  min-width: max-content;
  font-size: large;
  margin-top: 0px;
}

footer .center #mc4wp-form-3 label {
  text-align: center;
}
  
footer .left-footer{
  display: flex;
  align-content: center;
  align-items: center;

}
footer .left-footer .footer-menu{
  justify-content: flex-end;
  color: black;
}
footer .footer-menu a{
  color: black !important;
  text-decoration: underline;
  font-family: "Roboto";
}
footer .site-info {
  color: black !important;

}
.left-footer .site-info{
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-end;
}
.left-footer .site-info .text { 
  min-width: 47%;
}
footer #mc4wp-form-2 label{
  font-family: 'Khang Regular';
  color: black;
  font-size: inherit;
}
footer #mc4wp-form-2 h3 :nth-child(1n){
  display: none;
  
}
footer #mc4wp-form-1 label{
  font-family: 'Khang Regular';
  color: black;
  font-size: inherit;
}
footer #mc4wp-form-1 h3 :nth-child(1n){
  display: none;
  
}
footer #mc4wp-form-3 label{
  font-family: 'Khang Regular';
  color: black;
  font-size: inherit;
}
footer #mc4wp-form-3 h3 :nth-child(1n){
  display: none;
  
}
/* Reduce the padding in the comic preview between the byline and the button. */
.byline {
  margin-bottom: 20px;
}

.notMasonry .entry-content,
.notMasonry .read-more-link {
  margin-top: 0px;
}

/* ---
  Ordered Lists
--- */
.list-container {
  text-align: center;
  padding: 0 20px;
  margin: 60px 0;
}

.list-title,
.list-title a {
  font-size: 37px;
  font-weight: 600 !important;
  color: #4a4a4a;
}

.list-description {
  font-size: 22px;
  margin-bottom: 60px;
  padding: 0 60px;
}

.list-second {
  text-align: left;
  display: flex;
}

.list-second .list-title {
  font-size: 27px;
  margin-top: 10px;
}

.list-second .list-description {
  font-size: 16px;
  margin-bottom: 50px;
  padding: 0;
}

.list-second .list-icon {
  margin-left: -10px;
}

.list-second > .col-md-6 {
  padding-right: 40px;
}

.list-comic-second {
  display: flex;
  margin-bottom: 30px;
}

.list-comic-title,
.list-comic-title a
{
  font-size: 20px;
  margin-top: 10px;
  font-weight: 600 !important;
  color: #4a4a4a;
}

.featured-lists {
  text-align: center;
  font-size: 22px;
}

.list-comic-title a,
.featured-lists a {
  border-bottom: 1px solid #FFCC66 !important;
  line-height: 34px;
}

.list-view-more {
  text-align: center;
}

.list-comic-second .list-comic-title {
  margin: auto 0;
}

.list-second .list-center {
  margin: 0 auto;
  padding-right: 10px;
  text-align: center;
}

.list-second .list-center .list-comic-title {
	text-align: left;
}

.list-comic-image img{
  max-height: 150px;
}

@media only screen and (max-width: 768px) {
  .list-container {
    padding: 0 30px;
  }

  .list-title {
    margin-top: 10px;
  }

  .list-comic-first {
    display: flex;
    margin: 40px auto;
    height: auto;
  }

  .list-comic-image {
    width: 70%;
  }

  .list-comic-image img {
    max-height: 100%;
  }

  .list-comic-title {
    width: 50%;
    text-align: left;
    padding-left: 20px;
    margin : auto 0;
  }

  .list-comic-second .list-comic-title {
    padding-left: 10px;
  }


  .list-second {
    display: block;
    text-align: center;
  }

  .list-second .list-description,
  .list-second .list-title {
    height: auto;
  }

  .list-second > .col-md-6 {
    margin-bottom: 60px;
    padding: 0;
  }

  .list-second .list-icon {
	margin-left: 0;
  }

  .list-description {
    padding: 0;
  }
}

/* ---
  Category Page
--- */

.category .header-content {
  max-width: 670px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
}

.category-image {
  max-width: 800px;
  margin-top: 80px;
  margin-bottom: 20px;
}

.category .container {
  margin-top: 60px;
}

header .container {
	margin-top: 0px !important;
}

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

.post-template-default .site-content{
	padding-top: 30px !important;
}
h1.page-title{
	margin-bottom: 1rem !important;
}



.byline a{
	    border-bottom: 1px solid #FFCC66 !important;
   		 line-height: 34px;
}
.author-list a{
	border-bottom: none !important;
}
em a{
	    border-bottom: 1px solid #FFCC66 !important;
    line-height: 34px;
}

.content-area .wp-block-gallery .blocks-gallery-grid .blocks-gallery-item img{
	height:unset;
}
}
article[sticky="true"]{
	width: 100% !important;
}