/*** uncss> filename: http://localhost/sites/maurits.ch/assets/style.css ***/

/*
Theme Name: ProtoPress
License: GNU General Public License v3
License URI: http://www.gnu.org/licenses/gpl-3.0.html

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Navigation
  5.1 Links
  5.2 Menus
6.0 Accessibility
7.0 Alignments
8.0 Clearings
9.0 Widgets
10.0 Content
  10.1 Posts and pages
  10.2 Asides
  10.3 Comments
11.0 Infinite scroll
12.0 Media
  12.1 Captions
  12.2 Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/

html,
body,
div,
span,
h1,
p,
a,
ul,
li {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

html {
  font-size: 62.5%;
  /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
  overflow-y: scroll;
  /* Keeps page centered in all browsers regardless of content height */
  -webkit-text-size-adjust: 100%;
  /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
  -ms-text-size-adjust: 100%;
  /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
  box-sizing: border-box;
  /* Apply a natural box layout model to the document; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
}

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}

body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
}

article,
footer,
header,
main,
nav {
  display: block;
}

ul {
  list-style: none;
}

/*a {
  font-size: 16px;
}
*/
a:focus {
  outline: thin dotted;
}

a:hover,
a:active {
  outline: 0;
}

/*--------------------------------------------------------------
1.1 Maurits
--------------------------------------------------------------*/

.blog-nav {
  float: right;
}

