/*!
Theme Name: minimalblog-child
Theme URI: https://theimran.com/themes/uncategorized/minimalblog-wordpress-theme-free
Theme URI: https://gitlab.com/dsaclassunity/minimalblog-child
Template: minimalblog
Version: 0.0.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: minimalblog
Tags: blog, news, E-Commerce, grid-layout, one-column, two-columns, Three-Columns, Four-Columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, footer-widgets, Flexible-Header, theme-options, translation-ready, Featured-Images, block-styles, Wide-Blocks, Sticky-Post, featured-image-header, front-page-post-form, full-width-template, Post-Formats, Threaded-Comments

This theme, like WordPress, is license under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
minimalblog is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
    ## Links
    ## Menus
# Accessibility
# Alignments
# Widgets
# Content
    ## Posts and pages
    ## Comments
# Infinite scroll
# Media
    ## Captions
    ## Galleries
--------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css?family=Public+Sans:400,400i,700,700i&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Grenze&display=swap");

/*--------------------------------------------------------------
# Branding
--------------------------------------------------------------*/

.site-branding .site-title {
  display: none;
}
.site-branding .site-description {
  font-style: bold;
  font-weight: 700;
  letter-spacing: 0.2em;
  color: #ffffff;
  background-color: #ec1f27;
  text-align: center;
  margin: 0.1em auto 0 auto;
  font-size: 16px;
  border-radius: 2em;
  padding: 0.2em 0em 0.2em 0.2em;
  width: 4em;
}

#masthead.site-header .logo-area {
  margin-left: 0px;
  margin-right: 0px;
  padding-right: 0px;
  padding-left: 0px;
}

/* Only for large size */
@media screen and (min-width: 608px) {
  .site-branding .site-description {
    font-size: 26px;
    margin-top: 0.3em;
  }
  #masthead.site-header .logo-area {
    margin-right: 15px;
    margin-left: 15px;
    padding-right: 0px;
    padding-left: 0px;
  }
}

/* Only for mid-size */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .site-branding .site-description {
    font-size: 18px;
    margin-top: 0.3em;
  }
}

.site-header .logo-area {
  padding: 0;
  margin: 20px;
}

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

.category-links {
  display: none;
}

.page-banner-area {
  display: none;
}

#primary.content-area,
#primary.content-area.section-padding {
  padding-top: 2.2rem !important;
}

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

body,
button,
input,
select,
optgroup,
textarea {
  font-family: "Public Sans", sans-serif;
  font-size: 1rem;
  letter-spacing: normal;
}

/* Drop cap styling */
p.has-drop-cap:not(:focus):first-letter {
  float: left;
  font-size: 6em;
  font-weight: 100;
  margin: 0.05em 0.1em 0 0;
  text-transform: uppercase;
  font-style: normal;
  font-family: Grenze;
}

blockquote,
.wp-block-quote {
  border-left: 7px solid #ec1f27;
}

.entry-content a {
  color: #838383;
  text-decoration: underline;
}

/*--------------------------------------------------------------
# Article page
--------------------------------------------------------------*/

#main.site-main.archive-page-section {
  margin-top: 20px;
}

.author-meta .post-author-image {
  display: none;
}

.post-author {
  display: none;
}

.blog-meta .posted-on {
  display: contents;
}

.post-title.single-post-title {
  margin-top: 0px;
}

.blog-meta ul li span {
  display: none;
}

.blog-meta ul li span.fa-calendar-o {
  display: contents;
}

.post .entry-content .blog-meta.single-post-meta ul li a {
  color: #808080;
  text-decoration: none;
  font-size: 1.2rem;
}

/* TODO: Finish implementing feature image captions in child theme */
figcaption,
.wp-block-image figcaption {
  color: #555d66;
  font-size: 15px;
  text-align: center;
  font-style: italic;
  line-height: 1.4rem;
}

blockquote,
blockquote,
.wp-block-quote {
  border-color: #c5c5c5;
}
/*--------------------------------------------------------------
# Category page
--------------------------------------------------------------*/

article.minimalblog-standard-post .post-title {
  font-size: 1em;
}

.archive-page-section article {
  transition: 0.2s;
  border-radius: 0px;
}

.minimalblog-standard-post__thumbnail.post-header img {
  border-radius: 0px;
  width: 100%;
}

#main.archive-page-section .blog-meta ul li.author-meta {
  padding-right: 0px;
}

#main.archive-page-section .blog-meta ul li.author-meta a {
  color: #808080;
  text-transform: initial;
  font-size: 1.2em;
}

.blog-post-section article,
.archive-page-section article {
  border: 1px solid #e7e7e7;
}

.readmore {
  margin-top: 1.2em;
}
.readmore a {
  color: #686868;
  background-color: #e0e0e0;
  padding: 1px 15px 2px 15px;
  margin: 0px 0px 0px 0px;
  padding-bottom: 0px;
  text-decoration: unset;
  font-weight: 700;
}

.readmore a:hover {
  background-color: #000000;
  border: none;
}

.minimalblog-entry-content {
  padding: 0 15px 30px 15px;
}

/*--------------------------------------------------------------
# Top bar
--------------------------------------------------------------*/

.topbar-search-form {
  display: none;
}

div.site-topbar-area {
  margin-bottom: 0px;
  padding-bottom: 0px;
  border: none;
}

/*--------------------------------------------------------------
# Custom classes
--------------------------------------------------------------*/

