/*

Theme Name: Academia

Theme URI: http://themexpert.com/

Author: ThemeXpert

Author URI: http://themexpert.com/

Description: A Premium educational purpose WordPress theme.

Version: 1.3

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: black, red, orange, blue, white, light, one-column, two-columns, right-sidebar

Text Domain: academia



*/

/*--------------------------------------------------------------

>>> TABLE OF CONTENTS:

----------------------------------------------------------------

# Normalize

# Typography

# Accessibility

# Alignments

# Clearings

# Widgets

# Content

# Infinite scroll

# Media

	## Captions

	## Galleries

--------------------------------------------------------------*/

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;

  overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;

  width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;

  text-align: right;

  width: 50%;
}

/*--------------------------------------------------------------

# Accessibility

--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);

  position: absolute !important;

  height: 1px;

  width: 1px;

  overflow: hidden;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;

  border-radius: 3px;

  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);

  clip: auto !important;

  color: #21759b;

  display: block;

  font-size: 14px;

  font-weight: bold;

  height: auto;

  left: 5px;

  line-height: normal;

  padding: 15px 23px 14px;

  text-decoration: none;

  top: 5px;

  width: auto;

  z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */

#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------

# Alignments

--------------------------------------------------------------*/

.alignleft {
  display: inline;

  float: left;

  margin-right: 1.5em;
}

.alignright {
  display: inline;

  float: right;

  margin-left: 1.5em;
}

.aligncenter {
  clear: both;

  display: block;

  margin-left: auto;

  margin-right: auto;
}

/*--------------------------------------------------------------

# Clearings

--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";

  display: table;

  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------

# Widgets

--------------------------------------------------------------*/

.widget {
  margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */

.widget select {
  max-width: 100%;
}

/*--------------------------------------------------------------

## Posts and pages

--------------------------------------------------------------*/

.byline,
.updated:not(.published) {
  display: none;
}

.single .byline,
.group-blog .byline {
  display: inline;
}

.page-links {
  clear: both;

  margin: 0 0 1.5em;
}

/*--------------------------------------------------------------

## Asides

--------------------------------------------------------------*/

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display: none;
}

/*--------------------------------------------------------------

## Comments

--------------------------------------------------------------*/

.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/*--------------------------------------------------------------

# Infinite scroll

--------------------------------------------------------------*/

/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */

.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */

  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------

# Media

--------------------------------------------------------------*/

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;

  margin-bottom: 0;

  margin-top: 0;

  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */

embed,
iframe,
object {
  max-width: 100%;
}

/*--------------------------------------------------------------

## Captions

--------------------------------------------------------------*/

.wp-caption {
  margin-bottom: 1.5em;

  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;

  margin-left: auto;

  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/*--------------------------------------------------------------

## Galleries

--------------------------------------------------------------*/

.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;

  text-align: center;

  vertical-align: top;

  width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

@media only screen and (max-width: 1599px) {
  .nb-grid-small {
    height: 320px !important;
  }
}

.m-subpage-hero {
  background-color: #965251;
  padding-block: 40px;
  position: relative;
}

.m-subpage-hero:after {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.2), transparent);
}

.m-subpage__body {
  position: relative;
  z-index: 2;
}

.m-subpage__title {
  font-size: 40px;
  color: #ffffff;
}

.m-subpage__title span {
  font-size: 26px;
  font-family: "montserratlight", Helvetica, Arial, sans-serif;
  display: block;
}

.m-subpage__total {
  color: #ffffff;
}

.pagination-new {
  margin-block: 40px;
  text-align: center;
  width: 100%;
}

.pagination-new .page-numbers {
  background-color: #965251;
  border-radius: 6px;
  color: #ffffff;
  padding: 8px 12px;
  text-align: center;
}

.pagination-new .current {
  background-color: #662221;
}

.grid {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(1, 1fr);
}

