/*
Theme Name: PressBook Media
Theme URI: https://scriptstown.com/wordpress-themes/pressbook-media/
Author: ScriptsTown
Author URI: https://scriptstown.com/
Description: PressBook Media is a professional, fast, clean, and modern theme for business, agency, and educational websites. The theme is unique, well-designed, fully responsive, and mobile-friendly with an elegant layout and excellent typography. This multi-purpose theme with an interactive look is very well-suited for digital marketing and affiliate marketing agencies, consultancy, firms, news, blogging, magazine, and institutional website. The components of the theme include sticky-floating single and double sidebars, top advertisement banner, info section with contact details, accessible multi-level dropdown menu, social links, topbar with gradient color, footer, and side widgets, multiple block patterns including hero section, buttons, and columns, block areas to place any custom Gutenberg blocks in the header and footer, and many options for easy customization. Even with many elements, the theme loads very quickly with high speed and fast loading time. The configuration of themes is never that easy as this theme offers with its flexible options that makes it very simple to configure. The theme is great for bloggers, writers, and marketers. The widget blocks can be used to place Google Adsense scripts to show ads on the sidebars. It is optimized for SEO and offers high accessibility as well as a great performance with minimal dependency. This theme can also be used to create websites for schools, colleges, institutes, academy, or university portal that offers courses, guides, eBooks, tutorials, manuals, and documentation. Additionally, this can be used to publish stories, newsfeeds, reviews, images, movies, videos, etc. The info section allows placing CTA buttons for users to book appointments, request a quote, etc. It supports WooCommerce, Jetpack's infinite scrolling, and page builder plugins like Elementor, Divi, etc. This theme is also translation-ready with RTL language support. It has many options to customize the theme easily that includes blog options, accent colors, header and background image, related posts options, page-level settings, etc. There are many page templates available to create fluid-width pages to showcase the portfolios, features, services, gallery, and testimonials.
Template: pressbook
Version: 1.3.3
Requires at least: 5.3
Tested up to: 6.7
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-media
Tags: blog, education, portfolio, grid-layout, one-column, two-columns, three-columns, left-sidebar, right-sidebar, block-patterns, 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
# Block Patterns
# Top Navbar
# Top Info
# Site Branding
# Primary Navbar
# Primary Menu Search
# Grid
# Related Posts
# Sidebar Widgets
# Footer Widgets
# Go to Top
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	font-family: 'Mulish', sans-serif;
}

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

/*--------------------------------------------------------------
# Links & Buttons
--------------------------------------------------------------*/
a {
	color: #094ae9;
}

a:hover,
a:focus,
a:active {
	color: #a41e6d;
}

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, #094ae9 0%, #386be9 51%, #094ae9 100%);
}

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

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

.copyright-text a {
	color: #a41e6d;
}

