/*!
Theme Name: Gusii Press
Theme URI: https://them.es/starter
Author: Akika Digital
Author URI: https://akika.digital
Description: @akika.digital
Version: 3.7.0
Requires at least: 5.0
Tested up to: 7.0
Requires PHP: 7.2
License: GPL version 2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0
Tags: custom-background, custom-colors, featured-images, flexible-header, microformats, post-formats, rtl-language-support, theme-options, translation-ready, accessibility-ready
Text Domain: gusiipress
*/

/* Don't overwrite this file. Compile "/assets/main.scss" to "/build/main.css" */

/* From http://codex.wordpress.org/CSS */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/* Show it is fixed to the top */
body {
	min-height: 75rem;
	padding-top: 4.5rem;
	line-height: 1.5;
	color: #212529;
	font-family: 'Noto Sans', sans-serif;
}

body.admin-bar .fixed-top {
	top: 32px;
}

h1.entry-title {
	font-weight: bold;
	text-transform: uppercase;
}

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

a:hover {
	color: #ef1b1e;
	text-decoration: underline;
}

a.post-edit-link {
	font-size: 0.85rem;
	color: #f01d21;
	font-style: italic;
	text-decoration: underline;
}

.navbar-toggler {
	padding: 0.25rem 0.5rem;
	border: none;
	font-size: 1.75rem;
}

.hidden {
	display: none;
}

.navbar-light .navbar-nav .nav-link {
	color: rgb(0 0 0);
	font-weight: bold;
}

.navbar-brand,
.navbar {
	padding-top: 0;
	padding-bottom: 0;
}

#menu-main-menu .nav-link {
	padding: 8px 12px;
	border-radius: 5px;
	transition:
		background-color 0.2s ease,
		color 0.2s ease;
}

#menu-main-menu a:hover {
	text-decoration: none !important;
}

#menu-main-menu .current-menu-item>a .nav-link,
#menu-main-menu .current-menu-parent>a .nav-link,
#menu-main-menu .current-menu-ancestor>a .nav-link,
#menu-main-menu .current-post-ancestor>a .nav-link,
#menu-main-menu .nav-link:hover {
	color: #FFFFFF !important;
	background: #07652b;
	text-decoration: none !important;
}

#menu-footer-menu .current-menu-item>a .nav-link,
#menu-footer-menu .current-menu-parent>a .nav-link,
#menu-footer-menu .current-menu-ancestor>a .nav-link,
#menu-footer-menu .current-post-ancestor>a .nav-link {
	color: #ef1a1f !important;
	text-decoration: none !important;
}

#menu-footer-menu .nav-link:hover {
	color: #ef1a1f !important;
	text-decoration: underline !important;
}

