/*
Theme Name: Twenty Twenty-Two
Theme URI: https://wordpress.org/themes/twentytwentytwo/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Built on a solidly designed foundation, Twenty Twenty-Two embraces the idea that everyone deserves a truly unique website. The theme’s subtle styles are inspired by the diversity and versatility of birds: its typography is lightweight yet strong, its color palette is drawn from nature, and its layout elements sit gently on the page. The true richness of Twenty Twenty-Two lies in its opportunity for customization. The theme is built to take advantage of the Full Site Editing features introduced in WordPress 5.9, which means that colors, typography, and the layout of every single page on your site can be customized to suit your vision. It also includes dozens of block patterns, opening the door to a wide range of professionally designed layouts in just a few clicks. Whether you’re building a single-page website, a blog, a business website, or a portfolio, Twenty Twenty-Two will help you create a site that is uniquely yours.
Requires at least: 5.9
Tested up to: 6.0
Requires PHP: 5.6
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentytwo
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments

Twenty Twenty-Two WordPress Theme, (C) 2021 WordPress.org
Twenty Twenty-Two is distributed under the terms of the GNU GPL.
*/

/*
 * Font smoothing.
 * This is a niche setting that will not be available via Global Styles.
 * https://github.com/WordPress/gutenberg/issues/35934
 */


@font-face {
  font-family: "Cerebri Sans";
  src: url('https://static.jumpshare.com/blog/wp-content/themes/twentytwentytwo/assets/fonts/cerebrisans-italic.woff') format('woff'), url('https://static.jumpshare.com/blog/wp-content/themes/twentytwentytwo/assets/fonts/CerebriSans-Italic.ttf') format('truetype'), url('https://static.jumpshare.com/blog/wp-content/themes/twentytwentytwo/assets/fonts/cerebrisans-italic.svg') format('svg'), url('https://static.jumpshare.com/blog/wp-content/themes/twentytwentytwo/assets/fonts/cerebrisans-italic.eot') format('embedded-opentype');
  font-weight: 400;
  font-style: "italic";
  font-display: swap;
}

@font-face {
  font-family: "Cerebri Sans";
  src: url('https://static.jumpshare.com/blog/wp-content/themes/twentytwentytwo/assets/fonts/cerebrisans-regular.woff') format('woff'), url('https://static.jumpshare.com/blog/wp-content/themes/twentytwentytwo/assets/fonts/CerebriSans-Regular.ttf') format('truetype'), url('https://static.jumpshare.com/blog/wp-content/themes/twentytwentytwo/assets/fonts/cerebrisans-regular.svg') format('svg'), url('https://static.jumpshare.com/blog/wp-content/themes/twentytwentytwo/assets/fonts/cerebrisans-regular.eot') format('embedded-opentype');
  font-weight: 400;
  font-style: "normal";
  font-display: swap;
}

@font-face {
  font-family: "Cerebri Sans";
  src: url('https://static.jumpshare.com/blog/wp-content/themes/twentytwentytwo/assets/fonts/cerebrisans-book.woff') format('woff'), url('https://static.jumpshare.com/blog/wp-content/themes/twentytwentytwo/assets/fonts/cerebrisans-book.ttf') format('truetype'), url('https://static.jumpshare.com/blog/wp-content/themes/twentytwentytwo/assets/fonts/cerebrisans-book.svg') format('svg'), url('https://static.jumpshare.com/blog/wp-content/themes/twentytwentytwo/assets/fonts/cerebrisans-book.eot') format('embedded-opentype');
  font-weight: 500;
  font-style: "normal";
  font-display: swap;
}

