/*
Theme Name: Camera Austria
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://juergengenser.com/
Description: Description
Version: 1.1.12
License: GNU General Public License
License URI: license.txt
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.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

@font-face {
  font-family: "fontello";
  src: url("fonts/fontello.eot");
  src: url("fonts/fontello.eot?#iefix") format("embedded-opentype"),
    url("fonts/fontello.woff") format("woff"),
    url("fonts/fontello.ttf") format("truetype"),
    url("fonts/fontello.svg#fontello") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  opacity: 0.8;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  /* fix buttons height */
  line-height: 1em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
}

.icon-search:before {
  content: "🔍";
} /* '\1f50d' */
.icon-search-1:before {
  content: "\e800";
} /* '' */
.icon-search-2:before {
  content: "\e801";
} /* '' */

/* Alignment */

.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}
.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}
.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto;
}

/* Text meant only for screen readers */
.assistive-text {
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
}

#full-text .span8.span-relative {
  width: auto !important;
}

/* =Menu
----------------------------------------------- */

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

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

.main-navigation ul ul {
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  display: none;
  float: left;
  position: absolute;
  top: 1.5em;
  left: 0;
  z-index: 99999;
}
.main-navigation ul ul ul {
  left: 100%;
  top: 0;
}
.main-navigation ul ul a {
  width: 200px;
}
.main-navigation ul ul li {
}
.main-navigation li:hover > a {
}
.main-navigation ul ul :hover > a {
}
.main-navigation ul ul a:hover {
}
.main-navigation ul li:hover > ul {
  display: block;
}
.main-navigation li.current_page_item a,
.main-navigation li.current-menu-item a {
}

/* Small menu */
.menu-toggle {
  cursor: pointer;
}
.main-small-navigation .menu {
  display: none;
}

/* =Media
----------------------------------------------- */

.site-header img,
.entry-content img,
.comment-content img,
.widget img {
  max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
.site-header img,
.entry-content img,
img[class*="align"],
img[class*="wp-image-"] {
  height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.site-header img,
.entry-content img,
img.size-full {
  max-width: 100%;
  width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}
.wp-caption {
  /*border: 1px solid #ccc;*/
  max-width: 100%;
}
.wp-caption.aligncenter,
.wp-caption.alignleft,
.wp-caption.alignright {
  margin-bottom: 1.5em;
}
.wp-caption img {
  display: block;
  /*margin: 1.2% auto 0;
	max-width: 98%;*/
}
.wp-caption-text {
  text-align: left;
  font-size: 11px;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}
#content .gallery {
  margin-bottom: 1.5em;
}
.gallery-caption {
}
#content .gallery a img {
  border: none;
  height: auto;
  max-width: 90%;
}
#content .gallery dd {
  margin: 0;
}
#content .gallery-columns-4 .gallery-item {
}
#content .gallery-columns-4 .gallery-item img {
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
  max-width: 100%;
}

/* =Navigation
----------------------------------------------- */

#content .site-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}
#content .nav-previous {
  float: left;
  width: 50%;
}
#content .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

/* =Scrollpane styles
----------------------------------------------- */