.pagination {
	--bs-pagination-color: #07652b;
	--bs-pagination-hover-color: #ffffff;
	--bs-pagination-hover-bg: #07652b;
	--bs-pagination-hover-border-color: #07652b;

	--bs-pagination-active-color: #ffffff;
	--bs-pagination-active-bg: #07652b;
	--bs-pagination-active-border-color: #07652b;

	--bs-pagination-focus-color: #07652b;
	--bs-pagination-focus-box-shadow: none;
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl {
	width: 1140px;
}

.bg-dark {
	background-color: #141313 !important;
}

.navbar-dark .navbar-toggler {
	border-color: transparent;
	vertical-align: middle;
}

.color-brand {
	color: #07652b;
}

.color-brand-red {
	color: #ef1a1f;
}

.bg-brand {
	background-color: #07652b;
}

.bb-solid {
	border-bottom: solid 5px #07652b;
}

.bb-dashed {
	border-bottom: dashed 1px #c9c5c5;
}

.post-label {
	margin: 5px 0 0 5px;
	padding: 5px 10px;
	position: absolute;
	background: #ef1a1f;
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 14px;
}

.post-content p,
.post-content div {
	line-height: 1.85rem;
}

.breadcrumb {
	font-size: .75rem;
}

.breadcrumb_last {
	color: #6c757d;
}

.ad {
	background-color: #eee;
}

.text-separator {
	font-size: 0.3rem;
	vertical-align: middle;
}

footer a {
	text-decoration: none;
	color: #FFFFFF !important;
}

.text-white {
	color: #FFFFFF !important;
}

.whatsapp {
	color: #0f9a43;
}

.facebook {
	color: #405d9b;
}

.twitter {
	color: #36abf3;
}

.instagram {
	color: #f783ac;
}

.youtube {
	color: #d02d2c;
}

.telegram {
	color: #61a8de;
}

.linkedin {
	color: #007bb5;
}

.tiktok {
	color: #fe2c55;
}

.rss {
	color: #ee802f;
}

figcaption {
	background: #eee;
	padding: 5px 10px;
	font-style: italic;
	color: #545151;
	font-size: 0.85rem;
}

.font-14 {
	font-size: 14px;
}

.list-inline .tag a {
	color: #fff!important;
}

.cat-title {
	font-weight: bold;
	border-left: solid 4px #07652b;
	padding-left: 10px;
	text-transform: uppercase;
}

.post-content iframe,
.post-content figure,
.post-content img {
	max-width: 100%;
	/* height: auto; */
}

.mid-content-also-read {
	background: #eee;
	padding: 15px;
}

.mid-content-also-read ol li,
.mid-content-also-read ol li a,
.post-content a {
	color: #07652b;
	margin-bottom: 10px;
	text-decoration: underline;
}

img.avatar.avatar-48.photo {
	border-radius: 5px;
}

.author-info.bg-faded {
	border: solid 1px #dadbdb;
}

/*
|--------------------------------------------------------------------------
| Start of connect-with-us
|--------------------------------------------------------------------------
*/

.connect-with-us {
	position: relative;
	background: #fff;
}

.connect-with-us h3 {
	font-size: 2rem;
	color: #212529;
}

.connect-line {
	width: 70px;
	height: 2px;
	background: #07652b;
}

.connect-dot {
	width: 9px;
	height: 9px;
	background: #07652b;
	border-radius: 50%;
}

.social-card {
	transition:
		transform 0.2s ease,
		opacity 0.2s ease;
}

.social-card:hover {
	transform: translateY(-4px);
}

.social-icon {
	width: 60px;
	height: 60px;

	display: flex;
	align-items: center;
	justify-content: center;

	border-radius: 50%;
	background: #fff;

	font-size: 2.3rem;

	border: 2px solid currentColor;

	box-shadow:
		0 5px 16px rgba(0, 0, 0, 0.08);

	transition:
		transform 0.2s ease,
		box-shadow 0.2s ease;
}

.social-card:hover .social-icon {
	transform: scale(1.05);

	box-shadow:
		0 8px 22px rgba(0, 0, 0, 0.12);
}

.social-facebook {
	color: #4267b2;
}

.social-twitter {
	color: #1da1f2;
}

.social-instagram {
	color: #e1306c;
}

.social-telegram {
	color: #229ed9;
}

.social-youtube {
	color: #ff0000;
}

.website-line {
	flex: 1;
	max-width: 170px;
	height: 1px;
	background: #07652b;
}

.website-pill {
	display: inline-flex;
	align-items: center;

	padding: 10px 24px;

	background: #07652b;
	color: #fff;

	border-radius: 50rem;

	font-weight: 600;
}

.website-pill:hover {
	background: #064f22;
	color: #fff;
}

/*
|--------------------------------------------------------------------------
| End connect-with-us
|--------------------------------------------------------------------------
*/

/*
|--------------------------------------------------------------------------
| Start of article share buttons
|--------------------------------------------------------------------------
*/

.article-share {
	padding: 24px 0;
	margin: 24px 0;

	border-top: 1px solid #dee2e6;
	border-bottom: 1px solid #dee2e6;
}


/*
 * Title
 */
.article-share-title {
	display: flex;
	align-items: center;
	justify-content: center;

	gap: 12px;
	margin-bottom: 24px;
}

.article-share-title h6 {
	margin: 0;

	color: #212529;

	font-size: 14px;
	font-weight: 700;

	text-transform: uppercase;
	letter-spacing: 3px;
}

.article-share-title span {
	position: relative;

	width: 50px;
	height: 1px;

	background: #07652b;
}

.article-share-title span:first-child::after,
.article-share-title span:last-child::before {
	content: "";

	position: absolute;
	top: 50%;

	width: 7px;
	height: 7px;

	background: #07652b;
	border-radius: 50%;

	transform: translateY(-50%);
}

.article-share-title span:first-child::after {
	right: -1px;
}

.article-share-title span:last-child::before {
	left: -1px;
}

.article-share a:hover {
	text-decoration: none !important;
}


/*
 * Social items
 */
.article-share-items {
	display: flex;
	align-items: center;
	justify-content: center;

	gap: 0;
}

.article-share-item {
	position: relative;

	display: flex;
	flex: 1;
	flex-direction: column;
	align-items: center;

	gap: 8px;

	padding: 0 18px;

	color: #212529;
	background: transparent;
	border: 0;

	text-decoration: none;

	cursor: pointer;
}

.article-share-item:not(:last-child)::after {
	content: "";

	position: absolute;
	top: 8px;
	right: 0;

	width: 1px;
	height: 50px;

	background: #e1e1e1;
}

/*
 * Circular icon
 */
.share-icon {
	width: 58px;
	height: 58px;

	display: flex;
	align-items: center;
	justify-content: center;

	border: 1px solid currentColor;
	border-radius: 50%;

	background: #fff;

	font-size: 25px;

	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06);

	transition:
		transform 0.2s ease,
		box-shadow 0.2s ease,
		background-color 0.2s ease,
		color 0.2s ease;
}

