@charset "UTF-8";
/*!
Theme Name: dr-obnitza
Theme URI: http://underscores.me/
Author: Erik Betshammar
Author URI: http://www.verkan.se
Description: Custom theme for artist Sven Drobnitza
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dr-obnitza
Tags:

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.

dr-obnitza is based on Underscores http://underscores.me/, (C) 2012-2016 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 http://necolas.github.com/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
--------------------------------------------------------------*/
/* https://davidwalsh.name/write-media-queries-sass */
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* line 1, sass/_normalize.scss */
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

/* line 7, sass/_normalize.scss */
body {
  margin: 0;
}

/* line 11, sass/_normalize.scss */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

/* line 26, sass/_normalize.scss */
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

/* line 34, sass/_normalize.scss */
audio:not([controls]) {
  display: none;
  height: 0;
}

/* line 39, sass/_normalize.scss */
[hidden],
template {
  display: none;
}

/* line 44, sass/_normalize.scss */
a {
  background-color: transparent;
}

/* line 48, sass/_normalize.scss */
a:active,
a:hover {
  outline: 0;
}

/* line 53, sass/_normalize.scss */
abbr[title] {
  border-bottom: 1px dotted;
}

/* line 57, sass/_normalize.scss */
b,
strong {
  font-weight: bold;
}

/* line 62, sass/_normalize.scss */
dfn {
  font-style: italic;
}

/* line 66, sass/_normalize.scss */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* line 71, sass/_normalize.scss */
mark {
  background: #ff0;
  color: #000;
}

/* line 76, sass/_normalize.scss */
small {
  font-size: 80%;
}

/* line 80, sass/_normalize.scss */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* line 88, sass/_normalize.scss */
sup {
  top: -0.5em;
}

/* line 92, sass/_normalize.scss */
sub {
  bottom: -0.25em;
}

/* line 96, sass/_normalize.scss */
img {
  border: 0;
}

/* line 100, sass/_normalize.scss */
svg:not(:root) {
  overflow: hidden;
}

/* line 104, sass/_normalize.scss */
figure {
  margin: 1em 40px;
}

/* line 108, sass/_normalize.scss */
hr {
  box-sizing: content-box;
  height: 0;
}

/* line 113, sass/_normalize.scss */
pre {
  overflow: auto;
}

/* line 117, sass/_normalize.scss */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* line 125, sass/_normalize.scss */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

/* line 135, sass/_normalize.scss */
button {
  overflow: visible;
}

/* line 139, sass/_normalize.scss */
button,
select {
  text-transform: none;
}

/* line 144, sass/_normalize.scss */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

/* line 152, sass/_normalize.scss */
button[disabled],
html input[disabled] {
  cursor: default;
}

/* line 157, sass/_normalize.scss */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* line 163, sass/_normalize.scss */
input {
  line-height: normal;
}

/* line 167, sass/_normalize.scss */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

/* line 173, sass/_normalize.scss */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/* line 178, sass/_normalize.scss */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/* line 183, sass/_normalize.scss */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/* line 189, sass/_normalize.scss */
legend {
  border: 0;
  padding: 0;
}

/* line 194, sass/_normalize.scss */
textarea {
  overflow: auto;
}

/* line 198, sass/_normalize.scss */
optgroup {
  font-weight: bold;
}

/* line 202, sass/_normalize.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 207, sass/_normalize.scss */
td,
th {
  padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
/* line 1, sass/typography/_typography.scss */
body,
button,
input,
select,
textarea {
  color: #202020;
  font-family: "Cutive Mono", monospace, sans-serif;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
}

/* line 1, sass/typography/_headings.scss */
h1, h2, h3, h4, h5, h6 {
  clear: both;
}

/* line 1, sass/typography/_copy.scss */
p {
  margin-bottom: 1.5em;
}

/* line 5, sass/typography/_copy.scss */
dfn, cite, em, i {
  font-style: italic;
}

/* line 9, sass/typography/_copy.scss */
blockquote {
  margin: 0 1.5em;
}

/* line 13, sass/typography/_copy.scss */
address {
  margin: 0 0 1.5em;
}

/* line 17, sass/typography/_copy.scss */
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: 100%;
  overflow: auto;
  padding: 1.6em;
}