@font-face {
  font-family: "Cerebri Sans";
  src: url('https://static.jumpshare.com/blog/wp-content/themes/twentytwentytwo/assets/fonts/cerebrisans-medium.woff') format('woff'), url('https://static.jumpshare.com/blog/wp-content/themes/twentytwentytwo/assets/fonts/cerebrisans-medium.ttf') format('truetype'), url('https://static.jumpshare.com/blog/wp-content/themes/twentytwentytwo/assets/fonts/cerebrisans-medium.svg') format('svg'), url('https://static.jumpshare.com/blog/wp-content/themes/twentytwentytwo/assets/fonts/cerebrisans-medium.eot') format('embedded-opentype');
  font-weight: 600;
  font-style: "normal";
  font-display: swap;
}
@font-face {
  font-family: "Cerebri Sans";
  src: url('https://static.jumpshare.com/blog/wp-content/themes/twentytwentytwo/assets/fonts/cerebrisans-bold.woff') format('woff'), url('https://static.jumpshare.com/blog/wp-content/themes/twentytwentytwo/assets/fonts/CerebriSans-Bold.ttf') format('truetype'), url('https://static.jumpshare.com/blog/wp-content/themes/twentytwentytwo/assets/fonts/cerebrisans-bold.svg') format('svg'), url('https://static.jumpshare.com/blog/wp-content/themes/twentytwentytwo/assets/fonts/cerebrisans-bold.eot') format('embedded-opentype');
  font-weight: 700;
  font-style: "normal";
  font-display: swap;
}
@font-face {
  font-family: "Cerebri Sans";
  src: url('https://static.jumpshare.com/blog/wp-content/themes/twentytwentytwo/assets/fonts/cerebrisans-extrabold.woff') format('woff'), url('https://static.jumpshare.com/blog/wp-content/themes/twentytwentytwo/assets/fonts/CerebriSans-ExtraBold.ttf') format('truetype'), url('https://static.jumpshare.com/blog/wp-content/themes/twentytwentytwo/assets/fonts/cerebrisans-extrabold.svg') format('svg'), url('https://static.jumpshare.com/blog/wp-content/themes/twentytwentytwo/assets/fonts/cerebrisans-extrabold.eot') format('embedded-opentype');
  font-weight: 800;
  font-style: "normal";
  font-display: swap;
}
@font-face {
  font-family: "Cerebri Sans";
  src: url('https://static.jumpshare.com/blog/wp-content/themes/twentytwentytwo/assets/fonts/cerebrisans-heavy.woff') format('woff'), url('https://static.jumpshare.com/blog/wp-content/themes/twentytwentytwo/assets/fonts/CerebriSans-Heavy.ttf') format('truetype'), url('https://static.jumpshare.com/blog/wp-content/themes/twentytwentytwo/assets/fonts/cerebrisans-heavy.svg') format('svg'), url('https://static.jumpshare.com/blog/wp-content/themes/twentytwentytwo/assets/fonts/cerebrisans-heavy.eot') format('embedded-opentype');
  font-weight: 900;
  font-style: "normal";
  font-display: swap;
}

body, html {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-family: "Cerebri Sans" !important;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Cerebri Sans" !important;
}
h1 {
	font-weight: 900 !important
}

pre {
	white-space: pre-wrap !important;
}

/*
 * Text and navigation link styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

a {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.25ch;
}

a:hover,
a:focus {
	text-decoration-style: dashed;
}

a:active {
	text-decoration: none;
}
blockquote {
	background-color: #fcfcfc;
	border-left: solid 5px #1891ed;
	text-align: left !important;
	font-style: normal;
	position: relative;
	padding: 60px 30px 30px 70px;
	margin-bottom: 20px;
}
blockquote::before {
  content: '\201C';
  font-family: "Noto Serif","Georgia","Times New Roman","Times",serif;
  font-size: 100px;
  height: 3.75rem;
  left: 15px;
  line-height: 1;
  max-width: 3.75rem;
  position: absolute;
  text-align: inherit;
  top: 15px;
  width: 100%;
  color: #1891ed;
}

.wp-block-navigation .wp-block-navigation-item a:hover,
.wp-block-navigation .wp-block-navigation-item a:focus {
	text-decoration: underline;
	text-decoration-style: solid;
}

/*
 * Search and File Block button styles.
 * Necessary until the following issues are resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/36444
 * https://github.com/WordPress/gutenberg/issues/27760
 */

