Elep

/*!
Theme Name: Wishful Blog
Theme URI: https://www.wishfulthemes.com/themes/wishful-blog/
Author: wishfulthemes
Author URI: https://wishfulthemes.com/
Description: Wishful Blog is simple and attractive free WordPress Blog theme. Wishful Blog is suitable to everykinds of blog you are looking for. It has highly customizable options to manage site and SEO is properly managed for site ranking. Default fallback image is additional features where you rarely get this option in WordPress theme. Beside these, there are layout options for banner and blog list, sidebar options, color options, typography options and many more. You can also find custom widgets of Wishful Blog to make site more attractive and unique. For more details, please visit : https://www.wishfulthemes.com/themes/wishful-blog/
Version: 1.0.7
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wishful-blog
Tags: custom-background, custom-colors, custom-header, custom-logo, custom-menu, one-column , editor-style, entertainment, featured-image-header, featured-images, footer-widgets, full-width-template, grid-layout, news, blog, right-sidebar, left-sidebar, theme-options, threaded-comments, translation-ready, two-columns, block-styles, wide-blocks

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Wishful Blog WordPress Theme, Copyright (C) 2019, wishfulthemes.
Wishful Blog is distributed under the terms of the GNU GPL

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Gilroy Bold', Helvetica !important;
    margin-top: 0;
    margin-bottom: .5rem
}

nav {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

.navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .5rem 1rem;
}

.navbar {
    padding: 0;
    margin: 0;
}

@media (min-width: 768px) {
    .navbar {
        width: 95%;
        margin: 0 auto;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}

.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}

.navbar-brand {
    padding: 0;
    padding-left: 10px;
    margin: 0 !important;
}

.logo {
    max-width: 130px;
}

.navbar-expand-md .navbar-toggler {
    display: inline-block;
}

[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    cursor: pointer;
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: none;
    border-radius: .25rem;
    display: inline-block !important;
}

.navbar-toggler-icon {
    display: inline-block !important;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%;
}

.navbar .navbar-toggler-icon {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABmJLR0QA/wD/AP+gvaeTAAAAVElEQVRoge3W0Q2AMAxDQRcxOExOhyBSoupuAvvvJQA0WEme7hEVVpKve0SFq3tAFUemuZO83SMAgCIyfppjotGRaWQ8AJxExk9zTDQ6Mo2MB+CPDXJLBiVsKHgMAAAAAElFTkSuQmCC);
}

.navbar .navbar-toggler-icon {
    background-color: transparent;
    border-radius: 0;
    cursor: pointer;
}

.navbar .navbar-toggler-icon {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAABmJLR0QA/wD/AP+gvaeTAAAAVElEQVRoge3W0Q2AMAxDQRcxOExOhyBSoupuAvvvJQA0WEme7hEVVpKve0SFq3tAFUemuZO83SMAgCIyfppjotGRaWQ8AJxExk9zTDQ6Mo2MB+CPDXJLBiVsKHgMAAAAAElFTkSuQmCC");
}

.navbar .navbar-toggler-icon {
    background-color: transparent;
    border-radius: 0;
    cursor: pointer;
}

.list-group .list-group-item {
    background-color: #fff;
    border: none;
}

.list-group .list-group-item a {
    font-family: 'Gilroy Bold', Helvetica;
}

.st-menu {
	position: fixed;
	top: 0;
    left: 0;
    bottom: 0;
	z-index: 100000;
	visibility: hidden;
	width: 250px;
	height: 100%;
	background: #fff;
	-webkit-transition: all 0.5s;
    transition: all 0.2s;
    height: 100vh;
}

.st-menu::after {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,0.2);
	content: '';
	opacity: 1;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.st-menu-open::after {
	width: 0;
	height: 0; 
	opacity: 0;
	-webkit-transition: opacity 0.2s, width 0.1s 0.2, height 0.1s 0.2s;
	transition: opacity 0.2s, width 0.1s 0.2s, height 0.1s 0.2s;
}

.st-menu.st-menu-open {
	visibility: visible;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
}

.st-effect-1.st-menu.st-menu-open {
	visibility: visible;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.st-effect-1.st-menu::after {
	display: none;
}

.list-group > .list-group-item {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
}

.list-group-item > *:first-child {
    flex: 1;
}

.list-group-item > *:last-child {
    flex: 7;
}

.close-side {
    font-size: 20px;
    position: absolute;
    top: 25px;
    right: 25px;
    z-index: 100;
    color: red;
}

.footer {
    background: #230606;
    padding: 40px 0;
}
.footer h2 {
    font-size: 15px;
    font-weight: 500;
    margin: 0;
    margin-top: 20px;
}

#footer {
    background: #fdf8f8;
    position: relative;
    /* padding-top: 100px; */
    /* margin-top: 200px; */
}

#footer .footer-inner {
    padding: 50px 0 0;
}

@media (max-width: 576px) {
    #footer .footer-inner {
        text-align: center;
    }
}

#footer .widget.footer-widget .widget-title {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 38px;
    border-bottom: 0;
    padding-bottom: 0
}

#footer .widget.footer-widget p {
    margin-bottom: 40px
}

#footer .footer-menu {
    margin-bottom: 40px;
    padding: 0;
    list-style: none
}

#footer .footer-menu li:not(:last-child) {
    margin-bottom: 10px
}

#footer .footer-menu li a {
    display: block;
    color: #797687;
    font-weight: 400;
    line-height: 30px;
    text-decoration: none;
}

#footer .footer-menu li a:hover {
    color: #fa7070
}

#footer .footer-menu .fa {
    padding-right: 10px;
}

#footer.footer-five {
    background: #3a090b;
}

#footer.footer-five .widget.footer-widget .widget-title {
    color: #fff;
}

#footer.footer-five .footer-menu li a,
#footer.footer-five .widget p {
    color: #fff;
}

#footer.footer-five .footer-menu li a:hover {
    color: #fff;
}

#footer.footer-five .footer-social-link li a {
    border-color: #615a7e;
    color: #fff;
}

#footer.footer-five .footer-social-link li a:hover {
    background: #7052fb;
    -webkit-box-shadow: 0 20px 30px 0 rgba(90, 70, 176, .3);
    box-shadow: 0 20px 30px 0 rgba(90, 70, 176, .3);
    border-color: #7052fb;
    color: #fff
}

#footer.footer-five .site-info-menu li a {
    color: #9c99a7
}

#footer.footer-five .site-info-menu li a:hover {
    color: #7052fb
}

#footer.footer-five .site-info {
    border-color: #3d355b
}

#footer.footer-five .site-info p {
    color: #9c99a7
}

#footer.footer-five .site-info p a {
    color: #7052fb
}

#footer .site-info {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /*border-top: 1px solid #e4d9d9;*/
    position: relative;
    z-index: 3
}

#footer .site-info p {
    margin: 0
}

#footer .site-info p a {
    color: #fa7070;
    font-weight: 500
}