/*
Theme Name:   Oktan - Child theme
Theme URI:    https://webdesign-finder.com/oktan-v2
Description:  Extra Small child theme of Oktan theme
Author:       the MWTemplates team
Author URI:   https://themeforest.net/user/mwtemplates
Template:     oktan
Version:      1.0.0
License:      Commercial
License URI:  https://themeforest.net/licenses/regular_extended
Text Domain:  oktan
Domain Path:  /languages
Tags:         blog, e-commerce, news, custom-background, custom-colors, custom-logo, custom-menu, custom-header, editor-style, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, block-styles, wide-blocks, left-sidebar, right-sidebar, one-column, two-columns, grid-layout, microformats, post-formats, translation-ready
*/

/* Your styles goes here*/

.text-drop-shadow {
    text-shadow: 1px 1px 3px grey, 0 0 1px grey, 0 0 0.2px grey;
}

.box-light-transparent-bg {
	width: fit-content;
	background-color: rgba(39, 51, 58, 0.5);
	padding: 24px 16px;
	color: #fff !important;
	margin: 0 auto;
	text-align: center;
}

.box-light-transparent-bg .header-sub-text {
	width: 75%;
	font-size: 20px !important;
	font-weight: 300 !important;
	margin: 16px auto 0 auto;
}

.mwt-elementor-main-slider-button {
	margin: 0 auto !important;
}

.hero-headline {
	text-align: center;
}

.hero-subtitle {
	text-align: center;
}

@media screen and (min-width: 1801px) {
	.hero-headline {
		align-self: start;
		margin: 20px 0 0 100px;
		width: 40%;
	}

	.hero-subtitle {
		margin: 0 0 25px 0 !important;
		width: 50%;
		text-align: center;
	}
}

@media screen and (max-width: 1800px) and (min-width: 1200px) {
	.hero-headline {
		align-self: start;
		margin: 20px 0 0 100px;
		width: 50%;
	}
	
	.hero-subtitle {
		width: 60%;
		margin: 0 0 25px 0 !important;
	}
}

@media screen and (max-width: 1199px) and (min-width: 768px) {
	.hero-headline {
		align-center: center;
		margin: 20px 15px 0 15px;
		width: 90%;
	}
	
	.hero-subtitle {
		width: 90%;
		margin: 0 15px 25px 15px !important;
	}
}

@media screen and (max-width: 767px) {
	.hero-headline {
		align-center: center;
		margin: 20px 15px 0 15px;
		width: 90%;
	}
	
	.hero-subtitle {
		width: 90%;
		margin: 0 15px 25px 15px !important;
	}
}