/*
Theme Name: PressBook Blog
Theme URI: https://scriptstown.com/wordpress-themes/pressbook-blog/
Author: ScriptsTown
Author URI: https://scriptstown.com/
Description: PressBook Blog is a multi-purpose, professional WordPress theme for blogs, news, and educational websites. The theme offers a classic look and feels with a well-designed, fully responsive, clean, and modern typography. The elements of the theme include blog grid layouts with many customizer options, a related posts grid, a top advertisement banner with support for ad scripts like Adsense, a fully accessible multi-level dropdown menu, a top bar menu, social links menu, a left and right sidebar with custom block-widgets areas, footer widgets, page templates, page settings, and single and double sidebars with a sticky-floating feature. Also, it comes with a header and footer block to place Gutenberg blocks and patterns into the header and footer conditionally. It offers a pixel-perfect design with an elegant, SEO-friendly, and highly engaging user interface. This theme is an excellent choice for story writers, journalists, bloggers, content creators, educators, tutors, artists, authors, and educational academic institutes like schools, and academies to publish tutorials, documentaries, stories, journals, documentation, and study materials. You can even create a library hub website for offering online resources. Also, this theme can be used for digital marketing, affiliate marketing agencies, consulting, personal lifestyle blogging, editorial, and magazine websites. With this theme, you can create a news portal for publishing stories, newsfeeds, articles, reviews, etc. The theme supports RTL languages, Jetpack Infinite Scroll, and WooCommerce. With multiple page templates and settings, it offers support for various page builder plugins like Elementor, etc. It has a minimal dependency with super-fast loading time and high performance that offers a simple, creative, and flexible layout to automatically adjust in the best possible way.
Template: pressbook
Version: 1.3.3
Requires at least: 5.3
Tested up to: 6.9
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: pressbook-blog
Tags: blog, education, news, grid-layout, one-column, two-columns, three-columns, left-sidebar, right-sidebar, block-styles, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, flexible-header, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, wide-blocks
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Typography
# Links & Buttons
# Top Navbar
# Primary Navbar
# Posts Grid
# Header Posts Grid
# Related Posts Grid
# Sidebar Widgets
# Footer Widgets
# Go to Top
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body {
	background: #fff;
}

body,
button,
input,
select,
optgroup,
textarea {
	font-family: 'Raleway', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.site-title {
	font-family: 'Source Sans Pro', sans-serif;
}

/*--------------------------------------------------------------
# Links & Buttons
--------------------------------------------------------------*/
a {
	color: #007a7c;
}