.nano {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.nano .nano-content {
  position: absolute;
  overflow: scroll;
  overflow-x: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.nano .nano-content:focus {
  outline: thin dotted;
}
.nano .nano-::-webkit-scrollbar {
  visibility: hidden;
}
.has-scrollbar .nano-content::-webkit-scrollbar {
  visibility: visible;
}
.nano > .pane {
  background: #d0d0d2;
  position: absolute;
  width: 6px;
  right: 0;
  top: 0;
  bottom: 0;
  visibility: hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity: 0.01;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.nano > .pane > .slider {
  background: rgba(0, 0, 0, 0.5);
  position: relative;
  margin: 0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.nano:hover > .pane,
.pane.active,
.pane.flashed {
  visibility: visible\9; /* Target only IE7 and IE8 with this hack */
  opacity: 0.99;
}
.nano .nano-content p {
  margin: 10px;
}

/* =============================================================================
   Custom Styles
   ========================================================================== */

html {
  width: 100%;
  /*overflow-x: hidden;*/
}

/*html, body {
	height: 100%;
}*/

/*body:before, body:after {
    content: "";
    position: fixed;
    background: #007889;
    left: 0;
    right: 0;
    height: 6px;
}

body:before {
    top: 0;
}

body:after {
    bottom: 0;
}*/

body {
  font-family: "Times New Roman", Times, serif;
  /*border-left: 6px solid #007889;
	border-right: 6px solid #007889;*/
  overflow-y: scroll;
  overflow-x: hidden;
  position: relative;
  /*width: 100%;*/
}

#page {
  padding-bottom: 50px;
}

a {
  color: #007889;
  transition: color 0.2s linear;
  -moz-transition: color 0.2s linear;
  -webkit-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
}

/*h1, h2, h3, h4, h5, h6 {
	color: black;
}*/

h3 {
  font-size: 22px;
  line-height: 28px;
}

.site-content h2 {
  margin: 0;
  line-height: 30px;
}

.site-content h3 {
  font-weight: normal;
  margin: 0;
}

.nav-tabs {
  border-bottom: none;
}

.nav-tabs > li > a {
  padding-top: 4px;
  line-height: 12px;
}

.nav-tabs > li > a,
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover {
  font-family: Courier New, Courier, monospace;
  color: #333;
  border: none;
}

.nav > li > a:hover {
  background-color: #fff;
  border: none;
}

.navbar .btn-navbar {
  /*display: none;*/
  float: left;
  padding: 7px 10px;
  margin-left: 5px;
  margin-right: 5px;
  color: #ffffff;
  text-shadow: none;
  background-color: #fff;
  background-image: none;
  background-repeat: repeat-x;
  filter: none;
  border-color: #fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
}

.navbar .btn-navbar:hover,
.navbar .btn-navbar:active,
.navbar .btn-navbar.active {
  background-color: #e8f6f3;
}

.navbar .btn-navbar .icon-bar {
  display: block;
  width: 18px;
  height: 2px;
  background-color: #000;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

input,
button,
select,
textarea {
  font-family: "Times New Roman", Times, serif;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.site-content input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  font-size: 22px;
  font-style: italic;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #ccc;
  margin: 15px 5px 15px 0;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: #007889;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

#searchform {
  width: 100%;

  margin-top: 15px;
}

input.search-query {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.site-content button[type="submit"] {
  background: #fff;
  padding: 5px 15px;
  color: #007889;
  font-weight: bold;
  font-style: italic;
  padding: 5px 10px;
  border: 2px solid #007889;
  margin: 15px 0;
  display: block;
  transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  -webkit-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
}

.site-content button[type="submit"]:hover,
.site-content button[type="submit"]:active {
  color: white;
  background-color: #007889;
  text-decoration: none;
}

.modal-container {
  position: relative;
}

.line-horizontal {
  background: #000;
  height: 1px;
  margin-top: 25px;
  margin-bottom: 35px;
}

#lightbox-navi {
  position: absolute;
  top: 0;
  right: -90px;
}

#lightbox-navi.fixed {
  position: fixed;
  right: 15px;
  top: 288px;
}

/*#portamento_container {
	position:absolute;
	top: 0;
	right: 0;
}

#portamento_container #lightbox-navi {
	float:none;
	position:absolute;
}

#portamento_container #lightbox-navi.fixed {
	position:fixed;
	/*right: auto;
	top: auto;*!/
}*/

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

.site-header {
  margin-bottom: 45px;
}

h1 {
  font-size: 60px;
  line-height: 66px;
  letter-spacing: -2px;
  margin: 25px 0;
}

h1 a {
  color: #000;
}

h1 a:hover {
  color: #007889;
  text-decoration: none;
}

.top-navigation {
  margin-top: 15px;
}

#menu-top-menue li,
#menu-top-menue-englisch li {
  position: relative;
}

#menu-top-menue li:after,
#menu-top-menue-englisch li:after {
  content: "/";
  position: absolute;
  top: 8px;
  right: 0;
  color: #007889;
}

#menu-top-menue li.current-menu-item a,
#menu-top-menue-englisch li.current-menu-item a {
  font-weight: bold;
  color: #007889;
}

#menu-top-menue li a,
#menu-top-menue-englisch li a {
  color: #333;
  font-size: 12px;
  text-shadow: none;
}

#menu-top-menue li a:hover,
#menu-top-menue-englisch li a:hover {
  background: none;
  color: #007889;
}

.navbar .nav {
  /*float: none;*/
}

.main-navigation ul {
  position: relative;
}

.main-navigation ul li {
  display: inline;
}

.main-navigation ul li a {
  display: block;
  float: left;
  padding: 8px 16px 8px 16px;
  text-decoration: none;
  color: #333;
  font-size: 16px;
}

.navbar .nav > li > a {
  color: #000;
  text-shadow: none;
}

.navbar .media-daten {
  float: left;
  font-family: inherit;
  font-size: 12px;
  line-height: 14px;
  color: #333;
  margin: 0;
  padding: 12px 15px 10px 0;
}

.main-navigation ul li a:hover,
.main-navigation ul li.current_page_item a,
.main-navigation ul li.current-menu-item a,
.navbar .nav > li > a:hover,
.navbar .media-daten:hover {
  background: none;
  color: #007889;
  text-decoration: none;
}

#magic-line {
  background: #007889;
  bottom: -10px;
  height: 3px;
  left: 0;
  position: absolute;
  width: 100px;
}

.site-header .input-medium {
  width: 50%;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #000;
  box-shadow: none;
  background: #fff;
  transition: border-color 0.2s linear;
  -moz-transition: border-color 0.2s linear;
  -webkit-transition: border-color 0.2s linear;
  -o-transition: border-color 0.2s linear;
}

.site-header .input-medium:focus,
.site-header .input-medium:hover {
  border-bottom: 1px solid #000;
}

.search-query::before {
  content: "";
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  border: 1px solid #000;
  position: absolute;
}

.site-header .btn[type="submit"] {
  background: none;
  border: none;
  /*float: right;*/
  width: 20%;
}

.languages {
  font-family: Courier New, Courier, monospace;
  font-size: 12px;
  margin-top: 23px;
  display: block;
  text-align: right;
}

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

#hud {
  background: #e8f6f3;
  height: 255px;
  margin-top: -275px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.bt-down {
  text-decoration: none;
  font-size: 12px;
  padding: 8px 16px;
  display: block;
  background: #e8f6f3;
  color: #666;
}

.bt-down:hover {
  background: #ccc;
  color: #fff;
  text-decoration: none;
}

