/*!
Theme Name: Pro Voice Blog
Theme URI: https://www.postmagthemes.com/downloads/pro-voice-blog-wordpress-theme/
Author: www.postmagthemes.com
Author URI: https://www.postmagthemes.com/
Description: Pro Voice blog wordpress theme is first of its kind which is suited for blog type website. It is Gutenberg support theme. It allows you to use full customization through customizer view. Its function has been built so that a novice user can take advantage of it. Voice blog Voice blog wordpress theme is very comfortable to use. Video and blog section both are developed in easy way. The security of site has given maximum priority so that your website is no longer prey to other. You can view demo here https://www.postmagthemes.com/demoprovoiceblog .
Version: 1.2.5
Requires at least: 4.7
Tested up to: 5.7
Requires PHP: 7.0.21
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: voice-blog
Tags: post-formats, three-columns, two-columns, grid-layout, footer-widgets, entertainment, translation-ready, blog, right-sidebar, custom-header, custom-background, custom-logo, custom-menu, custom-colors, threaded-comments, featured-images, theme-options, full-width-template

Pro Voice blog, Copyright 2018 Postmagthemes https://www.postmagthemes.com
Pro Voice blog is distributed under the terms of GNU GPL v2 or later.

Pro Voice blog is derived from Underscores https://underscores.me/, (C) 2013 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Scroll Up CSS */
#scrollUp {
	right: 30px;
	bottom: 85px;
	color: #fff;
	opacity:1;
	background: #e6e6e6;
	font-size: 18px;
	width: 45px;
	height: 45px;
	line-height: 45px;
	color: rgb(57, 57, 57);
	text-align: center;
	border-radius: 25px;
}
#scrollUp:hover {
	opacity:1;
	background:rgb(182, 183, 184);
}

.post-page-numbers.current {
	margin-left: 15px;
	margin-right: 15px;
}
.banner-post-title {
	font-size: 20px;
	color: white;
}
.blog-post-title {
	padding-bottom: 20px;
}
.sidebar .side-title h4,
.author .title-holder h2,
.related-posts .title-holder h2,
.comments .title-holder h2,
.inner-content .comment-respond h3,
.other-title h4,
.sidebar th {
	font-size: 18px;
}
.related-posts {
	 border-bottom: 1px solid #ebebeb;
	 padding-bottom: 30px;
}

/** gutenberg */

.wp-block-image.alignfull img {
	max-width: 108% ;
	margin-left: -3% ;
	width: 108% ; 
	text-align: center ;
}
.wp-block-image.alignwide img{
	max-width: 104% ;
	margin-left: -2% ;
	width: 104% ; 
	text-align: center ;
} 

.wp-block-media-text.alignwide img,
.wp-block-media-text.alignfull img {
	width: 100% !important; 
}

.wp-block-media-text.alignwide {
    margin-left: -2%;
    width: 107%;
}
.wp-block-media-text.alignfull {
	margin-left: -3%;
    width: 113%;
}
.detail-block .thumb-body ul.wp-block-gallery.alignfull,
#scroll-here .entry-content ul.wp-block-gallery.alignfull,
.detail-block .thumb-body figure.wp-block-gallery.alignfull,
#scroll-here .entry-content figure.wp-block-gallery.alignfull  {
	max-width: 108% ;
	margin: 0px ;
	margin-left: -3%;
	width: 108% ; 
}
.detail-block .thumb-body ul.wp-block-gallery.alignwide,
#scroll-here .entry-content ul.wp-block-gallery.alignwide,
.detail-block .thumb-body figure.wp-block-gallery.alignwide,
#scroll-here .entry-content figure.wp-block-gallery.alignwide   {
	max-width: 104% ;
	margin: 0px ;
	margin-left: -2%;
	width: 104% ; 
}

.detail-block .thumb-body .wp-block-gallery ul,
#scroll-top .entry-content .wp-block-gallery ul {
	margin: 15px;
}
	@media (max-width: 920px) {
		.has-large-font-size {
			font-size: 30px;
		}
	}
	@media (max-width: 475px) {
		.has-large-font-size {
			font-size: 25px;
		}
	}


#footer-1 .banner-holder,
#footer-2 .banner-holder,
#footer-3 .banner-holder, 
#footer-1 .banner-holder-2,
#footer-2 .banner-holder-2,
#footer-3 .banner-holder-2, 
#footer-1 .feature-holder,
#footer-2 .feature-holder,
#footer-3 .feature-holder {
	margin-top: 0;
	margin-bottom: 0;
}
#footer-1 .multiple-banner,
#footer-2 .multiple-banner,
#footer-3 .multiple-banner {
	margin-top: 0;
	margin-bottom: 50px;
}
.blog-post .container-fluid,
.homepage .container-fluid,
.inner-content .container-fluid {
	width: 75% ;
    margin: auto;
}

#layout-sidebar-8 {
	width: 80%;
    margin: auto;
   }
#colophon {
	width: 80% ;
    margin: auto;
}

.list-blog, .media-blog, .grid-blog {
	margin-top: 40px;
}
.post-slider {
	margin-bottom: 20px;
}
.widget_custome_social_widget {
	text-align: center;
}
.fa-facebook {
	color: #4267b2 !important;
}
.fa-twitter {
	color: #38A1F3 !important;
}
.fa-youtube {
	color: #ED3833 !important;
}
.fa-pinterest {
	color: #BD081C !important;
}
.fa-instagram {
	color: #231F20 !important;
}
.fa-linkedin {
	color: #0077B5 !important;
}

.fab.fa-line{
	color: #00b900 !important;	
}

.fab.fa-whatsapp{
	color: #13d25a !important;	
}


.fab.fa-facebook-messenger{
	color: #1f8bf8 !important;	
}


.fab.fa-skype{
	color: #06bcff !important;	
}


.fa-envelope-open{
	color: #f4cd0b !important;	
}

.fa-facebook:hover {
	color: #253c68 !important;
}
.fa-twitter:hover {
	color: rgb(38, 111, 167) !important;
}
.fa-youtube:hover {
	color: rgb(128, 31, 28) !important;
}
.fa-pinterest:hover {
	color: rgb(130, 5, 19) !important;
}
.fa-instagram:hover {
	color: rgb(19, 17, 17) !important;
}
.fa-linkedin:hover {
	color: rgb(0, 67, 103) !important;
}
#right-nav .fa {
	font-size: 20px !important;
}
.site-title a{
	border-bottom: 1px solid black;
}
/* width setting*/
#page {
	width: 100%;
	margin: auto;
}

.carousel-item img{
 border-radius:10px;
}

.img-holder {
	border-radius: 10px;
}
#right-nav ul {
	list-style:none;
}
.wp-block-gallery .blocks-gallery-image {
	display: -webkit-box;
}
.overflowhidden {
	overflow: hidden;
}
.display-flow-root {
	display: flow-root;
	display: -webkit-flow-root;
}

#myBtn {
	display: none; /* Hidden by default */
	position: fixed; /* Fixed/sticky position */
	bottom: 20px; /* Place the button at the bottom of the page */
	right: 30px; /* Place the button 30px from the right */
	z-index: 99; /* Make sure it does not overlap */
	border: none; /* Remove borders */
	outline: none; /* Remove outline */
	/* background-color: red; Set a background color */
	/* color: white; Text color */
	cursor: pointer; /* Add a mouse pointer on hover */
	padding: 15px; /* Some padding */
	border-radius: 10px; /* Rounded corners */
	font-size: 18px; /* Increase font size */
  }
  
  #myBtn:hover {
	background-color: #e89a35; /* Add a dark-grey background on hover */
  }
.bg-white {
margin: 2px 4px;
background-color: #ffffff00 !important;
}
.dots {
	line-height: 5;
}
.nav-links a:after {
	margin-bottom: 50px;
}
@keyframes example {
	from {opacity: 0;  
		 }
	  to {opacity: 100; 
		}
	}
