/*
 * Theme Name: BreakfastGo
 * Author: Theme Kalia
 * Author URI: http://themeforest.net/user/template_path
 * Theme URI: http://el.commonsupport.com/newwp/kodesk/
 * Description: Bringing in ultimate aesthetic sense, Kodesk WordPress theme is something TOTALLY unique and different. It’s a TRULY creative showcase for your creative work. The animations are so genuine and so full of life and artificial intelligence – simply matchless. It’s minimalist and lightning fast. Kodesk has Five homepage layouts, where again each layout takes you to a new horizon of creativity. Everything from featured area and menu to mouse hover, products grid, and social integration appears in a new style.
 * Version: 1.5
 * License: This theme or plugin is comprised of two parts. (1) the PHP code and integrated HTML are licensed under the General Public License (GPL). You will find a copy of the GPL in the same directory as this text file. (2) All other parts, but not limited to the CSS code, images, and design are licensed according to the license purchased from Envato.  Read more about licensing here: http://themeforest.net/licenses
 * License URI: license.txt
 * Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
 * Text Domain: kodesk
 * Tested up to: 6.3
 * Requires PHP: 7.0
*/
.wp-caption {
	margin-bottom: 2px;
}

.wp-caption-text {
	margin-bottom: 5px;
}

.screen-reader-text {
	margin-bottom: 12px;
}

.gallery-caption {
	margin-bottom: 2px;
}

.bypostauthor {
	margin-bottom: 2px;
}

.alignleft {
	float: left;
	margin-bottom: 20px;
	margin-right: 20px;
	max-width: 100%;
	width: unset !important;
}

.alignright {
	float: right !important;
	margin-bottom: 20px;
	margin-left: 20px;
	max-width: 100%;
	width: unset !important;
}

.aligncenter {
	display: block;
	margin: 0 auto 20px;
}

.col-md-4 .funfact-meta > i {
	right: 27px;
}

.mycustom-pricing {
	background-color: #090909 !important;
}

.on-hover {
	display: none;
	animation: fadeOut 0.5s;
}

.hver:hover .on-hover {
	display: block;
	animation: fadeIn 0.5s;
}

.round, .round img{
	border-radius: 15px!important;
}

.text-block-styled h3, .text-block-styled h2, .text-block-styled h1{
	margin: revert;
}
.text-block-styled ol, .text-block-styled li, .text-block-styled ul{
	padding: revert;
	list-style: auto;
}

.text-block-styled li{
	margin-bottom: 5px;
}

/* BreakfastGo video header hero */
.video-header-section.workspaces-section.hello {
	padding: 0px 100px;
}

.video-header-section.workspaces-section.hello > div {
	position: relative;
	min-height: clamp(540px, 68vw, 800px);
	margin: 0 auto;
	border-radius: 15px;
	overflow: hidden;
	background: #1b120d;
	box-shadow: 0 30px 70px rgba(16, 10, 8, 0.18);
	isolation: isolate;
}

.video-header-section.workspaces-section.hello > div::before {
	content: "";
	position: absolute;
	inset: 0;
	background:
		linear-gradient(180deg, rgba(14, 11, 10, 0.18) 0%, rgba(14, 11, 10, 0.35) 42%, rgba(14, 11, 10, 0.58) 100%),
		radial-gradient(circle at 50% 42%, rgba(255, 255, 255, 0.14), transparent 36%);
	backdrop-filter: blur(2px);
	z-index: 1;
}

.video-header-section.workspaces-section.hello .elementor-wrapper,
.video-header-section.workspaces-section.hello .elementor-wrapper.elementor-open-inline,
.video-header-section.workspaces-section.hello .elementor-wrapper.elementor-open-lightbox {
	position: absolute;
	inset: 0;
	z-index: 0;
	height: 100% !important;
	padding-bottom: 0 !important;
	overflow: hidden;
	background: #1b120d;
	pointer-events: none;
}

.video-header-section.workspaces-section.hello .elementor-wrapper iframe,
.video-header-section.workspaces-section.hello .elementor-wrapper video,
.video-header-section.workspaces-section.hello .elementor-wrapper .elementor-video,
.video-header-section.workspaces-section.hello .elementor-wrapper .elementor-video iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
	object-fit: cover;
}

.video-header-section.workspaces-section.hello .elementor-wrapper iframe,
.video-header-section.workspaces-section.hello .elementor-wrapper video {
	transform: scale(1.08);
	filter: brightness(0.52) saturate(0.9);
}

.video-header-section.workspaces-section.hello .sec-title {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	width: min(calc(100% - 48px), 780px);
	margin: 0;
	transform: translate(-50%, -50%);
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.video-header-section.workspaces-section.hello .sec-title h1 {
	color: #ffffff;
	font-size: clamp(42px, 4.6vw, 66px);
	line-height: 1.16;
	font-weight: 600;
	letter-spacing: -0.03em;
	text-shadow: 0 6px 28px rgba(0, 0, 0, 0.3);
	margin-bottom: 20px;
}

.video-header-section.workspaces-section.hello .sec-title p {
	color: #ffffff;
	font-weight: 500;
	letter-spacing: -0.03em;
	text-shadow: 0 6px 28px rgba(0, 0, 0, 0.3);
}

.video-header-section.workspaces-section.hello .sec-title .btn-box {
	position: relative;
	right: auto;
	bottom: auto;
	margin-top: 30px;
}

@media (max-width: 991px) {
	.video-header-section.workspaces-section.hello {
		padding: 22px 16px 36px;
	}

	.video-header-section.workspaces-section.hello > div {
		min-height: 500px;
		border-radius: 20px;
	}

	.video-header-section.workspaces-section.hello .sec-title {
		width: calc(100% - 40px);
	}

	.video-header-section.workspaces-section.hello .sec-title h1 {
		font-size: clamp(34px, 6vw, 50px);
	}
}

@media (max-width: 767px) {
	.video-header-section.workspaces-section.hello {
		padding: 18px 12px 28px;
	}

	.video-header-section.workspaces-section.hello > div {
		min-height: 420px;
		border-radius: 18px;
	}

	.video-header-section.workspaces-section.hello .sec-title {
		width: calc(100% - 28px);
	}

	.video-header-section.workspaces-section.hello .sec-title h1 {
		font-size: clamp(28px, 8vw, 38px);
		line-height: 1.2;
	}

	.video-header-section.workspaces-section.hello .sec-title .btn-box {
		margin-top: 22px;
	}

	.video-header-section.workspaces-section.hello .sec-title .theme-btn.btn-one {
		min-height: 54px;
		padding: 14px 24px;
		font-size: 17px;
	}

	.video-header-section.workspaces-section.hello .sec-title .theme-btn.btn-one span {
		padding-left: 32px;
	}
}