/* line 28, sass/typography/_copy.scss */
code, kbd, tt, var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem;
}

/* line 33, sass/typography/_copy.scss */
abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

/* line 38, sass/typography/_copy.scss */
mark, ins {
  background: #fff9c0;
  text-decoration: none;
}

/* line 43, sass/typography/_copy.scss */
big {
  font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
/* line 1, sass/elements/_elements.scss */
html {
  box-sizing: border-box;
}

/* line 5, sass/elements/_elements.scss */
*,
*: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;
}

/* line 11, sass/elements/_elements.scss */
body {
  background: #fff;
  /* Fallback for when there is no custom background color defined. */
}

/* line 15, sass/elements/_elements.scss */
blockquote, q {
  quotes: "" "";
}
/* line 18, sass/elements/_elements.scss */
blockquote:before, blockquote:after, q:before, q:after {
  content: "";
}

/* line 24, sass/elements/_elements.scss */
hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

/* line 1, sass/elements/_lists.scss */
ul, ol {
  margin: 0 0 1.5em 3em;
}

/* line 5, sass/elements/_lists.scss */
ul {
  list-style: disc;
}

/* line 9, sass/elements/_lists.scss */
ol {
  list-style: decimal;
}

/* line 13, sass/elements/_lists.scss */
li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

/* line 19, sass/elements/_lists.scss */
dt {
  font-weight: bold;
}

/* line 23, sass/elements/_lists.scss */
dd {
  margin: 0 1.5em 1.5em;
}

/* line 33, sass/elements/_elements.scss */
img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

/* line 38, sass/elements/_elements.scss */
figure {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
}

/* line 1, sass/elements/_tables.scss */
table {
  margin: 0 0 1.5em;
  width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
/* line 1, sass/forms/_buttons.scss */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: .6em 1em .4em;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
/* line 15, sass/forms/_buttons.scss */
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color: #ccc #bbb #aaa;
}
/* line 19, sass/forms/_buttons.scss */
button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
  border-color: #aaa #bbb #bbb;
}

/* line 1, sass/forms/_fields.scss */
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}
/* line 22, sass/forms/_fields.scss */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  color: #111;
}

/* line 27, sass/forms/_fields.scss */
select {
  border: 1px solid #ccc;
}

/* line 31, sass/forms/_fields.scss */
textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
/* line 1, sass/navigation/_links.scss */
a {
  color: #202020;
}
/* line 4, sass/navigation/_links.scss */
a:visited {
  color: #202020;
}
/* line 7, sass/navigation/_links.scss */
a:hover, a:focus, a:active {
  color: #202020;
}
/* line 12, sass/navigation/_links.scss */
a:focus {
  outline: thin dotted;
}
/* line 15, sass/navigation/_links.scss */
a:hover, a:active {
  outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
/* line 1, sass/navigation/_menus.scss */
.main-navigation {
  clear: both;
  display: block;
  width: 100%;
}
/* line 7, sass/navigation/_menus.scss */
.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}
/* line 13, sass/navigation/_menus.scss */
.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 1.5em;
  left: -999em;
  z-index: 99999;
}
/* line 21, sass/navigation/_menus.scss */
.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}
/* line 27, sass/navigation/_menus.scss */
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
  left: 100%;
}
/* line 33, sass/navigation/_menus.scss */
.main-navigation ul ul a {
  width: 200px;
}
/* line 46, sass/navigation/_menus.scss */
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}
/* line 52, sass/navigation/_menus.scss */
.main-navigation li {
  padding: 0.5em 0;
  position: relative;
}
/* line 62, sass/navigation/_menus.scss */
.main-navigation a {
  display: block;
  text-decoration: none;
}