@media (min-width: 450px) and (max-width: 599px) {
  .grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 600px) and (max-width: 899px) {
  .grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 900px) and (max-width: 1139px) {
  .grid {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media (min-width: 1140px) {
  .grid {
    grid-template-columns: repeat(5, 1fr);
  }
}

@media (min-width: 600px) and (max-width: 899px) {
  .grid-posts-home {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 900px) and (max-width: 1139px) {
  .grid-posts-home {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 1140px) {
  .grid-posts-home {
    grid-template-columns: repeat(4, 1fr);
  }
}

.search-form--widget {
  margin-block-end: 40px;
  margin-inline: auto;
  max-width: 400px;
}

.mb-3 {
  margin-bottom: 1rem;
}

.form-label {
  display: block;
  margin-bottom: 6px;
  position: relative;
  text-transform: uppercase;
}

.form-control {
  border: 1px solid #965251;
  margin-bottom: 20px;
  height: 54px;
  padding: 12px 8px;
  font-size: 14px;
  width: 100%;
}

.form-select {
  display: block;
  width: 100%;
  padding: 12px 8px;
  -moz-padding-start: calc(0.75rem - 3px);
  margin-bottom: 20px;
  height: 54px;
  font-size: 14px;
  line-height: 1.5;
  background-image: url(
    data:image/svg + xml,
    %3csvgxmlns="http://www.w3.org/2000/svg"viewBox="0 0 16 16"%3e%3cpathfill="none"stroke="%23343a40"stroke-linecap="round"stroke-linejoin="round"stroke-width="2"d="m2 5 6 6 6-6"/%3e%3c/svg%3e
  );
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: 1px solid #965251;
  border-radius: 0.375rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
  word-wrap: normal;
}

.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}

.form-check-label {
  margin-left: 6px;
  position: relative;
  text-transform: uppercase;
}

.search-submit {
  border: 1px solid #965251;
  border-radius: 6px !important;
  padding: 12px 16px;
}

.search-submit:hover {
  background-color: #612f2e !important;
  color: #ffffff !important;
}

.catalog-page {
  margin-block: 40px;
}

.catalog-item p {
  font-size: 16px;
  margin-block: 10px;
}

.catalog__image {
  box-shadow: rgb(88 102 126 / 8%) 0px 4px 24px,
    rgb(88 102 126 / 12%) 0px 1px 14px;
  height: 320px;
  object-fit: contain;
  width: 100%;
}

.catalog__image--grid {
  height: 350px;
  width: 100%;
  transition: 0.3s all ease-in;
}

.catalog__image--highlight {
  height: 100%;
}

.catalog__image--grid:hover {
  transform: scale(1.05);
}

.catalog__title {
  font-size: 18px;
  color: #373737;
  margin-top: 15px;
}

.catalog__author span {
  color: #373737;
  display: block;
}

.wpc-filters-widget-wrapper {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}

.wpc-filters-section {
  margin-bottom: 0;
}

.wpc-filter-title {
  font-weight: bold;
  margin-bottom: 6px;
  text-transform: uppercase;
}

.wpc-filters-widget-select {
  border: 1px solid #965251;
  margin-bottom: 20px;
  height: 54px;
  padding: 12px 8px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
  -webkit-transition: border-color ease-in-out 0.15s,
    box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

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

.wpc-filters-section-7798,
.wpc-filters-section-7779 {
  width: calc(50% - 15px);
}

.wpc-filters-section-7775,
.wpc-filters-section-7778,
.wpc-filters-section-7780,
.wpc-filters-section-7780,
.wpc-filters-section-7781,
.wpc-filters-section-7782,
.wpc-filters-section-7783 {
  width: calc(25% - 15px);
}

.wpc-filter-layout-submit-button {
  width: 100%;
}

a.wpc-filters-submit-button {
  background-color: #965251 !important;
  border-color: #965251 !important;
  padding: 15px !important;
}

.section-space {
  padding-block: 40px;
  margin-top: 20px;
  margin-bottom: 40px;
}

.post-listing {
  background-color: #ffffff;
  padding: 10px;
  box-shadow: 0 1px 2px 0 rgb(0 0 0 / 20%);
}

.post-listing img {
  height: 230px;
  object-fit: cover;
  width: 100%;
}

.post-listing h2 {
  margin: 0;
  font-family: "montserratregular";
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
}

.post-listing h2 a {
  color: #333333;
}

.post-listing .entry-meta {
  margin-block: 15px;
}

.post-listing .byline,
.post-listing .fa {
  display: none;
}

.btn-instagram {
  background-color: #d62976 !important;
  transition: all 0.3s ease;
}

.btn-instagram:hover {
  background-color: #962fbf !important;
}

.btn-instagram .fa-instagram {
  left: -15px;
}