header .logo .site-title, header .logo, .navbar .custom-logo, .site-description {
	animation-name: example;
	animation-duration: 5s ;
	
}
h2.section-title {
	font-size: 30px;
	font-family: Merienda;
	padding-bottom: 15px;
}
.shadow{
	position:relative;
}
.shadow::before {
	background-image: linear-gradient(transparent, #111), linear-gradient(#0000, #111);
	height: 70%;
	opacity: 0.8;
	position: absolute;
	right: 0;
	z-index: 1;
	bottom: 0;
	content: "";
	left: 0;
	width: 100%;
	z-index: 3;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
.video-news .youtube-video iframe {
    width: 100%;
	height: 520px;
	vertical-align: middle;
}

.section.dark {
background: #2B343E;
}
.youtube-video:hover .news-head:before{
	opacity:0;
	visibility:hidden;
}
.youtube-video iframe{
	width:100%;
	height:450px;
}
.youtube-video:hover .news-head:before{
	opacity:0;
	visibility:hidden;
}
.facebook-page {
	border: none;
	overflow: hidden;
	height: 300px;
}

.visible-state-hide {  /* to make sticky site-title*/
	opacity: 0 ;
	transition: opacity 0.5s;
}

.sticky-top .site-title {
	font-size: 30px;
}
#main-bar {
	border-bottom: 1px solid #f5f5f5;
	background: #ffffff;
}
.type-page img {  /* to put the image on same size in the sample page */
	max-width: 100%;
	height: auto;
	width: inherit;
}

figure.wp-block-image img {  /* to put the image on same size in the sample page */
	height: auto;
	width: inherit;
}
.children {
	margin-left: 40px;
}
.middle-content p img,
.middle-content .thumb-body div img {
	max-width: fit-content;
}
.mejs-horizontal-volume-total {
	width: 25px !important;  /* for volume control if add audio from local*/
}
iframe {
	height: auto;  /* for audio display*/
}
p iframe {     /* for video insdie the content in localhost*/
	height: 360px;
}
.wp-block-embed__wrapper iframe { /* for video insdie the content in server */
	height: 360px;
}
.overlayquote {          
	position: absolute;
	bottom: 5%;
	/* left: 0; */
	/* transform: translate(-50%, -50%);  */
	width: 100%;

  }
  .overlayquotelist {          
	position: absolute;
	bottom: 5%;
	/* left: 0; */
	/* transform: translate(-50%, -50%);  */
	width: 93%;

  }
.overlayaudio {          
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
}
.container-audio {
	position: relative;
	max-width: 100%;
    text-align: center;
}

.woocommerce #reviews #comments h2{
font-size: 1.2em;
}

.input-text.qty.text {
	width: 5em;
}
.container-header {
position: relative;
  max-width: 100%;
  margin: auto;
  text-align: center;
}

.overlays{
  position: absolute;
  top: 0;
  width: 100%;
}
.container-fluid {
	padding-right: 0 !important;
	padding-left: 0 !important;
}
.sidenav-brand {
	color: black;
}
#header-image {

	background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
background-position:center;
	height: auto;
}
.overlay {          
    position: relative; 
    width: 100%; 
    padding-left: 10px;
    bottom: 120px;
}

.card {
	border-radius: 0 !important;
	background-color: inherit;
}

.card a img{
 border-radius:15px;
}
/* wdiget title bottm border remove */
.sidenav-header {
	border-bottom: none;
}
/* leave reply  */
.inner-content .comment-respond {
	text-align: center;
	margin-top: 30px;
}
/* leave reply bullet */
.inner-content .comment-respond h3:before {
content: "";
position: absolute;
top: 50%;
left: -15px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
width: 4px;
height: 4px;
background: #000;
border-radius: 1000px;
}
/* leave reply bullet */
.inner-content .comment-respond h3:after {
content: "";
position: absolute;
top: 50%;
right: -15px;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
width: 4px;
height: 4px;
background: #000;
border-radius: 1000px;
}
/* leave reply title customizer */
.inner-content .comment-respond h3 {
	font-size: 18px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin: 0;
}
/* realted post title customizer */
.inner-content .related-posts .card h3 {
	font-size: 20px;
}
/* auhtor, related post and comment title customizer */
.inner-content .author h2 , .inner-content .related-posts h2 , .inner-content .comments h2{
	font-size: 18px;
}
/* single page post title customizer */
.inner-content .thumb header h1 {
	font-size: 20px;
}
/* this for latest post a sidebar font size customizer */
.sidebar .media h5{
	font-size: 14px;
}
/* this for widget title font size customizer */
.sidebar .side-title h4{
	font-size: 18px;
}
/* sidebar slider post title */
/* .sidebar .post-slider h5 {
	font-size: 14px;

} */
/* this for blog post title font size customizer */
.blog-post-title {
	font-size: 20px;
	border-bottom: 1px solid #ebebeb;
}
/* this for banner post title font size customizer */
.banner-post-title {
	font-size: 30px;
	color: white;
}

/* this for side nav menu font size customizer */
.sidenav-menu a{
	font-size: 12px;
}
/* this for Main nav menu font size customizer */
header .navbar-expand-lg ul li a {
	font-size: 14px;
}

 .sidenav .dropdown-menu {
	 border: none ;
	 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
	 border-radius: 0;
	 
 }
 #side_nav ul ul {  /* added later */
	position: relative  !important;
	background: #fefefe;
	border-bottom: 1px solid #f5f5f5;
	list-style: none;
	margin: 0;
	padding: 0;
 }
 #side_nav li { /* added later */
	
	width: 100% !important;
}
.brand-link{ 
	display: inline-block;
	vertical-align: middle;
}
/**
 * this will put content at the middle such as in menu
 */

.navbar-custome {
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.prev, .next {
	background: #e89a35;
    border-color: #e89a35;
	color: #fff;
	border-radius: 15px;

}
.current {
	background-color: #000 !important;
	padding: 11px 15px;
	color: #ffffff;
	border-radius: 15px;
}
.page-numbers {
/* border-radius: 1000px !important; */
padding: 11px 15px;
border-color: black;
}
/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
	 ========================================================================== */

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */

legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
	display: none;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: 'Muli', sans-serif;
	font-size: 14px;
	/* font-size: 1rem; */
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
	/* apply this to make circle for every blox*/
	/* border-radius: 15px ; */
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}
/* latter modified */
ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	width: 100%;
	/* Adhere to container width. */
}

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: inherit;
}
.site-title a:hover, a:hover, a:focus, a:active, p a, a .cat:hover{
	color: #e89a35;
}

a:focus {
	outline: thin dotted; /*  before dotted  */
}

a:hover, a:active {
	outline: 0;
}


/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
/* add later */

.menu {
	display:inline-block ; /* used to put menu at the middle in default  */
}
.main-navigation ul li {
	padding-bottom: 25px;
}

.main-navigation ul li ul li {  /* this to lower effect whatever value put at line 702 */
	padding-bottom: 0;
	margin-top: 0;
}
.main-navigation ul li {
	margin: 25px 25px 0 0;
}
.main-navigation ul li a {
	padding-left: 10px;
	padding-right: 10px;
}

/* till here */
.main-navigation {
	text-align: center;
	/* border: 1px solid #e2e1e1; */
	font-family: 'open sans';
	line-height: 2;
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	text-align: left;
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px #00000033;
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;

}