.article-share-item:hover .share-icon {
	transform: translateY(-3px);

	box-shadow: 0 6px 16px rgba(0, 0, 0, 0.12);
}


/*
 * Label
 */
.share-label {
	color: #343a40;

	font-size: 11px;
	font-weight: 700;

	text-transform: uppercase;
}


/*
 * Network colours
 */
.share-default {
	color: #212529;
}

.share-whatsapp {
	color: #00a63d;
}

.share-facebook {
	color: #4267b2;
}

.share-twitter {
	color: #1da1f2;
}

.share-telegram {
	color: #229ed9;
}

.share-linkedin {
	color: #0077b5;
}

@media (max-width: 767.98px) {
	body.admin-bar .fixed-top {
		top: 46px;
	}

	.article-share {
		padding: 20px 0;
	}

	.article-share-title {
		margin-bottom: 20px;
	}

	.article-share-title h6 {
		font-size: 12px;
		letter-spacing: 2px;
		white-space: nowrap;
	}

	.article-share-title span {
		width: 30px;
	}

	.article-share-items {
		justify-content: flex-start;

		overflow-x: auto;
		scrollbar-width: none;

		padding-bottom: 5px;
	}

	.article-share-items::-webkit-scrollbar {
		display: none;
	}

	.article-share-item {
		flex: 0 0 82px;
		padding: 0 10px;
	}

	.article-share-item:not(:last-child)::after {
		height: 45px;
	}

	.share-icon {
		width: 52px;
		height: 52px;

		font-size: 22px;
	}

	.share-label {
		font-size: 9px;
	}
}

/*
|--------------------------------------------------------------------------
| End of article share buttons
|--------------------------------------------------------------------------
*/

/*
|--------------------------------------------------------------------------
| Also Read
|--------------------------------------------------------------------------
*/

.also-read-box {
	position: relative;

	margin: 2rem 0;
	padding: 1.5rem 1.75rem;

	background: #f8fcf9;
	border: 1px solid #dcebe1;
	border-left: 5px solid #07652b;

	border-radius: 0 10px 10px 0;
}


/*
 * Heading
 */
.also-read-heading {
	display: flex;
	align-items: center;

	gap: 10px;

	margin-bottom: 1rem;
}

.also-read-heading-icon {
	width: 38px;
	height: 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	background: #e0f2e5;
	color: #07652b;
	border-radius: 50%;
	font-size: 16px;
}

.also-read-heading h4 {
	margin: 0;
	color: #212529;
	font-size: 20px;
	font-weight: 800;
	line-height: 1;
	text-transform: uppercase;
}

.also-read-heading-line {
	width: 100px;
	height: 1px;
	margin-left: 8px;
	background: #07652b;
}

.also-read-heading-dot {
	width: 8px;
	height: 8px;
	margin-left: -11px;
	background: #07652b;
	border-radius: 50%;
}

/*
|--------------------------------------------------------------------------
| End Also Read
|--------------------------------------------------------------------------
*/

footer {
	padding-bottom: 90px;
}

footer a {
	color: #fff;
}

footer hr {
	border-top: solid 1px #dadbdb;
}

#sticky-footer {
	bottom: 0;
	z-index: 1020;
	flex-shrink: 0;
	position: fixed;
	width: 100%;
	background-color: transparent;
}

#floating-ad {
	bottom: 2rem;
	z-index: 1020;
	flex-shrink: 0;
	position: fixed;
	width: auto;
	height: auto;
	background-color: transparent;
	right: 0rem;
}

.post-red {
	border-bottom: solid 2px #07652b;
}

#div-breaking-news {
	background: #a62d2f;
}

.breaking-news-body a {
	color: #FFFFFF;
}

.breaking-news-body a:hover {
	text-decoration: underline;
}

.table-rss a {
	color: #a6292f;
	font-style: italic;
}

.sticky-top {
	top: 90px;
}

@media (min-width: 1400px) {

	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl,
	.container-xxl {
		max-width: 1280px;
	}
}

@media (max-width: 1400px) {

	.container,
	.container-lg,
	.container-md,
	.container-sm,
	.container-xl {
		width: 100%;
	}
}

@media screen and (max-width: 480px) {
	.navbar-logo {
		height: 32px;
	}

	.hidden-xs {
		display: none;
	}

	footer {
		padding-bottom: 50px;
	}
}