.wp-block-search__button,
.wp-block-file .wp-block-file__button {
	background-color: var(--wp--preset--color--primary);
	border-radius: 0;
	border: none;
	color: var(--wp--preset--color--background);
	font-size: var(--wp--preset--font-size--medium);
	padding: calc(.667em + 2px) calc(1.333em + 2px);
}

/*
 * Button hover styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
	opacity: 0.90;
}

/*
 * Alignment styles.
 * These rules are temporary, and should not be relied on or
 * modified too heavily by themes or plugins that build on
 * Twenty Twenty-Two. These are meant to be a precursor to
 * a global solution provided by the Block Editor.
 *
 * Relevant issues:
 * https://github.com/WordPress/gutenberg/issues/35607
 * https://github.com/WordPress/gutenberg/issues/35884
 */

.wp-site-blocks,
body > .is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.wp-block-group.alignfull,
.wp-block-group.has-background,
.wp-block-cover.alignfull,
.is-root-container .wp-block[data-align="full"] > .wp-block-group,
.is-root-container .wp-block[data-align="full"] > .wp-block-cover {
	padding-left: var(--wp--custom--spacing--outer);
	padding-right: var(--wp--custom--spacing--outer);
}

.wp-site-blocks .alignfull,
.wp-site-blocks > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-cover,
.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-template-part > .wp-block-cover,
body > .is-root-container > .wp-block-cover,
body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background,
body > .is-root-container > .wp-block-template-part > .wp-block-cover,
.is-root-container .wp-block[data-align="full"] {
	margin-left: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	margin-right: calc(-1 * var(--wp--custom--spacing--outer)) !important;
	width: unset;
}

/* Blocks inside columns don't have negative margins. */
.wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"],
/* We also want to avoid stacking negative margins. */
.wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
.is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"] {
	margin-left: auto !important;
	margin-right: auto !important;
	width: inherit;
}

/*
 * Responsive menu container padding.
 * This ensures the responsive container inherits the same
 * spacing defined above. This behavior may be built into
 * the Block Editor in the future.
 */

.wp-block-navigation__responsive-container.is-menu-open {
	padding-top: var(--wp--custom--spacing--outer);
	padding-bottom: var(--wp--custom--spacing--large);
	padding-right: var(--wp--custom--spacing--outer);
	padding-left: var(--wp--custom--spacing--outer);
}

.header-wrap {
	display: flex;
	justify-content: space-between;
	padding: 27.5px 0;
}
.header-wrap a {
	text-decoration: none;
	font-size: 15.5px;
}
.header-wrap a:not(.btn-white), .header-wrap a:not(.btn-blue) {
	padding-left: 10.5px;
	padding-right: 10.5px;
}
.marketing_dropdown_wrapper {
  padding-bottom: 12px;
  margin-bottom: -12px;
  position: relative;
}