.main-navigation ul ul a {
	width: 150px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;

}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets.latter modifed */
}
#sidebar-1 {
	margin-top: 50px;

}
.widget select {
	max-width: 100%;
}
/* setting sidemenu */
#sidebar-4 {
	margin-left: 5px;
	margin-right: 5px;
}
#sidebar-4 .widget-title,
header #sidebar-4 .widget ul li a {
text-align: left;
display: inline-block;
vertical-align: top;
position: relative;
font-size: 14px;
}
header #sidebar-4 .categories ul li{
	margin: 0 0 15px;
	padding: 0 0 0;
	border-bottom: 1px solid #e4e4e4;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentrys {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/* extra css*/

body{
	color: #404040;
	font-family: 'Muli', sans-serif;
	font-size: 16px;
	line-height: 1.5;
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
	margin: 0;

}
h1,h2,h3,h4,h5,h6{
	font-family: 'Poppins', sans-serif;
	letter-spacing: 1px;
	transition: all 0.3s ease;
	font-weight: 500;
	/* color: #000; */
}
.blog-post-title {
	font-family: 'Poppins', sans-serif;
}

a{
	transition: all 0.8s ease;
	text-decoration: none !important;
}
a:focus{
	box-shadow: none !important;
}

/* read more fontsize customizer */
.btn,
button{
	font-size: 14px;
	transition: all 0.3s ease;
	border: 0;
	/* border-radius: 1000px; */
}
img{
	width: 100%;
	transition: all 0.3s ease;
}
input,
textarea{
	border-radius: 20px !important;
	border-color: #eee !important;
	box-shadow: none !important;
	font-weight: 300;
	font-size: 14px !important;
	padding: .375rem 20px !important;
}
input{
	height: 40px;
	border-radius: 1000px !important;
}
input::placeholder,
textarea::placeholder{
	color: #aaa !important;
}
blockquote{
	font-size: 18px;
	color: #e89a35;
	line-height: 1.8;
	position: relative;
	margin: 0 0 40px;
}
.inner-content .thumb .thumb-body blockquote p:last-child,
blockquote p {
	margin-left: 20px;
}

blockquote:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 4px;
	background: #e89a35;
}
footer .instagram .img-holder img {
	border-radius: 10px;
}

footer .media h1,
footer .media h2,
footer .media h3,
footer .media h4,
footer .media h5,
footer .media h6,
.sidebar .media h1,
.sidebar .media h2,
.sidebar .media h3,
.sidebar .media h4,
.sidebar .media h5,
.sidebar .media h6{
	font-family: 'Muli', sans-serif;
	font-weight: 600;
	margin-bottom: 12px;
	letter-spacing: 0.5px;
	font-style: inherit;
}
footer .media h1,
footer .media h2,
footer .media h3,
footer .media h4,
footer .media h5,
footer .media h6{
	color: #444;
}
footer .media a:hover h1,
footer .media a:hover h2,
footer .media a:hover h3,
footer .media a:hover h4,
footer .media a:hover h5,
footer .media a:hover h6 {
	color: #e89a35;
}

.sidebar .media a:hover h1,
.sidebar .media a:hover h2,
.sidebar .media a:hover h3,
.sidebar .media a:hover h4,
.sidebar .media a:hover h5,
.sidebar .media a:hover h6{
	color: #e89a35;
}

footer .media{
	margin: 0 0 20px;
}
footer .media .img-holder{
	width: 68px;
}
footer .media:last-child{
	margin: 0;
}
ul{
	margin: 0;
	padding: 0;
}
footer ul li{
	display: inline-block;
	vertical-align: top;
}

.sidenav .facebook-widget{
	border-top: 1px solid #f5f5f5;
}

.bl-date{
	font-size: 12px;
	color: #515151;
	margin-bottom: 10px;
}

.pagination{
	justify-content: center;
}

/*header*/
header ul{
	margin: 0;
	padding: 0;
}
header ul li{
	display: inline-block;
	vertical-align: middle;
}
header .tag-date-comment ul a li{
	display: inline-block !important;
	vertical-align: middle;
}
footer .tag-date-comment ul a li{
	display: inline-block !important;
	vertical-align: middle;
}

/* this for social icon and button size at header customizer */
header ul li a{
	/* color: #713b5e; */
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
}

header .navbar-expand-lg ul li a {
	font-size: 15px;
}
header .navbar-expand-lg ul li a .fa  {
	font-size: 14px;

}
header ul li a:hover{
	color: #e89a35;
}
header .social-icon li{
	margin: 0 12px 0 0;

}
header .social-icon li:last-child{
	margin: 0;
}
header .logo{
	margin: 15px 0;
}

header .navbar{
	border: 0;
}

header .navbar-expand-lg{
	background-color: #ffffff;
    box-shadow: 0px 2px 5px rgba(11, 11, 11, 0.1);
}

.nav-wrapper {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    background: #fff;
    padding: 0 25px;
    box-shadow: 0 5px 25px -10px #ddd;
}
.navbar{
	padding: 0;
}
.navbar .container{
	padding: 0 15px;
}
.navbar-nav li.nav-item {
	margin: 0 12px 0 12px;
}
.navbar-nav li ul li.nav-item{
	margin: 0 25px 0 0;
}
.navbar-nav li.nav-item:last-child{
	margin: 0 4px 0 4px;
}
/* to change menu height */
.navbar-nav li.nav-item a.nav-link{
	padding: 15px 15px;
	position: relative;
}
.navbar-nav li.nav-item a.nav-link.has-submenu:before{
	position: absolute;
	content: "\f107";
	font-family: FontAwesome;
	right: -5px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.navbar-nav li.nav-item a.nav-link .sub-arrow{
	border: 0;
}

.navbar-nav li ul li{
	display: block;
}
.navbar-nav li ul li a{
	position: relative;
}

.navbar-nav li ul li a:before{
	content: "";
	position: absolute;
	width: 4px;
	height: 0;
	background: #713b5e;
	left: 0;
	top: 0;
	transition: all 0.3s ease;
}
.navbar-nav li ul li a:hover{
	background: transparent;
	color: #e89a35;
	overflow: hidden;
}
.navbar-nav li ul li a:hover:before{
	height: 100%;
}
.navbar-nav li ul li a.dropdown-item{
	background-color: transparent !important;
	white-space: normal;
	width: 100%;
}
.navbar-nav li ul li a.dropdown-item.text-dark{
	color: #713b5e !important;
}
.navbar-nav li ul li a.dropdown-item.has-submenu{
	position: relative;
}
.navbar-nav li ul li a.dropdown-item.has-submenu:after{
	content: "\f105";
	font-family: FontAwesome;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.navbar-nav li ul li a.dropdown-item.has-submenu .sub-arrow{
	border: 0;
}
.navbar-nav .dropdown-menu{
	border-radius: 0 0 10px 10px;
	border-color: #f5f5f5;
	width: 250px !important;
}


/* this is for site title at side nav customizer */

/* .sidenav .logo p */
.site-title {  
	font-family: Merienda;
	font-size: 125px;
	margin: 0;
	font-style: inherit;
}

.sidenav .logo p{
	font-size: 40px;
	line-height: 1.1;
} 
footer .info-content .logo p {
	font-size: 30px;
}

/* this is for site description customizer */ 
/* .logo p */
.site-description {   
	font-family: Poppins;
	font-size: 25px;
	margin: 1vh 0 0 0;
	font-style: inherit;
}
.logo span{
	color: #713b5e;
}
.logo a{
	display: inline-block;
	vertical-align: top;
}
header .search-tab li{
	margin: 0 30px 0 0;
}
header .search-tab li:last-child{
	margin: 0;
}

#search {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    
    -webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;

    -webkit-transform: translate(0px, -100%) scale(0, 0);
	-moz-transform: translate(0px, -100%) scale(0, 0);
	-o-transform: translate(0px, -100%) scale(0, 0);
	-ms-transform: translate(0px, -100%) scale(0, 0);
	transform: translate(0px, -100%) scale(0, 0);
    
    opacity: 0;
    z-index: 999;
}

#search.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
	-o-transform: translate(0px, 0px) scale(1, 1);
	-ms-transform: translate(0px, 0px) scale(1, 1);
	transform: translate(0px, 0px) scale(1, 1); 
    opacity: 1;
}

