/*!
Theme Name: readingaloud
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
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: readingaloud
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.

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

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

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

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

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

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

* {
	text-decoration: none;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html {
	overflow-y: auto;
	overflow-x: hidden;
}

body {
	 font-family: "Rubik", sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: normal;
	padding: 0 !important;
	margin: 0 !important;
}

a {
	text-decoration: none;
	color: #403942;
}

a:hover {
	color: #403942;
}

h1, h2, h3, h4, h5, h6 {
	color: #403942;
}

.custom-logo-link {
	display: block;
}

.custom-logo-link img {
	width: 120px;
	height: inherit;
}

header.site-header {
	padding: 15px 60px;
}

header .row {
	align-items: center;
}

.headerMiddle {
	text-align: center;
}

#primary-menu {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 28px;
}

#primary-menu li a {
	display: block;
	font-size: 16px;
	font-weight: 500;
	transition: 0.4s;
}

#primary-menu li.current_page_item a {
	color: #73ce6e;
}

#primary-menu li:hover a {
	color: #73ce6e;
	transition: 0.4s;
}

header .hdr_link {
	position: fixed;
	flex-direction: column;
	top: 40%;
	right: 35px;
	background-color: #ffffff;	
	margin: 0;
	padding: 15px;
	z-index: 99;
	border-radius: 6px;
	border: 1px solid #dfdfdf;
}

.hdr_link {
	display: none;
	align-items: center;	
	gap: 16px;
	list-style: none;
	margin: 0 0 0 20px;
	padding: 0;
}

.headerRight button {
	border: 0;
	margin: 0 20px 0 0;
}

.hdr_link li a {
	display: block;	
}

.hdr_link li img {
	filter: brightness(0);
}

.headerRight {
	justify-content: flex-end;

}

.common_padding {
	padding: 80px 0;
}

.body_content img {
	width: 100%;
	height: 100%;
	border-radius: 8px;
}

.banner-image {
	position: relative;
}

.banner-image:before {
	content: '';
	background-color: rgba(0, 0, 0, 0.4);
	width: 100%;
	height: 100%;
	z-index: 9;         
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 8px;
}

.bannerBox {
	position: relative;
	color: #fff;
}

.bannerBox a {
	color: #fff;
}

.main-banner-post h2 {
	font-size: 42px;
	line-height: 56px;
}

.main-banner-post {
	position: absolute;
	left: 80px;
	right: 0;
	bottom: 80px;
	z-index: 99;
	font-size: 16px;
	font-weight: 500;	
}

.author ul {
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
	gap: 14px;
	align-items: center;	
	text-transform: capitalize;
}

.author ul li.category span {
	display: block;
	background: #73ce6e;
	font-size: 16px;
	color: #000;
	padding: 8px 14px;
	border-radius: 4px;
	font-weight: 500;	
}

.bannerBoxes {
	max-width: 740px;
	width: 100%;
}

.body_content .bannerBoxes h2 {
	margin-bottom: 20px;
	color: #ffffff;
	text-shadow: 0 0 5px rgba(0,0,0,0.6);
}

.author ul li.category span a {
	color: #000000;
}

.read-more-button,
.read-more,
.read-more-button {
	display: inline-block;
	position: relative;
	padding-bottom: 5px;
}

.trending_post h2 {
	color: #ffffff;
}

.trending_post .popularBoxes {
	color: #ffffff;
}

.read-more-button:after,
.read-more:after,
.read-more-button:after {
	content: '';
	height: 1px;
	width: 100%;
	background-color: #ffffff;
	position: absolute;
	left: 0;
	bottom: 0;
}

.swiper-button-next,
.swiper-button-prev {
	color: #ffffff;
}

.recentPostSlide img {
	height: 300px;
	object-fit: cover;
}

.recentPostSlide .post-excerpt p {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;  
	overflow: hidden;
	text-overflow: ellipsis;
	color: #403942;
	margin: 0 0 10px;
	font-size: 16px;	
	line-height: 26px;
}

.singlepost ul {
	list-style: none;
	padding: 0;
	margin: 0;
	gap: 16px;
}

.post-title {
	margin-top: 20px;
}

.post-excerpt {
	margin-top: 0;
}

.singlepost ul {
	align-items: center;
	margin: 5px 0 10px;
}

.singlepost h3 a {
	color: #403942;
}

.singlepost ul p {	
	margin-bottom: 0;	
}

.singlepost ul li span {	
	display: block;
	background: #73ce6e;  
	color: #000;
	padding: 8px 14px;
	border-radius: 4px;	
}

.singlepost a.read-more {
	font-size: 16px;
	display: inline-block;
	position: relative;
	padding-bottom: 5px;
	color: #403942;
}

.singlepost a.read-more:after {
	content: '';
	background-color: #403942;
	height: 1px;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 1px;
}

.nav-links,
.comment-respond,
.entry-footer {
	display: none;
}

.body_content {
	padding: 0 60px;
}

.titles {
	margin-bottom: 20px;
}

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

.popularBox {
	position: relative;	
	width: 100%;
}

.popularPost {
	flex-direction: column;
}

.popularBox img {
	width: 100%;
	height: 288px;
	object-fit: cover;	
	border-radius: 8px;
}

.popular-topic-post {
	position: absolute;
	bottom: 30px;
	left: 30px;
	transition: 0.4s;
}

.popularPost {
	gap: 24px;
}

.recent_post {
	margin-top: 40px;
}

.recentPostSlide ul li span a {
	color: #000;
}

.class {
	padding-top: 80px;
}

.trending_post {
	padding-bottom: 80px;
}

.trendingBox {
	position: relative;
}
 
.trending-post {
  position: absolute;
  bottom: 30px;
  left: 30px;
  color: #ffffff;
  transition: 0.4s;
}

.trendingBox:hover .trending-post {
	transition: 0.4s;
	bottom: 60px;
}

.popularBox:hover .popular-topic-post {
	bottom: 40px;
	transition: 0.4s;
}

.trending-image {
	position: relative;
	overflow: hidden;
	transition: 0.4s;
}

.trending-image img {
	transition: 0.45s;
	border-radius: 8px;
}

.trending-image:before {
  content: "";
  background: rgba(0,0,0,0.6);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  border-radius: 8px;
}

.trending-post h2 {
	color: #ffffff;
}

.trending-post .read-more-button {
	color: #fff;
}

.popular-image {
	position: relative;
}

.popular-image:before {
	content: '';
	background-color: rgba(0, 0, 0, 0.6);
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 8px;
}

.class h2 {
	margin-bottom: 20px;
}

.topic {
	display: flex;
  flex-direction: column;
  gap: 24px;
}

.popularBoxes .read-more-button:after {
	background-color: #403942;
}

footer {
	padding: 60px 60px 0 60px;
	background-color: #f2f2f2;
}

footer h4 {
	margin-bottom: 15px;
}

footer .hdr_link {
	margin: 0;
	gap: 24px;
}

footer .hdr_link li a {
	position: relative;
	top: 0;
	transition: 0.4s;
}

footer .hdr_link li:hover a {
	top: -5px;
	transition: 0.4s;
}

footer ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

footer ul li {
	margin-bottom: 10px;
}

footer ul li a {
	display: block;
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
}

footer ul li:hover a {
	color: #73ce6e;
}

.categoryclass article {
	width: 50%;
}

.categoryclass article img {
	width: 100%;
	height: 300px;
  	object-fit: cover;
}

.categoryclass article .entry-footer {
	display: none;
}

.categoryclass article p {
	display: none;
}

.categoryclass article p:first-child {
	display: block;
	display: -webkit-box;
	-webkit-line-clamp: 3; /* Number of lines */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.categoryclass {
	padding-top: 80px;
	padding-bottom: 80px;
}