#hud .underline {
  border-bottom: 1px solid #ccc;
}

#hud h4 {
  /*color: #666;*/
  font-weight: normal;
  margin: 10px 0 10px;
}

#hud p {
  color: #666;
  font-size: 12px;
}

#hud img {
  max-width: 115px;
}

#hud .table {
  font-size: 12px;
  color: #666;
}

#hud ul {
  list-style: none;
  margin: 0;
}

.hud-left {
  position: absolute;
  top: 50%;
  left: -30px;
  padding: 8px 10px;
  background: transparent;
}

.hud-right {
  position: absolute;
  top: 50%;
  right: 0;
  padding: 8px 10px;
  background: transparent;
}

.hud-left:hover,
.hud-right:hover {
  background: #ccc;
  color: #fff;
}

/* Startseite
----------------------------------------------- */

.home #content h2 {
  font-family: Courier New, Courier, monospace;
  font-size: 15px;
  font-weight: normal;
  /*text-transform: uppercase;
	font-style: italic;*/
  margin: 0 0 10px 0;
  border-bottom: 1px solid #ccc;
  padding-bottom: 0;
  /*opacity: 0;*/
}

p.date {
  color: #ccc;
}

.overview-item {
  margin-bottom: 25px;
}

.overview-item h3 {
  line-height: 26px;
  padding: 10px 0;
}

.overview-item h3 a,
.overview-item h3 a:hover {
  color: #000;
  text-decoration: none;
}

/*.overview-item.zeitschrift:hover {
	background: #E8F6F3;
}

.overview-item.ausstellungen:hover {
	background: #FBEDED;
}

.overview-item.buecher:hover {
	background: #FFF5FF;
}*/

.overview-item-img {
  position: relative;
}

.home .overview-item-img {
  display: block;
  width: 50%;
}

.home .overview-item-img img {
  width: auto !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.overview-credits {
  font-family: Courier New, Courier, monospace;
  position: absolute;
  top: 0;
  left: 0;
  color: #000;
  opacity: 0;
  filter: alpha(opacity=0);
  font-size: 13px;
}

.read-more {
  font-style: italic;
  color: #ccc;
}

.read-more span {
  /*text-indent: -9999px;*/
  background: black;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  width: 10px;
  height: 10px;
  display: inline-block;
}

.pager {
  position: absolute;
  top: 181px;
  left: 0;
  margin: 0;
  padding: 0 0 0 25px;
  border-bottom: 1px solid black;
}

.thumbnails > li {
  width: 100px;
}

.home .thumbnails img {
  max-height: 170px;
}

.ads-big .span12 {
  background: #e8f6f3;
  padding-top: 25px;
  padding-bottom: 25px;
}

#content .nav > li > a {
  display: initial;
}

/* Fold
----------------------------------------------- */

.fold {
  background: rgba(0, 120, 137, 0.9);
  /*opacity: 0.8;
	filter: alpha(opacity=0.8);*/
  position: absolute;
  top: 266px;
  right: -2000px;
  color: #fff;
  padding: 20px;
  z-index: 100;
}

.fold .open {
  font-family: Courier New, Courier, monospace;
  color: #007889;
  display: block;
  position: absolute;
  left: -140px;
  background: #fff;
  border: 3px solid #007889;
  padding: 4px 10px;
  top: 0;
  width: 115px;
  transition: all 0.1s linear;
  -moz-transition: all 0.1s linear;
  -webkit-transition: all 0.1s linear;
  -o-transition: all 0.1s linear;
}

.fold .open:hover {
  text-decoration: none;
  /*background: #007889;
	color: #fff;*/
  left: -140px;
}

.fold .span4 {
  margin-bottom: 20px;
}

/*.fold .span4:hover {
	background: transparent url('img/bg_green_80.png');
}*/

.fold-content-row {
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
  margin-bottom: 30px;
}

.fold a {
  color: #fff;
}

.fold h3 {
  font-weight: normal;
  font-size: 34px;
}

.fold h4 {
  font-family: Courier New, Courier, monospace;
  font-weight: normal;
  font-size: 15px;
}

.fold h5 {
  font-weight: normal;
  font-size: 22px;
  line-height: 26px;
  margin-top: 0;
}

/* Übersicht General
----------------------------------------------- */

.zeitschrift-overview-row .overview-item h3 {
  line-height: 28px;
  margin: 10px 0;
}

.zeitschrift-overview-row .overview-item h3 a {
  color: #333;
}

.zeitschrift-overview-row .overview-item h3 a:hover {
  color: #007889;
  text-decoration: none;
}

.zeitschrift-navigation form {
  margin: 8px 0;
  font-family: Courier New, Courier, monospace;
  display: inline-block;
}

.zeitschrift-navigation h5 {
  font-weight: normal;
  font-style: italic;
}

.post-type-archive-camera-austria-preis .overview-item-img img,
.post-type-archive-veranstaltungen .overview-item-img img {
  position: absolute;
  bottom: 0px;
}

/* Zeitschrift Übersicht
----------------------------------------------- */

.zeitschrift-overview-row .overview-item-img,
.overview-item-presse-img {
  max-width: 70%;
  position: relative;
  min-height: 268px;
  /*background: #EFEFEF;*/
}

.overview-item-img-press-kat {
  display: block;
}

.post-type-archive-ausstellungen .overview-item-img img,
.post-type-archive-presse .overview-item-presse-img img {
  position: absolute;
  bottom: 0px;
}

