/* Dexe - Personal Business VCard
Here is the content of this css file

	- Loader
	- Theme Mode
	- Header
		- Logo
		- Search
	- Menu
	- Main
		- Posts
			- Navigation
		- Single Post
			- Header
			- Thumbnail
			- Content
			- Footer
			- Readmore
		- Gallery
			- Main
	- Footer
		- Social Network
		- Links

*/
html {
    scroll-behavior: smooth;
}
/* Loader */
.lx-loader{
	display:flex;
	align-items:center;
    justify-content:center;
	position:fixed;
	z-index:99999;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	text-align:center;
	background:#242424;
}
.lx-loader div{
	color:#FFFFFF;
}
.lx-loader div h1{
	font-family:'Open Sans Condensed';
	font-size:40px;
	font-weight:700;
	margin-bottom:10px;
}
.lx-loader div p{
	margin-top:10px;
}

/* Background */
.lx-background{
	position:fixed;
	z-index:1;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
.lx-background-item{

	position:relative;

	height:100%;
}

/* Wrapper */
.lx-wrapper{
	position:relative;
	z-index:2;
}

/* Theme Style */
.lx-theme-style{
	position:fixed;
	z-index:2;
	top:0px;
	right:-20px;
	display:flex;
	height:100%;
	padding:5px;
}
@media(max-width:767px){
	.lx-theme-style{
		right:-30px;
	}
}
.lx-theme-style a{
	display:table;
	margin:auto;
	font-size:12px;
	text-transform:uppercase;
	transform:rotate(90deg);
}

/* Header */
.lx-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    background: #242424;
    box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    min-height: 70px;
}
.lx-header-content{
	max-width: 1170px;
    margin: auto;
    padding: 15px 15px; /* Add vertical padding for spacing */
    display: flex;
    align-items: center;
    height: 100%;
}

/* Mobile Menu Icon*/
.lx-header-mobile{
	position:relative;
	z-index:4;

	display:none;
	margin-right:10px;
	padding:3px 0px;
}
@media(max-width:768px){
	.lx-header-mobile{
		display:block;
	}
}
.lx-header-mobile i{
	font-size:24px;
	cursor:pointer;
}

/* Logo */
.lx-header-logo{
	position:relative;
	z-index:4;

}
.lx-header-logo a{
	display:block;
	font-family:'Open Sans Condensed';
	font-size:24px;
	font-weight:700;
	line-height:36px;
}

/* Menu */
.lx-menu{
	position: relative;
    z-index: 1;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    height: auto;
    background: none;
}
@media(max-width:768px){
	.lx-menu{
		position:fixed;
		z-index:2;
		left:-100%;
	}
}
.lx-menu-list{
	margin:auto;
}
.lx-menu-list ul li{
	display:inline-block;
	margin:6px 15px;
}
@media(max-width:768px){
	.lx-menu-list ul li{
		display:block;
		margin:15px 0px;
	}
}
.lx-menu-list ul li a{
	display:inline-block;
	font-family:'Roboto Condensed';
	font-weight:500;
	padding:5px 0px;
	text-transform:uppercase;
}
.lx-menu-list ul li a.active{
	font-weight:600;
}

/* Main */
.lx-main{
	max-width:960px;
	margin:auto;
	padding:45px 0px;
}
@media(max-width:960px){
	.lx-main{
		padding:90px 15px;
	}
}

