/*!
Theme Name: Bani
Theme URI: https://themes.salttechno.com/wordpress-theme/bani-free-blog-theme/
Author: SaltTechno
Author URI: https://themes.salttechno.com
Description: A comprehensive blog theme with a fresh, clean & elegant design. The theme is designed with the classic elegance to keep your reader more focused on the content & images. Our professional designers have kept the design simple yet eye-pleasing. You can customize most of the theme settings with live preview. Native WordPress customizer is used to make it easy for you to edit theme settings. We have added a customizable slider for featured posts and a cover section at the top for your blog introduction. The theme is lightweight with less than 40kb style.css (you can minimize it further easily). It is fully responsive theme built on world's most loved framework for responsive websites, Bootstrap 4. You can use all latest WordPress page builder plugins like Site Origin, Elementor, Beaver Builder etc. This is a perfect WordPress theme for any kind of blog. Bani is a classic blog theme with RTL language support and is completely translation-ready. Our support team is always there to answer your queries. The theme will be regularly updated with new features. Check demo at http://bani.themesease.com. To know more about the theme, visit https://themes.salttechno.com/wordpress-theme/bani-free-blog-theme/.
Version: 1.0.5
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: bani
Tags: blog, two-columns, one-column, left-sidebar, right-sidebar, grid-layout, custom-background, custom-menu, sticky-post, custom-logo, footer-widgets, rtl-language-support, theme-options, threaded-comments, featured-images, full-width-template, translation-ready, holiday, news

*/

html { -webkit-box-sizing: border-box; box-sizing: border-box; }

*, *:before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit; }