#search input[type="search"] {
    position: absolute;
    top: 50%;
    width: 100%;
    color: rgb(255, 255, 255);
    background: rgba(0, 0, 0, 0);
    font-size: 60px !important;
    font-weight: 300;
    text-align: center;
    border: 0px;
    margin: 0px auto;
    margin-top: -51px;
    padding-left: 30px;
    padding-right: 30px;
    outline: none;
    height: auto;
    transition: all 0.3s ease-out;
}
#search .btn {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 61px;
    margin-left: -45px;
    padding: 6px 20px;
    background: #e89a35;
    border: 0;
}
#search .btn:hover {
   background: #e89a35;
}
#search .close {
    position: fixed;
    top: 15px;
    right: 15px;
    color: #fff;
	border:0;
	opacity: 1;
	width: 50px;
	height: 50px;
	font-size: 27px;
	transition: all 0.3s ease;
}
#search .close:hover{
	background-color: #e89a35;
}

/*banner*/
.banner-holder-2 {
	margin-top: 60px;
	margin-bottom: 60px;
}
.banner-holder, .multiple-banner {
	margin-top:60px;
	margin-bottom:60px;
}
.banner, .banner-above-blog{
	line-height: 0;
}
.banner.slick-dotted.slick-slider, .banner-above-blog.slick-dotted.slick-slider{
	margin: 0;
}
.banner img, .banner-above-blog img{
	width: 100%;
}
.banner .item, .banner-above-blog .item{
	position: relative;
}
.banner .item .caption, .banner-above-blog .item .caption{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	width: 70%;
	background: rgba(0,0,0,0.2);
	border-radius: 15px; 
	color: #fff;
	line-height: 1.5;
	text-align: center;
	padding: 5%;
}
#sidebar-1 .banner-above-blog .item .caption {  /* this affect if single image banner keeps in sidebar*/
	overflow: auto;
	/* width: 100%; */
	width: 320px;
	height: 150px;
	font-size: 15px !important;

}
.banner .item .caption .tag, .banner-above-blog .item .caption .tag{
	margin: 0 0 25px;
}
/* this for banner category theme-color customizer */
.banner .item .caption .tag span, .banner-above-blog .item .caption .tag span{
	
	display: inline-block;
	vertical-align: top;
	padding: 2px 10px;
	border-radius: 2px;
	color: #eeee22;
}

.banner .item .caption h2, .banner-above-blog .item .caption h2{
	margin: 0 0 25px;
}
.banner .item .caption p, .banner-above-blog .item .caption p{
	font-size: 16px;
	margin: 0 0 25px;
	font-weight: 300;
}
.banner .item .caption .btn, .banner-above-blog .item .caption .btn{
	border: 1px solid #eeee22;
	padding: 6px 16px;
	color: #eeee22;
}
.banner .item .caption .btn:hover, .banner-above-blog .item .caption .btn:hover  {
	background: #000;
	border-color: #000;
}
/*end banner*/

/*slick slider*/
.slick-arrow{
	z-index: 9;
	width: 50px;
	height: 50px;
	background: rgba(0,0,0,0.3);
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s ease-in;
}
.banner:hover .slick-arrow,
.banner-above-blog:hover .slick-arrow,
.banner:focus .slick-arrow{
	opacity: 1;
	visibility: visible;
}
.slick-arrow:hover,
.slick-arrow:focus{
	background: rgba(0,0,0,0.3);
	border: thin dotted;
}
.slick-next{
	right: 30px;
}
.slick-prev{
	left: 30px;
}
.slick-next:before,
.slick-prev:before{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	font-family: FontAwesome;
	font-size: 30px;
	color: #fff;
	opacity: 1;
}
.slick-next:before{
	content: "\f105";
}
.slick-prev:before{
	content: "\f104";
}
.slick-dots{
	bottom: -40px;
}
.slick-dots li,
.slick-dots li button,
.slick-dots li button:before{
	width: 10px;
	height: 10px;
	transition: all 0.3s ease;
}
.slick-dots li button:before{
	content: none;
}
.slick-dots li button{
	border: 1px solid rgb(128, 127, 127);
	border-radius: 1000px;
	background: transparent;
	padding: 0;
}
.slick-dots li.slick-active button{
	background: rgb(139, 139, 139);
}

/*footer*/
.media-body footer {
	margin: 50px 0;
}
.card-body footer {
	margin: 50px 0;
}
.thumb-body footer{
	margin: 2px 0 0;
}
/* footer{
	margin: 80px 0 0;
} */
article footer{
	margin: 10px 0 0;
}
footer .instagram{
	position: relative;
	line-height: 0;
	width: 100%;
	margin: auto;
}
#colophon { 
	border-top: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5; 
}
footer .instagram .row{
	margin: 0;
}
footer .instagram .row div[class*=col]{
	padding: 0 5px;
	max-width: 100%;
}
footer .instagram .img-holder{
	position: relative;
	display: block;
}
footer .instagram .img-holder:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(255,255,255,0.1);
}
footer .instagram .img-holder:after{
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	border: 0px solid #fff;
	width: 0;
	height: 0;
	transition: all 0.3s ease;
}
footer .instagram .img-holder:hover:after{
	width: 90%;
	height: 90%;
	border: 1px solid #fff;
}
footer .instagram .img-holder img{
	width: 100%;
}
footer .info-content{
	margin: 60px 0 40px;
}
footer .info-content .logo{
	margin: 0 0 30px;
}
footer .info-content .f-about p{
	margin: 0;
}
footer .f-title{
	margin: 0 0 40px;
}
footer .info-content .subscribe-form{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}
footer .info-content .subscribe-form input{
    width: 654px;
    border: 1px solid #eee;
}
footer .info-content .subscribe-form .search-submit {
	height: 40px;
	width: 155px;
	text-align: center;
	background: #333;
	color: #fff;
}
footer .info-content .subscribe-form .search-submit:hover{
	background: #000;
}
footer .copyright{
	padding: 30px 0;
	border-top: 1px solid #f5f5f5;
}
footer .copyright .container{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row; 
	justify-content: center;
}
footer .copyright .c-text{
	color: #444;
}
footer .copyright .c-text a{
	color: #e89a35;
}
footer .copyright ul li{
	margin: 0 12px 0 0;
}
footer .copyright ul li:last-child{
	margin: 0;
}
footer .copyright ul li a{
	color: #444;
}
footer .copyright ul li a:hover{
	color: #e89a35;
}
/*end footer*/

/*middle-content*/

.middle-content img{
	max-width: 100%;
}
.middle-content a img {
	width: auto;
	}
.middle-content .card{
	border: 0;
}

.middle-content .card .card-body{
	padding: 20px 0px;
}
.middle-content .card-title {
    margin-bottom: 20px;
    letter-spacing: 1px;
    line-height: 1.5;
}
.middle-content a:hover .card-title{
	color: #e89a35;
}
.middle-content .card p,
.middle-content .media p,
.middle-content .thumb p{
	margin-bottom: 20px;
}
.middle-content .card p:not(.has-text-color),
.middle-content .media p:not(.has-text-color),
.middle-content .thumb p:not(.has-text-color){
	color: #515151;
}
.middle-content .card a.btn,
.middle-content .media a.btn,
.middle-content .thumb a.btn{
	border: 1px solid #f5f5f5;
	color: #515151;
	padding: 5px 14px;
}
.middle-content .card a.btn:hover,
.middle-content a.btn:hover,
.middle-content .media a.btn:hover,
.middle-content a.btn:hover,
.middle-content a.btn:hover,
.middle-content .thumb a.btn:hover{
	background: #000;
	color: #fff;
	border-color: #000;
}
.middle-content .tag-date-comment {
    padding: 0 0 10px;
    margin: 0 0 10px;
}
/* this for category on blog post customizer */
.middle-content .cat{
	color: #e89a35;
	font-weight: 700;
	font-size: 12px;
	display: block;
	margin: 0 0 10px;
}