.browse_thumbnails img {
  padding: 1px;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/

body {
  color: #404040;
  font-family: sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
}

h1 {
  clear: both;
}

p {
  margin-bottom: 1.5em;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/

ul {
  /*margin: 0 0 1.5em 3em;*/
}

ul {
  list-style: disc;
}

li > ul {
  margin-bottom: 0;
 /* margin-left: 1.5em;*/
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/

/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/

/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/

a {
  color: royalblue;
}

a:visited {
  color: purple;
}

a:hover,
a:focus,
a:active {
  color: midnightblue;
}

/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/

.main-navigation {
  clear: both;
  display: block;
  float: left;
  width: 100%;
}

.main-navigation ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.main-navigation .menu-all-pages-container {
  text-align: center;
  margin-bottom: -7px;
}

.main-navigation .menu-all-pages-container > ul {
  display: inline-block;
}

.main-navigation li {
  float: left;
  position: relative;
  text-align: left;
}

.main-navigation a {
  display: block;
  text-decoration: none;
}

.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  z-index: 99999;
}

.main-navigation ul ul ul {
  display: none;
  left: -999em;
  top: 0;
}

.main-navigation ul ul a {
  width: 200px;
}


.main-navigation ul li:hover > ul {
  left: auto;
}

.main-navigation ul ul li:hover > ul {
  left: 100%;
}

/* Small menu */

@media screen and (max-width: 1024px) {
  .main-navigation ul {
    display: none;
  }
}

/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers */

/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/

/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/

.entry-content:before,
.entry-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
}

.entry-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/

/* Make sure select elements fit in widgets */

/* Search widget */

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/

/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/

.hentry {
  margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
  display: none;
}

.byline {
  display: inline-block;
  margin-left: 5px;
}

.single .byline {
  display: inline;
}

.entry-content {
  margin: 1.5em 0 0;
}

/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/

/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/

/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/

/* Globally hidden elements when Infinite Scroll is supported and in use. */

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */

/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/

/* Make sure embeds and iframes fit their containers */

/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/

/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/

/*** uncss> filename: http://localhost/sites/maurits.ch/assets/css ***/

/* latin */

@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: local('Raleway'), url(https://fonts.gstatic.com/s/raleway/v9/QAUlVt1jXOgQavlW5wEfxQLUuEpTyoUstqEm5AMlJo4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/*** uncss> filename: http://localhost/sites/maurits.ch/assets/css(1) ***/

/* devanagari */

@font-face {
  font-family: 'Khula';
  font-style: normal;
  font-weight: 400;
  src: local('Khula'), local('Khula-Regular'), url(https://fonts.gstatic.com/s/khula/v1/ejnuT9e7WWqo9JwXnUYzc4DGDUGfDkXyfkzVDelzfFk.woff2) format('woff2');
  unicode-range: U+02BC, U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200B-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}

/* latin-ext */

@font-face {
  font-family: 'Khula';
  font-style: normal;
  font-weight: 400;
  src: local('Khula'), local('Khula-Regular'), url(https://fonts.gstatic.com/s/khula/v1/4Aoyts13PoFgwTYKqYUvl4DGDUGfDkXyfkzVDelzfFk.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */

@font-face {
  font-family: 'Khula';
  font-style: normal;
  font-weight: 400;
  src: local('Khula'), local('Khula-Regular'), url(https://fonts.gstatic.com/s/khula/v1/o75qJfGxtQmF0aLh4-Fr5qCWcynf_cDxXwCLxiixG1c.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/*** uncss> filename: http://localhost/sites/maurits.ch/assets/font-awesome.min.css ***/

/*!
 *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.2.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/*** uncss> filename: http://localhost/sites/maurits.ch/assets/nivo-slider.css ***/

/*
 * jQuery Nivo Slider v3.2
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

/* The Nivo Slider styles */

/* If an image is wrapped in a link */

/* The slices and boxes in the Slider */

/* Caption styles */

/* Direction nav styles (e.g. Next & Prev) */

/* Control nav styles (e.g. 1,2,3...) */

/*** uncss> filename: http://localhost/sites/maurits.ch/assets/default.css ***/

/*
Skin Name: Nivo Slider Default Theme
Skin URI: http://nivo.dev7studios.com
Description: The default skin for the Nivo Slider.
Version: 1.3
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
Supports Thumbs: true
*/

/*** uncss> filename: http://localhost/sites/maurits.ch/assets/bootstrap.min.css ***/

/*!
 * Bootstrap v3.3.1 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
footer,
header,
main,
nav {
  display: block;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

h1 {
  margin: .67em 0;
  font-size: 2em;
}

img {
  border: 0;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */

@media print {
  *,
  :before,
  :after {
    color: #000!important;
    text-shadow: none!important;
    background: transparent!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  a[href^="#"]:after {
    content: "";
  }

  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100%!important;
  }

  p {
    orphans: 3;
    widows: 3;
  }
}

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url(../fonts/glyphicons-halflings-regular.eot);
  src: url(../fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(../fonts/glyphicons-halflings-regular.woff) format('woff'),url(../fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg');
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

:before,
:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

body {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
}

a {
  color: #337ab7;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #23527c;
  text-decoration: underline;
}

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

img {
  vertical-align: middle;
}

h1 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
}

h1 {
  font-size: 25px;
}

p {
  margin: 0 0 10px;
}

.tags-links ul {
  margin-top: 0;
  margin-bottom: 10px;
  columns: 4;
  -webkit-columns: 4;
  -moz-columns: 4;
}

ul ul {
  margin-bottom: 0;
}

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


@media (min-width:1024px) {
  .container {
    /*width: 1170px;*/
    /* Maurits */
     width: 100%;
  }
}

.col-md-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width:992px) {
  .col-md-12 {
    float: left;
  }

  .col-md-12 {
    width: 100%;
  }
}

.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #999;
}

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

.container:after {
  clear: both;
}

@-ms-viewport {
  width: device-width;
}

/*** uncss> filename: http://localhost/sites/maurits.ch/assets/jquery.flex-images.css ***/

/*** uncss> filename: http://localhost/sites/maurits.ch/assets/hover.min.css ***/

/*!
 * Hover.css (http://ianlunn.github.io/Hover/)
 * Version: 2.0.1
 * Author: Ian Lunn @IanLunn
 * Author URL: http://ianlunn.co.uk/
 * Github: https://github.com/IanLunn/Hover

 * Made available under a MIT License:
 * http://www.opensource.org/licenses/mit-license.php

 * Hover.css Copyright Ian Lunn 2014. Generated with Sass.
 */

/*** uncss> filename: http://localhost/sites/maurits.ch/assets/slicknav.css ***/

/*
    Mobile Menu Core Style
*/

.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: right;
  padding: 0.438em 0.625em 0.438em 0.625em;
  line-height: 1.125em;
  cursor: pointer;
}

.slicknav_menu  .slicknav_menutxt {
  display: block;
  line-height: 1.188em;
  float: left;
}

.slicknav_menu .slicknav_icon {
  float: left;
  margin: 0.188em 0 0 0.438em;
}

.slicknav_menu .slicknav_icon-bar {
  display: block;
  width: 1.125em;
  height: 0.125em;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}

.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
  margin-top: 0.188em;
}

.slicknav_nav {
  clear: both;
}

.slicknav_nav ul,
.slicknav_nav li {
  display: block;
}

.slicknav_nav .slicknav_arrow {
  font-size: 0.8em;
  margin: 0 0 0 0.4em;
}

.slicknav_nav .slicknav_item {
  cursor: pointer;
}

.slicknav_nav .slicknav_row {
  display: block;
}

.slicknav_nav a {
  display: block;
}

.slicknav_nav .slicknav_item a {
  display: inline;
}

.slicknav_menu:before,
.slicknav_menu:after {
  content: " ";
  display: table;
}

.slicknav_menu:after {
  clear: both;
}

/* IE6/7 support */

.slicknav_menu {
  *zoom: 1;
}

/*
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
  font-size: 16px;
}

/* Button */

.slicknav_btn {
  margin: 5px 5px 6px;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #222222;
}

/* Button Text */

.slicknav_menu  .slicknav_menutxt {
  color: #FFF;
  font-weight: bold;
  text-shadow: 0 1px 3px #000;
}

/* Button Lines */

.slicknav_menu .slicknav_icon-bar {
  background-color: #f5f5f5;
}

.slicknav_menu {
  background: #4c4c4c;
  padding: 5px;
}

.slicknav_nav {
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 0.875em;
}

.slicknav_nav,
.slicknav_nav ul {
  list-style: none;
  overflow: hidden;
}

.slicknav_nav ul {
  padding: 0;
  margin: 0 0 0 20px;
}

.slicknav_nav .slicknav_row {
  padding: 5px 10px;
  margin: 2px 5px;
}

.slicknav_nav a {
  padding: 5px 10px;
  margin: 2px 5px;
  text-decoration: none;
  color: #fff;
}

.slicknav_nav .slicknav_item a {
  padding: 0;
  margin: 0;
}

.slicknav_nav .slicknav_row:hover {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #ccc;
  color: #fff;
}

.slicknav_nav a:hover {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background: #ccc;
  color: #222;
}

/*** uncss> filename: http://localhost/sites/maurits.ch/assets/slicebox.css ***/

/* Slicebox Style */

/*** uncss> filename: http://localhost/sites/maurits.ch/assets/main.css ***/

/* Globals */

body {
  font-family: "Khula", sans-serif;
  background: #fcfcfc;
  word-wrap: break-word;
}

.mega-container {
  /* was white*/
  background: #fcfcfc;
  max-width: 1170px;
  margin: auto;
  overflow: visible;
}

a,
a:visited {
  color: #777777;
  cursor: pointer;
}

a:hover,
a:visited:hover {
  text-decoration: none;
  color: #e10d0d;
}

.container {
  margin: auto;
}

/* ---------- Header ------------- */

#masthead {
  text-align: left;
}

/* -------- Nav Menu ---------- */

#site-navigation {
  float: left;
  background: #f4f4f4;
}

#site-navigation ul {
  /* for the Currently active page */
}

#site-navigation ul li a {
  padding: 10px;
  color: #888;
  font-weight: 400;
  transition: 0.2s all ease;
  -webkit-transition: 0.2s all ease;
  -moz-transition: 0.2s all ease;
  -ms-transition: 0.2s all ease;
  -o-transition: 0.2s all ease;
}

