/*
Theme Name:			    Ogma Blogster
Theme URI:    		  https://ogma.mysterythemes.com/ogma-blog/
Author:       		  Mystery Themes
Author URI:   		  https://mysterythemes.com/
Description:  		  Ogma Blogster WordPress theme offers a sophisticated and customizable solution for bloggers aiming to establish a professional yet engaging online presence. With its modern and clean design, this theme provides a versatile platform to showcase your content elegantly. Whether your focus is on lifestyle, travel, or culinary topics, the theme facilitates seamless sharing of stories, photos, and videos. It is optimized for all devices, ensuring a consistent and appealing appearance across various screens. Users can personalize colors and layouts to align with their unique style preferences. Additionally, the theme's functionality can be expanded by integrating popular plugins. In summary, for those seeking an aesthetically pleasing and user-friendly theme for their WordPress blog, the Ogma Blogster theme is an excellent choice.Check demo here: https://ogma.mysterythemes.com/demos/ogma-blogster
Version:            1.0.1
Requires at least:  5.0
Tested up to:       6.9
Requires PHP:       7.2
License:      		  GNU General Public License v3 or later
License URI:  		  http://www.gnu.org/licenses/gpl-3.0.html
Template:     		  ogma-blog
Text Domain:  		  ogma-blogster
Tags:         		  blog, portfolio, news, grid-Layout, one-column, two-columns, three-columns, flexible-header, left-sidebar, right-sidebar, custom-background, custom-colors, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, post-formats, rtl-language-support, theme-options, sticky-post, threaded-comments, translation-ready, block-styles, wide-blocks

*/

h1,
h2,
h3,
h4,
h5,
h6,
.site-title {
  font-family: 'Work Sans', sans-serif;
  font-weight: 700;
}

body {
  font-family: 'Roboto', sans-serif;
}

.ogma-blog-site-layout--separate #page {
	background: #FFF8FF;
}

.ogma-blog-site-layout--boxed #page {
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
}

.archive-content-wrapper .post-thumbnail-wrap {
	border-radius: 0;
}

.ogma-blog-post-content-wrap .post-cats-wrap {
	margin-bottom: -10px;
}

.ogma-blog-post-content-wrap .entry-title a {
	font-size: 26px;
	line-height: 1.5;
	display: block;
}

.archive-content-wrapper .entry-content {
	font-size: 16px;
}

.ogma-blog-post-content-wrap .entry-meta span a {
	font-weight: 500;
}

#site-navigation ul li a {
	font-weight: 400;
	font-size: 18px;
}

.logo-ads-wrapper {
	padding: 30px 0 30px;
}

.widget .entry-title {
	margin: -5px 0 5px;
	font-size: 18px;
}

.comment-content a,
.widget p a,
.widget .wp-block-heading a{
	text-decoration: underline;
}

.ogma-blogster-background-animation {
  background: transparent;
  width: 100%;
}

.ogma-blogster-circles {
  position: fixed;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.ogma-blogster-circles li {
	position: fixed;
	display: block;
	list-style: none;
	width: 20px;
	height: 20px;
	background: #F8DAF8;
	animation: animate 25s linear infinite;
	bottom: -150px;
	border-radius: 100% !important;
}

.ogma-blogster-circles li:nth-child(1) {
  left: 25%;
  width: 80px;
  height: 80px;
  animation-delay: 0s;
}

.ogma-blogster-circles li:nth-child(2) {
  left: 10%;
  width: 20px;
  height: 20px;
  animation-delay: 2s;
  animation-duration: 12s;
}

.ogma-blogster-circles li:nth-child(3) {
  left: 70%;
  width: 20px;
  height: 20px;
  animation-delay: 4s;
}

.ogma-blogster-circles li:nth-child(4) {
  left: 40%;
  width: 60px;
  height: 60px;
  animation-delay: 0s;
  animation-duration: 18s;
}

.ogma-blogster-circles li:nth-child(5) {
  left: 65%;
  width: 20px;
  height: 20px;
  animation-delay: 0s;
}

.ogma-blogster-circles li:nth-child(6) {
  left: 75%;
  width: 70px;
  height: 70px;
  animation-delay: 3s;
}

.ogma-blogster-circles li:nth-child(7) {
  left: 35%;
  width: 100px;
  height: 100px;
  animation-delay: 7s;
}

.ogma-blogster-circles li:nth-child(8) {
  left: 50%;
  width: 25px;
  height: 25px;
  animation-delay: 15s;
  animation-duration: 45s;
}

.ogma-blogster-circles li:nth-child(9) {
  left: 20%;
  width: 15px;
  height: 15px;
  animation-delay: 2s;
  animation-duration: 35s;
}

.ogma-blogster-circles li:nth-child(10) {
  left: 85%;
  width: 70px;
  height: 70px;
  animation-delay: 0s;
  animation-duration: 11s;
}

.ogma-blogster-circles li:nth-child(11) {
  left: 5%;
  width: 40px;
  height: 40px;
  animation-delay: 0s;
  animation-duration: 11s;
}

.ogma-blogster-circles li:nth-child(12) {
  left: 95%;
  width: 40px;
  height: 40px;
  animation-delay: 0s;
  animation-duration: 11s;
}

@keyframes animate {
  0% {
    transform: translateY(0) rotate(0deg);
    opacity: 1;
    border-radius: 0;
  }

  100% {
    transform: translateY(-1000px) rotate(720deg);
    opacity: 0;
    border-radius: 50%;
  }

}

#top-header, #masthead, #content, #colophon {
	z-index: 99;
	position: relative;
}

#masthead {
	z-index: 9999;
}

.widget-title {
	font-size: 22px;
	border-left: 6px solid #00796b;
	padding-left: 10px;
	line-height: 22px;
	margin: 10px 0 20px;
}

#ogma-blog-scrollup {
	z-index: 999999;
}

.page-content, .entry-content, .entry-summary {
	margin: 15px 0 0;
	font-size: 16px;
	line-height: 1.7;
}

#colophon .widget.widget_block {
	margin: 0;
	padding: 0;
}

#footer-widget-area {
	padding: 60px 0 40px;
}

.dark-mode #comments h2.comments-title,
.dark-mode .comment-author .fn .url{
	color: #fff;
}

.single.single-posts-layout--two .related-posts-wrapper .entry-title a {
  margin-bottom: 8px;
  line-height: 1.5;
}

.related-posts-wrapper .post-meta-wrap > span {
	display: inline-block;
}

.dark-mode textarea#comment{
  background-color: #1c1c1c;
}

@media (max-width: 979px) {
#site-navigation ul li:last-child a {
	border-bottom: none;
}
}

@media (max-width:768px) {
.single .ogma-blog-post-content-wrap .entry-title {
	font-size: 24px;
}
.footer-widget:last-child {
	margin-bottom: 0;
}
#footer-widget-area {
	padding-top: 40px;
}
.site-branding {
	margin: 20px 0 20px;
}

.ogma-blog-banner-wrapper .slide-title a{
  line-height: 1.2;
}

.ogma-blog-banner-wrapper .post-excerpt {
    font-size: 18px;
    margin: 10px 0 10px;
}

.ogma-blog-banner-wrapper .post-cats-list {
    margin: 0 0 0px;
}

.ogma-blog-banner-wrapper .post-excerpt {
    font-size: 16px;
    margin: 10px 0 10px;
}
}