a:hover,
a:focus,
a:active {
	color: #5d7994;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.more-link,
.wp-block-search .wp-block-search__button {
	background-image: linear-gradient(to right, #5d7994 0%, #6f88a0 51%, #5d7994 100%);
}

.more-link {
	padding-top: 9px;
	padding-bottom: 8px;
}

.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active {
	color: #5d7994;
}

.c-sidebar a:hover,
.c-sidebar a:focus,
.c-sidebar a:active {
	color: #5d7994;
}

.copyright-text a {
	color: #007a7c;
}

/*--------------------------------------------------------------
# Top Navbar
--------------------------------------------------------------*/
.top-navbar {
	background: linear-gradient(0deg, #5d7994 0%, #354a5f 100%);
}

.top-navbar .top-menus li {
	border: 0;
}

.top-navbar .social-navigation,
.top-navbar .top-navigation {
	margin: .2em 0;
}

.top-navbar .top-navigation li {
	border: 1px solid rgba(255, 255, 255, .25);
}

.top-navbar .social-navigation li:first-child {
	padding-left: 0;
}

.top-navbar .social-navigation li:last-child {
	padding-right: 0;
}

.top-navbar .social-navigation a .svg-icon {
	color: #5d7994;
	background: #fff;
	border-color: #fff;
	border-radius: 50%;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .15);
}

.top-navbar .social-navigation a:hover .svg-icon,
.top-navbar .social-navigation a:focus .svg-icon,
.top-navbar .social-navigation a:active .svg-icon {
	color: #354a5f;
	transform: scale(1.06) rotate(360deg);
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .15);
}

/*--------------------------------------------------------------
# Primary Navbar
--------------------------------------------------------------*/
.primary-navbar,
.main-navigation ul ul {
	background: #4b6a88;
}

.main-navigation .main-navigation-arrow-btn:active,
.main-navigation .main-navigation-arrow-btn:hover,
.main-navigation li.focus>.main-navigation-arrow-btn,
.main-navigation:not(.toggled) li:hover>.main-navigation-arrow-btn,
.main-navigation a:hover,
.main-navigation a:focus,
.main-navigation a:active {
	color: #4b6a88;
}

/*--------------------------------------------------------------
# Posts Grid
--------------------------------------------------------------*/
.pb-row {
	display: flex;
	flex-wrap: wrap;
	margin-left: -0.5em;
	margin-right: -0.5em;
}

[class^="pb-col-"] {
	width: 100%;
	padding-left: .5em;
	padding-right: .5em;
}

.pb-col-xs-3 {
	width: 25%;
}

.pb-col-xs-4 {
	width: 33.33333333%;
}

.pb-col-xs-6 {
	width: 50%;
}

@media screen and (min-width: 540px) {
	.pb-col-sm-3 {
		width: 25%;
	}

	.pb-col-sm-4 {
		width: 33.33333333%;
	}

	.pb-col-sm-6 {
		width: 50%;
	}
}

@media screen and (min-width: 768px) {
	.pb-col-md-3 {
		width: 25%;
	}

	.pb-col-md-4 {
		width: 33.33333333%;
	}

	.pb-col-md-6 {
		width: 50%;
	}
}

@media screen and (min-width: 1024px) {
	.pb-col-lg-3 {
		width: 25%;
	}

	.pb-col-lg-4 {
		width: 33.33333333%;
	}

	.pb-col-lg-6 {
		width: 50%;
	}
}

/*--------------------------------------------------------------
# Header Posts Grid
--------------------------------------------------------------*/
.header-posts-grid {
	margin-top: 1.5em;
}

.pb-featured-link {
	height: 170px;
}

@media screen and (min-width: 320px) {
	.pb-featured-link {
		height: 190px;
	}
}

@media screen and (min-width: 350px) {
	.pb-featured-link {
		height: 200px;
	}
}

@media screen and (min-width: 540px) {
	.pb-featured-grid-1 .header-posts-grid {
		justify-content: center;
	}

	.pb-featured-grid-1 .header-posts-grid>div {
		width: 96%;
	}

	.pb-featured-grid-1 .pb-featured-link {
		height: 250px;
	}

	.pb-featured-grid-2 .pb-featured-link {
		height: 205px;
	}

	.pb-featured-grid-3 .header-posts-grid {
		justify-content: center;
	}

	.pb-featured-grid-5 .pb-featured-link {
		height: 265px;
	}

	.pb-featured-link {
		height: 180px;
	}
}

@media screen and (min-width: 768px) {
	.pb-featured-grid-1 .pb-featured-link {
		height: 300px;
	}

	.pb-featured-grid-2 .pb-featured-link {
		height: 235px;
	}

	.pb-featured-grid-3 .pb-featured-link {
		height: 170px;
	}

	.pb-featured-grid-4 .pb-featured-link {
		height: 220px;
	}

	.pb-featured-grid-5 .pb-featured-post-0 {
		height: 100%;
	}

	.pb-featured-grid-5 .pb-featured-post-0 .pb-featured-link,
	body.double-sidebar .pb-featured-grid-5 .pb-featured-post-0 .pb-featured-link {
		height: calc(100% - 1em);
	}

	.pb-featured-grid-5 .pb-featured-link {
		height: 150px;
	}
}

@media screen and (min-width: 1024px) {
	.pb-featured-grid-1 .pb-featured-link {
		height: 340px;
	}

	.pb-featured-grid-2 .pb-featured-link {
		height: 290px;
	}

	.pb-featured-grid-3 .pb-featured-link {
		height: 200px;
	}

	.pb-featured-grid-4 .pb-featured-link {
		height: 170px;
	}

	.pb-featured-grid-5 .pb-featured-link {
		height: 180px;
	}
}

@media screen and (min-width: 1200px) {
	body.double-sidebar .pb-featured-grid-1 .header-posts-grid>div {
		width: 92%;
	}

	.pb-featured-grid-1 .pb-featured-link {
		height: 450px;
	}

	body.double-sidebar .pb-featured-grid-1 .pb-featured-link {
		height: 470px;
	}

	.pb-featured-grid-2 .pb-featured-link {
		height: 345px;
	}

	body.double-sidebar .pb-featured-grid-2 .pb-featured-link {
		height: 365px;
	}

	.pb-featured-grid-3 .pb-featured-link {
		height: 230px;
	}

	body.double-sidebar .pb-featured-grid-3 .pb-featured-link {
		height: 270px;
	}

	.pb-featured-grid-4 .pb-featured-link {
		height: 200px;
	}

	body.double-sidebar .pb-featured-grid-4 .pb-featured-link {
		height: 240px;
	}

	.pb-featured-grid-5 .pb-featured-link {
		height: 200px;
	}

	body.double-sidebar .pb-featured-grid-5 .pb-featured-link {
		height: 220px;
	}
}

.pb-featured-link {
	position: relative;
	display: block;
	margin-bottom: 1em;
	text-decoration: none;
	background: #eeeeee;
	color: inherit;
	overflow: hidden;
}

.pb-featured-image {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	display: block;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	transition: 1s all ease-out;
}

.pb-featured-zoom .pb-featured-link:hover .pb-featured-image,
.pb-featured-zoom .pb-featured-link:focus .pb-featured-image,
.pb-featured-zoom .pb-featured-link:active .pb-featured-image {
	transform: scale(1.07);
}

.pb-featured-title {
	position: absolute;
	left: 0;
	bottom: 0;
	margin: 0;
	padding: .15em .6em;
	font-size: .9em;
	background: rgba(60, 85, 109, 0.55);
	color: #fff;
	text-align: center;
	word-break: break-word;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

@media screen and (min-width: 540px) {
	.pb-featured-title {
		font-size: .95em;
	}
}

@media screen and (min-width: 768px) {
	.pb-featured-title {
		padding: .05em .35em;
		font-size: .85em;
	}
}

@media screen and (min-width: 1024px) {
	.pb-featured-title {
		padding: .1em .4em;
		font-size: .95em;
	}
}

@media screen and (min-width: 1200px) {
	.pb-featured-title {
		padding: .15em .6em;
	}
}

.pb-featured-taxonomy {
	position: absolute;
	top: 0;
	left: 0;
	padding: 1px 6px;
	font-size: .8em;
	background: rgba(60, 85, 109, 0.55);
	color: #fff;
	opacity: 0;
	transition: .2s all;
	-webkit-line-clamp: 1;
}

.pb-featured-link:hover .pb-featured-taxonomy,
.pb-featured-link:focus .pb-featured-taxonomy,
.pb-featured-link:active .pb-featured-taxonomy {
	opacity: 1;
}

/*--------------------------------------------------------------
# Related Posts Grid
--------------------------------------------------------------*/
.pb-related-posts-title {
	margin-bottom: 1.5em;
	padding: .5em 0;
	border-bottom: 1px solid #e1e1e1;
	font-size: 1.3em;
}

.pb-grid-related-link {
	position: relative;
	display: block;
	height: 140px;
	margin-bottom: 1.5em;
	text-decoration: none;
	color: inherit;
}

.pb-grid-related-link::before {
	content: '';
	background: #eeeeee;
}

.pb-related-post-image {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	-o-object-fit: cover;
	object-fit: cover;
}

.pb-related-post-image,
.pb-grid-related-link::before {
	display: block;
	width: 100%;
	height: 100px;
}

@media screen and (min-width: 320px) {

	.pb-related-post-image,
	.pb-grid-related-link::before {
		height: 110px;
	}
}

@media screen and (min-width: 350px) {
	.pb-grid-related-link {
		height: 160px;
	}

	.pb-related-post-image,
	.pb-grid-related-link::before {
		height: 130px;
	}
}

@media screen and (min-width: 400px) {
	.pb-grid-related-link {
		height: 180px;
	}

	.pb-related-post-image,
	.pb-grid-related-link::before {
		height: 150px;
	}
}

@media screen and (min-width: 450px) {
	.pb-grid-related-link {
		height: 205px;
	}

	.pb-related-post-image,
	.pb-grid-related-link::before {
		height: 170px;
	}
}

@media screen and (min-width: 450px) {
	.pb-grid-related-link {
		height: 220px;
	}

	.pb-related-post-image,
	.pb-grid-related-link::before {
		height: 180px;
	}
}

@media screen and (min-width: 768px) {
	.pb-grid-related-link {
		height: 190px;
	}

	.pb-related-post-image,
	.pb-grid-related-link::before {
		height: 150px;
	}

	body.double-sidebar .pb-related-post-image,
	body.double-sidebar .pb-grid-related-link::before {
		height: 140px;
	}
}

.pb-related-post-title,
.pb-related-post-taxonomy {
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.pb-related-post-title {
	margin-top: .5em;
	font-size: .85em;
	-webkit-line-clamp: 2;
}

.pb-related-post-taxonomy {
	position: absolute;
	top: 0;
	right: 0;
	padding: 1px 6px;
	font-size: .75em;
	background: rgba(60, 85, 109, 0.35);
	color: #fff;
	opacity: 0;
	transition: .2s all;
	-webkit-line-clamp: 1;
}

.pb-grid-related-link:hover .pb-related-post-taxonomy,
.pb-grid-related-link:focus .pb-related-post-taxonomy,
.pb-grid-related-link:active .pb-related-post-taxonomy {
	opacity: 1;
}

/*--------------------------------------------------------------
# Sidebar Widgets
--------------------------------------------------------------*/
.c-sidebar .widget .widget-title::after,
.c-sidebar .widget_block h1:first-child::after,
.c-sidebar .widget_block h2:first-child::after,
.c-sidebar .widget_block h3:first-child::after {
	background: #007a7c;
}

/*--------------------------------------------------------------
# Footer Widgets
--------------------------------------------------------------*/
.footer-widgets {
	background: #0e0e11;
}

.footer-widgets .widget {
	margin: 0 0 1.7em;
}

.footer-widgets .widget .widget-title,
.footer-widgets .widget_block h1:first-child,
.footer-widgets .widget_block h2:first-child,
.footer-widgets .widget_block h3:first-child {
	position: relative;
	margin-bottom: 1.4em;
	padding-bottom: .7em;
}

.footer-widgets .widget .widget-title::after,
.footer-widgets .widget_block h1:first-child::after,
.footer-widgets .widget_block h2:first-child::after,
.footer-widgets .widget_block h3:first-child::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 40px;
	height: 2px;
	background: #007a7c;
}

.footer-widgets .widget li::before {
	content: "\25B8";
	display: inline-block;
	width: 1em;
	margin-right: 5px;
	font-weight: bold;
	color: #007a7c;
}

/*--------------------------------------------------------------
# Go to Top
--------------------------------------------------------------*/
.go-to-top:hover,
.go-to-top:focus {
	background: linear-gradient(0deg, #445f7a 0%, #4b6a88 100%);
}

.go-to-top:focus {
	box-shadow: 0px 0px 3px #445f7a;
}

.go-to-top:active {
	background: #445f7a;
}