/* Small menu. */
/* line 75, sass/navigation/_menus.scss */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

/* line 79, sass/navigation/_menus.scss */
button.menu-toggle {
  background: transparent;
  border: 0;
  text-shadow: none;
  outline: none;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  z-index: 150;
}
/* line 92, sass/navigation/_menus.scss */
button.menu-toggle:active, button.menu-toggle:focus {
  outline: none;
}

/* line 97, sass/navigation/_menus.scss */
.main-navigation {
  margin: 6em auto 0;
  max-width: 75%;
}
@media (min-width: 767px) {
  /* line 97, sass/navigation/_menus.scss */
  .main-navigation {
    margin-top: 8em;
    max-width: 45%;
  }
}
/* line 105, sass/navigation/_menus.scss */
.main-navigation.toggled, body:not(.home) .main-navigation {
  padding: 1em 1.5em;
}
@media (min-width: 767px) {
  /* line 105, sass/navigation/_menus.scss */
  .main-navigation.toggled, body:not(.home) .main-navigation {
    padding: 2em 4em;
  }
}
/* line 113, sass/navigation/_menus.scss */
body.home .main-navigation.toggled {
  padding: 0;
}
/* line 115, sass/navigation/_menus.scss */
body.home .main-navigation.toggled .drobnitza-menu-wrap {
  padding: 1em 1.5em;
}
@media (min-width: 767px) {
  /* line 115, sass/navigation/_menus.scss */
  body.home .main-navigation.toggled .drobnitza-menu-wrap {
    padding: 2em 4em;
  }
}
/* line 123, sass/navigation/_menus.scss */
.main-navigation .drobnitza-menu-wrap {
  display: inline;
  position: relative;
  z-index: 300;
  width: 100%;
}
/* line 128, sass/navigation/_menus.scss */
body.home .main-navigation .drobnitza-menu-wrap {
  display: inline-block;
}
/* line 132, sass/navigation/_menus.scss */
.main-navigation ul.menu {
  text-align: center;
  padding: .8em 1.2em;
}
/* line 136, sass/navigation/_menus.scss */
body.home .main-navigation ul.menu {
  padding: 0;
}
/* line 139, sass/navigation/_menus.scss */
.main-navigation ul.menu li {
  display: inline;
}
/* line 141, sass/navigation/_menus.scss */
.main-navigation ul.menu li:before {
  content: ' / ';
}
/* line 145, sass/navigation/_menus.scss */
.main-navigation ul.menu li:first-child:before {
  content: '';
}
/* line 156, sass/navigation/_menus.scss */
.main-navigation ul.menu li a {
  display: inline;
  text-decoration: underline;
}

/* line 168, sass/navigation/_menus.scss */
body.home .main-navigation ul.menu li.menu-item-home {
  display: none;
}

/* line 178, sass/navigation/_menus.scss */
body.page .main-navigation ul.menu,
body.single-art .main-navigation ul.menu {
  display: table;
}

@media screen and (min-width: 37.5em) {
  /* line 184, sass/navigation/_menus.scss */
  .menu-toggle {
    display: block;
  }

  /* line 187, sass/navigation/_menus.scss */
  .main-navigation ul {
    display: none;
  }
}
/* line 196, sass/navigation/_menus.scss */
.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}
/* line 201, sass/navigation/_menus.scss */
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}
/* line 206, sass/navigation/_menus.scss */
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
/* line 2, sass/modules/_accessibility.scss */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
/* line 9, sass/modules/_accessibility.scss */
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
/* line 30, sass/modules/_accessibility.scss */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
/* line 1, sass/modules/_alignments.scss */
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

/* line 7, sass/modules/_alignments.scss */
.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

/* line 13, sass/modules/_alignments.scss */
.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
/* line 1, sass/modules/_clearings.scss */
.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;
}