.rich.user-info a {
	font-family: "Cerebri Sans" !important;
}
.marketing_dropdown_wrapper:hover .marketing_dropdown {
	display: block;
}
.marketing_dropdown_wrapper .marketing_dropdown {
	position: absolute;
	top: 20px;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 124px;
	padding: 10px 0;
	margin: 15px 0 0;
	list-style: none;
	font-size: 14.5px;
	text-align: left;
	background-color: #fff;
	border: 1px solid #c1cbd2;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px rgba(113,125,130,0.1);
	-moz-box-shadow: 0 1px 2px rgba(113,125,130,0.1);
	-ms-box-shadow: 0 1px 2px rgba(113,125,130,0.1);
	-o-box-shadow: 0 1px 2px rgba(113,125,130,0.1);
	box-shadow: 0 1px 2px rgba(113,125,130,0.1);
	background-clip: padding-box;
}
.header_dropdown {
	display: inline-block;
	transform: translateY(-7px) translateX(5px);
}
.header_dropdown::after {
  border-top-width: 2px;
  border-top-style: solid;
  border-right-width: 2px;
  border-right-style: solid;
  content: "";
  display: inline-block;
  margin-left: .3em;
  position: relative;
  pointer-events: none;
  width: 4px;
  height: 4px;
  transition: all .15s ease 0;
  vertical-align: middle;
  transform: rotate(135deg);
  top: 4px;
  left: 0px;
}
.user-info {
	display: flex;
	gap: 15px;
	align-items: center;
	transform: translateY(-1px);
}
.btn-blue {
	padding: 6.5px 18px !important;
	background-color: #168eea;
	border: 1px solid #0487e7;
	color: #fff;
	border-radius: 4px;
}
.btn-white {
	padding: 6.5px 18px !important;
	border: solid 1px #131415;
	border-radius: 4px;
	margin-left: 8px !important;
}
.wp-site-blocks {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.pricing_footer {
  background-color: #f9f9f9;
  padding: 5rem 0;
}
.container {
  max-width: 1170px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
  color: #131415;
}
.content-container {
  max-width: 1030px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
  color: #131415;
}

.footer_wrapper {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}
.footer_wrapper .single_column .copyrightp {
  margin: 1.2rem 0;
  font-size: 0.9rem;
}
.footer_wrapper .single_column > ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.footer_social {
  display: block;
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.footer_wrapper .single_column .footer_social li {
  display: inline-block;
  top: 0;
  left: 0;
  background-color: #131415;
  padding: 0;
}
.footer_wrapper .single_column > ul > li a {
  display: block;
  font-size: 1rem;
  color: #131415 !important;
	text-decoration: none;
}
.footer_wrapper .single_column > ul h3 {
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  margin-top: 0;
	margin-bottom: 10px;
  color: #131415 !important;
  font-family: "Cerebri Sans";
	
}
.footer_social li {
  display: inline-block;
  border-radius: 40px;
  background-color: #444;
  position: relative;
  top: 30px;
  left: -35px;
  text-align: center;
  line-height: 23px;
	margin-right: 3px;
}
.footer_social li a {
  padding: 3px;
  height: 26px;
  width: 26px;
  display: block;
  line-height: 26px !important;
}

.footer_wrapper .single_column > ul > li a {
  font-size: 14.5px !important;
  text-transform: initial !important;
	transform: translateY(2px);
	font-family: "Cerebri Sans" !important;
}

.footer_wrapper .single_column > ul > li {
  display: flex;
  padding: 0.4rem 0;
}

.header-wrap .dropdown-menu a {
  font-weight: 400 !important;
  font-size: 15px !important;
	color: #131415;
	display: block;
padding: 6px 20px;
clear: both;
line-height: 1.4;
cursor: pointer;
white-space: nowrap;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > li > a.hover, .dropdown-menu > li > ul > li > a:hover, .dropdown-menu > li > ul > li > a:focus, .dropdown-menu > li > ul > li > a.hover {
  text-decoration: none;
  color: #101010;
  background-color: #e8e8e8;
}
.taxonomy-category {
	margin-top: 10px !important;
}
.taxonomy-category a {
	font-family: "Cerebri Sans" !important;
	font-size: 14px !important;
	color: #888 !important;
	text-decoration: none !important;
}
.alignwide.wp-block-post-title {
	line-height: 1.35;
}
.wp-block-post-title a {
	font-family: "Cerebri Sans" !important;
	text-decoration: none !important;
	font-size: 22px !important;	
	display:  block;
}

.wp-block-post-author {
	align-items: center;
	margin-top: 10px !important;
}

.wp-block-post-author .wp-block-post-author__avatar {
	height: 25px !important;
	width: 25px !important;
	overflow: hidden !important;
	border-radius: 20px !important;
	margin-right: 10px !important;
}
.wp-block-post-author .wp-block-post-author__avatar img {
	width: 100%;
	height: 100%;
}
.wp-block-post {
	border: solid 1px #ddd;
	border-radius: 5px;
	box-sizing: border-box;
	position: relative;
	transition: all .3s ease;
	overflow: hidden;
}
.wp-block-post:hover {
	box-shadow: 0 10px 40px -15px #b9b9b9;
}

.wp-block-post-author__content p {
	font-size: 14px !important;
}
.wp-block-post-date  {
	font-size: 14px !important;
	color: #888 !important;
	top: 162px !important;
}

.wp-block-post-featured-image {
	margin-top: 0 !important;
}

.single_page_post_title {
	margin-bottom: 20px !important;
	font-family: "Cerebri Sans";
	font-size: 42px !important;
	font-weight: bold;
	margin-top: 15px !important;
}
.single_page_post_date {
	position: static !important;
	font-family: "Cerebri Sans";
}
.single_post_info_panel {
	margin-bottom: 30px !important;
}
.wp-block-post-content h1 {
	font-size: 35px;
	font-weight: 900;
}
.wp-block-post-content a {
	font-size: 18px !important;
	text-decoration: none !important;
	color : #137dcf !important;
	font-family: "Cerebri Sans" !important;
}
.wp-block-post-content h2 {
	font-family: "Cerebri Sans";
	font-size: 30px !important;
	font-weight: bold;
}
.wp-block-post-content h3, #reply-title {
	font-family: "Cerebri Sans";
	font-size: 25px !important;
	font-weight: bold;
}
.wp-block-post-content h4 {
	font-family: "Cerebri Sans";
	font-size: 20px !important;
	font-weight: bold;
}
.home_top_heading {
	font-family: "Cerebri Sans";
	font-weight: 900;
	max-width: 800px;
	margin: 0 auto;
	margin-top: 40px;
	margin-bottom: 30px;
}
.home_top_description {
	font-family: "Cerebri Sans";
	max-width: 800px;
	margin: 0 auto;
}
/* .wp-block-post-content img {
	width: 100% !important;
	display: block !important;
} */

.single_post_info_panel .wp-block-post-author {
	margin-top: 0 !important;
	color: #888 !important;
}
.single_post_info_panel .taxonomy-category {
	margin-top: 0 !important;
	color: #888 !important;
}

.single_post_info_panel .single_page_post_date {
	font-family: "Cerebri Sans" !important;
	color: #888 !important;
	font-style: normal !important;
	font-size: 14px !important;
}

.single_page_post_image {
	margin-bottom: 40px !important;
	width: 100% !important;
	max-width: 1170px !important;
	box-sizing: border-box;
	padding: 0 !important;
}
.single_page_post_image img {
	border-radius: 5px;
}
.home_top_categories  {
	display: flex;
	align-content: center;
	justify-content: center;
	list-style-type: none;
	padding: 0;
	margin-top: 30px;
	margin-bottom: 50px;
	gap: 10px;
}
.home_top_categories li a {
	text-decoration: none !important;
	font-size: 13px !important;
	padding: 6px 12px;
	border: solid 1px #b6ddfa;
	border-radius: 5px;
	background-color: #f4f7fa;
	color: #168eea;
	text-transform: uppercase;
	font-weight: 500;
}
#commentform label {
	font-size: 16px;
}

#submit {
	background-color: #137dcf !important;
	border-radius: 5px !important;
}