.post-type-archive-ausstellungen .overview-credits {
  bottom: 10px;
  top: initial;
}

.post-type-archive-zeitschrift .overview-credits {
  height: 265px;
}

.post-type-archive-zeitschrift .overview-credits ul {
  margin: 10px;
  list-style: none;
}

.post-type-archive-zeitschrift .overview-credits ul li {
  margin-bottom: 5px;
  line-height: 16px;
}

.site-content .chzn-container-single .chzn-search input[type="text"] {
  font-style: italic;
  font-family: "Times New Roman", Times, serif;
  font-size: 14px;
}

.media-daten {
  margin: 8px 0;
  font-family: Courier New, Courier, monospace;
}

/* Single View General
----------------------------------------------- */

.info-col {
  font-family: Courier New, Courier, monospace;
}

.info-col p {
  font-size: 12px;
  line-height: 16px;
}

.info-col ul {
  list-style: none;
  font-size: 12px;
  margin: 0;
}

.info-col ul li {
  margin-bottom: 8px;
}

.info-col a {
  color: #000;
  display: block;
  transition: margin 0.2s linear;
  -moz-transition: margin 0.2s linear;
  -webkit-transition: margin 0.2s linear;
  -o-transition: margin 0.2s linear;
}

.info-col a:hover {
  text-decoration: none;
  color: #007889;
  margin-left: 3px;
}

.meta-row h4 {
  font-weight: normal;
  font-style: italic;
  font-size: 15px;
  margin: 0;
  line-height: 18px;
}

.span-relative {
  position: relative;
}

a.back {
  color: #333;
  font-family: Courier New, Courier, monospace;
  transition: margin 0.2s linear;
  -moz-transition: margin 0.2s linear;
  -webkit-transition: margin 0.2s linear;
  -o-transition: margin 0.2s linear;
}

a.back:hover {
  color: #007889;
  text-decoration: none;
  margin-left: 5px;
}

.share a,
.nav-posts a,
.page-numbers {
  font-family: Courier New, Courier, monospace;
}

.nav-posts a,
.page-numbers {
  display: inline-block;
  line-height: 20px;
  margin-top: 8px;
}

.page-numbers {
  margin-right: 5px;
}

/* Zeitschrift Single
----------------------------------------------- */

.zeitschrift-head {
  margin-bottom: 25px;
}

.zeitschrift-head .span4.info-col .span4.info-col {
  width: 100% !important;
}

.zeitschrift-navigation {
  border-top: 1px solid #333;
  padding-top: 24px;
}

.zeitschrift-single-nav {
  margin-bottom: 0;
}

.zeitschrift-head img {
  float: right;
  margin-bottom: 25px;
}

.zeitschrift-row {
  /*border-top: 1px solid #333;*/
  /*padding-top: 25px;*/
}

.modal-btn {
  margin: 25px 0;
  display: block;
  font-family: Courier New, Courier, monospace;
  color: #000;
  transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  -webkit-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
}

.modal-btn span {
  font-family: "Times New Roman", Times, serif;
}

#preface-full {
  display: none;
  background: #fff;
  border-top: 1px solid #000;
}

#preface-full h3 {
  margin-bottom: 1.2em;
}

#preface-full h3 span {
  font-weight: normal;
}

#preface-full #full-text {
  -moz-column-count: 2;
  -moz-column-gap: 1em;
  -webkit-column-count: 2;
  -webkit-column-gap: 1em;
}

p.product {
  border: none !important;
  padding: 0 !important;
}

.price h6,
.amount {
  font-size: 22px;
  line-height: 20px;
  font-weight: bold;
  display: block;
}

.single-product .amount,
.order-total .amount,
.order_details .amount {
  display: inline;
}

.price h6 span {
  font-size: 12px;
  font-weight: normal;
  font-style: italic;
  display: block;
  text-transform: uppercase;
  padding-top: 25px;
  padding-bottom: 3px;
}

.zeitschrift-inhalt {
  margin-top: 25px;
  margin-bottom: 35px;
}

.buy,
.add_to_cart_button,
.overview-item .button {
  font-weight: bold;
  font-style: italic;
  padding: 5px 10px;
  border: 2px solid #007889;
  margin: 15px 0;
  display: inline-block;
  /*width: 55px;*/
  transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  -webkit-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
}

.buy:hover,
.add_to_cart_button:hover,
.overview-item .button:hover {
  color: #fff;
  background-color: #007889;
  text-decoration: none;
}

a.close {
  color: #333;
  background: #e8f6f3;
  padding: 24px 22px;
  font-style: italic;
  display: block;
  margin-bottom: 3px;
  transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -webkit-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
}

a.print {
  color: #333;
  background: #e8f6f3;
  padding: 24px 14px;
  font-style: italic;
  display: block;
  transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -webkit-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
}

a.close:hover,
a.print:hover {
  color: #fff;
  background: #000;
  text-decoration: none;
}

#slider-beitraege h4 {
  margin: 0 0 15px;
}

#slider-beitraege p.author {
  margin: 0;
}

#slider-beitraege .next,
#slider-beitraege .prev {
  font-family: Courier New, Courier, monospace;
}

.carousel-inner {
  margin: 0;
}

.carousel .item,
.carousel-bourdieu .item {
  margin-bottom: 20px;
  position: relative;
}