#site-navigation ul li a:hover {
  background: #ececec;
}

#site-navigation ul li:hover a {
  background: #ececec;
}

#site-navigation ul li ul.sub-menu {
  background: #ececec;
  top: 40px;
  display: block;
  transition: 0s all ease;
  -webkit-transition: 0s all ease;
  -moz-transition: 0s all ease;
  -ms-transition: 0s all ease;
  -o-transition: 0s all ease;
  perspective: 1000;
  -webkit-perspective: 1000;
  transform-origin: top;
  -webkit-transform-origin: top;
  transform: perspective(350px) rotateX(-90deg);
  -webkit-transform: perspective(350px) rotateX(-90deg);
  -moz-transform: perspective(350px) rotateX(-90deg);
}

#site-navigation ul li ul.sub-menu li ul {
  transform-origin: left;
  -webkit-transform-origin: left;
  transition: 0s all ease;
  -webkit-transition: 0s all ease;
  -moz-transition: 0s all ease;
  -ms-transition: 0s all ease;
  -o-transition: 0s all ease;
  left: 100%;
  top: 0;
  opacity: 0;
  -webkit-transform: rotateY(65deg) !important;
  transform: rotateY(65deg) !important;
  -moz-transform: rotateY(65deg) !important;
}

#site-navigation ul li ul.sub-menu li:hover {
  transition: 0s all ease;
  -webkit-transition: 0s all ease;
  -moz-transition: 0s all ease;
  -ms-transition: 0s all ease;
  -o-transition: 0s all ease;
  /* -webkit-transition: 0.2s all ease !important; */
}