/* line 16, sass/modules/_clearings.scss */
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
/* line 1, sass/site/primary/_posts-and-pages.scss */
.sticky {
  display: block;
}

/* line 5, sass/site/primary/_posts-and-pages.scss */
.hentry {
  margin: 0;
}

/* line 9, sass/site/primary/_posts-and-pages.scss */
.byline,
.updated:not(.published) {
  display: none;
}

/* line 14, sass/site/primary/_posts-and-pages.scss */
.single .byline,
.group-blog .byline {
  display: inline;
}

/* line 19, sass/site/primary/_posts-and-pages.scss */
.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

/* line 25, sass/site/primary/_posts-and-pages.scss */
.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/* line 31, sass/site/primary/_posts-and-pages.scss */
.randomness-wrapper .randompositions {
  z-index: -10;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
/* line 39, sass/site/primary/_posts-and-pages.scss */
.randomness-wrapper span {
  position: absolute;
  font-size: 1.25em;
  text-transform: initial;
  font-weight: 100;
}
/* line 46, sass/site/primary/_posts-and-pages.scss */
.randomness-wrapper.red span {
  color: #cc3333;
}
/* line 51, sass/site/primary/_posts-and-pages.scss */
.randomness-wrapper.black span {
  color: #000000;
}
/* line 55, sass/site/primary/_posts-and-pages.scss */
a .randomness-wrapper {
  display: inline;
}

/* line 63, sass/site/primary/_posts-and-pages.scss */
body.single-art .main-navigation h1,
body.page .main-navigation h1 {
  display: inline;
  font-size: 1em;
  padding-right: 1em;
  color: red;
  font-weight: 400;
}
/* line 70, sass/site/primary/_posts-and-pages.scss */
body.single-art .main-navigation .menu-drobnitza-meny-container,
body.page .main-navigation .menu-drobnitza-meny-container {
  display: inline;
}
/* line 73, sass/site/primary/_posts-and-pages.scss */
body.single-art .main-navigation ul.menu,
body.page .main-navigation ul.menu {
  display: inline;
  margin: 0;
  padding: 0;
  list-style: none;
}
/* line 79, sass/site/primary/_posts-and-pages.scss */
body.single-art .main-navigation ul.menu li,
body.page .main-navigation ul.menu li {
  display: inline;
}
/* line 81, sass/site/primary/_posts-and-pages.scss */
body.single-art .main-navigation ul.menu li.current-menu-item,
body.page .main-navigation ul.menu li.current-menu-item {
  display: none;
}
/* line 87, sass/site/primary/_posts-and-pages.scss */
body.single-art .main-text,
body.page .main-text {
  padding: 1em;
  display: table;
  margin: 0 auto;
  width: 100%;
}
@media (max-width: 766px) {
  /* line 87, sass/site/primary/_posts-and-pages.scss */
  body.single-art .main-text,
  body.page .main-text {
    max-width: 100% !important;
  }
}
@media (min-width: 767px) {
  /* line 87, sass/site/primary/_posts-and-pages.scss */
  body.single-art .main-text,
  body.page .main-text {
    padding: 1.5em;
  }
}
@media (min-width: 1025px) {
  /* line 87, sass/site/primary/_posts-and-pages.scss */
  body.single-art .main-text,
  body.page .main-text {
    padding: 2em;
  }
}
/* line 101, sass/site/primary/_posts-and-pages.scss */
body.single-art .main-text p,
body.page .main-text p {
  margin-top: 0;
}
/* line 105, sass/site/primary/_posts-and-pages.scss */
body.single-art .main-text blockquote:before, body.single-art .main-text blockquote:after,
body.page .main-text blockquote:before,
body.page .main-text blockquote:after {
  content: "“";
}
/* line 109, sass/site/primary/_posts-and-pages.scss */
body.single-art .main-text blockquote p,
body.page .main-text blockquote p {
  display: inline;
}

/* line 117, sass/site/primary/_posts-and-pages.scss */
body.single-art .site-content, body.page .site-content {
  margin-top: 2vh;
  padding: 0.5em;
}
@media (min-width: 767px) {
  /* line 117, sass/site/primary/_posts-and-pages.scss */
  body.single-art .site-content, body.page .site-content {
    padding: 1em;
    margin-top: 3vh;
  }
}
@media (min-width: 1025px) {
  /* line 117, sass/site/primary/_posts-and-pages.scss */
  body.single-art .site-content, body.page .site-content {
    padding: 2em;
  }
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
/* line 1, sass/media/_media.scss */
.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. */
/* line 11, sass/media/_media.scss */
embed,
iframe,
object {
  max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
/* line 1, sass/media/_captions.scss */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
/* line 5, sass/media/_captions.scss */
.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* line 9, sass/media/_captions.scss */
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

/* line 14, sass/media/_captions.scss */
.wp-caption-text {
  text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
/* line 1, sass/media/_galleries.scss */
.gallery {
  margin-bottom: 1.5em;
}

/* line 5, sass/media/_galleries.scss */
.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
/* line 11, sass/media/_galleries.scss */
.gallery-columns-2 .gallery-item {
  max-width: 50%;
}
/* line 15, sass/media/_galleries.scss */
.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}
/* line 19, sass/media/_galleries.scss */
.gallery-columns-4 .gallery-item {
  max-width: 25%;
}
/* line 23, sass/media/_galleries.scss */
.gallery-columns-5 .gallery-item {
  max-width: 20%;
}
/* line 27, sass/media/_galleries.scss */
.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}
/* line 31, sass/media/_galleries.scss */
.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}
/* line 35, sass/media/_galleries.scss */
.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}
/* line 39, sass/media/_galleries.scss */
.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