.slider-beitrag-bilder ul {
  list-style: none;
  margin: 25px 0 0 0;
}

.slider-beitrag-bilder ul li {
  height: 540px;
}

.slider-beitrag-bilder-bild p {
  position: absolute;
  top: 40px;
  left: 0;
  font-family: Courier New, Courier, monospace;
  padding: 5px 10px;
  width: 250px;
  opacity: 0;
  filter: alpha(opacity=0);
}

.carousel-bourdieu .slider-beitrag-bilder-bild p {
  width: auto;
}

.slider-ansichten .slides img {
  /*width: 100%;*/
}

#archive-getter-row {
  position: relative;
}

#infscr-loading {
  position: absolute;
  bottom: 0;
  left: 50%;
  text-align: center;
  width: 50px;
  margin-left: -25px;

  display: none !important;
}

#nav-infinite {
  font-family: Courier New, Courier, monospace;
  margin-bottom: 15px;
}

.single .carousel-inner > li .nano {
  height: 560px;
}

.single .carousel-inner .nano-content {
  /*height: 490px;*/
}

.single .carousel-inner .nano .nano-content p {
  margin: 0;
  padding: 0 0 15px 0;
  max-width: 750px;
}

/* Ausstellung Übersicht
----------------------------------------------- */

.post-type-archive-ausstellungen .zeitschrift-overview-row .overview-item h3 {
  margin: 10px 0 0;
}

.post-type-archive-ausstellungen p.date {
  border-top: 1px solid #ccc;
  padding-top: 12px;
}

/* Ausstellung Single
----------------------------------------------- */

.ausstellung-head {
  margin-bottom: 25px;
}

.single-ausstellungen .site-content h3 {
  font-weight: normal;
  margin: 0;
}

.ausstellung-info {
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
}

.ausstellung-text {
  -moz-column-count: 2;
  -moz-column-gap: 1em;
  -webkit-column-count: 2;
  -webkit-column-gap: 1em;
}

.nav-tabs a span,
.nav-tabs a i {
  text-indent: -9999px;
  background: #fff;
  border: 1px solid #000;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  margin-top: 3px;
  display: inline-block;
  transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -webkit-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
}

.nav-tabs a:hover span,
.nav-tabs a:hover i {
  background: #000;
}

.slider-ausstellungen,
.page-template-about-php .slider-ansichten {
  position: relative;
}

.slider-ausstellungen .slides {
  list-style: none;
  margin: 0;
}

.slides-count {
  position: absolute;
  bottom: 0;
  right: 0;
  font-family: Courier New, Courier, monospace;
}

.slider-ausstellungen .slides img {
  /*width: 100%;*/
  width: auto;
  max-height: 491px;
}

.slider-ausstellungen .slides p,
.page-template-about-php .slider-ansichten .slides p {
  width: 96%;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  top: 0;
  left: 0;
  font-family: Courier New, Courier, monospace;
}
.slider-ausstellungen .slides .image-text-overlay p,
.page-template-about-php .slider-ansichten .slides .image-text-overlay p {
  top: 0;
  left: 0;
}

.test-material .slides > li {
  margin-right: 10px;
}

.single-ausstellungen h4 {
  font-weight: normal;
}

.kooperationspartner img {
  margin-bottom: 15px;
}

/* Bücher Overview
----------------------------------------------- */

.post-type-archive-buecher .overview-item-img img {
  position: absolute;
  bottom: 0px;
}

.post-type-archive-buecher .overview-credits {
  bottom: 10px;
  top: initial;
}

/* Bücher Single
----------------------------------------------- */

.site-content h3.author {
  font-size: 16px;
  font-style: italic;
}

.single-buecher .alignnone {
  left: -400px;
  position: absolute;
  width: 370px;
}

/* Bücher Single
----------------------------------------------- */

p.credits {
  font-size: 12px;
  margin-top: 8px;
}

/* Share/Meta-Row
----------------------------------------------- */

.share {
  float: left;
}

.share li {
  margin: 0 8px;
}

.nav-post {
  /*font-family: Courier New, Courier, monospace;*/
}

.nav-post .post-prev {
  margin-right: 15px;
}

.nav-post a {
  font-family: Courier New, Courier, monospace;
  display: inline-block;
  transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}

.nav-post a:hover {
  /*margin-left: 5px;*/
}

/* Default Page Template
----------------------------------------------- */

.page-template-default .site-content .content h3 {
  margin-top: 25px;
  margin-bottom: 15px;
}

/* Pierre Bourdieu
----------------------------------------------- */

.page-template-fotoarchiv-pierre-bourdieu-php .site-content h2 {
  margin-bottom: 25px;
}

.video-section {
  margin-bottom: 30px;
}

.carousel-bourdieu {
  position: relative;
}

.manual-pager {
  position: absolute;
  left: 0;
  bottom: 0;
}

.manual-pager a {
  display: inline-block;
}

/* Shop
----------------------------------------------- */

ul.products {
  list-style: none;
  /*margin: 0;*/
}

.woocommerce_message {
  background: #e8f6f3;
  margin-bottom: 15px;
}
.span12.woocommerce_message {
  margin-bottom: 0;
}

.woocommerce_message p {
  padding: 10px 15px;
  margin: 0;
}

.woocommerce_message a {
  float: right;
  font-family: Courier New, Courier, monospace;
}