.categoryclass .read-more-button {
	display: inline-block;
  background: #73ce6e;
  font-size: 16px;
  color: #000;
  padding: 8px 14px;
  border-radius: 4px;
  font-weight: 500;
}

.categoryclass article {
	margin-bottom: 25px;
}

.categoryclass article p {
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	margin: 10px 0 15px;
}

.categoryclass h2 {
	margin: 15px 0 0;
}

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

.archive.category .page-header {
	background: url('assets/images/banner0.jpg') no-repeat;
	padding: 170px 0;
	text-align: center;
	position: relative;	
}

.category .page-header:before {
	content: '';
	background: rgba(0, 0, 0, 0.6);
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.category .page-header h1 {
	margin: 0;
	color: #fff;
	text-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
	position: relative;
	z-index: 9;
	padding: 0;
    background: transparent;
}

.post-thumbnail {
	display: block;
	overflow: hidden;
	transition: 0.4s;
}

.post-thumbnail img {
	transition: 0.4s;
	border-radius: 8px;
}

.post-thumbnail:hover img {
	transform: scale(1.1);
	transition: 0.4s;
}

.arrowBox {
	position: absolute;
	bottom: 70px;
	z-index: 99;
	display: flex;
	left: inherit;
	gap: 40px;
	right: 60px;
}

body .swiper-button-next, 
body .swiper-button-prev {
	position: static;
}

header .linkBox {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	gap: 18px;
}

header .linkBox li:hover a {
	color: #73ce6e;
}

header .linkBox li:hover svg {
	fill: #73ce6e;
}

.linkBox a {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 1px;
	display: flex;
	align-items: center;
}

.linkBox a svg {
	margin-right: 8px;
}

.aboutUs {
	position: relative;
	padding: 100px 0;
	text-align: center;
}

.aboutUs h1 {
	margin-bottom: 25px;
	font-size: 42px;
	line-height: 46px;
}

.aboutUs p {
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	margin-bottom: 20px;
}

.aboutUs {

}

.aboutUs:before {
	content: '';
	background: url('assets/images/plant.jpg') no-repeat;
	background-size: contain;
	display: block;
	width: 450px;
	height: 450px;
	position: absolute;
	left: 0;
	bottom: 30px;
	opacity: 1;
}

.aboutUs:after {
	content: '';
	background: url('assets/images/plant.jpg') no-repeat;
	background-size: contain;
	display: block;
	width: 450px;
	height: 450px;
	position: absolute;
	right: 0;
	bottom: 30px;
	opacity: 1;
}

.aboutUs p {
	max-width: 850px;
	margin: 0 auto 10px auto;
}

.abooutLink {
	margin-top: 30px;
}

.aboutUs a {
	position: relative;
	font-size: 16px;
	padding-bottom: 5px;
	margin-top: 0;
}

.aboutUs a:after {
  content: '';
  height: 1px;
  width: 100%;
  background-color: #403942;
  position: absolute;
  left: 0;
  bottom: 0;
}

.captions {
	margin: 12px 0 20px;
	font-size: 16px;
	line-height: 26px;
}

#it9g {
	display: none;
}