/* line 44, sass/media/_galleries.scss */
.gallery-caption {
  display: block;
}

/* line 48, sass/media/_galleries.scss */
.dr-obnitza-gallery {
  width: 92%;
  display: table;
  margin-left: auto;
  margin-right: auto;
}
/* line 58, sass/media/_galleries.scss */
.dr-obnitza-gallery .gallery-item {
  max-width: 20%;
  padding: 0 0.25em;
  margin: 0 0 0.5em;
  position: relative;
}
@media (min-width: 767px) {
  /* line 58, sass/media/_galleries.scss */
  .dr-obnitza-gallery .gallery-item {
    max-width: 14.28571%;
    padding: 0 0.5em;
    margin: 0 0 1em;
  }
}
@media (min-width: 1025px) {
  /* line 58, sass/media/_galleries.scss */
  .dr-obnitza-gallery .gallery-item {
    max-width: 11.11111%;
  }
}
@media (min-width: 1600px) {
  /* line 58, sass/media/_galleries.scss */
  .dr-obnitza-gallery .gallery-item {
    max-width: 8.33333%;
  }
}
/* line 77, sass/media/_galleries.scss */
.dr-obnitza-gallery .gallery-item img {
  width: 100%;
  height: auto;
  display: block;
}
/* line 82, sass/media/_galleries.scss */
.dr-obnitza-gallery .gallery-item figcaption {
  position: absolute;
  top: 0;
  bottom: 0;
  background: rgba(245, 245, 245, 0.75);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  cursor: pointer;
  -moz-transition: opacity 0.1s ease-in;
  -o-transition: opacity 0.1s ease-in;
  -webkit-transition: opacity 0.1s ease-in;
  transition: opacity 0.1s ease-in;
  left: 0.25em;
  right: 0.25em;
}
@media (min-width: 767px) {
  /* line 82, sass/media/_galleries.scss */
  .dr-obnitza-gallery .gallery-item figcaption {
    left: 0.5em;
    right: 0.5em;
  }
}
/* line 99, sass/media/_galleries.scss */
.dr-obnitza-gallery .gallery-item figcaption:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
}
/* line 103, sass/media/_galleries.scss */
.dr-obnitza-gallery .gallery-item figcaption span {
  position: absolute;
  font-size: 0.65em;
  top: 50%;
  width: 100%;
  transform: translateY(-50%);
  text-align: center;
  left: 0;
  padding: 1em;
  word-wrap: break-word;
}