/* this for tag on blog post customizer */

.middle-content .tag{
	color: #e89a35;
	font-weight: 700;
	font-size: 12px;
	display: block;
	margin-top: 7px;
}
.middle-content .tag-date-comment ul li span a {
	display: inline-block;
	vertical-align: top;
	position: relative;
	color: #515151;
	font-size: 12px;
	margin: 0 3px 0 0;
}

.middle-content .tag-date-comment ul li span a:last-child{
	margin: 0;
}
.middle-content .tag-date-comment ul li span a:before{
	/* content: "/"; */
	color: #515151;
	position: absolute;
	top: 50%;
	left: -10px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.middle-content .tag-date-comment ul li span a:first-child:before{
	content: none;
}
.middle-content .grid-blog .row div[class*=col-]{
	margin: 0 0 60px;
}
.middle-content .grid-blog .row div[class*=col-]:nth-last-child(2){
	margin: 0 0 60px;
}
.middle-content .list-blog .row div[class*=col-]{
	margin: 0 0 40px;
}
.middle-content .list-blog .row div[class*=col-]:nth-child(even) .media{
	flex-direction: row-reverse;
}
.middle-content .list-blog .row div[class*=col-]:nth-child(even) .media .img-holder{
	margin: 0 0 0 30px;
}
.middle-content .list-blog .row div[class*=col-]:nth-child(even) .media .overlayaudio{
	margin: 0 0 0 15px;
}
.middle-content .list-blog .row div[class*=col-]:nth-child(even) .media .overlayquote{
	margin: 0 0 0 30px;
}
.middle-content .list-blog .row div[class*=col-]:nth-child(even) .media .overlayquotelist{
	margin: 0 0 0 30px;
}
.middle-content .list-blog .row div[class*=col-]:nth-child(even) .media .media-body{
	text-align: right;
}
.middle-content .thumb-blog .row div[class*=col-]{
	margin: 0 0 50px;
}
.middle-content .grid-blog .row div[class*=col-]:last-child,
.middle-content .list-blog .row div[class*=col-]:last-child,
.middle-content .thumb-blog .row div[class*=col-]:last-child,
.middle-content .search-blog .row div[class*=col-]:last-child{
	margin: 0;
}
.middle-content .media .img-holder{
	width: 350px;
	margin: 0 30px 0 0;
	/* border-radius: 15px; */
	overflow: hidden;
}
.middle-content .thumb .thumb-body h2.blog-post-title{
	text-align: center;
}
.middle-content .thumb .img-holder{
	display: block;
	margin: 0 0 25px;
	/* border-radius: 15px; */
	overflow: hidden;
}
.middle-content .thumb .card-title{
	margin: 15px 0;
}
.middle-content .thumb .tag-date-comment{
	padding: 10px 0;
    margin: 25px 0 10px;
    /* border: 1px solid #f5f5f5; */
    /* border-style: solid none; */
}
.middle-content .thumb .tag-date-comment .tag{
	margin-right: auto !important;
	margin-bottom: 0;
}
/*end middle-content*/

/*pagination*/
.pagination {
    margin: 60px 0 0;
}
.pagination li{
	margin: 0 10px 0 0;
}
.pagination li:last-child{
	margin: 0;
}
.pagination li a{
	border-radius: 1000px !important;
	padding: 11px 15px;
	color: #000;
}
.pagination li a:hover{
	color: #fff;
	background-color: #000;
	border-color: #000;
}
.pagination li.active a{
	background-color: #000 !important;
	border-color: #000 !important;
}
.pagination li.prev a,
.pagination li.next a{
	background: #e89a35;
	border-color: #e89a35;
	color: #fff;
}
.pagination li.prev a:hover,
.pagination li.next a:hover{
	background: #000;
	border-color: #000;
}
/*end pagination*/

/*outer categories*/
.feature-holder {    /* adjust here to lower feature display from banner */
	margin-top: 60px;
	margin-bottom: 60px;
}
.outer-categories .cat-holder .img-holder {
	border-radius: 10px;
}

.outer-categories .cat-holder{
	position: relative;
}
.outer-categories .cat-holder .img-holder{
	position: relative;
	/* border-radius: 15px; */
	overflow: hidden;
}
.outer-categories .cat-holder .img-holder img{
	width: 100% ;
}
.outer-categories .cat-holder .btn{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	padding: 2px 6px;
	background: #e89a35;
	color: #fff;
}
.outer-categories .cat-holder .btn:hover{
	background: #000;
	color: #fff;
}
/*end outer categories*/

/*sidebar*/

#sidebar-1 .sidebar .block {
	padding-bottom: 25px;
	padding-top: 25px;
	margin: 0 0 30px;
}
.sidebar .block:last-child{
	margin: 0;
}
.sidebar .side-title,
.other-title{
	text-align: center;
	margin: 0 0 30px;
}
.sidebar .side-title h4,
.author .title-holder h2,
.related-posts .title-holder h2,
.comments .title-holder h2,
.other-title h4{
	/* display: inline-block; */
	vertical-align: top;
	position: relative;
	margin: 0;

	
}

.sidebar .side-title h4 span,
.other-title h4 span,
.author .title-holder h2 span,
.related-posts .title-holder h2 span,
.comments .title-holder h2 span {   /* make round in widget title */
	border:3px solid #bdc3c7;
	line-height: 1;
    padding: 5px 10px;
    background: #fff; 
    display: inline-block;
    z-index: 10;
    position: relative;
	margin: 0 auto;
	border-radius: 15px;
}


.sidebar .about-me{
	text-align: center;
}
.sidebar .about-me .img-holder{
	/* border-radius: 15px; */
	overflow: hidden;
}
.sidebar .about-me p{
	color: #777;
	margin: 10px;
}
.sidebar .get-connected{
	text-align: center;
}
.sidebar .get-connected ul li{
	display: inline-block;
	vertical-align: top;
	font-size: 18px;
	margin: 0 25px 0 0;
}
.sidebar .get-connected ul li:last-child{
	margin: 0;
}
.sidebar .get-connected ul li a{
	display: block;
	position: relative;
	color: #000;
}
.sidebar .get-connected ul li a:hover{
	color: #e89a35;
}
.sidebar .post-slider{
	line-height: 0;
}
.sidebar .post-slider .img-holder{
	position: relative;
	overflow: hidden;
	/* border-radius: 15px; */
}
.sidebar .post-slider .img-holder:before{
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	background: rgba(0,0,0,0.15);
	width: 0;
	height: 0;
	transition: all 0.3s ease;
	/* border-radius: 15px; */
}
.sidebar .post-slider .img-holder .caption{
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	padding: 0 15px;
	text-align: center;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s ease;
}
.sidebar .post-slider .item:hover .caption{
	visibility: visible;
	opacity: 1;
}
.sidebar .post-slider .item:hover .img-holder:before{
	width: 100%;
	height: 100%;
}
.sidebar .post-slider .img-holder .caption h5{
	color: #fff;
}
.sidebar .post-slider .slick-dots{
	bottom: 5px;
	left: 0;
	right: 0;
}
.sidebar .post-slider .slick-dots li button{
	border: 0;
	background: #777;
}
.sidebar .post-slider .slick-dots li.slick-active button{
	background: #e89a35;
}
.sidebar .post-slider .slick-dots li, 
.sidebar .post-slider .slick-dots li button, 
.sidebar .post-slider .slick-dots li button:before{
	width: 6px;
	height: 6px;
}
.sidebar .categories ul{
	list-style: none;
}
.sidebar .categories ul li{
	margin: 0 0 10px;
	padding: 0 0 10px;
	border-bottom: 1px solid #e4e4e4;
}
.sidebar .categories ul li:last-child{
	/* margin: 0; */
	/* padding: 0; */
	border: 0;
	border-bottom: 1px solid #e4e4e4
}
.sidebar .categories ul li a{
	color: #515151;
}
.sidebar .categories ul li a:hover{
	color: #e89a35;
}
.sidebar .facebook .facebook-holder{
	overflow: hidden;
	/* border-radius: 15px; */
}
.sidebar .media{
	margin: 0 0 30px;
}
.sidebar .media:last-child{
	margin: 0;
}
.sidebar .media .img-holder{
	width: 90px;
	overflow: hidden;
	/* border-radius: 10px; */
}
.sidebar .media .img-holder:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