body { background: #F3F3F1; }

blockquote, q { quotes: "" ""; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }

hr { background-color: #8E847E; border: 0; height: 1px; margin-bottom: 1.5em; }

ul, ol { margin: 0 0 1em 1em; padding-left: 1.5em;}

ul { list-style: disc; }

ol { list-style: decimal; }

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

dt { font-weight: bold; }

dd { margin: 0 1.5em 1.5em; }

img { height: auto; max-width: 100%; }

figure { margin: 1em 0; }

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

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button, input[type="button"], input[type="reset"], input[type="submit"] { border: 1px solid; border-color: #8E847E; border-radius: 3px; background: #8E847E; 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: #838384; }

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: #838384; }

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: #272B30; border: 1px solid #8E847E; 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: #272B30; }

select { border: 1px solid #8E847E; }

textarea { width: 100%; }

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
a { color: #8E847E; }

a:visited { color: #8E847E; }

a:hover, a:focus, a:active { color: #838384; }

a:focus { outline: thin dotted; }

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

.main-navigation { clear: both; display: block; float: left; width: 100%; }

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

.main-navigation ul ul { -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); 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: 200px; }

.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: 48%; padding-bottom: 20px; }

.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 48%; padding-bottom: 20px; }

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
.screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ }

.screen-reader-text:focus { background-color: #F3F3F1; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #272B30; 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. */ }

#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::after, .clear:after::after, .entry-content:before::after, .entry-content:after::after, .comment-content:before::after, .comment-content:after::after, .site-header:before::after, .site-header:after::after, .site-content:before::after, .site-content:after::after, .site-footer:before::after, .site-footer:after::after { display: block; content: ""; clear: both; }

.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. */ }

.widget select { max-width: 100%; }

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

.hentry { margin: 0 0 1.5em; }

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

.single .byline, .group-blog .byline { display: inline; }

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

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

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { margin-top: .75rem;}

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

.bypostauthor { display: block; }

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
.infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { display: none; }

.infinity-end.neverending .site-footer { display: block; }

#jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a { font-size: 1.1rem; margin-bottom: .5rem; color: #272B30; display: block; }

.comment-subscription-form { padding-left: 15px; padding-right: 15px; font-size: 90%; margin-top: 15px; }

/*--------------------------------------------------------------
# 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%; }

/*--------------------------------------------------------------
## 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.33333%; }

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

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

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

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

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

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

.gallery-caption { display: block; }

/*--------------------------------------------------------------
# Custom
--------------------------------------------------------------*/
body { text-rendering: optimizeLegibility !important; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -ms-word-wrap: break-word; word-wrap: break-word; letter-spacing: .25px; }

a { -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; color: #8E847E; }

a:hover, a:active, a:focus { text-decoration: none; color: #58524e; }

p { margin-bottom: 1.6rem; }

p a { color: #8E847E; }

p a:hover, p a:active { text-decoration: none; color: #272B30; }

li { margin-bottom: 1rem; }

.card-block { padding: 1.5rem; }

.admin-bar .fixed-top { top: 32px; }

blockquote { padding: 0.5rem 1rem; margin-bottom: 1rem; font-size: 1.25rem; border: 0.25rem solid #F3F3F1; border-left: 0.25rem solid #c4c4ba; }

blockquote cite { display: block; font-size: 80%; color: #636c72; }

blockquote cite::before { content: "\2014 \00A0"; }

blockquote p { margin-bottom: 0; }

q { display: inline; }

q:before { content: '"'; }

q:after { content: '"'; }

.sticky-icon { display: none; }

.sticky { position: relative; }

.sticky .sticky-icon { position: absolute; top: -2px; left: 15px; display: inline-block; color: #8E847E; text-align: center; line-height: 1; }

/*--------------------------------------------------------------
# INDEX
--------------------------------------------------------------*/
.st-content-area { word-wrap: break-word; /*  margin-top: 54px;  */ }

.entry-title a { color: #272B30; font-style: italic; }

.entry-title a:hover { color: #838384; }

.bani-card { border: 0px; -webkit-box-shadow: 0 20px 20px rgba(39, 43, 48, 0.08); box-shadow: 0 20px 20px rgba(39, 43, 48, 0.08); }

.hentry { margin-bottom: 2.5rem; }

.hentry .entry-summary { color: #555d68; font-size: 1rem; }

.hentry .entry-meta { font-size: 1rem; color: #555d68; }

.post-hover-effect .hentry:not(.masonry-card) { -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }

.post-hover-effect .hentry:not(.masonry-card):hover { -webkit-box-shadow: 0 30px 30px rgba(39, 43, 48, 0.12); box-shadow: 0 30px 30px rgba(39, 43, 48, 0.12); -webkit-transform: translate(0, -10px); -ms-transform: translate(0, -10px); transform: translate(0, -10px); -webkit-transition-delay: 0s !important; -o-transition-delay: 0s !important; transition-delay: 0s !important; }

.card-columns { width: 100%; padding: 0 15px; }

.bani-help-bar { background: #1e88e5 !important; margin-right: 10px !important; }

.bani-help-bar a { padding-right: 10px !important; padding-left: 10px !important; }

.bani-help-bar a:before { content: "\f468"; top: 2px; }

@media (min-width: 576px) and (max-width: 767px) { .card-columns { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } }

@media (min-width: 768px) and (max-width: 991px) { .card-columns { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } }

@media (min-width: 992px) and (max-width: 1199px) { .card-columns { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } }

@media (min-width: 1200px) { .card-columns { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } }

.card-columns .bani-card { border: 1px solid #e7e7e3; -webkit-box-shadow: none; box-shadow: none; }

.card-footer { font-size: .875rem; background: transparent; border-color: #e7e7e3; }

.cat-links { text-transform: uppercase; }

.cat-links a { margin-right: 1rem; }

.comments-link { margin-left: 1rem; }

.bani-badge-secondary { background: #e7e7e3; padding: .25rem .5rem; margin-right: .5rem; font-size: .75rem; font-weight: normal; }

@media (min-width: 576px) { .card-columns .card { margin-bottom: 0; } }

/*--------------------------------------------------------------
# HEADER
--------------------------------------------------------------*/
.st-header-area { background: #ffffff; -webkit-box-shadow: 0 8px 14px rgba(39, 43, 48, 0.08); box-shadow: 0 8px 14px rgba(39, 43, 48, 0.08); padding: 6px 0; }

.bani-main-menu > ul { width: 100%; }

.main-navigation li { margin-bottom: 0; float: none; display: inline-block; padding: 1rem; text-transform: uppercase; font-size: .875rem; letter-spacing: .5px; }

.main-navigation .sub-menu, .main-navigation .children { background: #ffffff; text-align: left; -webkit-box-shadow: 0 8px 14px rgba(39, 43, 48, 0.08); box-shadow: 0 8px 14px rgba(39, 43, 48, 0.08); border-radius: 0 0 .25rem .25rem; }

.main-navigation .sub-menu li, .main-navigation .children li { padding-top: .5rem; padding-bottom: .5rem; }

.main-navigation .sub-menu .sub-menu, .main-navigation .children .sub-menu { border-radius: .25rem 0 0 .25rem; }

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

.site-title { font-style: italic; margin-bottom: 0; }

.site-description { font-size: .875rem; color: #8E847E; margin-bottom: 0; }

.menu-item-has-children a .fa { line-height: 21px; font-size: .60rem; }

.sub-menu .menu-item-has-children a .fa-chevron-down:before { content: '\f054'; }

.bani-logo-img { max-width: inherit; }

@media (max-width: 599px) { .main-navigation li { float: none; display: block; text-align: left; }
  .main-navigation ul ul { position: relative; float: none; display: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; }
  .bani-main-menu .menu-item-has-children > .showSubMenu { left: 30px; top: 0; display: block !important; }
  .bani-main-navbar.appear-fixed-on-scroll { display: none; }
  button.menu-toggle.btn { margin: auto; margin-bottom: 10px; }
  .site-branding { text-align: center; } }

#topbar-menu .menu-item:first-child { padding-left: 0; }

/*--------------------------------------------------------------
# INPUTS
--------------------------------------------------------------*/
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 { padding: 4px 10px; border-color: #cac5c2; font-size: 1rem; }

button, input, optgroup, select, textarea { font-family: inherit; }

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
.bani-navigation .bani-newer a, .bani-navigation .bani-older a { display: inline-block; padding: .5rem 1rem; background: #8E847E; border: 0px; border-radius: 0.25rem; font-size: .75rem; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; color: #F3F3F1; text-transform: uppercase; margin: 1rem 0; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }

.bani-navigation .bani-newer a:hover, .bani-navigation .bani-older a:hover { text-decoration: none; background: #746b65; color: #F3F3F1; }

.bani-navigation .bani-newer .fa { margin-right: .25rem; }

.bani-navigation .bani-older .fa { margin-left: .25rem; }

/*--------------------------------------------------------------
# COVER
--------------------------------------------------------------*/
.bani-cover-wrapper { min-height: 50vh; position: relative; overflow-y: hidden; width: 100vw; left: 50%; right: 50%; margin-left: -50vw; margin-bottom: 2rem; }

.bani-cover-wrapper.short-cover { min-height: 20vh; }

.bani-cover-wrapper.page-cover { min-height: 30vh; }

.bani-cover-wrapper .bani-cover-bg { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 0; width: 100vw; background: #6a6a6a; background-size: cover; background-position: 50% 50%; background-attachment: fixed; background-repeat: no-repeat; }

.bani-cover-wrapper .bani-cover-content { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 9; min-width: 100%; /* text-shadow: 0 0.05rem 0.1rem rgba(0, 0, 0, 0.5); */ color: #F3F3F1; text-align: center; margin-left: 0 !important; margin-right: 0 !important; }

.bani-cover-wrapper .bani-cover-content .sub-title { color: #c3c3c3; margin-bottom: 1rem; font-family: 'Source Sans Pro', sans-serif; text-transform: uppercase; font-size: 1.25rem; letter-spacing: .5px; }

.bani-cover-wrapper .bani-cover-content .title { font-size: 2.5rem; margin-bottom: 1rem; }

.bani-cover-wrapper .bani-cover-content .entry-meta { color: rgba(243, 243, 241, 0.75); }

.bani-cover-wrapper .bani-cover-content .entry-meta a { color: rgba(243, 243, 241, 0.75); }

.bani-cover-wrapper .bani-cover-content .entry-meta a:hover { color: #f3f3f1; }

.height-54 { height: 54px; }

.typed-cursor { opacity: 1; -webkit-animation: blink 0.7s infinite; -moz-animation: blink 0.7s infinite; animation: blink 0.7s infinite; }

@keyframes blink { 0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; } }

@-webkit-keyframes blink { 0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; } }

@-moz-keyframes blink { 0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; } }

@media (max-width: 600px) { .bani-cover-wrapper { min-height: 50vh; } }

/*--------------------------------------------------------------
# Featured
--------------------------------------------------------------*/
.st-featured-area { margin-bottom: 2rem; border-radius: 6px; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }

.st-featured-area .featured-title { font-size: .75rem; text-transform: uppercase; letter-spacing: .5px; }

.bani-slide { height: 340px; border-radius: 0.25rem; background-size: cover; background-position: center; display: inline-block; border-radius: 6px; }

.bani-slide .slide-content { background: rgba(0, 0, 0, 0.5); width: 100%; height: 100%; border-radius: 6px; color: #F3F3F1; }

.bani-slide .slide-content h4 { text-align: center; padding: 10px; font-size: 1.5rem; letter-spacing: 1.5px; margin-bottom: 0; margin-top: 0; color: #F3F3F1; line-height: 1.25; font-style: italic; }

.bani-slide .slide-content .text-center { padding: 20px; }

.bani-slide .slide-content a { color: #F3F3F1; }

.bani-slide .slide-content h6 { color: #F3F3F1; margin-top: 0; margin-bottom: 0; font-size: .875rem; }

.bani-slide .slide-content .ver-center { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 60%; }

.bani-slide .slide-content .btn { -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; margin-top: 1rem; padding: .5rem 1.25rem; }

.swiper-button-next, .swiper-button-prev { background-size: 27px 34px; }

.btn-secondary { background: #fff; border-color: #fff; color: #838384; }

.btn-secondary:hover { background: #838384; border-color: #838384; color: #fff; }

/*--------------------------------------------------------------
# WIDGETS
--------------------------------------------------------------*/
.subscribe-post-widget .bani-subscribe-card { background: #838384; color: #F3F3F1; margin-bottom: 1.5em; border: 0px; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }

.subscribe-post-widget .bani-subscribe-card h5 { margin-bottom: .75rem; }

.subscribe-post-widget .bani-subscribe-card .form-control { padding: .5rem 1rem; font-family: "Source Sans Pro", sans-serif; margin: auto; }

.subscribe-post-widget .bani-subscribe-card .btn-secondary { background: #F3F3F1; color: #838384; font-family: "Bitter", serif; border: 0; cursor: pointer; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }

.subscribe-post-widget .bani-subscribe-card .btn-secondary:hover { background: #8E847E; color: #F3F3F1; }

.subscribe-post-widget .mc4wp-response { color: #F3F3F1; font-size: .875rem; }

.widget.card { /* box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); */ /* border: 0; */ border-color: #e7e7e3; }

.widget.bani-widget ul { margin-left: 0rem; padding-left: 0rem; list-style: none; }

.widget.bani-widget ul.children { padding: 10px 0px 0px 20px; }

.widget.bani-widget ul li { margin-bottom: .875rem; font-size: .875rem; }

.widget.bani-widget ul li .post-date { display: block; font-size: 0.75rem; color: #8E847E; }

.widget.bani-widget ul li a { color: #838384; }

.widget.bani-widget ul li a:hover { color: #272B30; }

.widget.bani-widget .calendar_wrap table { font-size: .875rem; margin-bottom: .5rem; }

.widget.bani-widget .calendar_wrap caption { caption-side: top; text-align: center; font-family: "Bitter", serif; }

.widget.bani-widget .calendar_wrap thead th { text-align: center; }

.widget.bani-widget .calendar_wrap tbody td { text-align: center; /* color: $color__muted; */ padding: 5px 0; }

.widget.bani-widget .calendar_wrap tbody td a { color: #F3F3F1; background: #8E847E; border-radius: 50%; display: inline-block; width: 25px; height: 25px; line-height: 25px; text-align: center; }

.widget.bani-widget .calendar_wrap tfoot { font-family: "Bitter", serif; }

.widget.bani-widget .calendar_wrap tfoot:before { content: ''; display: block; height: 10px; }

.widget.bani-widget .calendar_wrap tfoot td#next { text-align: right; }

.widget.bani-widget .calendar_wrap a { -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }

.widget.bani-widget .calendar_wrap a:hover { text-decoration: none; }

.widget.card.widget_search .form-control.s { font-size: .875rem; padding: 3px 12px; border: 0px; font-family: "Source Sans Pro", sans-serif; }

.widget.card.widget_search .search-button { border: 0px; padding: 12px 15px; cursor: pointer; border-radius: .25rem; }

.widget.card.widget_search .search-button .fa { font-size: .875rem; }

.widget.card > .card-block > div > ul li a:before, .widget.card > .card-block > ul li a:before, .widget.card > .card-block > ul li:before, .widget_calendar caption:before { font-family: FontAwesome; font-size: 13px; margin-right: 8px; color: #8E847E; display: inline-block !important; width: 1em; text-align: center; }

.widget_categories > .card-block > ul > li a:before { content: "\f115"; }

.widget_archive > .card-block > ul > li a:before { content: "\f073"; }

.widget_recent_comments > .card-block > ul > li > span:before { content: "\f27b"; font-family: FontAwesome; font-size: 13px; margin-right: 8px; color: #8E847E; display: inline-block !important; width: 1em; text-align: center; }

.widget_meta > .card-block > ul > li a:before { content: "\f0c1"; }

.widget_recent_entries > .card-block > ul > li a:before { content: "\f0f6"; }

.widget_pages > .card-block > ul > li a:before { content: "\f0f6"; }

.widget_nav_menu > .card-block > div > ul > li a:before { content: "\f0f6"; }

.tp_recent_tweets li { font-size: .8rem !important; margin-bottom: .25rem !important; }

.tp_recent_tweets li a { font-weight: normal !important; }

.bani_about_widget > .card-block { padding-left: 0; padding-right: 0; }

.bani_about_widget .widget-title { padding-left: 1.5rem; padding-right: 1.5rem; }

.bani_about_widget .bani-about-widget .card-block { padding-bottom: 0; }

.bani_latest_posts_widget .recent-post-img { width: 80px; height: 80px; }

.bani_latest_posts_widget .rp-date, .bani_latest_posts_widget .rp-author { display: block; font-size: 0.75rem; color: #8E847E; }

.bani_latest_posts_widget .media { margin-bottom: 1rem; }

.bani_latest_posts_widget h6 a { font-size: .875rem; color: #838384; }

.bani_link_box_widget .card-header { display: none; }

.bani_link_box_widget .card-block { padding: 0; }

.bani-link-box .card-img-overlay { background: rgba(0, 0, 0, 0.5); }

.bani-link-box .card-img-overlay h5 { color: #F3F3F1; }

.widget.card.widget_mc4wp_form_widget { background: rgba(0, 0, 0, 0.5); color: #F3F3F1; }

.widget.card.widget_mc4wp_form_widget > .card-block { padding: 0; }

.widget.card.widget_mc4wp_form_widget .bani-subscribe-card { text-align: center; border: 0px; background: transparent; }

.widget.card.widget_mc4wp_form_widget .bani-subscribe-card .form-control { font-size: .875rem; padding: 12px 12px; margin-bottom: 1rem; text-align: center; }

.widget.card.widget_mc4wp_form_widget .bani-subscribe-card .btn { cursor: pointer; font-size: .75rem; }

.widget.card.widget_mc4wp_form_widget .bani-subscribe-card .title .fa { margin-right: .5rem; margin-bottom: .5rem; }

.widget.card.widget_mc4wp_form_widget .btn-secondary { background: #F3F3F1; color: #838384; font-family: 'Montserrat', sans-serif; border: 0; cursor: pointer; -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }

.widget.card.widget_mc4wp_form_widget .btn-secondary:hover { background: #8E847E; color: #F3F3F1; }

.widget.card.widget_mc4wp_form_widget .mc4wp-response { padding: 0 15px; font-size: .875rem; text-align: center; }

.fb_iframe_widget { text-align: center; }

.widget.card.widget_fbw_id .card-block { padding: 0; }

/*--------------------------------------------------------------
# FOOTER
--------------------------------------------------------------*/
.st-footer-area { margin-top: 2rem; background: #272B30; color: rgba(255, 255, 255, 0.5); }

.st-footer-area > .container { padding: 0rem 15px 1rem 15px; }

.st-footer-area h6 { font-size: .75rem; letter-spacing: .75px; }

.st-footer-area a { color: rgba(255, 255, 255, 0.5); }

.st-footer-area a:hover { color: white; text-decoration: none; }

.st-footer-area .social-links-footer ul { list-style: none; margin: 0; padding: 0; }

.st-footer-area .social-links-footer ul li a { -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }

.st-footer-area .social-links-footer ul li a:hover { color: white; text-decoration: none; }

.st-footer-area .scroll-to-top { position: fixed; right: 15px; bottom: -60px; background: #272B30; width: 35px; height: 35px; color: #F3F3F1; text-align: center; line-height: 35px; border-radius: 50%; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; cursor: pointer; }

@media (max-width: 767px) { .st-footer-area > .container .col-md-4 { text-align: center !important; } }

.site-footer .widget-area { margin-top: 2rem; }

#footer-instagram .instagram-widget .instagram-title { display: none; }

#footer-instagram .instagram-widget ul { list-style: none; margin: 0; padding: 0; }

#footer-instagram .instagram-widget ul li { display: inline-block; width: 10%; }

#footer-instagram .instagram-widget ul li img { max-width: 100%; }

#footer-instagram .instagram-widget p { display: none; }

/*--------------------------------------------------------------
# Loader
--------------------------------------------------------------*/
.loading-screen { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999999; background: #F3F3F1; }

.loading-screen.hide-screen { display: none !important; }

.loading-screen .spinner { margin: auto; width: 50px; height: 40px; text-align: center; font-size: 10px; }

.loading-screen .spinner > div { background-color: #838384; height: 100%; width: 6px; display: inline-block; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out; }

.loading-screen .spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }

.loading-screen .spinner .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }

.loading-screen .spinner .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }

.loading-screen .spinner .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }

@-webkit-keyframes sk-stretchdelay { 0%, 100%, 40% { -webkit-transform: scaleY(0.4); }
  20% { -webkit-transform: scaleY(1); } }

@keyframes sk-stretchdelay { 0%, 100%, 40% { transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4); }
  20% { transform: scaleY(1);
    -webkit-transform: scaleY(1); } }

/*--------------------------------------------------------------
# COMMENTS
--------------------------------------------------------------*/
.comments-title { font-size: 1.25rem; margin-bottom: 2rem; }

.comment-list { margin-left: 0; padding-left: 0; list-style: none; }

.bani-comment .comment-author { /* font-size: 1rem; */ margin-bottom: 0; }

.bani-comment .comment-author a { -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }

.bani-comment .date { margin-bottom: 10px; display: inline-block; color: #8E847E; }

.bani-comment .reply a { font-family: "Bitter", serif; color: #8E847E; }

.bani-comment .bani-comment-by-author { margin-left: 15px; font-size: .7rem; }

.comment-list .comment { margin-bottom: 2rem; }

.comment-list .comment.bypostauthor { /* Comment or reply by post author */ padding: 15px; background: #F3F3F1; border-radius: 0.25rem; }

.comment-list .children { list-style: none; }

.comment-list .fa-reply { color: #8E847E; }

.comment-awaiting { margin-left: 15px; font-size: .875rem; color: #8E847E; }

.comment-notes, .logged-in-as { color: #8E847E; font-size: .875rem; text-align: center; width: 100%; }

.bani-reply-title { font-size: 1.25rem; text-align: center; }

.bani-cancel-reply a { background: rgba(131, 131, 132, 0.9); padding: .5rem 1rem; font-size: .6rem; margin-left: .75rem; border-radius: 0.25rem; color: #F3F3F1; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; letter-spacing: .5px; }

.bani-cancel-reply a:hover { background: #838384; }

.comment-submit-btn { cursor: pointer; border: 0; }

.comment p { word-break: break-word; }

.comment-form .form-control { padding: .5rem .5rem; font-family: "Bitter", serif; font-size: .875rem; border-color: #dbdbd6; }

.comment-form .form-control:focus { border-color: #b8b8ac; }

.comment-form .btn, input[type="submit"] { font-size: .875rem; border: 0; border-radius: 4px; color: #F3F3F1; padding: 0.5rem 1rem; line-height: 1.5; text-transform: uppercase; font-family: "Source Sans Pro", sans-serif; letter-spacing: .5px; }

.post-navigation .nav-previous a { background: #fff; padding: 6px 20px; display: inline-block; border-radius: 6px; -webkit-box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.3); box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.3); -webkit-transition: color .4s ease; -o-transition: color .4s ease; transition: color .4s ease; }

.post-navigation .nav-next a { background: #fff; padding: 6px 20px; display: inline-block; border-radius: 6px; -webkit-box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.3); box-shadow: 0 10px 20px -6px rgba(0, 0, 0, 0.3); -webkit-transition: color .4s ease; -o-transition: color .4s ease; transition: color .4s ease; }

.post-password-form input[type="submit"] { font-size: 1rem; }

/*--------------------------------------------------------------
# Custom CSS
--------------------------------------------------------------*/
.bani_latest_posts_widget .media-object { max-width: none; width: 100px; height: 100px; border-radius: 6px; }

.media { margin-top: 15px; }

.media:first-child { margin-top: 0; }

.media, .media-body { zoom: 1; overflow: hidden; }

.media-body { width: 10000px; }

.media-object { display: block; }

.media-object.img-thumbnail { max-width: none; }

.media-right, .media > .pull-right { padding-left: 10px; }

.media-left, .media > .pull-left { padding-right: 10px; }

.media-left, .media-right, .media-body { display: table-cell; vertical-align: top; }

.media-middle { vertical-align: middle; }

.media-bottom { vertical-align: bottom; }

.media-heading { margin-top: 0; margin-bottom: 5px; }

.media-list { padding-left: 0; list-style: none; }

/* link box widget css */
.bani-link-box { margin-top: 0px; border-radius: 6px; }

.bani-link-box img { border-radius: 6px; }

.bani-link-box a { position: relative; display: block; }

.bani-link-box .card-img-overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.6); color: #fff; border-radius: 6px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center !important; -webkit-align-items: center !important; -ms-flex-align: center !important; align-items: center !important; -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; text-align: center; }

.bani-link-box .card-img-overlay h3 { color: #fff; }

/* Top navigation css */
.top-navbar.dark-bg, .top-navigation .sub-menu { background: #323232; color: #f2f2f2; }

.top-navbar.dark-bg a { color: #f2f2f2; }

.top-navbar.dark-bg a:hover { color: #e74c3c; }

.top-navbar.dark-bg .social-links ul { list-style: none; margin: 0; padding-left: 0; }

.top-navbar.dark-bg .social-links ul li { display: inline-block; margin-bottom: 0; }

.top-navbar.dark-bg .social-links ul li a { line-height: 44px; display: inline-block; padding: 0px 10px; font-size: 18px; }

/* bxslider for gallery post */
.bx-wrapper { border: 0px !important; -webkit-box-shadow: none !important; box-shadow: none !important; margin-bottom: 0px; border-radius: 6px 6px 0 0; }

.bx-wrapper .bx-controls-direction a { text-indent: 0 !important; border-radius: 50%; line-height: 32px; text-align: center; font-size: 22px; background: #fff; -o-transition: .25s; -ms-transition: .25s; -moz-transition: .25s; -webkit-transition: .25s; }

.bx-wrapper .bx-controls-direction a:hover { background: #e74c3c; color: #fff; }

.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager { bottom: 20px; }

.bx-wrapper .bx-pager.bx-default-pager a { width: 30px; height: 4px; background: rgba(30, 136, 229, 0.5); }

.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus, .bx-wrapper .bx-pager.bx-default-pager a:hover { background: #1e88e5; }

.bx-wrapper img { width: 100%; border-radius: 6px 6px 0 0; }

.bani-about-widget .bani-about-img { padding: 1rem; }

.bani-about-widget .widget-title { text-align: center !important; }

body { overflow-x: hidden; }

.bani-title-spacing { height: 2rem; width: 100%; }

.card-status .card-blockquote { border-left: 0.25rem solid #F3F3F1 !important; padding: 0.5rem 1rem !important; }

.upper-footer { border-bottom: 1px solid; }

.social-links-footer .social-item { margin-bottom: 0; }

.video-thumbnail.embed-responsive-16by9::before { padding-top: 0; }

.site-footer.row.align-items-center { padding-top: 1rem; }

/* .comments-area #commentform { margin-left: 0px !important; margin-right: 0px !important; } */
@media (max-width: 678px) { .bani-social-header { text-align: center !important; } }

/*--------------------------------------------------------------
# MEDIA QUERIES
--------------------------------------------------------------*/
@media (max-width: 768px) { .fixed-top { position: relative; }
  .admin-bar .fixed-top { top: 0 !important; }
  .st-content-area { margin-top: 0 !important; }
  .site-footer .row.align-items-center { padding: 2rem 0; } }