/* line 117, sass/media/_galleries.scss */
.mfp-video-wrapper {
  line-height: 0;
  width: 100%;
  max-width: 800px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045;
}

/* line 128, sass/media/_galleries.scss */
.mfp-video-sub-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0;
  width: 100%;
}
/* line 134, sass/media/_galleries.scss */
.mfp-video-sub-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 142, sass/media/_galleries.scss */
.pswp__zoom-wrap {
  text-align: center;
}
/* line 144, sass/media/_galleries.scss */
.pswp__zoom-wrap:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

/* line 151, sass/media/_galleries.scss */
.popup-caption {
  display: block;
  padding: 0 .5em;
}

/*--------------------------------------------------------------
## PhotoSwipe
--------------------------------------------------------------*/
/* PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
/* line 20, sass/media/_photoswipe.scss */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none;
}
/* line 42, sass/media/_photoswipe.scss */
.pswp img {
  max-width: none;
}

/* style is added when JS option showHideOpacity is set to true */
/* line 48, sass/media/_photoswipe.scss */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

/* line 56, sass/media/_photoswipe.scss */
.pswp--open {
  display: block;
}

/* line 60, sass/media/_photoswipe.scss */
.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

/* line 67, sass/media/_photoswipe.scss */
.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

/* line 74, sass/media/_photoswipe.scss */
.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
/* line 85, sass/media/_photoswipe.scss */
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(245, 245, 245, 0.95);
  opacity: 0.97 !important;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

/* line 98, sass/media/_photoswipe.scss */
.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* line 107, sass/media/_photoswipe.scss */
.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

/* Prevent selection and tap highlights */
/* line 119, sass/media/_photoswipe.scss */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

/* line 128, sass/media/_photoswipe.scss */
.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

/* line 139, sass/media/_photoswipe.scss */
.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

/* line 146, sass/media/_photoswipe.scss */
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none;
}

/* line 153, sass/media/_photoswipe.scss */
.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden;
}

/* line 158, sass/media/_photoswipe.scss */
.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

/* line 167, sass/media/_photoswipe.scss */
.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
}

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
/* line 179, sass/media/_photoswipe.scss */
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden;
}

/*
	div element that matches size of large image
	large image loads on top of it
*/
/* line 187, sass/media/_photoswipe.scss */
.pswp__img--placeholder--blank {
  background: #222;
}

/* line 191, sass/media/_photoswipe.scss */
.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0;
}

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
/* line 202, sass/media/_photoswipe.scss */
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC;
}

/* line 214, sass/media/_photoswipe.scss */
.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline;
}

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*

	1. Buttons

 */
/* <button> css reset */
/* line 237, sass/media/_photoswipe.scss */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* line 255, sass/media/_photoswipe.scss */
.pswp__button:focus,
.pswp__button:hover {
  opacity: 1;
}

/* line 258, sass/media/_photoswipe.scss */
.pswp__button:active {
  outline: none;
  opacity: 0.9;
}

/* line 261, sass/media/_photoswipe.scss */
.pswp__button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
/* line 266, sass/media/_photoswipe.scss */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1;
}

/* line 269, sass/media/_photoswipe.scss */
.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url(assets/default-skin.png) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px;
}

@media (-webkit-min-device-pixel-ratio: 1.1), (-webkit-min-device-pixel-ratio: 1.09375), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  /* line 279, sass/media/_photoswipe.scss */
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url(assets/default-skin.svg);
  }

  /* line 283, sass/media/_photoswipe.scss */
  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none;
  }
}
/* line 287, sass/media/_photoswipe.scss */
.pswp__button--close {
  background-position: 0 -44px;
}