.product-gallery-wrap {
  margin-top: 10px;
}

/* Suche
----------------------------------------------- */

.search .page-title span {
  font-weight: normal;
  font-style: italic;
}

.search h4.category {
  font-size: 16px;
  font-style: italic;
  font-weight: normal;
}

/* Newsletter
----------------------------------------------- */

.form-submit input[type="submit"],
.submit-wrap input[type="button"],
.form-newsletter input[type="submit"] {
  font-weight: bold;
  font-style: italic;
  padding: 5px 10px;
  border: 2px solid #007889;
  background: #fff;
  color: #007889;
  margin: 15px 0;
  display: inline-block;
  transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  -webkit-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
}

.nf-form-content input[type="email"] {
  width: auto;
}

.nf-field-label label {
  visibility: hidden !important;
}

.nf-form-hp {
  position: absolute;
  visibility: hidden;
}

.form-newsletter .success {
  margin-top: 15px;
}

/* Footer
----------------------------------------------- */

.site-footer {
  padding: 150px 0 0;
}

.site-footer h5 {
  font-weight: normal;
}

.site-footer ul.nav {
  float: left;
}

.supporters li {
  margin-right: 40px;
}

.supporters li a {
  text-indent: -9999px;
  display: block;
  opacity: 0.6;
  transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -webkit-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  filter: gray;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}

.supporters li a:hover {
  opacity: 1;
  -webkit-filter: grayscale(0);
  filter: none;
}

.supporters li.graz {
  padding-top: 11px;
}

.supporters li.graz a {
  width: 95px;
  height: 39px;
  background: url("img/graz-kultur-logo.jpg") top left no-repeat;
  background-size: 100% auto;
}

.supporters li.styria a {
  width: 99px;
  height: 59px;
  background: url("img/stmk-a9-logo.jpg") top left no-repeat;
  background-size: 100% auto;
}

.supporters li.bmuk {
  padding-top: 4px;
}

.supporters li.bmuk a {
  width: 217px;
  height: 56px;
  background: url("img/bmkoes-logo.jpg") top left no-repeat;
  background-size: 100% auto;
  background-position-y: 50%;
}

.site-footer .ss-icon {
  font-size: 32px;
  display: inline-block;
  color: #000;
  transition: color 0.3s linear;
  -moz-transition: color 0.3s linear;
  -webkit-transition: color 0.3s linear;
  -o-transition: color 0.3s linear;
}

.social-links {
  float: right;
  margin-top: 40px;
}
.social-links a {
  display: block;
}

.facebook-page {
  margin-bottom: 0.6rem;
}

.instagram-logo {
  width: 32px;
  display: inline-block;
  vertical-align: sub;
}

.icon-text {
  font-size: 12px;
  color: #333;
  display: inline-block;
  margin-left: 10px;
  line-height: 14px;
}

.instagram-page .icon-text {
  margin-left: 7px;
}

.facebook-page:hover .ss-icon {
  color: #007889;
}

.instagram-page:hover {
  text-decoration: none;
}

.instagram-page svg path, .instagram-page svg circle{
  fill: #000;
  transition: fill 0.3s linear;
  -moz-transition: fill 0.3s linear;
  -webkit-transition: fill 0.3s linear;
  -o-transition: fill 0.3s linear;
}

.instagram-page:hover svg path, .instagram-page:hover svg circle {
  fill: #007889;
}

#top {
  position: fixed;
  left: 30px;
  bottom: 40px;
  z-index: 999;
  color: #000;
  font-style: italic;
  background: #e8f6f3;
  border-radius: 3px;
  padding: 10px 20px;
  transition: background-color 0.1s linear;
  -moz-transition: background-color 0.1s linear;
  -webkit-transition: background-color 0.1s linear;
  -o-transition: background-color 0.1s linear;
}

#top:hover {
  color: #fff;
  background: #000;
  text-decoration: none;
}

.temporary {
  background: #e8f6f3;
  padding-top: 11px;
  padding-bottom: 1px;
  border-radius: 3px;
}