#promo_footer_bar {
	height: 62px;
	max-width: 800px;
	margin: 0 auto;
	box-shadow: 0 0 15px 1px rgba(0,0,0,0.1);
	transition: all 250ms ease;
	color: #101010;
	background-color: #cabcf9;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 20px;
	box-sizing: border-box;
	position: relative;
	z-index: 100;
	margin-bottom: -52px;
	margin-top: 60px;
}
#promo_footer_bar .promo-container {
	display: flex;
	justify-content: space-between;
	width: 100%;
}
#promo_footer_bar .promo-container .promo-btn a {
	font-size: 16px;
	font-family: "Cerebri Sans" !important;
	text-decoration: none;
	padding: 12px 25px;
}

.mt-0 {
	margin-top: 0 !important;
}

.has-post-thumbnail .wp-block-post-date {
	padding-top: 4px;
}
.mt-10 {
	margin-top: 10px !important;
}
.mb-8 {
	margin-bottom: 8px !important;
}

.latest_articles_panel {
/* 	background-color: #fcfcfc; */
/* 	border-radius: 5px; */
	float: right;
	margin-bottom: 30px !important;
	width: 300px;
/* 	padding: 15px; */
/* 	border: solid 1px #ddd; */
}
.latest_articles_panel ul {
	margin-top: 0;
}