/* line 290, sass/media/_photoswipe.scss */
.pswp__button--share {
  background-position: -44px -44px;
}

/* line 293, sass/media/_photoswipe.scss */
.pswp__button--fs {
  display: none;
}

/* line 296, sass/media/_photoswipe.scss */
.pswp--supports-fs .pswp__button--fs {
  display: block;
}

/* line 299, sass/media/_photoswipe.scss */
.pswp--fs .pswp__button--fs {
  background-position: -44px 0;
}

/* line 302, sass/media/_photoswipe.scss */
.pswp__button--zoom {
  display: none;
  background-position: -88px 0;
}

/* line 306, sass/media/_photoswipe.scss */
.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

/* line 309, sass/media/_photoswipe.scss */
.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0;
}

/* no arrows on touch screens */
/* line 313, sass/media/_photoswipe.scss */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden;
}

/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
/* line 321, sass/media/_photoswipe.scss */
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute;
}

/* line 330, sass/media/_photoswipe.scss */
.pswp__button--arrow--left {
  left: 0;
}

/* line 333, sass/media/_photoswipe.scss */
.pswp__button--arrow--right {
  right: 0;
}

/* line 336, sass/media/_photoswipe.scss */
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: '';
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute;
}

/* line 345, sass/media/_photoswipe.scss */
.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px;
}

/* line 349, sass/media/_photoswipe.scss */
.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px;
}

/*

	2. Share modal/popup and links

 */
/* line 358, sass/media/_photoswipe.scss */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* line 365, sass/media/_photoswipe.scss */
.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

/* line 381, sass/media/_photoswipe.scss */
.pswp__share-modal--hidden {
  display: none;
}

/* line 384, sass/media/_photoswipe.scss */
.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #000;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -webkit-transform: translateY(6px);
  -ms-transform: translateY(6px);
  transform: translateY(6px);
  -webkit-transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform;
}

/* line 402, sass/media/_photoswipe.scss */
.pswp__share-tooltip a {
  display: block;
  padding: 8px 12px;
  color: #fff;
  text-decoration: none;
  font-size: 14px;
  line-height: 18px;
}

/* line 409, sass/media/_photoswipe.scss */
.pswp__share-tooltip a:hover {
  text-decoration: none;
  color: #fff;
}

/* line 412, sass/media/_photoswipe.scss */
.pswp__share-tooltip a:first-child {
  /* round corners on the first/last list item */
  border-radius: 2px 2px 0 0;
}

/* line 415, sass/media/_photoswipe.scss */
.pswp__share-tooltip a:last-child {
  border-radius: 0 0 2px 2px;
}

/* line 418, sass/media/_photoswipe.scss */
.pswp__share-modal--fade-in {
  opacity: 1;
}

/* line 420, sass/media/_photoswipe.scss */
.pswp__share-modal--fade-in .pswp__share-tooltip {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

/* increase size of share links on touch devices */
/* line 426, sass/media/_photoswipe.scss */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px;
}

/* line 429, sass/media/_photoswipe.scss */
a.pswp__share--facebook:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid transparent;
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none;
}

/* line 443, sass/media/_photoswipe.scss */
a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF;
}

/* line 446, sass/media/_photoswipe.scss */
a.pswp__share--facebook:hover:before {
  border-bottom-color: #3E5C9A;
}

/* line 449, sass/media/_photoswipe.scss */
a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF;
}

/* line 453, sass/media/_photoswipe.scss */
a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D;
}

/* line 457, sass/media/_photoswipe.scss */
a.pswp__share--download:hover {
  background: #DDD;
}

/*

	3. Index indicator ("1 of X" counter)

 */
/* line 465, sass/media/_photoswipe.scss */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #000;
  opacity: 0.75;
  padding: 0 10px;
}

/*

	4. Caption

 */
/* line 481, sass/media/_photoswipe.scss */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px;
}

/* line 487, sass/media/_photoswipe.scss */
.pswp__caption small {
  font-size: 11px;
  color: #111;
}