.wrap-url a:link,
.wrap-urls a:link,
.wrap-link a:link,
.wrap-links a:link,
.wrapped-url a:link,
.wrapped-urls a:link,
.wrapped-link a:link,
.wrapped-links a:link {
  /* Make sure long strings will wrap and not bust out of the container.
   * Probably rarely necessary, as links should already be set to break up,
   * but this will break them per character, not just per word.
   */
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

/* Hide remoteform CANCEL button */
#remoteForm > form.rf-form > #remoteform-submit > input.btn[value="Cancel"] {
  display: none;
}

#remoteForm {
  max-width: 800px;
  margin-right: auto;
  margin-left: auto;
}

/* .alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 8px;
}

.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
} */

.rf-form {
  background-color: #f9f9f9;
  /* padding-left: 10px; */
  border: 1px solid #dddd;
  border-radius: 8px;
  padding: 30px;
  /* margin-left: 20px;
  margin-right: 10px; */
}

.form-group {
  padding-top: 10px;
  padding-bottom: 10px;
}

.rf-label {
  display: block;
  font-size: larger;
  font-weight: 700;
}

/* .form-control {
  width: 90%;
  height: 34px;
} */
/*
small.form-text {
  display: block;
}

.text-muted {
  color: #777;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
} */

/*--------------------------------------------------------------
# Responsive
--------------------------------------------------------------*/

@media only screen and (min-width: 1400px) {
  article.page,
  article.post div.entry-content {
    margin-left: 80px;
    margin-right: 80px;
  }
}

@media only screen and (min-width: 1201px) and (max-width: 1399px) {
  article.page,
  article.post div.entry-content {
    margin-left: 80px;
    margin-right: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  article.page,
  article.post div.entry-content {
    margin-left: 45px;
    margin-right: 45px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  article.page,
  article.post div.entry-content {
    margin-left: 20px;
    margin-right: 20px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  article.page {
    margin-right: 0.1rem;
    margin-left: 0.1rem;
  }

  #primary.content-area,
  #primary.content-area.section-padding {
    padding-top: 1rem !important;
  }
}

@media only screen and (max-width: 479px) {
  article.post div.entry-content {
    margin-right: 0rem;
    margin-left: 0rem;
  }

  article.post div.entry-content .single-post-title {
    font-size: 0.7em;
  }

  #primary.content-area,
  #primary.content-area.section-padding {
    padding-top: 0.8rem !important;
  }

  blockquote,
  .wp-block-quote {
    padding: unset !important;
  }
}

body.single-post div.container {
  padding-left: 0px;
  padding-right: 0px;
}

body.single-post div.container .site-branding {
  padding-left: 15px;
  padding-right: 15px;
}

/*--------------------------------------------------------------
# Primary navigation
--------------------------------------------------------------*/
#cssmenu > ul > li.has-sub > a::before {
	right: -12%;
	top: 50%;
	transform: translatey(-50%);
}

#cssmenu > ul > li.has-sub > a::before {
	content: '';
}

#cssmenu > ul > li.has-sub > a::after {
	content: '\f107';
	display: inline-block;
	font-family: 'fontawesome';
	height: unset;
	right: 0;
	top: 50%;
	transform: translate(100%, -50%);
	width: unset;
}

#cssmenu > ul > li.has-sub:hover > a::before {
	height: 5px !important;
	right: -12% !important;
	top: 50% !important;
	transform: translatey(-50%) !important;
}

#cssmenu > ul > li.menu-item > a {
  color: #000000 !important;
  text-transform: unset;
  font-size: 1.2em;
  font-weight: 700;
  padding: 12px 0px 12px 0px;
  margin: 0px 20px 0px 20px;
}

@media only screen and (max-width: 991px) {
  #cssmenu > ul > li.menu-item > a {
    margin-left: 0px;
    margin-right: 0px;
  }
}

#cssmenu > ul > li.current-menu-item > a {
  color: #ec1f27 !important;
  border-bottom: 4px solid #ec1f27;
  padding: 12px 0px 12px 0px;
}

#cssmenu > ul > li.menu-item > a:hover {
  color: #ec1f27 !important;
}

#cssmenu > ul > li.current-menu-item {
  color: #ec1f27 !important;
}

#cssmenu > ul > li > a {
  text-align: center;
  padding-right: 6px;
  padding-left: 6px;
  margin-right: 6px;
  margin-left: 6px;
}

ul.menu-primary-navigation > li.menu-item {
  background-color: #f8f8f8;
  border-top: 2px solid #ffffff;
}

.site-header > .menu-area {
  padding-bottom: 0px;
  padding-top: 0px;
}

.menu-area {
  border-top: 2px solid #000000;
  border-bottom: 2px solid #000000;
}

#menu-primary-navigation.menu.open {
  margin-left: -30%;
  margin-right: 30%;
  width: 160%;
}

#cssmenu.small-screen ul {
  border-left: 2px solid #000000;
  border-right: 2px solid #000000;
  border-bottom: 2px solid #000000;
}

#cssmenu.small-screen ul li {
  border-top: 1px solid #000000;
}

#cssmenu.small-screen > ul > li > a {
  text-align: center;
}

/*--------------------------------------------------------------
# Social media menu (top bar and footer)
--------------------------------------------------------------*/
.footer .social-link-top a {
  color: #ab9595;
  font-size: 30px;
}






.col-md-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}




#inner-sidebar {
	display:none;
}

.infinite-wrap {
	display: none;
}

#infinite-footer {
	display: none;
}

#comments {
	display: none;
}

.wp-block-group {
	padding-top: 0px !important;
}


ul.pagination li .page-numbers {
    width: 60px;
    height: 45px;
    border-radius: 0px;
    margin: 0px;
}