/*!
Theme Name: the summary
Theme URI: http://underscores.me/
Author: Semal Vora
Author URI: https://www.linkedin.com/in/semal-vora/
Description: Full Stack developer
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: the-summary
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

the summary is based on Underscores https://underscores.me/, (C) 2012-2020 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/
*/


/* === took from theme === */
.styles_dates__gQd6o.styles_desktop__CWb5C {
  left: 0;
  position: absolute;
  right: 0;
  margin: auto;
  text-align: center;
  width: 215px;
}

.styles_tabletDivider__DbMiG {
  margin: 10px 0 0 !important;
}

.styles_section__9Vqa9 {
  width: 100%;
  grid-area: home-middle-ad !important;
  display: flex;
  max-width: 100%;
}

body,
html {
  background: #f8f5d7;
  font-family: "Fraunces", serif !important;
}

a.styles_logoContainer__8ts7z {
  font-family: "Yeseva One", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 54px;
  text-transform: uppercase;
}

.styles_logoLink__2RLAj a {
  font-family: "Yeseva One", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 54px;
  text-transform: uppercase;
}

.styles_authorWrapper__2WUj6 img.styles_headshot__ArQK_ {
  width: 100%;
  height: 70px;
  object-fit: cover;
}

#menu__toggle {
  opacity: 0;
}

#menu__toggle:checked~.menu__btn>span {
  transform: rotate(45deg);
}

#menu__toggle:checked~.menu__btn>span::before {
  top: 0;
  transform: rotate(0);
}

#menu__toggle:checked~.menu__btn>span::after {
  top: 0;
  transform: rotate(90deg);
}

#menu__toggle:checked~.menu__box {
  visibility: visible;
  right: 0;
}

.menu__btn {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  left: 0;

  width: 26px;
  height: 26px;

  cursor: pointer;
  z-index: 2;
}

.menu__btn>span,
.menu__btn>span::before,
.menu__btn>span::after {
  display: block;
  position: absolute;

  width: 100%;
  height: 2px;

  background-color: #616161;

  transition-duration: .25s;
}

.menu__btn>span::before {
  content: '';
  top: -8px;
}

.menu__btn>span::after {
  content: '';
  top: 8px;
}

.menu__box {
  display: block;
  position: fixed;
  visibility: hidden;
  top: 0;
  right: -100%;

  width: 350px;
  height: 100%;

  margin: 0;
  padding: 80px 0;
  z-index: 1;
  list-style: none;

  background-color: #f8f5d7;
  box-shadow: 1px 0px 6px rgba(0, 0, 0, .2);

  transition-duration: .25s;
}

.menu__item {
  display: block;
  padding: 12px 24px;

  color: #333;


  font-size: 20px;
  font-weight: 600;

  text-decoration: none;

  transition-duration: .25s;
}

.menu__item:hover {
  background-color: #CFD8DC;
}

.hamburger-menu {
  position: absolute;
  right: 0;
  top: -50px;
  width: 26px;
  height: 26px;
}

ul.menu__box li {
  list-style: none;
}

.menu__box h1 {
  width: 100%;
  text-align: center;
  font-family: "Yeseva One", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 36px;
  text-transform: uppercase;
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  margin: auto;
}

@media only screen and (max-width: 767px) {

  .hamburger-menu {
    position: absolute;
    right: 0;
    top: -118px;
    width: 26px;
    height: 26px;
  }

  a.styles_logoContainer__8ts7z {
    font-family: "Yeseva One", serif;
    font-weight: 400;
    font-style: normal;
    font-size: 48px;
    text-transform: uppercase;
    margin: auto;
    display: table;
  }

  .styles_logoWrapper__3V9U_.styles_layoutControl__9CNk_ {
    border-bottom: 1px dashed rgba(31, 29, 26, .302);
    padding-bottom: 5px;
  }
}


/* single post */

.main_detail {
     float: left;
     width: 100%;
}

.main_detail img {
     float: left;
     width: 100%;
     height: 600px;
     object-fit: cover;
}

.main_detail_section {
     float: left;
     width: 100%;
     background: #fff;
     margin-top: -120px;
     padding: 50px 140px 75px;
     margin-bottom: 100px;
}

.main_detail_section h2 {
     float: left;
     width: 100%;
     margin: 0 0 20px 0;
     padding: 0;
     font-size: 56px;
     line-height: 66px;
     font-weight: 900;
     text-align: center;
}

.main_detail_section p {
     float: left;
     width: 100%;
     text-align: center;
     font-size: 16px;
     line-height: 27px;
     color: dimgray;
}

.author {
     float: left;
     width: 100%;
     text-align: center;
     font-size: 18px;
     line-height: 27px;
     color: #d2232a;
     font-weight: 600;
     margin-bottom: 10px;
     margin-top: 20px;
     position: relative;
}

.author::before {
     position: absolute;
     content: "";
     width: 100px;
     height: 2px;
     left: 0;
     right: 0;
     margin: auto;
     top: -30px;
     background: gray;
}