.newsletter .row {
	align-items: center;
}

#ib2a {
	display: flex;
	align-items: center;
}

body #i9kx {
	width: 100%;
}

body #ib2a {
	position: relative;
	display: block;	
}

#i9kx input {
	width: 100%;
	border: 1px solid #dfdfdf;
	padding: 15px;
	border-radius: 4px;	
}

body form[data-form-id="2"] .es-form-field-container .gjs-row {
	margin: 0;
	width: 100%;	
}

body #ivrac {
	margin: 20px 0 0;
	padding: 13px;
	border: 0;
	background-color: #403942;
	color: #ffffff;
	font-family: inherit;
	font-weight: 400;
	font-size: 16px;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-radius: 4px;
	width: 160px;
}

.newsletter {
  padding-bottom: 80px;  
  position: relative;
}

#spinner-image {
	position: absolute;
	left: 0;
	bottom: -30px;
}

.mobileMenu {
	display: none;
}

.mobile {
	display: none;
}

body #es_form_f2-n1 {
	position: relative;
}

body .es_subscription_message.error {
  color: #ff0000;
  font-size: 16px;
  margin: 10px 0 0 0;
  display: block;
  position: absolute;
}

body .body_content #spinner-image img {
	width: 20px;
	height: 20px;
}

.newsletter h5 {
	margin: 0 0 15px;	
	line-height: 38px;
	position: relative;
	display: inline-block;
}

.newsletter h5:after {
	content: '';
	background: url('assets/images/email.png') no-repeat right center;
	background-size: contain;
	display: block;
	width: 50px;
	height: 50px;
	position: absolute;
	top: -5px;
	right: -58px;
}

body .swiper-horizontal > .swiper-pagination-bullets, 
body .swiper-pagination-bullets.swiper-pagination-horizontal, 
body .swiper-pagination-custom, 
body .swiper-pagination-fraction {
	bottom: 25px;
}

