/*
Theme Name: Flat-Sky
Template: flat
Author: Themeisle
Author URI: https://themeisle.com
Description: Flat-Sky is a free friendly theme which works nice for a personal blog, magazine, news or review website. It has a modern and elegant design, which brings out a happy look. The theme comes with a colored menu bar and a very clean look.
Tags: two-columns,left-sidebar,custom-background,custom-menu,editor-style,featured-images,threaded-comments,translation-ready
Version: 1.0.4.1636960853
Updated: 2021-11-15 08:20:53

*/

#secondary a:hover, #secondary a:active {
    color: #2e8bc3 !important;
    color: #ec567c !important;
}
#secondary .widget-title {
    color: rgba(255, 255, 255, 0.8) !important;
}
#site-navigation li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.hentry {
    padding: 60px 35px !important;
}
.hentry .entry-title {
    text-align: left !important;
    font-size: 44px !important;
}
.hentry .entry-meta {
    text-align: right !important;
    font-size: 16px !important;
    color: #3bc4fa !important;
}
.hentry .tags-links a {
    background-color: #535353 !important;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background-image: none !important;
    color: #e1e1e1 !important;
    background-position: 0% 0 !important;
    background-repeat: repeat !important;
    background-attachment: scroll !important;
}
.pagination .page-numbers {
    border: 1px solid #545454 !important;
    background-color: #545454 !important;
    outline: medium none !important;
}
.mob-ads {
    display: none;
}
#page:before, .sidebar-offcanvas, #secondary {
    background-color: #232323 !important;
}
.entry-title a {
    color: #323a45 !important;
}
.entry-header {
    border-bottom: 1px solid #f3f3f3;
    padding: 0 0 10px;
}
p {
    margin: 0 10px 10px !important;
}
.entry-meta a {
    color: #3bc4fa !important;
}
.entry-meta a:hover {
    color: #3bc4fa;
}
.nav-next {
    background-color: #4d4a4a !important;
}
.published {
    padding-left: 20px;
    position: relative;
}
.published:before {
    content: "\f073";
    position: absolute;
    left: -4px;
    font-family: FontAwesome;
}
.author {
    padding-left: 20px;
    position: relative;
}
.author:before {
    content: "\f007";
    position: absolute;
    left: 2px;
    font-family: FontAwesome;
}
.comments-link {
    padding-left: 20px;
    position: relative;
}
.comments-link:before {
    content: "\f0e5";
    position: absolute;
    left: -4px;
    font-family: FontAwesome;
}
.current_page_item li {
    background-color: red !important;
    color: red !important;
}
.single .post-navigation .nav-links > div:first-child {
    background-color: #717577 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.entry-content a {
    text-decoration: underline !important;
}
.post a {
    color: #ec567c !important;
}
.post a:hover, a:focus {
    color: #000 !important;
}
.GAA {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}
.site-content {
    min-height: 884px;
}
.sidebar-offcanvas aside a {
    padding: 0 !important;
}
@media all and (max-width: 1199px) {
.row-offcanvas-left .sidebar-offcanvas {
    position: relative;
    left: 0 !important;
    margin: 0 auto;
}
#secondary .widget {
    border-left: 1px solid rgba(255,255,255,.1);
}
}
@media all and (max-width: 1024px) {
.site-content {
    min-height: calc(100vH - 290px);
}
}
@media all and (max-width: 400px) {
.entry-content h2 {
    font-size: 26px;
}
}
@media all and (max-width: 320px) {
.entry-content h2 {
    word-break: break-word;
}
}
.single-post-bottom-bar {
    display: none;
}
@media only screen and (max-width: 767px) {
    .single-post-bottom-bar {
		position: fixed;
		bottom: 0;
		background: rgba(236, 86, 124, 0.9);
		width: 100%;
		border-top-left-radius: 15px;
		border-top-right-radius: 15px;
		left: 0;
		z-index: 1;
		display: block;
	}
	.single-post-bottom-bar p {
		display: none;
	}
	.single-post-bottom-bar__close {
		color: #fff;
		font-size: 20px;
		position: absolute;
		right: 10px;
		top: 4px;
	}
	.single-post-bottom-bar__content a {
		font-size: 20px !important;
		color: #fff;
		text-align: center;
		display: block;
		font-family: Helvetica, Arial, sans-serif;
	}
	.single-post-bottom-bar__content a:hover {
		color: #fff;
	}
	.single-post-bottom-bar__content {
		padding: 13px 30px 14px;
		margin-bottom: 0;
	}
    #masthead .display-logo img {
        width: 100px;
    }
    .hentry {
        padding: 35px 35px !important;
    }
}

@media only screen and (max-device-width:480px){
    .entry-content img{width:100%!important;max-height:100%!important}
    .entry-content picture{width:50%!important;max-height:50%!important}
}