.date,
.post_categories {
     float: left;
     width: 100%;
     text-align: center;
     font-size: 14px;
     line-height: 27px;
     color: gray;
}

.page_info {
     float: left;
     width: 100%;
     margin-top: 40px;
}

.main_detail_section .page_info p {
     text-align: left;
     font-size: 16px;
     line-height: 27px;
     font-weight: 400;
     color: dimgray;
     margin-bottom: 20px;
}

.main_detail_section .page_info p strong {
     position: relative;
     display: inline-block;
     vertical-align: top;
     top: -9px;
     float: left;
     font-size: 80px;
     line-height: 1;
     font-weight: 700;
     color: #d2232a;
     margin: 0 10px 0 0;
}

.main_detail_section .page_info img {
     float: left;
     width: 100%;
     height: auto;
     margin-bottom: 40px;
}.main_detail {
     float: left;
     width: 100%;
}

.main_detail img {
     float: left;
     width: 100%;
     height: 600px;
     object-fit: cover;
}

.main_detail_section {
     float: left;
     width: 100%;
     background: #fff;
     margin-top: -120px;
     padding: 50px 70px 75px;
     margin-bottom: 100px;
}

.main_detail_section h2 {
     float: left;
     width: 100%;
     margin: 0 0 20px 0;
     padding: 0;
     font-size: 56px;
     line-height: 66px;
     font-weight: 900;
     text-align: center;
}

.main_detail_section p {
     float: left;
     width: 100%;
     text-align: center;
     font-size: 16px;
     line-height: 27px;
     color: dimgray;
}

.author {
     float: left;
     width: 100%;
     text-align: center;
     font-size: 18px;
     line-height: 27px;
     color: #d2232a;
     font-weight: 600;
     margin-bottom: 10px;
     margin-top: 20px;
     position: relative;
}

.author::before {
     position: absolute;
     content: "";
     width: 100px;
     height: 2px;
     left: 0;
     right: 0;
     margin: auto;
     top: -30px;
     background: gray;
}

.date,
.post_categories {
     float: left;
     width: 100%;
     text-align: center;
     font-size: 14px;
     line-height: 27px;
     color: gray;
}

.page_info {
     float: left;
     width: 100%;
     margin-top: 40px;
}

.main_detail_section .page_info p {
     text-align: left;
     font-family: "Noto Serif", serif;
     font-size: 16px;
     line-height: 27px;
     font-weight: 400;
     color: dimgray;
     margin-bottom: 20px;
}

.main_detail_section .page_info p strong {
     position: relative;
     display: inline-block;
     vertical-align: top;
     top: -9px;
     float: left;
     font-size: 80px;
     line-height: 1;
     font-weight: 700;
     color: #d2232a;
     margin: 0 10px 0 0;
}

.main_detail_section .page_info img {
     float: left;
     width: 100%;
     height: auto;
     margin-bottom: 40px;
}

.footer-single
{	text-align: center;
     padding: 20px 0;
     font-size: 14px;
     line-height: 24px;
     font-weight: 400;
     width: 100%;
     background: #000;
     float: left;
     color: #fff;
}

@media(max-width: 1024px)
{	.main_detail_section
	{	padding: 40px;
	}
}

/* category listing */
.category-wrapper {
  padding: 40px 20px;
}

.category-heading {
  font-size: 2.2rem;
  margin-bottom: 2rem;
  font-weight: bold;
  padding-bottom: 10px;
  text-align: center;
}

.category-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 32px;
}

.category-tile {
  border-right: 1px dashed #d5cba2;
  padding: 0px 20px 0 0px;
}

.category-thumb img {
  width: 100%;
  height: auto;
  object-fit: cover;
  margin-bottom: 1rem;
}

.category-title {
  font-size: 1.3rem;
  font-weight: 600;
  color: #111;
  margin: 10px 0px;
  text-decoration: none;
}

.category-excerpt {
  color: #555;
  font-size: 1rem;
  line-height: 1.4;
}
/* Remove border-right from every 3rd item (i.e. last in each row) */
@media (min-width: 768px) {
  .category-tile:nth-child(3n) {
    border-right: none;
  }
}
@media (max-width: 767px) {
  .category-tile {
    border-right: none !important;
  }
}

.city-name {
  position: absolute;
  bottom: 10px;
  left: 10px;
  background: #000000aa;
  color: #fff;
  padding: 4px 8px;
  font-size: 0.75rem;
  border-radius: 4px;
}
.category-thumb {
  position: relative;
  aspect-ratio: 16 / 9; /* or 4/3, 1/1, depending on what you want */
  overflow: hidden;
  position: relative;
  border-radius: 6px;
  display: block;
  margin-bottom: 20px;
}

.category-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.ready-one-min,
.read-date
{	font-size: 11px;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: gray;
    margin-bottom: 5px;
    display: inline-block;
}
.bottom-content-read
{ margin-top: 30px;
}
.styles_topDevider__8QFrN
{ border-top: 2px solid #000 !important;
}