/*
Theme Name: Best Blogger
Author: DiThemes
Author URI: https://dithemes.com
Description: Ultimate Blog Theme for Bloggers. Best Blogger is a responsive, fast, SEO-Friendly, fully customizable and beautiful WordPress theme. It is the perfect theme for displaying blog posts, eye-catching web pages and eCommerce. This theme is page builder ready like Elementor and has a Full Width Template. Best Blogger is WooCommerce ready theme so you can use it to sell products and services. Best Blogger Theme Features: #Typography options with all Google #Fonts, One Click #Demo Import, Overlay Menu, #Call to Action, #Social Profile, Advanced #Blog Options, Front Page #Slider, Sidebar Menu, Extra #WooCommerce Options, Footer #Widgets, Footer Copyright Section and much more, Let's create a #Beautiful website. DEMO: http://demo.dithemes.com/di-blog/
Version: 1.0
Requires at least: 5.2
Tested up to: 6.6
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, left-sidebar, right-sidebar, grid-layout, flexible-header, custom-background, custom-colors, custom-header, custom-menu, editor-style, custom-logo, featured-images, footer-widgets, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, wide-blocks, blog, portfolio, e-commerce
Text Domain: best-blogger
Template: di-blog
*/


.ovrly-menu-otr {
	margin-right: 10px;
}

.ovrly-menu-otr a.ovrly-menu {
	text-decoration: none;
	display: inline-block;
}

.icons-top span.fa {
	font-size: 16px;
	padding: 2px;
}

.ovrly {
	height: 0;
	width: 100%;
	position: fixed;
	z-index: 999999;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0, 0.9);
	overflow-x: hidden;
	overflow-y: hidden;
	transition: 0.5s;
}

.overlay-bgoverlay-color {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.ovrly-content {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

ul.overlaymenu-class {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.overlaymenu-class li a {
	padding: 8px;
	text-decoration: none;
	display: inline-block;
	transition: 0.3s;
}

ul.overlaymenu-class li a,
.ovrly .ovrly-menu-closebtn {
	color: #818181;
}

ul.overlaymenu-class li a:hover,
ul.overlaymenu-class li a:focus,
.ovrly .ovrly-menu-closebtn:hover {
	color: #f1f1f1;
}

.ovrly .ovrly-menu-closebtn {
	position: absolute;
	top: 6px;
	right: 25px;
	font-size: 76px;
	z-index: 9;
}

@media screen and (max-width: 767px) {

	ul.overlaymenu-class li a {
		font-size: 20px;
	}

	.ovrly .ovrly-menu-closebtn {
		font-size: 40px;
		top: 15px;
		right: 35px;
	}
}

.di-cta-otr {
	display: inline-block;
}

.di-cta-otr .cta-inner {
	border-radius: 15px;
	border: 2px solid;
	padding: 4px 10px;
	font-size: 14px;
	color: #fff;
	transition: 0.2s ease-in-out;
	display: inline-block;
}

@media (max-width: 767px) {
	.di-cta-otr .cta-inner {
		display: inline-block;
		padding: 2px 8px;
	}
}