/*
Theme Name: Godhuli
Theme URI:
Author: Imtiaz Shamim
Author URI: https://imtiazshamim.com/
Description: Godhuli is a simple WordPress blog theme. It is a minimalistic WordPress theme dedicated to bloggers. It is intuitive, well-structured and highly responsive, and it can be used for any kind of blog site. Godhuli comes with great customization options. All of them can be accessed using theme customizer. Blog Rider theme comes in one, two and three column layouts. It is modern, clean, colorful and responsive. The feature includes a full-width template, two-column layouts, custom widgets, post carousel, image lightbox, etc.
Version: 2.0.4
Tested up to: 5.4.1
Requires PHP: 5.5
License: GNU General Public License v3 or later
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: godhuli
Tags: blog, one-column, two-columns, right-sidebar, custom-background, custom-logo, custom-colors, custom-header, custom-menu, featured-images, full-width-template, sticky-post, theme-options, threaded-comments, editor-style, translation-ready

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.

Godhuli is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/** * Remove the margin in all browsers. */
body {
  margin: 0;
}
/** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/* Text-level semantics ========================================================================== */
/** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}
/** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/** * Add the correct font size in all browsers. */
small {
  font-size: 80%;
}
/** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
em,
i,
q,
dfn {
  font-style: italic;
}
/* Forms ========================================================================== */
/** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */
progress {
  vertical-align: baseline;
}
/* Interactive ========================================================================== */
/* * Add the correct display in Edge, IE 10+, and Firefox. */
details {
  display: block;
}
/* * Add the correct display in all browsers. */
summary {
  display: list-item;
}
/* Misc ========================================================================== */
/** * Add the correct display in IE 10+. */
template {
  display: none;
}
/** * Add the correct display in IE 10. */
[hidden] {
  display: none;
}
dfn,
cite,
em,
i {
  font-style: italic;
}
pre {
  max-width: 600px !important;
}
pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 750px;
  width: 100%;
  overflow: auto;
  padding: 1.6em;
}
code,
kbd,
tt,
var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem;
}
abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}
mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}
big {
  font-size: 150%;
}
code {
  margin: 15px 0px;
  display: block;
}
pre {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
/*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/
html {
  box-sizing: border-box;
}
*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior;
     see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}
hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}
/*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
  background-color: #79be49;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(221, 221, 221, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #fff;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 10px 23px 10px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}
.logged-in .site .skip-link {
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.2);
  font-family: "Lora", serif;
}
/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}
/*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
  text-align: left;
}
.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
  text-align: right;
}
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}
/*-------------------------------------------------------------- # Content --------------------------------------------------------------*/
/*-------------------------------------------------------------- # 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%;
}
figcaption {
  font-weight: 300;
  font-size: 14px;
  font-style: italic;
}
[type="reset"],
[type="submit"],
button,
html [type="button"] {
  background: #79be49;
  color: #fff;
  border: 1px solid #79be49;
  padding-right: 20px;
  padding-left: 20px;
}
[type="reset"]:hover,
[type="submit"]:hover,
button,
html [type="button"]:hover {
  opacity: 0.8;
}
[type="reset"]:focus,
[type="submit"]:focus,
button,
html [type="button"]:focus {
  opacity: 0.8;
}
input {
  border: 1px solid #bdbdbd;
  border-radius: 3px;
  padding: 8px 5px;
}
/*-------------------------------------------------------------- ## 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;
  font-size: 14px;
  color: #797979;
}
.wp-caption-text {
  text-align: center;
}
.bypostauthor {
  display: block;
}
/*-------------------------------------------------------------- ## 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: 44%;
}
.gallery-columns-3 .gallery-item {
  max-width: 31%;
}
.gallery-columns-4 .gallery-item {
  max-width: 22%;
}
.gallery-columns-5 .gallery-item {
  max-width: 20%;
}
.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}
.sidebar .gallery-columns-1 figure.gallery-item {
  margin: 8px 0px;
}
.sidebar .gallery-columns-2 .gallery-item {
  max-width: 44%;
}
.sidebar .gallery-columns-3 .gallery-item {
  max-width: 27%;
}
.sidebar .gallery-columns-4 .gallery-item {
  max-width: 19%;
}
.sidebar .gallery-columns-5 .gallery-item {
  max-width: 14%;
}
.gallery-caption {
  display: block;
}
/*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/
.nav-collapse ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
}
.nav-collapse li {
  width: 100%;
  display: block;
}
.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}
.nav-collapse.opened {
  max-height: 9999px;
}
.nav-toggle {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
@media screen and (min-width: 65em) {
  .js .nav-collapse {
    position: relative;
  }
  .js .nav-collapse.closed {
    max-height: none;
  }
  .nav-toggle {
    display: none;
  }
}
.nav-collapse,
.nav-collapse * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.nav-collapse {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.nav-collapse,
.nav-collapse ul {
  list-style: none;
  width: 100%;
  text-align: center;
  font-family: "Lora", serif;
}
.nav-collapse > ul {
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}
.nav-collapse li {
  width: 100%;
}
@media screen and (min-width: 65em) {
  .nav-collapse li {
    width: auto;
  }
}
.nav-collapse a {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  color: #000;
  float: left;
  padding: 0.9em 1.1em;
  text-decoration: none;
  width: 100%;
  font-size: 16px;
}
@media screen and (min-width: 65em) {
  .nav-collapse a {
    border-bottom: 0;
    border-right: 1px solid white;
    padding: 1em 1.5em;
    margin: 0;
    float: left;
    text-align: center;
  }
  .nav-collapse li:first-child a {
    border-left: 1px solid white;
  }
}
/* ------------------------------------------ NAV TOGGLE STYLES --------------------------------------------- */
.nav-toggle {
  border: 1px solid #fff;
  color: #000;
  font-size: 2rem;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  float: right;
  line-height: 40px;
  padding: 0 0.2em;
  margin-top: 7px;
  margin-right: 0%;
  background: #fff;
  background-color: rgb(255, 255, 255);
  cursor: pointer;
  z-index: 999;
}

/* ------------------------------------------ MULTIPLE LEVELS --------------------------------------------- */
@media screen and (max-width: 65em) {
  .js .nav-collapse {
    visibility: hidden;
  }
  .js .nav-collapse.opened {
    visibility: visible;
    background: #fbfbfb;
  }
  /* Enable active class to let the navigation expand over the calculated max height. */
  .js .nav-collapse.multiple-level-nav.opened.dropdown-active {
    max-height: 9999px !important;
  }
  .js .nav-collapse.multiple-level-nav .sub-menu {
    clip: rect(0 0 0 0);
    max-height: 0;
    position: absolute;
    display: none;
    /* This way you don't have focus on sub menu items unless you open the sub menu. */
    overflow: hidden;
    zoom: 1;
  }
  .js .nav-collapse.multiple-level-nav .sub-menu.toggled {
    display: block;
    max-height: 9999px;
    position: relative;
  }
  .js .nav-collapse.multiple-level-nav .sub-menu.toggled li > a {
    background: #f7f7f7;
  }
  .js .nav-collapse.multiple-level-nav .sub-menu.toggled li ul li > a {
    background: #eceaea;
  }
  .js .nav-collapse li {
    position: relative;
    float: left;
  }
  .js .nav-collapse .dropdown-toggle {
    border: 1px solid #000;
    color: #000 !important;
    content: "";
    height: 30px;
    width: 30px;
    padding: 0;
    position: absolute;
    margin: 0;
    text-transform: lowercase;
    top: 0.6em;
    right: 4%;
    background: #fff;
  }
  .nav-collapse ul li.dropdown a.has-dropdown > button.dropdown-toggle {
    content: "+";
  }
  .js .nav-collapse button.dropdown-toggle::after {
    content: "+";
    font-size: 20px;
  }
  .js .nav-collapse .dropdown-toggle.toggled::after {
    content: "-";
  }
  .js .nav-collapse .dropdown-toggle:hover,
  .js .nav-collapse .dropdown-toggle:focus,
  .js .nav-collapse .dropdown-toggle:active {
    background-color: #79be49;
    color: #fff !important;
    cursor: pointer;
    border: 1px solid #409506;
  }
}
.dropdown ul a {
  background: #fff;
  padding-left: 1.5em;
}
.dropdown ul ul a {
  padding-left: 2.5em;
}
@media screen and (min-width: 65em) {
  .dropdown-toggle {
    display: none;
  }
}
.dropdown ul ul {
  border: 0;
  padding: 0;
}
.dropdown .dropdown.opened .has-dropdown {
  background: #9c2c12;
}
@media screen and (min-width: 65em) {
  .nav-collapse {
    position: relative;
  }
  .js .nav-collapse,
  .js .nav-collapse .dropdown ul {
    max-height: none;
    overflow: visible;
  }
  .has-dropdown::after {
    content: "";
    border: solid;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    position: absolute;
    right: 0px;
    top: 25px;
  }
  .dropdown ul > .has-dropdown:after {
    content: "";
    width: 0;
    height: 0;
    margin: 0.3em 0 0 0.5em;
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-left: 6px solid #000;
  }
  .nav-collapse .dropdown {
    position: relative;
  }
  .nav-collapse .dropdown li {
    width: 100%;
  }
  .nav-collapse .dropdown ul a {
    text-align: left;
    border: 0;
  }
  .nav-collapse li {
    border: 0;
    display: inline-block;
    height: 50px;
    line-height: 55px;
    position: relative;
    padding: 0px 5px;
  }
  .nav-collapse a {
    padding: 0 8px;
  }
  .nav-collapse ul ul {
    margin: 0;
    margin-left: 0px;
    position: absolute;
    top: 85px;
    left: -999em;
    z-index: 99999;
    text-align: center;
    box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.1);
    min-width: 250px;
    padding: 8px 0px;
    background: #fff;
  }
  .nav-collapse li li {
    border: 0;
    display: block;
    height: auto;
    line-height: 1.0909090909;
  }
  .nav-collapse ul ul ul {
    left: -999em;
    top: 20px;
  }
  .nav-collapse ul ul a {
    padding: 8px 15px;
    white-space: normal;
    min-width: 240px;
    line-height: 1.5em;
  }
  .nav-collapse ul li:hover > ul,
  .nav-collapse ul li.focus > ul {
    top: 57px;
    left: 50%;
    margin-left: -75px;
  }
  .nav-collapse ul ul li:hover > ul,
  .nav-collapse ul ul li.focus > ul {
    top: 0;
    left: 0%;
    margin-left: 150px;
  }
  .nav-collapse ul li.dropdown ul li.dropdown > a::after {
    content: ">";
    width: 1px;
    height: 1px;
    margin: 0.3em 0 0 0.5em;
    float: right;
  }
  .nav-collapse ul li.active > a {
    color: #79be49;
  }
}
