/*
Theme Name: Business Info
Author: DiThemes
Author URI: https://dithemes.com
Description: A WordPress Theme for Business. Business Info is a Fast Loading, Responsive, SEO-Friendly and Fully Customizable WordPress theme for business websites. It is a child theme of Di Business theme so you will get all the features of Di Business with additional CTA and Overlay menu. It is the perfect theme to display business information so try the Business Info theme for eye-catching business websites, blogs and eCommerce. Theme features: 100% #Responsive, #SEO Friendly, #Fast to load, #Typography options, #One click demo import, Custom #Logo, Call to Action #CTA, Header #Layouts, #Sticky menu, #Customizable blog, Top Bar, #Responsive Menu, #Social icons, #Footer Widgets and layout, #WooCommerce ready and additional options, Sidebar menu, #Footer copyright section, Back to top icon, Page loading icon, Page builder ready like Elementor and Compatible with all plugins. #DEMO: http://demo.dithemes.com/di-business/
Version: 1.2
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, 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, portfolio, blog, e-commerce
Text Domain: business-info
Template: di-business
*/


/** CSS for call to action */

.di-cta {
	padding: 10px 16px;
	font-size: 18px;
	font-weight: 600;
	font-style: italic;
	transition: .4s ease-out;
	display: inline-block;
	text-align: center;
	color: #ffffff;
    background: #000000;
    border-radius: 14px;
}

.di-cta:hover,
.di-cta:focus {
	color: #ffffff;
    background: #fd5757;
}

/** CTA - if less than hide large */
@media screen and (max-width: 991px) {
	.di-cta.larged {
		display: none;
	}
}

/* hide by DEFAULT AND if less than show small */
.di-cta.smalld {
	display: none;
	transition: .3s ease-out;
}

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


/** CSS for the overlay menu */


.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;
	}
}