.latest_articles_panel li {
	padding-top: 20px;
	display: flex;
	gap: 10px;
	align-items: center;
}
.latest_articles_panel li a img {
	max-width: 100px !important;
	width: 100px;
	height: auto;
}

.latest_articles_panel h2 {
/* 	text-align: center; */
	font-weight: 700 !important;
	font-size: 24px !important;
	font-family: "Cerebri Sans" !important;
}
.latest_articles_panel a{
	font-size: 15px;
	line-height: 22px;
	display: block;
	text-decoration: none;
	font-weight: 600;
	font-family: "Cerebri Sans" !important;
}
.latest_articles_panel a:hover {
	text-decoration: underline;
}
.latest_articles_panel .tptn_posts  ul li > a {
	line-height: 0;
}
.latest_articles_panel .tptn_date {
	font-size: 14px;
	color: #888;
	padding-top: 15px;
}


#nav-icon3 {
	display: none;
}
.rich.user-info {
	display: flex;
}

.homepage_date_show {
	margin-top: 0 !important;
	padding: 15px !important;
	padding-bottom: 10px !important;
}
.homepage_post_title {
	padding: 0 15px !important;
	margin: 0 !important;
}
.homepage_categories_post {
	padding: 15px !important;
	padding-bottom: 15px !important;
	padding-top: 10px !important;
	margin-top: 0 !important;
}
.homepage_categories_post a {
	background-color: #f4f7fa;
	font-size: 10px !important;
	padding: 3px 6px;
	color: #168eea !important;
	border-radius: 3px;
	text-transform: uppercase;
	font-weight: 500 !important;
	border: solid 1px #b6ddfa;
}
.single_post_categories {
	text-align: center;
	
}
.single_post_categories a {
	background-color: #f4f7fa;
	font-size: 13px !important;
	padding: 3px 6px;
	color: #168eea !important;
	border-radius: 3px;
	text-transform: uppercase;
	font-weight: 500 !important;
	border: solid 1px #b6ddfa;
	text-align: center;
}