.demoReel-container{
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.demoReel-container iframe, .demoReel-container object, .demoReel-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/* Personal Card */
.lx-personal-card{
	text-align:center;
	/* padding-bottom:30px; */
}
.lx-personal-img{
	width:120px;
	height:120px;
	margin:auto;
	border-radius:50%;
	overflow:hidden;
}
.lx-personal-img img{
	display:block;
	width:100%;
}
.lx-personal-card p{
	margin-top:10px;
	color:#BEBEBE;
}
.lx-personal-card h1{
	font-family:'Open Sans Condensed';
	font-size:32px;
	text-transform:uppercase;
}


/* Posts */

.lx-navigation{
	margin-top:60px;
}
@media(max-width:767px){
	.lx-navigation{
		margin-top:0px;
	}
}
.lx-navigation a{
	font-weight:500;
	text-transform:uppercase;
}
.lx-prev{
	float:left;
}
.lx-next{
	float:right;
}

/* Single Post */
.lx-single-post{
	max-width:640px;
	margin:auto;
}
.lx-single-post-header{
	margin-bottom:60px;
}
@media(max-width:960px){
	.lx-single-post-header{
		max-width:100%;
	}
}
.lx-single-post-header h1{
	margin-bottom:10px;
	font-family:'Roboto Condensed';
	font-size:40px;
}
@media(max-width:767px){
	.lx-single-post-header h1{
		font-size:26px;
	}
}
.lx-single-post-header span{
	font-family:'Roboto Condensed';
}
.lx-single-post-image-wrapper {
    text-align: left;
}
.lx-single-post-image {
    display: block;
    max-width: 100%;
    max-height: 300px;
    margin: 30px auto 30px auto;
    border-radius: 50%;
    object-fit: cover;
}
.lx-single-post-thumbnail{
	margin-bottom:60px;
}
@media(max-width:960px){
	.lx-single-post-thumbnail{
		max-width:100%;
	}
}
.lx-single-post-thumbnail img{
	display:block;
	max-width:100%;
	max-height:500px;
	margin:auto;
}
.lx-single-post-thumbnail p{
	margin-top:5px;
	font-family:'Roboto Condensed';
	font-weight:300;
	font-style:italic;
	text-align:center;
}
.lx-single-post-content img{
	display:block;
	max-width:100%;
	max-height:500px;
	margin:auto;
}
.lx-single-post-content h2{
	margin-bottom:15px;
}
.lx-single-post-content h3{
	margin-bottom:15px;
}
.lx-single-post-content p{
	margin-bottom:15px;
	font-size:16px;
	line-height:24px;
}
.lx-single-post-content p:last-of-type{
	margin-bottom:0px;
}
.lx-single-post-content p a{
	font-weight:500;
	text-decoration:underline;
}
.lx-single-post-content ul li{
	margin-bottom:10px;
	margin-left:30px;
	font-size:16px;
	list-style:disc;
}
.lx-single-post-content ul li:last-of-type{
	margin-bottom:15px;
}
.lx-single-post-footer{
	margin-top:60px;
}
.lx-single-post-footer h3{
	margin-bottom:20px;
	text-transform:uppercase;
}
.lx-single-post-footer p{
	font-size:14px;
	font-style:italic;
	line-height:20px;
}
/* Single Post Share */
.lx-single-post-share{
	margin-top:60px;
}
.lx-single-post-share h3{
	margin-bottom:20px;
    text-transform:uppercase;
}
.lx-single-post-share ul li{
	display:inline-block;
	margin-right:10px;
}
.lx-single-post-share ul li a{
	font-size:18px;
}

/* Comment */
.lx-single-post-comment{
	margin-top:60px;
}
.lx-single-post-comment h3{
	margin-bottom:20px;
	text-transform:uppercase;
}
.lx-single-post-comment-form p{
	margin-bottom:20px;
	font-size:12px;
	color:#828282;
}
.lx-textfield input{
	width:100%;
	padding:10px 20px;
	border:1px solid #EEEEEE;
	border-radius:4px;
}
.lx-textarea textarea{
	display:block;
	width:100%;
	height:120px;
	padding:10px 20px;
	border:1px solid #EEEEEE;
	border-radius:4px;
	resize:none;
}
.lx-submit{
	text-align:center;
}
.lx-submit input{
	padding:10px 50px;
	font-size:16px;
	font-weight:700;
	background:#f03434;
	color:#FFFFFF;
	border-radius:4px;
	cursor:pointer;
}

/* Main Gallery */
.lx-main-gallery {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    display: none;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.85);
    align-items: center;
    justify-content: center;
}
.lx-main-gallery[style*="display: flex"] {
    display: flex !important;
}
.lx-main-gallery-header {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding: 16px 24px 0 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
}

.lx-main-gallery-header i {
    font-size: 36px;
    color: #fff;
    cursor: pointer;
    background: rgba(0,0,0,0.4);
    border-radius: 50%;
    padding: 8px;
    transition: background 0.2s;
}

.lx-main-gallery-header i:hover {
    background: rgba(0,0,0,0.7);
}
.lx-main-gallery-content{
	position:relative;
	margin:auto;
}
.lx-gallery-layer{
	position:absolute;
	z-index:2;
	top:0px;
	left:0px;
	display:none;
	width:100%;
	height:100%;
}
.lx-main-gallery-content i{
	position:fixed;
	z-index:6;
	left:0px;
	top:50%;
	margin-top:-10px;
	font-size:36px;
	line-height:20px;
	cursor:pointer;
}
.lx-main-gallery-content i.lx-next{
	left:auto;
	right:0px;
}
.lx-main-gallery-content h3{
	position:absolute;
	z-index:2;
	bottom:0px;
	left:0px;
	width:100%;
	padding:10px;
	text-align:center;
}
.lx-main-gallery-content h3 span{
	display:inline-block;
	padding:10px 20px;
	font-weight:400;
	border-radius:20px;
}
.lx-main-gallery-content img{
	display:block;
	max-width:100%;
	position: relative;
    z-index: 1;
}

/* Gallery */
.lx-gallery{
	position:relative;
	cursor:zoom-in;
}
.lx-gallery-title{
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	padding:20px;
}
.lx-gallery-title h3{
	font-family:'Roboto Condensed';
	font-weight:500;
	color:#FFFFFF;
}

/* 404 Page */
.lx-404{
	max-width:70%;
	margin:150px auto 200px;
	text-align:center;
}
.lx-404 h1{
	font-family:'Righteous';
	font-size:60px;
}
.lx-404 h2{
	margin-bottom:10px;
}
.lx-404 p{
	font-size:16px;
	line-height:24px;
}
@media(max-width:767px){
	.lx-404{
		margin:0px auto;
	}
}
@media (max-width: 768px) {
    .lx-menu {
        position: static !important;
        left: 0 !important;
        /* Remove background: none !important; */
        display: flex !important;
        width: 100%;
        height: auto;
    }
    .lx-menu-list ul {
        text-align: center;
        padding: 0;
        margin: 0;
    }
    .lx-menu-list ul li {
        display: inline-block;
        margin: 6px 8px;
    }
}