/* line 491, sass/media/_photoswipe.scss */
.pswp__caption__item {
  margin: 0 auto;
  font-size: 15px;
  font-size: 0.9375rem;
  padding: 1em 2em;
  line-height: 20px;
  color: #111;
}
/* line 499, sass/media/_photoswipe.scss */
.pswp__caption__item span {
  display: block;
  padding-bottom: 0.1em;
}

/* line 504, sass/media/_photoswipe.scss */
.pswp__caption__center {
  text-align: center;
}

/* line 507, sass/media/_photoswipe.scss */
.pswp__caption__left {
  text-align: left;
}

/* line 510, sass/media/_photoswipe.scss */
.pswp__caption__right {
  text-align: right;
}

/* line 514, sass/media/_photoswipe.scss */
.pswp__caption--empty {
  display: none;
}

/* Fake caption element, used to calculate height of next/prev image */
/* line 518, sass/media/_photoswipe.scss */
.pswp__caption--fake {
  visibility: hidden;
}

/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
/* line 528, sass/media/_photoswipe.scss */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  -webkit-transition: opacity 0.25s ease-out;
  transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr;
}

/* line 541, sass/media/_photoswipe.scss */
.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px;
}

/* line 546, sass/media/_photoswipe.scss */
.pswp__preloader--active {
  opacity: 1;
}

/* line 548, sass/media/_photoswipe.scss */
.pswp__preloader--active .pswp__preloader__icn {
  /* We use .gif in browsers that don't support CSS animation */
  background: url(assets/preloader.gif) 0 0 no-repeat;
}

/* line 552, sass/media/_photoswipe.scss */
.pswp--css_animation .pswp__preloader--active {
  opacity: 1;
}

/* line 554, sass/media/_photoswipe.scss */
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
  -webkit-animation: clockwise 500ms linear infinite;
  animation: clockwise 500ms linear infinite;
}

/* line 557, sass/media/_photoswipe.scss */
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
  animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}

/* line 561, sass/media/_photoswipe.scss */
.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0;
}

/* line 571, sass/media/_photoswipe.scss */
.pswp--css_animation .pswp__preloader__cut {
  /*
			The idea of animating inner circle is based on Polymer ("material") loading indicator
			 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
		*/
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden;
}

/* line 581, sass/media/_photoswipe.scss */
.pswp--css_animation .pswp__preloader__donut {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0;
}

@media screen and (max-width: 1024px) {
  /* line 597, sass/media/_photoswipe.scss */
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right;
  }
}
@-webkit-keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes clockwise {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
@keyframes donut-rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  50% {
    -webkit-transform: rotate(-140deg);
    transform: rotate(-140deg);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
/*

	6. Additional styles

 */
/* root element of UI */
/* line 648, sass/media/_photoswipe.scss */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550;
}

/* top black bar with buttons and "1 of X" indicator */
/* line 655, sass/media/_photoswipe.scss */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%;
}

/* line 662, sass/media/_photoswipe.scss */
.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
/* line 672, sass/media/_photoswipe.scss */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible;
}

/* line 676, sass/media/_photoswipe.scss */
.pswp__top-bar,
.pswp__caption {
  background-color: transparent;
}

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
/* line 682, sass/media/_photoswipe.scss */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: transparent;
}

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
/* line 688, sass/media/_photoswipe.scss */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0;
}

/* line 691, sass/media/_photoswipe.scss */
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0;
}

/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
/* line 699, sass/media/_photoswipe.scss */
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001;
}

/* pswp__ui--one-slide class is added when there is just one item in gallery */
/* line 707, sass/media/_photoswipe.scss */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none;
}

/* line 712, sass/media/_photoswipe.scss */
.pswp__element--disabled {
  display: none !important;
}

/* line 715, sass/media/_photoswipe.scss */
.pswp--minimal--dark .pswp__top-bar {
  background: none;
}