.sidebar .tagcloud a{
	display: inline-block;
	vertical-align: top;
	margin: 0 5px 10px 0;
}
.sidebar .tagcloud a:nth-child(3n){
	margin: 0;
}
.sidebar .tagcloud a{
	border: 1px solid #f5f5f5;
	color: #000;
	padding: 5px 17px;
	/* display: block; */
	border-radius: 1000px;
	font-size: inherit !important;
}
.sidebar .tagcloud a:hover{
	color: #e89a35;
}
.sidebar blockquote {
	text-align: center;
	font-size: 14px;
	color: #777;
}
.sidebar blockquote:before{
	content: none;
}
.fa-quote-left,
.fa-quote-right {
	color: #e89a35;
}
/*end sidebar*/


/*detail*/
.cat {
	border-bottom: 1px solid rgb(177, 175, 175);
}

.inner-content .thumb .card-title {
	text-align: center;
}
.inner-content .thumb .cat{
	text-align: center;
}
.inner-content .thumb .thumb-body > p{
	margin: 0 0 30px;
}
.inner-content .thumb .thumb-body p:last-child{
	margin: 0;
}
.inner-content .thumb .highlights{
	padding: 40px 0 40px 45px;
}
.inner-content .thumb .highlights li{
	margin: 0 0 10px;
}
.inner-content .thumb .highlights li:last-child{
	margin: 0;
}
.inner-content .thumb .highlights li,
.inner-content .thumb .highlights li a{
	color: #000;
}
.inner-content .coment-share{
	margin: 40px 0 0;
	padding: 10px 0;
	border: 1px solid #efefef;
	border-style: solid none;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
.inner-content .coment-share .tag-date-comment{
	border: 0;
	margin: 0;
	padding: 0;
}
.inner-content .share-post span.share-title:first-child{
	color: #aaa;
	margin: 0 5px 0 0;
}
.inner-content .share-post li{
	display: inline-block;
	vertical-align: middle;
	margin: 0 8px 0 0;
}
.inner-content .share-post li:last-child{
	margin: 0;
}
.inner-content .share-post li a{
	color: #444;
}
.inner-content .share-post li a:hover{
	color: #e89a35;
}
.inner-content .author{
	margin: 40px 0 0;
	color: rgb(0, 0, 0);
}
.inner-content .author .title-holder,
.inner-content .comments .title-holder{
	margin: 0 0 40px;
}
.inner-content .author .img-holder,
.inner-content .comments .img-holder{
	width: 100px;
	height: 100px;
	overflow: hidden;
}
.inner-content .author .media h6,
.inner-content .comments .media h6{
	font-family: 'Muli', sans-serif;
	font-style: inherit;
	margin: 0;
	color: #444;
	font-weight: 700;
}
.inner-content .author .media p,
.inner-content .comments .media p{
	margin: 0;
}
.inner-content .author .share-post{
	padding: 0;
	border: 0;
	margin: 0;
}
.inner-content .author .title-share,
.inner-content .comments .title-reply{
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
	margin: 0 0 10px;
}
.inner-content .comments .title-reply a,
.inner-content .author .share-post li a{
	color: #777;
}
.inner-content .comments .title-reply a:hover,
.inner-content .author .share-post li a:hover{
	color: #e89a35;
}
.inner-content .related-posts{
	padding: 70px 0 40px;
}
.inner-content .related-posts .title-holder{
	margin: 0 0 50px;
}
.inner-content .related-posts .row div[class*=col-]{
	max-width: 100%;
}
.inner-content .related-posts .slick-dots{
	bottom: -50px;
}
.inner-content .related-posts .slick-dots li button{
	border-color: #777;
}
.inner-content .related-posts .slick-dots li.slick-active button{
	background: #777;
}
.inner-content .comments{
	padding: 40px 0 0 0;
    border: 1px solid #f5f5f5;
    margin: 40px 0 0;
    border-style: solid none;
}
.inner-content .comments .media{
	margin: 0 0 60px;
}
.inner-content .comments .media:last-child{
	margin: 0;
}
.inner-content .comments .title-reply + .cmt-date{
	margin: -5px 0 10px;
}
.inner-content .comments .cmt-date{
	display: block;
	margin: 0 0 10px;
	color: #777;
}
.inner-content .leave-reply{
	padding: 40px 0 0;
	text-align: center;
}
.inner-content .leave-reply .title-holder{
	margin: 0 0 30px;
	position: relative;
}
.inner-content .leave-reply form{
	color: #777;
}
.inner-content .leave-reply form .info{
	display: block;
	margin: 0 0 30px;
}
.inner-content .leave-reply form .form-group{
	margin: 0 0 30px;
}
.inner-content .leave-reply form .form-group:last-child{
	margin: 0;
}
.inner-content .leave-reply form .btn{
	background: #000;
	color: #fff;
	padding: 8px 32px;
}
.inner-content .leave-reply form .btn:hover{
	background: #e89a35;
}
/*end detail*/


/*contact*/
.inner-content .contact-holder{
	text-align: center;
}
.inner-content .contact-holder .map{
	overflow: hidden;
	/* border-radius: 15px; */
	line-height: 0;
	margin: 0 0 80px;
}
.inner-content .contact-holder .map iframe{
	width: 100%;
	height: 470px;
}
.inner-content .contact-holder .contact-form .title{
	margin: 0 0 40px;
}
.inner-content .contact-holder .contact-form .slogan{
	width: 945px;
	display: inline-block;
	vertical-align: top;
	color: #aaa;
	margin: 0 0 55px;
}
.inner-content .contact-holder .contact-form form div[class*=col-]{
	margin: 0 0 30px;
}
.inner-content .contact-holder .contact-form form div[class*=col-]:last-child{
	margin: 0;
}
.inner-content .contact-holder .contact-form input{
	height: 45px;
}
.inner-content .contact-holder .contact-form form .btn{
	background: #e89a35;
	color: #fff;
	padding: 12px 33px;
}
.inner-content .contact-holder .contact-form form .btn:hover{
	background: #000;
}
/*end contact*/

/*search*/
.search-result{
	text-align: center;
	font-size: 18px;
	font-weight: 500;
}
.search-result .result-holder {
	border: 3px solid #bdc3c7;
	background: #fafafa;
	border-radius: 1000px;
	margin-top: 80px
}
.search-result .result-holder .highlight{
	font-weight: 700;
}
.middle-content .search-blog .row div[class*=col-] {
    margin: 0 0 40px;
}
/*end search*/

/*404*/
.page_404{
	background: #e89a35;
    height: 100vh;
    color: #fff;
    overflow-x: hidden;
    overflow-y: auto;
}
.page_404 .row{
	align-items: center;
    top: 50%;
    margin: 0;
}
.page_404 h1{
	font-size: 100px;
	font-weight: 700;
	color: #fff;
}
.page_404 .text{
	font-size: 36px;
	display: block;
	margin: 0 0 10px;
	font-weight: 800;
	text-transform: uppercase;
}
.page_404 p{
	font-size: 20px;
	margin: 0 0 25px;
}
.page_404 .btn{
	font-size: 16px;
	color: #000;
	padding: 11px 34px;
	background: #fff;
	box-shadow: 0px 5px 7px 0px rgba(0,0,0,0.3);
}
.page_404 .btn .fa{
	margin: 0 0 0 5px;
}
.page_404 .btn:hover{
	color: #fff;
	background: #000;
}
/*end 404*/

@media (max-width: 1199px){
	.homepage.stuck.appear ,
	.single-post1.stuck.appear{
		visibility: hidden !important;
		display: none;

	}
	footer .info-content .logo p {
		font-size: 40px;
	}
	.top-title .title-holder{
		padding: 0 115px;
	}
	.banner .item .caption, .banner-above-blog .item .caption{
		padding: 30px;
	}
	.middle-content .list-blog .media .img-holder{
		width: 340px;
	}
	.inner-content .contact-holder .contact-form .slogan{
		width: 100%;
	}
}


@media (max-width: 1048px){
	.homepage.stuck.appear ,
	.single-post1.stuck.appear{
		visibility: hidden !important;
		display: none;

	}
	header .logo h1{
		font-size: 90px;
	}
	header .logo p{
		font-size: 20px;
	}
	footer .info-content .logo p {
		font-size: 35px;
	}
	
}


@media (max-width: 991px){
	.homepage.stuck.appear ,
	.single-post1.stuck.appear{
	visibility: hidden !important;
	display: none;

	}
	footer .info-content .logo p {
		font-size: 35px;
	}
	.sidenav .logo p {
		font-size: 35px;
	}
	header .logo h1{
		font-size: 55px;
	}
	header .logo p{
		font-size: 20px;
	}
	.navbar-nav li.nav-item a.nav-link{
		padding: 8px 4px;
		position: relative;
	}
	.top-title .title-holder{
		padding: 0;
	}
	footer .info-content .subscribe-form{
		display: block;
	}
	footer .info-content .subscribe-form .form-group{
		margin: 0  0 1rem !important;
	}
	footer .info-content .subscribe-form input{
		width: 100%;
	}
	.banner .item .caption, .banner-above-blog .item .caption{
		width: 100% !important;
		background: transparent;
	}
	.search-result{
		padding: 50px 0 0;
	}
	.sidebar,
	footer{
		margin: 50px 0 0;
	}
	.inner-content .contact-holder .map{
		margin: 0 0 50px;
	}
	.banner .item:before, .banner-above-blog .item:before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(0,0,0,0.2);
	}

	header{
		box-shadow: 0 10px 25px -15px #eee;
	}
	.search-result{
		font-size: 16px;
	}
	.page_404 .row{
		position: static;
		transform: none;
	}
	.page_404 div[class*=col-]{
		margin: 30px 0;
	}
}