/*--------------------------------------------------------------
# Block Patterns
--------------------------------------------------------------*/
.pressbook-hero-section .pressbook-hero-section__title.has-text-align-center,
.pressbook-hero-section .pressbook-hero-section__desc.has-text-align-center,
.pressbook-hero-section .pressbook-hero-section .wp-block-buttons.has-text-align-center {
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

.pressbook-hero-bg-image .pressbook-hero-section__title,
.pressbook-hero-bg-image .pressbook-hero-section__desc,
.pressbook-hero-bg-image .pressbook-hero-section .wp-block-buttons {
	max-width: 600px;
}

.pressbook-hero-section__title {
	margin: 0 0 .95em 0;
	font-size: 2em;
}

.pressbook-hero-section__desc {
	margin: 0 0 2em 0;
	font-size: 1em;
}

.pressbook-hero-section__button .wp-block-button__link {
	font-size: 1em;
	padding: .6em 1.2em .65em 1.2em;
}

.pressbook-hero-section__button.is-style-outline>.wp-block-button__link,
.pressbook-hero-section__button .wp-block-button__link.is-style-outline {
	border: 2px solid;
	padding: .508em 1.2em;
}

.pressbook-hero-section .wp-block-buttons,
.pressbook-hero-section .wp-block-buttons .wp-block-button {
	margin-top: 0;
}

.pressbook-hero-section .wp-block-buttons {
	margin-bottom: 0;
}

.pressbook-hero-section .wp-block-buttons .wp-block-button,
.pressbook-column-content .pressbook-column-content-button {
	margin-bottom: 1.5em;
}

.pressbook-column-content .pressbook-column-content-button .wp-block-button__link {
	font-size: .9em;
	padding: .5em 1em;
}

.pressbook-column-content .pressbook-column-content-button.is-style-outline>.wp-block-button__link,
.pressbook-column-content .pressbook-column-content-button .wp-block-button__link.is-style-outline {
	border: 2px solid;
	padding: .37em 1em;
}

.pressbook-hero-section .wp-block-buttons>.wp-block-button {
	margin-right: .75em;
	margin-left: 0;
}

.pressbook-hero-section .wp-block-buttons>.wp-block-button:last-child {
	margin-right: 0;
	margin-left: 0;
}

/*--------------------------------------------------------------
# Top Navbar
--------------------------------------------------------------*/
.top-navbar {
	background: linear-gradient(0deg, #094ae9 0%, #386be9 100%);
}

.social-navigation a:hover .svg-icon,
.social-navigation a:focus .svg-icon,
.social-navigation a:active .svg-icon {
	color: #094ae9;
}

/*--------------------------------------------------------------
# Top Info
--------------------------------------------------------------*/
.top-info {
	padding: .5em 0 .45em 0;
	font-size: .85em;
	color: #515151;
	background: #f3f3f3;
}

.top-info-detail {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.top-info-contact {
	margin: .3em .7em;
	list-style-type: none;
	text-align: center;
}

.top-info-contact li {
	display: inline-block;
	margin: .3em 0;
	padding: 0;
}

.top-info-contact li:not(:last-child)::after {
	content: '|';
	display: inline-block;
	margin-left: 1em;
	margin-right: .725em;
}

.top-info-contact .svg-icon {
	width: 1.4em;
	height: 1.4em;
	padding: .1em;
	margin-right: .4em;
}

.top-info-phone .svg-icon,
.top-info-address .svg-icon {
	margin-bottom: .1em;
}

.top-info-email .svg-icon {
	margin-bottom: .24em;
}

.top-info-contact span {
	font-weight: 600;
}

.top-info-buttons {
	margin: 0 .3em;
	text-align: center;
}

.top-info-buttons .top-info-button {
	display: inline-block;
	margin: .4em;
	padding: .55em 1em .55em;
	line-height: 1;
	font-size: 1em;
	text-decoration: none;
	color: #515151;
	background: #fff;
	border: 1px solid #a7a7a7;
	border-radius: .5em;
}

.top-info-button:hover,
.top-info-button:focus,
.top-info-button:active {
	text-decoration: underline;
}

@media screen and (min-width: 576px) {
	.top-info-detail.top-info-between-md {
		justify-content: space-between;
	}

	.top-info-detail.top-info-between-md .top-info-contact {
		margin-left: 0;
		text-align: left;
	}

	.top-info-detail.top-info-between-md .top-info-buttons {
		margin-left: auto;
		margin-right: 0;
		text-align: right;
	}

	.top-info-detail.top-info-between-md .top-info-button {
		margin-left: .8em;
		margin-right: 0;
	}

	.top-info-detail.top-info-around-md {
		justify-content: space-around;
	}

	.top-info-detail.top-info-center-md {
		justify-content: center;
	}
}

@media screen and (min-width: 1024px) {
	.top-info-detail.top-info-between-lg {
		justify-content: space-between;
	}

	.top-info-detail.top-info-between-lg .top-info-contact {
		margin-left: 0;
		text-align: left;
	}

	.top-info-detail.top-info-between-lg .top-info-buttons {
		margin-left: auto;
		margin-right: 0;
		text-align: right;
	}

	.top-info-detail.top-info-between-lg .top-info-button {
		margin-left: .8em;
		margin-right: 0;
	}

	.top-info-detail.top-info-around-lg {
		justify-content: space-around;
	}

	.top-info-detail.top-info-center-lg {
		justify-content: center;
	}

	.top-info-detail.top-info-around-lg .top-info-contact,
	.top-info-detail.top-info-center-lg .top-info-contact {
		margin-left: .7em;
		text-align: center;
	}

	.top-info-detail.top-info-around-lg .top-info-buttons,
	.top-info-detail.top-info-center-lg .top-info-buttons {
		margin-left: .3em;
		margin-right: .3em;
		text-align: center;
	}

	.top-info-detail.top-info-around-lg .top-info-button,
	.top-info-detail.top-info-center-lg .top-info-button {
		margin-left: .4em;
		margin-right: .4em;
	}
}

@media screen and (min-width: 1200px) {
	.top-info-detail.top-info-between-xlg {
		justify-content: space-between;
	}

	.top-info-detail.top-info-between-xlg .top-info-contact {
		margin-left: 0;
		text-align: left;
	}

	.top-info-detail.top-info-between-xlg .top-info-buttons {
		margin-left: auto;
		margin-right: 0;
		text-align: right;
	}

	.top-info-detail.top-info-between-xlg .top-info-button {
		margin-left: .8em;
		margin-right: 0;
	}

	.top-info-detail.top-info-around-xlg {
		justify-content: space-around;
	}

	.top-info-detail.top-info-center-xlg {
		justify-content: center;
	}

	.top-info-detail.top-info-around-xlg .top-info-contact,
	.top-info-detail.top-info-center-xlg .top-info-contact {
		margin-left: .7em;
		text-align: center;
	}

	.top-info-detail.top-info-around-xlg .top-info-buttons,
	.top-info-detail.top-info-center-xlg .top-info-buttons {
		margin-left: .3em;
		margin-right: .3em;
		text-align: center;
	}

	.top-info-detail.top-info-around-xlg .top-info-button,
	.top-info-detail.top-info-center-xlg .top-info-button {
		margin-left: .4em;
		margin-right: .4em;
	}
}

/*--------------------------------------------------------------
# Site Branding
--------------------------------------------------------------*/
.site-branding {
	padding-top: 1.1em;
	padding-bottom: 1.3em;
}

/*--------------------------------------------------------------
# Primary Navbar
--------------------------------------------------------------*/
.primary-navbar,
.main-navigation li,
.main-navigation ul ul li {
	padding: 0;
}

.main-navigation:not(.toggled):not(.main-navigation--touch) ul li:hover>ul,
.main-navigation ul li.focus>ul {
	top: 0;
}

@media screen and (min-width: 768px) {
	.main-navigation .menu>li:first-child {
		padding: 0 .2em 0 0;
	}

	.main-navigation .menu>li:not(:first-child) {
		padding: 0 .2em 0 .2em;
	}

	.main-navigation ul ul li.menu-item-has-children {
		padding-right: .4em;
	}

	.main-navigation:not(.toggled):not(.main-navigation--touch) ul li:hover>ul,
	.main-navigation ul li.focus>ul {
		top: 100%;
	}

	.main-navigation:not(.toggled):not(.main-navigation--touch) ul ul li:hover>ul,
	.main-navigation ul ul li.focus>ul {
		top: 0;
	}
}

.primary-navbar,
.main-navigation ul ul {
	background: #1d2327;
}

.primary-menu-toggle .svg-icon {
	width: 1.7em;
	height: 1.75em;
}

.main-navigation-arrow-btn {
	align-self: stretch;
}

.main-navigation-arrow-btn .svg-icon {
	width: 1em;
	height: 1em;
	vertical-align: baseline;
}

.main-navigation a {
	position: relative;
	padding: .7em .8em .775em .8em;
}

.main-navigation .menu>.menu-item>a:hover::before,
.main-navigation .menu>.menu-item>a:focus::before,
.main-navigation .menu>.menu-item>a:active::before,
.main-navigation .menu>.current-menu-ancestor>a::before,
.main-navigation .menu>.current-menu-parent>a::before {
	opacity: 1;
}

.main-navigation .menu .current-menu-ancestor>a,
.main-navigation .menu .current-menu-item>a,
.main-navigation .menu .current-menu-parent>a {
	background: #ff5809;
}

@media screen and (min-width: 768px) {
	.main-navigation-arrow-btn {
		align-self: center;
	}

	.main-navigation .menu>.current-menu-ancestor>a::before,
	.main-navigation .menu>.current-menu-parent>a::before {
		content: "";
	}
}

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

/*--------------------------------------------------------------
# Primary Menu Search
--------------------------------------------------------------*/
.primary-navbar .primary-menu-search .primary-menu-search-toggle {
	width: 36px;
	height: 36px;
	padding: .5em;
}

.primary-navbar .primary-menu-search-toggle .svg-icon {
	width: 1.1em;
	height: 1.1em;
}

.primary-navbar .main-navigation .primary-menu-search {
	padding-top: 1.6em;
	padding-bottom: .8em;
}

@media screen and (min-width: 768px) {
	.primary-navbar .main-navigation .primary-menu-search {
		padding-bottom: 0;
	}
}

/*--------------------------------------------------------------
# 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%;
	}
}

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

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

.pb-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-related-link::before {
	display: block;
	width: 100%;
	height: 100px;
}

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

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

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

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

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

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

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

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

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

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

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

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

	body.double-sidebar .pb-related-post-image,
	body.double-sidebar .pb-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(0, 0, 0, 0.4);
	color: #fff;
	opacity: 0;
	transition: .2s all;
	-webkit-line-clamp: 1;
}

.pb-related-link:hover .pb-related-post-taxonomy,
.pb-related-link:focus .pb-related-post-taxonomy,
.pb-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: #094ae9;
}

/*--------------------------------------------------------------
# Footer Widgets
--------------------------------------------------------------*/
.footer-widgets {
	background: #010e2d;
}

.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: #a41e6d;
}

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

/*--------------------------------------------------------------
# Go to Top
--------------------------------------------------------------*/
.go-to-top:hover,
.go-to-top:focus {
	background: linear-gradient(0deg, #094ae9 0%, #386be9 100%);
}

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

.go-to-top:active {
	background: #094ae9;
}