/*

Theme Name: Arthoney
Theme URI: https://www.honeywater.org/
Description: Arthoney offers a artistic WordPress theme.
Author: Art of Honey.
Author URI: https://www.honeywater.org
Version: 1.0.2
Requires PHP: 8.3
Tested up to: 6.8
Tags: blog, art gallery
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html

*/

body {
	min-height: 100vh;
	background:#f3f3f3 ;
}

#wrapper {
	position: relative;
	min-height: 100vh;
}

/* ==== HEADER ==== */
.header { 
	display: flex;
	align-items: center;
	position:relative;
	text-align:center;
	margin:0 0 50px 0;
	padding:0;
	background:#333;
	min-height:90px;
}

#logo { 
	position:relative; 
	display:block;
	text-align:left;
	line-height:80px;
	min-height:80px;
	padding:5px 0;
}

#logo a.logo { 
	font-family:'Kristi',Verdana, Geneva, sans-serif; 
	font-size:45px; 
	color:#fff; 
	text-decoration:none; 
	text-align:left;
	transition: all 0.3s ease;
}

#logo a.logo:hover { 
	text-decoration:none;
	color:#fff;
	border-bottom:none;
}

nav#mainmenu .sf-sub-indicator { 
	padding: 0 0 0.2rem; 
	float:right; 
}

@media screen and (min-width : 0px) and (max-width : 992px)  {		
	.header {
		height:auto;
		margin-top:0;
	}
	
	#logo {
		text-align:center;
	}
}

.container {padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}

@media (min-width: 768px) {
	.container {width: 750px;}
}
@media (min-width: 992px) {
	.container {width: 970px;}
}
@media (min-width: 1200px) {
	.container {width: 1170px;}
}

.container:before, .container:after {display: table; content: " ";}
.container:after {clear: both;}

.border-bottom {
	border-bottom: 1px solid #eee;
	padding-bottom: 1rem;
}

/* ==== POST ==== */
.entry-info {
	background:#fff;
	margin:0 0 2rem 0;
	position:relative;
}

.entry-info i {
	color: #717171;
	margin: 0 0.75rem 0 0;
	line-height: 1.5rem;
}

.entry-info span { 
	width: 6rem;
	margin-right: 0.75rem; 
}

.post-content {
	margin-bottom: 1.5rem;
}

.post-navigation {
	margin: 1rem 0;
}

.post-article {
	padding: 3rem;
	background: #fff;
	border-bottom: solid 1px #ddd;
	word-wrap: break-word;
}

.post-item {
	padding: 1rem;
	background: #fff;
	border-bottom: solid 1px #ddd;
	word-wrap: break-word;
}

.post-container {
	margin-bottom: 2rem;
}

.post-item .subtitle:not(:last-child), 
.post-item .entry-info {
	margin-bottom: 0.75rem;
}

/* ==== Footer ==== */
#footer {
	position:absolute;
	width:100%;
	background:#333;
    box-shadow: 0 -1px 3px rgba(34, 25, 25, 0.4);
	bottom:0;
	margin-top:50px; 
}

#footer .copyright .column {margin-bottom: 0;}

/* ==== Infinite Scroll ==== */
.infinite-loader, .infinite-end {
    text-align: center;
    padding: 30px 0;
    clear: both;
}

.infinite-end p {
    color: #999;
    font-style: italic;
}

.infinite-hidden {
    display: none !important;
}

.loading-dots {
    display: inline-block;
    text-align: center;
}

.loading-dots span {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #333;
    margin: 0 3px;
    opacity: 0;
    animation: loading-dots 1.4s infinite ease-in-out;
}

.loading-dots span:nth-child(1) {
    animation-delay: 0s;
}

.loading-dots span:nth-child(2) {
    animation-delay: 0.2s;
}

.loading-dots span:nth-child(3) {
    animation-delay: 0.4s;
}

@keyframes loading-dots {
    0%, 100% {
        opacity: 0.2;
        transform: scale(0.8);
    }
    50% {
        opacity: 1;
        transform: scale(1.2);
    }
}