#site-navigation ul li ul.sub-menu li:hover ul {
  opacity: 1;
  transform: rotateY(5deg) !important;
  -webkit-transform: rotateY(5deg) !important;
  -moz-transform: rotateY(5deg) !important;
}

#site-navigation ul li ul.sub-menu a {
  padding: 8px 15px;
  font-weight: lighter;
  font-size: 14px;
  transition: 0.4s background ease, 0.6s padding ease;
}

#site-navigation ul li ul.sub-menu a:hover {
  background: #fff;
  padding-left: 19px;
}

#site-navigation ul li:hover {
  transition: 0.4s all ease;
  -webkit-transition: 0.4s all ease;
  -moz-transition: 0.4s all ease;
  -ms-transition: 0.4s all ease;
  -o-transition: 0.4s all ease;
  -webkit-transition: 0.4s all ease !important;
}

#site-navigation ul li:hover ul.sub-menu {
  display: block;
  transform: rotateX(0deg);
  -webkit-transform: rotateX(0deg);
}


.slicknav_menu {
  display: none;
}

@media screen and (max-width: 1024px) {
  .slicknav_menu {
    display: block;
  }


#site-navigation ul.menu {
    display: none;
}

.slicknav_nav a {
    color: #777777;
}

.slicknav_nav .slicknav_arrow {
    display: none;
}

.slicknav_menu {
    background: #eee;
}

.slicknav_btn {
    background: #ddd;
    border: solid 1px #ccc;
}

.slicknav_menutxt {
    color: #777777 !important;
    text-shadow: none !important;
}

.slicknav_icon-bar {
    background-color: #777777 !important;
  }
}

/* TOP MENU */

/* top slider */

/* Flex Images */

/* section titles */

/* Second Featured Area */

/* sb slider */



/* Grid */

/* --------------- pagination ------------ */

/* Footer Sidebar */

#footer-sidebar {
  /*background: #f4f4f4;*/
  /*border-top: solid 1px #eee;*/
}

#colophon {
  /*background: #f4f4f4;*/
  padding: 10px 10px 20px 10px;
  color: #777777;
  font-size: 12px;
  text-align: center;
  position: absolute;
  bottom: 0;
  align-content:center;
  width:100%;
}

#colophon a {
  color: #777777;
  /*text-decoration: underline;*/
}