@media (max-width: 767px){
	.homepage.stuck.appear ,
	.single-post1.stuck.appear{
		visibility: hidden !important;
		display: none;

	}
	.related-posts img {
		max-width: 50% !important;
		margin: auto !important;
	}
	h2.section-title {
		font-size: 25px !important;
		letter-spacing: 1px !important;
	}	
	header .logo h1{
		font-size: 50px;
	}
	header .logo p{
		font-size: 20px;
	}
	footer .info-content{
		text-align: center;
	}
	footer .info-content .subscribe-form input{
		text-align: center;
	}
	footer .info-content .logo,
	footer .info-content .logo p{
		margin: 0;
	}
	footer .f-nav{
		margin: 40px 0 25px;
	}
	footer .f-nav ul li{
		margin: 0 0 15px 0;
	}
	footer .info-content .row div[class*=col-]{
		margin: 0 0 40px !important;
	}
	footer .info-content .row div[class*=col-]:last-child{
		margin: 0 !important;
	}
	.banner .item .caption, .banner-above-blog .item .caption{
		padding: 15px !important;
	}
	.banner .item .caption .tag, .banner-above-blog .item .caption .tag {
	    margin: 0 0 12px;
	}
	.banner .item .caption h2, .banner-above-blog .item .caption h2{
		margin: 0 0 12px;
		font-size: 20px;
	}
	.banner .item .caption p, .banner-above-blog .item .caption p{
		font-size: 14px;
		margin: 0 0 10px;
	}
	#search input[type="search"]{
		font-size: 30px !important;
	}
	#search .btn{
		margin-top: 15px;
	}
	.middle-content .list-blog .media,
	.middle-content .search-blog .media{
		display: block;
	}
	.middle-content .list-blog .media .img-holder,
	.middle-content .search-blog .media .img-holder{
		width: 100%;
		margin: 0 0 15px !important;
		display: block;
	}
	.middle-content .list-blog .media .media-body{
		text-align: left !important;
	}
	.sidebar .get-connected ul li{
		margin: 0 10px 10px 0;
	}
	.outer-categories + .middle-content{
		padding: 5px 0 0;
	}
	.outer-categories .row div[class*=col-]{
		margin: 0 0 30px;
	}
	.outer-categories .row div[class*=col-]:last-child{
		margin: 0;
	}
	.inner-content .contact-holder .contact-form .slogan{
		margin: 0 0 40px;
	}
}

