/**
 * Theme Name: Ink - Child Theme
 * Theme URI: https://codestag.com/themes/ink
 * Author: Codestag
 * Author URI: http://codestag.com
 * Description: A Modern and Elegant Photography theme for WordPress.
 * Version: 1.0.0
 * License: GNU General Public License
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain: stag
 * Domain Path: /languages/
 * Tags: Tags: theme-options, fluid-layout, editor-style, featured-images, translation-ready
 * Template: ink
 */

/**
 * Place Custom CSS Below this.
 */

/* left align for pages */
 body[class*="page-id"]:not(.page-template-current-php) .entry-content {
    text-align: left;
}

/* smaller max-width for main content */
.single .entry-meta,
.single .entry-footer,
.single .post-navigation,
.single .comments-area,
.page .entry-meta,
.page .entry-footer,
.page .post-navigation,
.page .comments-area,
.page-content,
.entry-content,
.page-header,
.ink-contact-form {
    max-width: 780px;
}

/* reduce margin-bottom for block elements */
.textwidget p,
.textwidget ul,
.textwidget ol,
.textwidget dl,
.textwidget table,
.textwidget blockquote,
.entry-content p,
.entry-content ul,
.entry-content ol,
.entry-content dl,
.entry-content table,
.entry-content blockquote,
.page-content p,
.page-content ul,
.page-content ol,
.page-content dl,
.page-content table,
.page-content blockquote,
.comment-content p,
.comment-content ul,
.comment-content ol,
.comment-content dl,
.comment-content table,
.comment-content blockquote {
  margin-bottom: 24px;
  margin-bottom: 1.3rem;
}

/* less margin-bottom for headlines and
   add some margin-top for better separation */
.textwidget h1,
.entry-content h1,
.page-content h1,
.comment-content h1 {
  margin-top: 36px;
  margin-top: 2.2rem;
  margin-bottom: 18px;
  margin-bottom: 1.125rem;
}
.textwidget h2,
.entry-content h2,
.page-content h2,
.comment-content h2 {
  margin-top: 36px;
  margin-top: 2.2rem;
  margin-bottom: 16px;
  margin-bottom: 1rem;
}
.textwidget h3,
.entry-content h3,
.page-content h3,
.comment-content h3 {
  margin-top: 32px;
  margin-top: 1.92rem;
  margin-bottom: 14px;
  margin-bottom: 0.875rem;
}
.textwidget h4,
.entry-content h4,
.page-content h4,
.comment-content h4 {
  margin-top: 32px;
  margin-top: 1.92rem;
  margin-bottom: 12px;
  margin-bottom: 0.75rem;
}
.textwidget h5,
.entry-content h5,
.page-content h5,
.comment-content h5 {
  margin-top: 24px;
  margin-top: 1.5rem;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}
.textwidget h6,
.entry-content h6,
.page-content h6,
.comment-content h6 {
  margin-top: 24px;
  margin-top: 1.5rem;
  margin-bottom: 10px;
  margin-bottom: 0.625rem;
}

/* optimice whitespace for list items that takes more than one line */
.textwidget li,
.entry-content li,
.page-content li,
.comment-content li {
    margin-bottom: 0.7rem;
    line-height: 1.7rem;
}


/* hide footer
   todo: solve via PHP - maybe use the area for something more useful */
footer.entry-footer {
  display: none;
}


/* fix menu */
/* hide burger button on wide screens
   show sidemenu only where necessary */
@media screen and (min-width: 1050px) {
  .traditional-navigation .site-navigation-toggle {
    display: none;
  }
}
@media screen and (max-width: 1049px) {
  .traditional-navigation .traditional-nav {
    display: none;
  }
}
.traditional-navigation .main-navigation {
  display: block;
}
@media screen and (min-width: 1050px) {
  .traditional-navigation .main-navigation {
    display: none;
  }
}

/* revert tradition-nagivation tweaks to standard settings
   to have image start from the very top */
.traditional-navigation.blog .site-header,
.traditional-navigation.single-post .site-header {
    position: absolute;
    color: #fff;
}

/* reduce whitespace between menu icons */
.traditional-nav li {
  margin-left: 25px;
}
.traditional-nav {
  right: 40px;
}

/* ajust position of menu in sidebar and closing icon */
.site-nav__section {
  padding-top: 0.5rem;
}
.site-nav .close-nav {
  top: inherit;
}