/* Single Posts Area */

#primary-mono {
  padding: 0px;
/*  padding-left: 20px;*/
}

#primary-mono h1.entry-title {
  font-weight: 100;
/*  color: #777777;
  font-size: 30px;*/
  /*color: #4c4b4b;*/
  /*color: #1d1c1c;*/
  color: #4c4b4b;
  font-size: 23px;
  margin-top: 5px;
  padding-left: 0;
  margin-bottom: 0px;
}

.series h1.entry-title {
  text-align: center;
  padding-top: 10px
}

#primary-mono h1.entry-title:after {
  content: "";
  display: block;
  width: 12%;
  height: 2px;
  margin-top: 5px;
  /*background: #e10d0d;*/
}


#primary-mono .entry-meta,
#primary-mono .entry-footer {
  font-size: 12px;
  /*border-bottom: solid 1px #eee;*/
  padding-bottom: 7px;
  padding-top: 7px;
  overflow: auto;
}

#primary-mono .entry-meta a,
#primary-mono .entry-footer a {
  color: #777777;
  text-decoration: underline;
}

#primary-mono .entry-meta a:hover,
#primary-mono .entry-footer a:hover {
  color: #e10d0d;
  /*color: #570D0D;*/
}

#primary-mono .entry-footer {
  /*border-top: solid 1px #eee;*/
  padding-top: 5px;
  margin-top: 5px;
}

#primary-mono .entry-content {
  color: #777777;
  line-height: 1.7em;
  font-size: 14px;
}

#content-wrapper {
  position: absolute;
  left: 15px;
  right: 15px;
  bottom: 15px;
  top: 48px;
  text-align: center;
  vertical-align: middle;
}


#featured-image {
  /*text-align: center;*/
  height: 100%;
}

#featured-image img {
  display: inline-block;
  max-height: 80vh;
  width: auto;

}


img.about-pic {
  float: left;
}


@media screen and (max-width: 800px) {
    #primary-mono h1.entry-title {
      font-size: 15px;
      margin-top: 5px;
      padding:0px;
    }

    img.about-pic{
      float: none;
    }

    #primary-mono .entry-footer {
      padding-top: 1;
      margin-top: 5px;
    }

    #featured-image img {
      max-height: 65vh;
    }

    .container {
      padding-right: 10px;
      padding-left: 10px;
    }

    figure {
      display: flex;
      flex-flow: column;
      /*padding: 10px;*/
      margin: auto;
    }

    .tags-links ul {
      margin-top: 0;
      margin-left: 10px;
      margin-bottom: 10px;
      columns: 1;
      -webkit-columns: 1;
      -moz-columns: 1;
    }


}


.flex-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-content: flex-start;
    align-items: center;
}

.flex-item {
    justify-content: flex-start;
    display: flex;
}


.flex-item img {
    cursor: pointer;
}



/*-----------------Portfolio------------------*/

.grid-container {
  display: grid;
  justify-content: center;
  grid-template-columns: minmax(256px, 1024px);
  grid-gap: 15px;
}

.item {
  justify-content: center;
  line-height: 0;
  overflow: hidden;
  justify-self: center;
}


#item img {
  width: 100%
}


/* experiment */

.wrapper {
  display: grid;
  grid-gap: 30px 15px;
  /*justify-content: center;*/
  grid-template-columns: minmax(256px, 1024px) minmax(256px, 1024px);
}

.hbox {
    grid-column: 1 / 3;
    justify-self: center;
}

.lbox {
    grid-column: 1;
    justify-self: right;
}

.rbox {
  grid-column: 2;
  justify-self: left;
}


@media screen and (max-width: 1024px){

  .wrapper {
    grid-template-columns: minmax(256px, 1024px);
    grid-gap: 15px 0px;
    /*justify-self: center;*/
  }

  .lbox {
      grid-column: 1;
      justify-self: center;
  }

  .rbox {
    grid-column: 1;
    justify-self: center;
  }
}