body .swiper-pagination-bullet-active {
	background: #fff;
}

body .swiper-pagination-bullet {
	width: 35px;
  	height: 5px;
  	border-radius: 0;
}

.newsletter h4 {
	line-height: 34px;
}

body #imc2g {
	text-align: left;
}

address {
	font-size: 16px;
	font-weight: 400;
}

.page .entry-content {
	padding: 60px 0;
}

.page .entry-header {
  background: #403942;
  color: #fff;
  padding: 80px 0;
}

.entry-header h1 {
	color: #fff;
	margin: 0;
	text-align: center;
}

.entry-content p {
	font-size: 16px;
	line-height: 26px;
	margin-bottom: 20px;
}

.entry-content p:last-child {
	margin-bottom: 0;
}

.wpcf7-form ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 18px;
}

.wpcf7-form ul input,
.wpcf7-form ul textarea {
	width: 100%;
	padding: 10px;
	border: 1px solid #dfdfdf;
	border-radius: 4px;
}

.wpcf7-form ul input.wpcf7-submit {
	background-color: #403942;
	color: #ffffff;
	border: 0;
	border-radius: 4px;
	font-size: 18px;
	font-weight: 400;
	height: inherit;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 20px 0;
	width: 200px;
}

.wpcf7-form ul textarea {
	height: 180px;
}

.wpcf7-form ul li {
	width: 49%;
}

.wpcf7-form ul li label {
	font-weight: 500;
	display: block;
	margin-bottom: 8px;
}

.wpcf7-form ul li br {
	display: none;
}

.wpcf7-form ul li:nth-child(5) {
	width: 100%;
}

.blogs,
.search .page-title {
	background: #403942;
	color: #fff;
	padding: 80px 0;
	color: #fff;
	margin: 0;
	text-align: center;
}

.blog p {
	display: none;
	margin: 0;
}

.blog article {
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #dfdfdf;
}

.blog article:last-child {
	border: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}

.blog .post-thumbnail {
	margin: 20px 0;
}

.blog p:first-child {
	display: block;
}

.blog .common_padding img {
	height: 400px;
	object-fit: cover;
}

.blog  .read-more-button {
	margin: 20px 0 0;
  padding: 13px;
  border: 0;
  background-color: #403942;
  color: #ffffff;
  font-family: inherit;
  font-weight: 400;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 4px;  
}

.updated,
.read-more-button:after {
	display: none;
}

.search-form {
	position: relative;
}

.search-form label {
	display: block;
	width: 100%;
}

.search-form label input {
	width: 100%;
	padding: 15px;
	border: 1px solid #dfdfdf;
	border-radius: 4px;
}

body .search-submit {
	background: url('assets/images/search.gif') no-repeat right center;
	display: block;
	width: 35px;
  height: 35px;
  border: 0;
  font-size: 0;
  position: absolute;
  top: 7px;
  right: 15px;
  background-size: contain;
}

.searchs.d-flex {
	flex-wrap: wrap;
	gap: 24px;
}

.searchs.d-flex article {
	width: 49%;
}

.search .searchs img {
	height: 400px;
	object-fit: cover;
}

.search h2 {
	white-space: nowrap;
	display: block;
	overflow: hidden;
	padding-right: 15px;
	font-size: 24px;
	text-overflow: ellipsis;
	margin-bottom: 15px;
}

.search p {
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	margin: 15px 0 20px;
}

.single .entry-meta,
.single .read-more-button {
	display: none;
}

.single .post-thumbnail {
	margin-bottom: 20px;
}

.single .entry-header h1 {
	margin-bottom: 30px;
	color: #403942;
	text-align: left;
}

.single header.site-header {
	border-bottom: 1px solid #dfdfdf;	
}

.trending_post .read-more {
	color: #ffffff;
}

.single .site-main {
	padding: 60px;
}

body .offcanvas-top {
	height: 150px;
}

.copyRight {
	margin: 0;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	border-top: 1px solid #dfdfdf;
  margin-top: 25px;
  padding-top: 30px;
  padding-bottom: 50px;
}

.style li {
	font-size: 16px;
  line-height: 26px;
  margin-bottom: 10px;
}

.entry-content .entry-content {
	padding: 0;
}

.entry-content .entry-content p {
	margin-bottom: 10px;
}