.temporary p {
  text-align: center;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
  margin: 0;
  padding: 0;
}
.slides {
  margin: 0;
  list-style: none;
}
.flexslider .slides > li:first-child {
  display: block;
  -webkit-backface-visibility: visible;
}
.slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
  position: relative;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flex-pauseplay span {
  text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .slides {
  display: block;
}
* html .slides {
  height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
  display: block;
}

.flex-direction-nav {
  float: left;
  list-style: none;
  margin: 5px 0 0 0;
}

.slider-beitrag-bilder {
  margin-bottom: 15px;
}

.slider-beitrag-bilder .flex-direction-nav {
  position: absolute;
  right: 0;
  top: 0;
}

.flex-direction-nav li {
  float: left;
  margin-right: 15px;
}

.slider-beitrag-bilder .flex-direction-nav li {
  margin-right: 3px;
}

.flex-direction-nav li a,
a.left,
a.right {
  font-family: Courier New, Courier, monospace;
  color: #000;
  margin-bottom: 15px;
  display: inline-block;

  /* 23.1.2014 */

  line-height: 12px;
}

.flex-direction-nav li a:hover,
a.left:hover,
a.right:hover {
  text-decoration: none;
}

a.left {
  margin-right: 15px;
}

.flex-direction-nav li a i,
a.left i,
a.right i {
  text-indent: -9999px;
  background: #fff;
  border: 1px solid #000;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  display: inline-block;
  transition: background-color 0.2s linear;
  -moz-transition: background-color 0.2s linear;
  -webkit-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
}

.flex-direction-nav li a:hover i,
a.left:hover i,
a.right:hover i {
  background: #000;
}

.flex-control-nav {
  list-style: none;
  margin: 0;
}

.slider-beitrag-bilder .flex-control-nav {
  margin: 0;
  display: block;
  position: absolute;
  top: 0;
}

.flex-control-nav li {
  display: inline-block;
  margin: 0 4px;
}

.flex-control-nav li a {
  font-family: Courier New, Courier, monospace;
  color: #000;
  cursor: pointer;
  border: 1px solid transparent;
  display: block;
  text-align: center;
  border-radius: 50%;
  font-size: 11px;
  width: 20px;
  height: 20px;
  line-height: 22px;
}

.slider-beitrag-bilder .flex-direction-nav li a {
  background: #e8f6f3;
  padding: 11px 13px 8px;
  display: block;
  font-family: "Times New Roman", Times, serif;
}

.slider-beitrag-bilder .flex-direction-nav li a:hover {
  text-decoration: none;
  background: #000;
  color: #fff;
}

.flex-control-nav li a.flex-active {
  color: #007889;
  border: 1px solid #007889;
}

/* Presse */

.more {
  font-family: Courier New, Courier, monospace;
  -webkit-transition: margin 0.2s linear;
  -moz-transition: margin 0.2s linear;
  -webkit-transition: margin 0.2s linear;
  -o-transition: margin 0.2s linear;
}

.more:hover {
  margin-left: 5px;
  text-decoration: none;
}

.slider-presse {
  position: relative;
}

/* Spinner */

#floatingCirclesG {
  position: relative;
  width: 64px;
  height: 64px;
  -moz-transform: scale(0.6);
  -webkit-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -o-transform: scale(0.6);
  transform: scale(0.6);
  margin: 0 auto;
}

.f_circleG {
  position: absolute;
  background-color: #ffffff;
  height: 12px;
  width: 12px;
  -moz-border-radius: 6px;
  -moz-animation-name: f_fadeG;
  -moz-animation-duration: 1.04s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: linear;
  -webkit-border-radius: 6px;
  -webkit-animation-name: f_fadeG;
  -webkit-animation-duration: 1.04s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: linear;
  -ms-border-radius: 6px;
  -ms-animation-name: f_fadeG;
  -ms-animation-duration: 1.04s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-direction: linear;
  -o-border-radius: 6px;
  -o-animation-name: f_fadeG;
  -o-animation-duration: 1.04s;
  -o-animation-iteration-count: infinite;
  -o-animation-direction: linear;
  border-radius: 6px;
  animation-name: f_fadeG;
  animation-duration: 1.04s;
  animation-iteration-count: infinite;
  animation-direction: linear;
}

#frotateG_01 {
  left: 0;
  top: 26px;
  -moz-animation-delay: 0.39s;
  -webkit-animation-delay: 0.39s;
  -ms-animation-delay: 0.39s;
  -o-animation-delay: 0.39s;
  animation-delay: 0.39s;
}

#frotateG_02 {
  left: 8px;
  top: 8px;
  -moz-animation-delay: 0.52s;
  -webkit-animation-delay: 0.52s;
  -ms-animation-delay: 0.52s;
  -o-animation-delay: 0.52s;
  animation-delay: 0.52s;
}

#frotateG_03 {
  left: 26px;
  top: 0;
  -moz-animation-delay: 0.65s;
  -webkit-animation-delay: 0.65s;
  -ms-animation-delay: 0.65s;
  -o-animation-delay: 0.65s;
  animation-delay: 0.65s;
}

#frotateG_04 {
  right: 8px;
  top: 8px;
  -moz-animation-delay: 0.78s;
  -webkit-animation-delay: 0.78s;
  -ms-animation-delay: 0.78s;
  -o-animation-delay: 0.78s;
  animation-delay: 0.78s;
}

#frotateG_05 {
  right: 0;
  top: 26px;
  -moz-animation-delay: 0.91s;
  -webkit-animation-delay: 0.91s;
  -ms-animation-delay: 0.91s;
  -o-animation-delay: 0.91s;
  animation-delay: 0.91s;
}

#frotateG_06 {
  right: 8px;
  bottom: 8px;
  -moz-animation-delay: 1.04s;
  -webkit-animation-delay: 1.04s;
  -ms-animation-delay: 1.04s;
  -o-animation-delay: 1.04s;
  animation-delay: 1.04s;
}

#frotateG_07 {
  left: 26px;
  bottom: 0;
  -moz-animation-delay: 1.17s;
  -webkit-animation-delay: 1.17s;
  -ms-animation-delay: 1.17s;
  -o-animation-delay: 1.17s;
  animation-delay: 1.17s;
}

#frotateG_08 {
  left: 8px;
  bottom: 8px;
  -moz-animation-delay: 1.3s;
  -webkit-animation-delay: 1.3s;
  -ms-animation-delay: 1.3s;
  -o-animation-delay: 1.3s;
  animation-delay: 1.3s;
}

@-moz-keyframes f_fadeG {
  0% {
    background-color: #000000;
  }

  100% {
    background-color: #ffffff;
  }
}

