/*
====================================================

* 	[Master Stylesheet]
	
	Theme Name :  
	Version    :  
	Author     :  
	Author URI :  

====================================================

	TOC
	
	1. PRIMARY STYLES
	2. COMMONS FOR PAGE DESIGN
	3. MENU
		TOP MENU
		SEARCH AREA
		MIDDLE AREA
		BOTTOM AREA
		DROPDOWN MENU STYLING
		DROPDOWN SUBMENU
		DROPDOWN HOVER
	4. SLIDER
	5. SINGLE POST
		POST STYLE TWO 
		LOAD MORE BUTTON
	6. SIDEBAR STYLING
		ABOUT AUTHOR 
		SEARCH AREA
		NEWSLETTER AREA
		CATEGORY AREA
		LATEST POSTS
		ADVERTISEMENT AREA
		INSTAGRAM 
		TAGS
	7. FOOTER INSTAGRAM STYLING 
	8. FOOTER

====================================================

/* ---------------------------------
1. PRIMARY STYLES
--------------------------------- */










a, button{ display: inline-block; text-decoration: none; color: inherit; transition: all .3s; }






li{ list-style: none; display: inline-block; }

span{ display: inline-block; }

button{ outline: 0; border: 0; background: none; cursor: pointer; }

b.light-color{ color: #444; }



/* ---------------------------------
2. COMMONS FOR PAGE DESIGN
--------------------------------- */



/* ---------------------------------
3. MENU
--------------------------------- */

header.main_head{ position: absolute; left: 0; right: 0; top: 0; z-index: 1000; font-size: .95em; 
	box-shadow: 0px 2px 10px rgba(0,0,0, .3); background: #000;color:#d3c2ae;
	position:fixed;}


/* TOP MENU */

header.main_head .top-menu{  height: 45px; line-height: 45px; overflow: hidden; font-size: .95em; font-style: italic; }


header.main_head .top-menu ul.welcome-area{ padding-left: 20px; }

header.main_head .top-menu ul.welcome-area > li{ margin: 0 15px; padding: 0 15px; border-left: 1px solid #ddd; }


header.main_head .top-menu ul > li:first-child{ border-left: 0; }

header.main_head .top-menu ul.social-icons{ display: inline-block; padding: 0 35px; color: #aaa; }

header.main_head .top-menu ul.social-icons > li > a{ padding: 0 15px; }



/* SEARCH AREA */

header.main_head .src-area{ position: relative; float: left; height: 45px; width: 250px; display: inline-block; 
	border-left: 1px solid #ddd; border-right: 1px solid #ddd; background: #fff; }

header.main_head .src-area .src-input{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%;
	padding: 0 40px 0 20px; background: transparent; border: 0; outline: 0; }

header.main_head .src-area .src-input:focus{ box-shadow: 0px 0px 1px #aaa; }

header.main_head .src-area .src-btn{ position: absolute; top: 0; bottom: 0; right: 0; width: 40px; font-size: 1.2em; 
	opacity: .6; z-index: 10; }

.input-lg {
	height: 40px !important;
	margin-top:5px !important;
}
	
/* MIDDLE AREA */

header.main_head .middle-menu{ border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;  background:rgba(19, 16, 14, 0.8);}

header.main_head .logo{ padding: 30px 0; height: 160px; }

header.main_head .logo img{ height: 100%; width: auto; }


/* BOTTOM AREA */

header.main_head .bottom-area{ text-align: center; 
background: rgba(19, 16, 14, 0.8)
}

header.main_head .main-menu{ font-weight: 500; margin-bottom: 0px !important; padding-left: 40px !important;}

header.main_head .main-menu > li > a{ height: 40px; line-height: 40px; padding: 0 25px; font-size: 14px !important;}

header.main_head .main-menu > li > a:hover{ background: #eee; }


header.main_head .visible.main-menu{ display: block; }



/* DROPDOWN MENU STYLING */

header.main_head .main-menu li.drop-down{ position: relative; text-align: left; }

header.main_head .main-menu li.drop-down > ul.drop-down-menu{ display: none; position: absolute; top: 60px; left: 0; 
	min-width: 200px; box-shadow: 0px 3px 10px rgba(0,0,0,.3); background: #fff; }

header.main_head .main-menu li.drop-down > ul.drop-down-menu li{ display: block; border-top: 1px solid #ddd; }

header.main_head .main-menu li.drop-down > ul.drop-down-menu li > a{ display: block; padding: 12.5px 20px; }

header.main_head .main-menu li.drop-down > ul.drop-down-inner li:first-child{ border-top: 0; }

header.main_head .main-menu li i{margin-left: 10px; }

/* DROPDOWN SUBMENU */

header.main_head .main-menu li.drop-down > ul.drop-down-inner{ top: 0; left: auto; left: 100%; }



/* DROPDOWN HOVER */

header.main_head .main-menu li a.mouseover{ background: #ca8e3e;color:white; }

header.main_head .main-menu li.drop-down a.mouseover + ul.drop-down-menu{ display: block; 
	animation: full-opacity-anim .2s forwards; }


@keyframes full-opacity-anim{
	0%{ opacity: 0; }
	100%{ opacity: 1; }
}

/* NAV ICON */

.menu-nav-icon{ display: none; height: 60px; width: 50px; text-align: center; line-height: 60px; cursor: pointer; 
	font-size: 1.8em; }

	

/* ---------------------------------
4. SLIDER
--------------------------------- */

.main-slider{ margin-top: 265px; position: relative; height: calc(100vh - 265px); min-height: 550px;
	width: 100%; overflow: hidden; }  
 
.main-slider .slider-content{ padding: 25px 60px 25px 40px!important; border-radius: 3px!important;
	background: rgba(0,0,0,.6); color: #fff; }

.slider-content .btn{ padding: 7px 15px; }

.slider-content .title{ margin: 10px 0 0; letter-spacing: 3px; }


#slider{ height: 100%; width: 100%; }
 
.main-slider .ls-nav-prev,
.main-slider .ls-nav-next{ display: block!important; opacity: 1!important; }


/* ---------------------------------
5. SINGLE POST
--------------------------------- */