/*
Theme Name: Best Responsive
Author: DiThemes
Author URI: https://dithemes.com
Description: Ultimate Responsive, Fast, SEO Friendly and WooCommerce ready WordPres theme. Best Responsive is a #responsive, classic, #SEO Friendly, fast to load and #eCommerce ready WordPress theme. It is the perfect theme to display your business information across the devices. This theme uses the #Bootstrap framework so that content can be best fit from small to large screen devices. It is also a WooCommerce ready WordPress theme and has customizable options, so it can be used for displaying and selling products. Best Responsive WordPress theme is the child theme of Di Responsive theme, so you will get all the features of Di Responsive theme with an additional overlay menu and a call to action button. It is a fully customizable WordPress theme, so that you can customize your #logo, #menus, social icons, location information, #sidebar widgets, #blog posts, footer widgets, footer copyright section, page contents. Best Responsive theme is fully compatible with page builder plugins like #Elementor and has a dedicated template for page builder, so you can display page builder contents perfectly. Theme features: #One Click Demo Importer, #Page Builder Friendly, #Ready to Use templates, #WooCommerce Ready, Live Theme Options, #Social Icons, #Sticky Header, Advance #Top Bar section, #Typography Options, Advance #Footer Widgets, Full Width template, Left Sidebar template, Right Sidebar template, Blog Options, Sidebar Menu, eCommerce Options and much more. #DEMO: http://demo.dithemes.com/di-responsive/
Version: 1.2
Requires at least: 5.2
Tested up to: 6.5
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, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, flexible-header, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, wide-blocks, blog, e-commerce, portfolio
Text Domain: best-responsive
Template: di-responsive
*/

/** Apply CSS to CTA */
.di-cta {
	padding: 14px 26px;
	font-size: 18px;
	font-weight: 600;
	font-style: italic;
	transition: .4s ease-out;
	display: inline-block;
	text-align: center;
	color: #ffffff;
    background: #cea525;

}

.di-cta:hover,
.di-cta:focus {
	color: #cea525;
    background: #000000;
}

.sticky_menu_top .di-cta {
	padding: 10px 26px;
}

/** Hide / Show larger CTA */
@media screen and (max-width: 991px) {
	.di-cta.larged {
		display: none;
	}
}

/** Hide / Show small CTA */
.di-cta.smalld {
	display: none;
	transition: .3s ease-out;
}

@media screen and (max-width: 991px) {
	.di-cta.smalld {
		display: block;
	}
}


/** Apply CSS to Overlay menu */
.ovrly-menu-otr {
	margin-right: 10px;
}

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

.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,
.ovrly .ovrly-menu-closebtn:focus {
	color: #f1f1f1;
}

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

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

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