/* 
Theme Name: MB (Hello Elementor Child)
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

#nn-banner-caption {
	right: -480px;
	bottom: 5px;
	transition: right 0.75s ease;
}

#nn-banner-caption.is-open {
	right: 5px;
}

#nn-banner-caption-close {
	left: -26px;
	top: -26px;
	border: 0;
	border-radius: 50%;
	transform: rotate(45deg);
	transition: background-color 0.25s ease-out, transform 0.25s ease-out;
}

#nn-banner-caption.is-open #nn-banner-caption-close {
	transform: rotate(0deg);
}

#nn-banner-caption-close:hover,
#nn-banner-caption-close:focus {
	background-color: #1e5190;
}

#nn-banner-caption-cta {
	position: relative;
	display: inline-flex;
	align-items: center;
}

#nn-banner-caption-cta::after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 19px 0 19px 20px;
	border-color: transparent transparent transparent #1e5190;
	right: -20px;
	top: 0;
}

@media (max-width: 767px) {
	#nn-banner-caption {
		width: calc(100% - 30px) !important;
	}

	#nn-banner-caption.is-open {
		right: 8px;
	}
}