@-webkit-keyframes f_fadeG {
  0% {
    background-color: #000000;
  }

  100% {
    background-color: #ffffff;
  }
}

/*@-ms-keyframes f_fadeG{
0%{
background-color:#000000}

100%{
background-color:#FFFFFF}

}*/

@-o-keyframes f_fadeG {
  0% {
    background-color: #000000;
  }

  100% {
    background-color: #ffffff;
  }
}

@keyframes f_fadeG {
  0% {
    background-color: #000000;
  }

  100% {
    background-color: #ffffff;
  }
}

.archive-box {
  overflow: hidden;
  height: 366px;
}

.archive-box-large {
  overflow: hidden;
  height: 445px;
}

/* =============================================================================
   Media Queries
   ========================================================================== */

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
  /*.fold {
	position: initial;
	}*/
}

@media (min-width: 768px) and (max-width: 1024px) {
  /* 23.1.2014 */
  html,
  body {
    height: auto;
  }

  #magic-line {
    bottom: 0px;
    height: 2px;
  }

  .navbar .main-navigation ul li a {
    padding: 10px;
    font-size: 13px;
  }

  .fold.notshown .open {
    left: -140px !important;
  }

  .fold .open {
    left: -45px !important;
  }
}

/* Landscape phone to portrait tablet */

@media (max-width: 768px) {
  .languages {
    margin-top: -10px;
    text-align: left;
    padding: 0 15px;
    float: right;
  }

  #menu-top-menue li:after,
  #menu-top-menue-englisch li:after {
    display: none;
    visibility: hidden;
  }

  .nav-collapse .btn {
    padding: 4px 5px 4px;
  }

  .site-header .btn[type="submit"] {
    width: 10%;
  }

  .fold.notshown .open {
    left: -140px !important;
  }

  .fold .open {
    left: -10px !important;
  }
}

@media (max-width: 767px) {
  /* 23.1.2014 */
  html,
  body {
    height: auto;
  }

  #magic-line {
    bottom: 0px;
    height: 2px;
  }

  /*.fold {
	position: initial;
	}*/

  .main-navigation {
    float: none;
  }

  .site-header .btn[type="submit"] {
    float: none;
  }

  .site-header .input-medium {
    opacity: 1 !important;
  }
}

@media (max-width: 979px) {
  .nav-collapse .nav > li > a,
  .nav-collapse .dropdown-menu a {
    font-weight: normal;
    color: #555555;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
  }
}

/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */

.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  *line-height: 0;
}
.ir br {
  display: none;
}
.hidden {
  display: none !important;
  visibility: hidden;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.invisible {
  visibility: hidden;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
.clear {
  clear: both;
}

/* =============================================================================
   Print Styles
   ========================================================================== */

@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  } /* Black prints faster: h5bp.com/s */
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  } /* Don't show links for images, or javascript/internal links */
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  } /* h5bp.com/t */
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }

  .top-navigation,
  #hud {
    display: none;
  }
}

/* POS */
.foe-div {
  display: block;
}

.no-top-margin {
  margin-top: 0;
}

#cookie-notice {
  border-top: 1px solid #000;
}

.post-type-archive-product .woocommerce-LoopProduct-link > h3,
.post-type-archive-product .woocommerce-LoopProduct-link > p {
  color: #000;
}

.post-type-archive-product .woocommerce-LoopProduct-link:hover {
  text-decoration: none;
}

.image-text-overlay {
  position: relative;
}

.image-text-overlay > img {
  float: none;
}

.image-text-overlay > p {
  opacity: 0;
  -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s;

  margin: 0;
  padding: 10px;
  font-family: "Courier New", Courier, monospace;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  overflow-y: auto;
}

.no-touch .image-text-overlay:hover > p,
.has-touch .image-text-overlay--active p {
  opacity: 0.8;
}

.no-js .js-only {
  display: none !important;
}

.cta-popup {
  left: 200vw;
  transition: left .5s;

  padding: 1em 1em;
  border: 2px solid #007889;
  position: fixed;
  bottom: 1em;
  background-color: white;
  z-index: 2;

  width: calc(100% - 2rem);
  box-sizing: border-box;
}

.cta-popup--open {
  left: 1em;
}

@media only screen and (min-width: 500px) {
  .cta-popup {
    max-width: 400px;
  }
}

.no-localstorage .cta-popup {
  display: none !important;
}

.cta-popup__container {
  position: relative;
  width: 100;
  height: 100;
}

.cta-popup__subject {
  margin-top: -0.2em;
}

.cta-popup__button {
  background: #E8F6F3;
  border: none;
  padding: 10px 15px;
  color: black;
  cursor: pointer;
  margin-top: 0.4em;
  display: inline-block;
}

.cta-popup__button:hover {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.cta-popup__close {
  display: inline-block;
  position: absolute;
  right: 1em;
  top: 1em;
  font-size: 2em;
  right: 0.6em;
  top: 0.5em;
  font-size: 1.4em;
}

.cta-popup__close:hover {
  color: #007889;
  cursor: pointer;
}

.price-magazine-subscription p {
  display: inline;
}

.price-magazine-subscription .button-magazine-subscription {
  margin-top: 0;
}

@media only screen and (min-width: 768px) and (max-width: 980px) {
  .single-product .variations .label, .single-product .variations .value {
    display: block;
  }
}