@media all and (max-width:768px) {
	.overSetToHidden {
		overflow: hidden;
		position: fixed;
		width: 100%;
	}
	.home_top_heading {
		font-size: 40px !important;
	}
	.nav-bar {
		  display: block;
		  border: none;
		}
		.nav-bar .rich {
		  position: absolute;
		  text-align: left !important;
		  z-index: 1000;
		  height: 100vh;
		  background-color: #fff;
		  width: 100%;
		  top: -100vh;
		  left: 0;
		  padding-top: 5px !important;
		  overflow-y: auto;
		}
		.nav-bar .rich a {
		  font-size: 1.1rem !important;
		  display: inline-block;
		}
		.nav-bar .rich a[href="login-dd"] {
		  display: block !important;
		}
		.nav-bar .rich .btn-link {
		  text-align: left;
		  margin-left: 30px;
		  position: relative;
		  padding: 0.5rem 1rem !important;
		  display: block;
		}
		.nav-bar .rich .btn-link .light, .nav-bar .rich .btn-link .header_dropdown {
		  display: none;
		}
		.nav-bar .rich .btn {
		  text-align: center;
		  padding: 0.53rem 1.29rem !important;
		  margin-top: 10px;
		  display: inline-block !important;
		  margin-bottom: 80px;
		}
		.nav-bar .rich .btn-white {
		  margin-left: 45px;
		}
		.nav-bar .rich .dropdown-menu {
		  position: relative;
		  border: none;
		  display: block !important;
		  top: 0 !important;
		  width: 100%;
		  margin: 0;
		  padding: 0;
		  padding-left: 50px;
		  padding-bottom: 15px;
		  box-shadow: none;
		}
		.nav-bar .rich .dropdown-menu li a:hover {
		  background-color: transparent;
		  text-decoration: underline;
		}
		.nav-bar .rich .dropdown-menu .arrow, .nav-bar .rich .dropdown-menu .divider {
		  display: none;
		}
		.nav-bar .rich.openMenu {
		  top: 80px;
		}

	#nav-icon3{
		display: block;
		margin-top: 8px;
		margin-right: 0;
		width: 25px;
		height: 30px;
		position: relative;
		z-index: 1001;
		float: right;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .5s ease-in-out;
		-moz-transition: .5s ease-in-out;
		-o-transition: .5s ease-in-out;
		transition: .5s ease-in-out;
		cursor: pointer;
	}
	#nav-icon3 span{
		display: block;
		position: absolute;
		height: 3px;
		width: 100%;
		background: #131415;
		border-radius: 9px;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-moz-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
	}
	#nav-icon3 span:nth-child(1) {
		top: 0px;
	}
	#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
		top: 7px;
	}
	#nav-icon3 span:nth-child(4) {
		top: 14px;
	}
	#nav-icon3.open span:nth-child(1) {
		top: 8px;
		width: 0%;
		left: 50%;
	}
	#nav-icon3.open span:nth-child(2) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#nav-icon3.open span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	#nav-icon3.open span:nth-child(4) {
		top: 8px;
		width: 0%;
		left: 50%;
	}
	.rich.user-info {
		display: none;
	}
	.rich.user-info.openMenu {
		display: block;
	}
	#promo_footer_bar {
		height: auto;
		padding-top: 15px;
		padding-bottom: 25px;
		border-radius: 0;
	}
	#promo_footer_bar .promo-container {
		flex-direction: column;
		align-items: center;
	}
	#promo_footer_bar .promo-container span {
		display: block;
		margin-bottom: 20px;
		text-align: center;
	}
	.footer_wrapper {
		flex-direction: column;
	}
	.sidebar_js_add, .latest_articles_panel {
		margin: 0 auto;
		float: none !important;
	}
	.read_more_sction {
		padding: 0 15px !important;
	}
}

.sidebar_js_add {
	display: block;
	background-color: #eef5f9;
	border-radius: 5px;
	text-align: center;
	padding: 30px 20px;
	position: sticky;
	top: 20px;
	overflow: hidden;
	width: 300px;
	float: right;
}
.sidebar_js_add:before {
	content: '';
	position: absolute;
	height: 350px;
	width: 100%;
	background-color: #cabcf9;
	z-index: -1;
	bottom: -92px;
	transform: rotate(71deg);
	left: 90px;
}
.sidebar_js_add:after {
	content: '';
	position: absolute;
	height: 350px;
	width: 100%;
	background-color: #cabcf9;
	z-index: -1;
	bottom: -125px;
	transform: rotate(-74deg);
	right: 90px;
}

.sidebar_js_add img {
	width: 100%;
}
.sidebar_js_add h2 {
	font-size: 24px !important;
}
.sidebar_js_add h3 , .sidebar_js_add a {
	font-size: 18px !important;
}
.sidebar_js_add h2, .sidebar_js_add h3, .sidebar_js_add a {
	font-family: "Cerebri Sans" !important;
}

.sidebar_js_add a.wp-block-button__link {
	background-color: #168eea !important;
	border-radius: 5px !important;
}

.tptn_posts {
	margin-top: 0 !important;
}
.tptn_posts ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.bottom_read_further {
	margin-top: 60px;
}

.bottom_read_further h2 {
	font-family: "Cerebri Sans" !important;
	font-size: 24px !important;
	font-weight: 700 !important;
}

.bottom_read_further ul {
	display: grid;
	gap: 30px;
	grid-template-columns: 1fr 1fr 1fr;
}
.bottom_read_further ul li {
	border: solid 1px #ddd;
	border-radius: 5px;
	box-sizing: border-box;
	overflow: hidden;
	transition: all .3s ease;
}

.bottom_read_further ul li:hover {
	box-shadow: 0 10px 40px -15px #b9b9b9;
}