@media (max-width: 575px){
	.homepage.stuck.appear ,
	.single-post1.stuck.appear{
		visibility: hidden !important;
		display: none;

	}
	.sidebar {
		margin: 0;
	}
	.banner-holder {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.banner-holder-2 {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.feature-holder {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.multiple-banner {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.sidebar .block {
		margin: 0;
	}
	.post-slider {
		margin: 0;
	}
	#main .banner-holder .container-fluid {
		width: 100%;
	}
	header .navbar-expand-lg ul li a,
	.sidenav-menu a {
		font-size: 12px;
	}
	
	footer .copyright{
		text-align: center;
	}
	footer .copyright .container{
		display: block;
	}
	footer .copyright .c-text{
		margin: 0 0 15px;
	}
	.search-result{
		font-size: 14px;
	}
	.banner .item .caption h2, .banner-above-blog .item .caption h2{
		margin: 0 0 12px;
		font-size: 16px;
	}
	.banner .item .caption .tag span, .banner-above-blog .item .caption .tag span {
		margin-top: 10px ;
		font-size: 16px !important;
	}
}

@media (max-width: 475px){
	.homepage.stuck.appear ,
	.single-post1.stuck.appear{
		visibility: hidden !important;
		display: none;

	}
	.list-blog, .media-blog, .grid-blog {
		margin-top: 0;
	}
	.sidebar .block {
		margin: 0;
	}
	.post-slider {
		margin: 0;
	}
	.site-title {
		line-height: 1;
	}
	.middle-site-title {
		height: 10px;
	}
	header .logo .site-title, header .logo  {
		top: 10%;
		
	}
	.banner-holder {
		margin-top: 10px;
		margin-bottom: 10px;
		padding-top: 25px;

	}
	.banner-holder-2 {
		margin-top: 10px;
		margin-bottom: 10px;
		padding-top: 25px;

	}
	.feature-holder {
		margin-top: 10px;
		margin-bottom: 10px;
		padding-top: 25px;

	}
	.multiple-banner {
		margin-top: 10px;
		margin-bottom: 10px;
		padding-top: 25px;

	}
	.middle-content{
		margin-top: 0;
	}
	.video-widths {
		width:100%;
	}
	.page blockquote p {
		font-size: 14px !important;
	}
	.page .entry-title {
		font-size: 25px !important;
	}
	#main .banner-holder .container-fluid {
		width: 100% !important;
	}
	header .navbar-expand-lg ul li a,
	.sidenav-menu a {
		font-size: 12px;
	}
	.site-description{
		margin: 0;
	}
	footer .info-content .logo p {
		font-size: 30px;
	}
	header .social-icon{
		width: 100%;
		margin: 20px 0 0;
		text-align: center;
	}
	header .logo{
		margin: 5px 0 20px 0;
	}
	header .logo h1{
		font-size: 30px;
	}
	header .logo p{
		font-size: 15px;
	}
	.sidenav .logo p {
		font-size: 15px;
	}
	header .search-tab{
		width: 100%;
		margin: 0 0 20px;
		text-align: center;
	}
	.banner .item, .banner-above-blog .item{
		height: auto;
	}
	.banner img, .banner-above-blog img{
		height: 100%;
	}
	.banner .item .caption h2, .banner-above-blog .item .caption h2{
		margin: 0 0 12px;
		font-size: 16px;
	}
	.banner .item .caption .tag .btn, .banner-above-blog .item .caption .tag .btn {
		margin-top: 4px ;
		font-size: 12px !important;
	}
	.banner .item .caption p, .banner-above-blog .item .caption p {
		display: none;
	}
	
	.search-result {
		padding: 30px 0 0;
	}
	.middle-content {
		padding: 0 0 0;
	}

	footer{
		margin: 30px 0 0;
	}
	.inner-content .author .media,
	.inner-content .comments .media{
		display: block;
		text-align: justify;;
	}
	.inner-content .author .img-holder, 
	.inner-content .comments .img-holder{
		margin: 0 auto 15px !important;
	}
	.inner-content .author .title-share, 
	.inner-content .comments .title-reply{
		display: block;
	}
	.inner-content .author .media h6, 
	.inner-content .comments .media h6{
		margin: 0 0 10px;
	}
	.inner-content .coment-share{
		display: block;
	}
	.inner-content .coment-share .tag-date-comment{
		margin: 0 0 10px;
	}
	
}
.detail-block .thumb-body ul,
#scroll-here .entry-content ul,
.detail-block .thumb-body ol,
#scroll-here .entry-content ol
 { 
	margin: 30px;
	padding:0;
}
.detail-block .thumb-body .coment-share ul  {
	margin: 0;
}
.pro-meta li{
	padding-right: 5px;
}
.middle-content .media-body .tag-date-comment {
	margin: 0;
	padding: 0;
}

 /* for video float */

 .homepage iframe {
	max-width: 100%;
	max-height: 100%;
 }
.homepage.stuck {
	position: fixed;
	bottom: 375px;
	right: 20px;
	transform: translateY(100%);
	width: 300px;
	height: 200px;
	animation: fade-in-up 0.25s ease forwards;
	z-index: 9999;
	visibility: hidden;
}

.homepage.stuck.appear {
	visibility: visible !important;

}

.single-post1 iframe {
	max-width: 100%;
	max-height: 100%;
 }
.single-post1.stuck {
	position: fixed;
	bottom: 375px;
	right: 20px;
	transform: translateY(100%);
	width: 300px;
	height: 200px;
	animation: fade-in-up 0.25s ease forwards;
	z-index: 9999;
	visibility: hidden;
}

.single-post1.stuck.appear {
	visibility: visible;

}

  @keyframes fade-in-up {
	0% {
	  opacity: 0;
   }
	100% {
	  transform: translateY(0);
	  opacity: 1;
   }
 }
 .thumb-body h2,
.thumb-body h3,
.thumb-body h4 {
text-align: left;
}
/** key baord navigation for menu */

.navbar-nav li:hover > ul,
.navbar-nav li:focus-within > ul,
.navbar-nav li ul:hover {
  visibility: visible;
  opacity: 1;
}
.navbar-nav li > ul a:focus-within{
	color: #e89a35;
}

.navbar-nav li ul li ul {
    margin-left: 210px;
    margin-top: -40px;
}
/* css for next post and previous post*/
.left-float-post {
	position: fixed;
	bottom: 0px;
	left: 5px;
	width: 400px;
	animation: fade-in-up 0.25s ease forwards;
	z-index: 9999;
	background: #FFF;
	margin-bottom: 190px;
	padding: 5px 5px 5px 5px;
	border-radius: 15px;
	border-top-style: outset;
	animation-name: left_post;
	animation-duration: 8s;
	}
	
	.left-float-post img{
		width: 125px;
	}
	.left-float-post .media-body{
		min-width: 218px;
	}
	@keyframes left_post {
		0%   { left: -300px; }
		25%  { left:0px; }
	}
	.left-float-post h3  {
		font-size: 14px !important;
	}
	.left-float-post p  {
		font-size: 12px !important;
	}
	@media (max-width: 1023px){
		.left-float-post {
			display: none;
		}
	}
	
	.right-float-post {
	position: fixed;
	bottom: 0px;
	right: 5px;
	width: 400px;
	animation: fade-in-up 0.25s ease forwards;
	z-index: 9999;
	background: #FFF;
	margin-bottom: 190px;
	padding: 5px 5px 5px 5px;
	border-radius: 15px;
	border-top-style: outset;
	animation-name: right_post;
	animation-duration: 8s;
	}
	
	.right-float-post img{
		width: 125px;
	}
	.right-float-post .media-body{
		min-width: 218px;
	}
	
	@keyframes right_post {
		0%   { right: -300px; }
		25%  { right:0px; }
	}
	
	.right-float-post h3  {
		font-size: 14px !important;
	}
	.right-float-post p  {
		font-size: 12px !important;
	}
	
	@media (max-width: 1023px){
		.right-float-post {
			display: none;
		}
	}
	.post-close{
		display: block;
		float: right;
		cursor: pointer;
		padding-right: 10px;	
	}
	.post-arrow {
		display: block;
		cursor: pointer;
	}
	/*End */

	/****************************** add animation in slider ***************/


.slick-active .banner-post-title
{
	    animation: fadeInDown 1s both 1s;
}


@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
        -ms-transform: scale(.3);
        transform: scale(.3)
    }
    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

.slick-active .tag,
.slick-active .caption p,
.slick-active .caption .btn
{
	    animation: zoomIn 1s both 0.3s;
}

/**    END        **/

.detail-block article .thumb-body p a {
		text-decoration: underline !important;
	}


@media only screen and (min-width: 768px) and (max-width: 1023px) {
	
	.navbar .menu-description {
		border: 1px solid black;
	}

}

@media only screen and (max-width: 767px) {

	.menu-description {
		text-decoration: underline;
		vertical-align: super;
		padding-left: 10px;
	}

}


/**********  menu title *******/
.navbar .menu-description {
    position: absolute;
    top: -7px;
    left: 60px;
    background-color: #f1b4a3;
    font-size: 12px;
    padding: 3px 6px;
    line-height: 10px;
    color: #fff;
    font-weight: normal;
	letter-spacing: 3px;
}
.navbar .menu-description:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-left: 0px solid transparent;
    border-right: 12px solid transparent;
    border-top: 5px solid #f1b4a3;
    left: 0px;
    bottom: -5px;
}
.navbar .menu-item-has-children .menu-description {
    left: calc(100% - 35px);
}
.navbar .sub-menu .menu-description{
    top: 50%;
    left: inherit;
    transform: translateY(-50%);
    margin: 0 5px;
}
.navbar .sub-menu .menu-description:after {
	display: none;
}

/**********  menu END *******/

.navbar-collapse{
	transition: 1s;
}
@media (max-width: 475px){
	.navbar .menu-description {
		top: -10px;
	}
	.search-result .result-holder {
		margin-top: 0px
	}
	.page-title.search-result {
		padding-top: 0;
		
	}
	.page-header > .search-result {
		padding: 10px 0px 10px 0px;
	}
}