.bottom_read_further ul li a {
	font-family: "Cerebri Sans" !important;
	font-size: 22px !important;
	font-weight: 700;
	display: block;
	text-decoration: none;
	padding: 0 15px;
	line-height: 30px;
	padding-bottom: 10px;
	padding-top: 25px;
	
}

.bottom_read_further ul li img {
	display: block;
	width: 100%;
}
.bottom_read_further ul li {
	position: relative;
}

.bottom_read_further .wp-block-latest-posts__post-author {
	padding: 15px;
	padding-top: 0;
	color: #888 !important;
}
.bottom_read_further .wp-block-latest-posts__post-date {
	position: absolute;
	top: 195px;
	font-size: 14px !important;
	color: rgb(136, 136, 136);
	left: 15px;
}
.social_media_icons_single_post {
	position: absolute;
	transform: translateX(-70px);
	gap: 0 !important;
}
.social_media_icons_single_post li a svg {
	width: 25px !important;
	height: 25px; !important;
/* 	fill: #383838 !important; */
}
.social_media_icons_single_post li a svg path {
	fill: #383838 !important;
}

.single_post_content {
	margin-top: 5px !important;
}

.updatedFooterBanner {
	max-width: 1100px;
	margin: 0 auto;
	padding: 30px;
	text-align: center;
	border-radius: 5px;
	background-color: #eef5f9;
	border: solid 1px #d2dee5;
	margin-top: 60px !important;
	margin-bottom: 60px !important;
	position: relative;
	z-index: 1000;
	box-shadow: 0 8px 30px -18px #888;
}
.updatedFooterBanner h2 {
	font-family: "Cerebri Sans" !important;
	text-align: center;
	font-size: 30px;
	font-weight: 700;
	margin: 0;
}
.updatedFooterBanner .mainCTAfooter {
	font-family: "Cerebri Sans" !important;
	font-size: 16px;
	font-weight: 500;
	padding: 15px 50px;
	color: #fff;
	font-size: 18px;
	display: inline-block;
	margin-top: 8px;
	border-radius: 5px;
	text-decoration: none;
	background-color: #168eea;
}
.m-0 ul {
	margin: 0 !important;
}

.pagination_btn {
	padding: 6px 15px;
	color: #168eea !important;
	background-color: #f4f7fa;
	border: solid 1px #b6ddfa;
	border-radius: 5px;
	margin: 0 !important;
	text-decoration: none;
	margin-top: 30px !important;
}

#copy_to_clipboard_notif {
	position: fixed;
	display: inline-block;
	color: #fff;
	background-color: #168eea;
	padding: 6px 12px;
	border-radius: 5px;
	left: 0;
	width: 200px;
	font-size: 14px;
	text-align: center;
	right: 0;
	margin: 0 auto;
	top: 20px;
	opacity: 0;
	transition: all .5s ease;
}
.addtoany_list a, #copy_code_clipboard {
	transition: all .3s ease;
}
.addtoany_list a:hover img, .addtoany_list a:hover span {
	opacity: 1 !important;
}
.addtoany_list a:hover img, .addtoany_list a:hover span svg path {
	fill: #fff !important
}
#copy_code_clipboard:hover svg path {
	fill: #fff !important
}

#copy_code_clipboard {
	position: absolute; 
	transform: translateX(-70px) translateY(130px);
	cursor: pointer;
}

.addtoany_list a, .widget .addtoany_list a, #copy_code_clipboard {
	border: solid 1px #ddd !important;
	border-radius: 100px !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	height: 40px !important;
	width: 40px !important;
	padding: 0 !important;
	transition: all .3s ease;
}
.addtoany_list a:hover, .widget .addtoany_list a:hover, #copy_code_clipboard:hover {
	width: 55px !important;
	border: none !important;
}
#copy_code_clipboard:hover {
	background-color: #0487e7;
}
.addtoany_list a:nth-child(1):hover {
	background-color: #4267B2;
}
.addtoany_list a:nth-child(2):hover {
	background-color: #00acee;
}
.addtoany_list a:nth-child(3):hover {
	background-color: #ff4500;
}

.mx1000 {
	max-width: 1000px !important;
}