/* Helpers */
/*
 * helpers.css
 * Version: 1.1.0 (2017)
 * by Stephan Schlegel
 * provides useful classes for common purposes
 */
a:active, a:focus {outline: none;}
.nowrap{
  white-space: nowrap;
}
.no-opacity {
    opacity: 0;
}

main{
  /* hyphens only in main body section */
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
.full-width{
  width: 100%;
  min-width: 100%;
  height: auto;
}

/* Custom Dschän*/

#edit-page {
	/* the edit page link that appears when page is editable */
	position: absolute;
	top: 10px;
	right: 10px
}


#offcanvas-nav .uk-search-input {
	width: 100%;
}

img.uk-comment-avatar {
	width: 60px;
	height: 60px;
}

/****************************************************************
 * Bodycopy text and images
 *
 */

.align_left {
	/* for images placed in rich text editor */
	float: left;
	margin: 0 1em 0.5em 0;
	position: relative;
	top: 0.5em;
	max-width: 50%;
}

.align_right {
	/* for images placed in rich text editor */
	float: right;
	margin: 0 0 0.5em 1em;
	max-width: 50%;
}

.align_center {
	/* for images placed in rich text editor */
	display: block;
	margin: 1em auto;
	position: relative;
	top: 0.5em;
}

/* Photoswipe Gallery */
.pwpswp-gallery{
    /* align-content: space-around; */
    /* text-align: center; */
}
.pwpswp-gallery figure {
	margin: 1em 1em;
	margin: 1%;
	/* background: dimgrey; */
	flex: 23%;
	align-content: center;
	text-align: center;
}

figure img {
	/* display: table-row; */
	/* margin-bottom: 0.5em; */
}

figure figcaption {
	/* display: table-row; */
	font-size: smaller;
	/* color: #777; */
	/* line-height: 1.4em; */
}

/*********************************************************************
 * Media queries for responsive layout
 *
 */

@media only screen and (max-width: 767px) {
	/* mobile layout */

	.align_left, .align_right, .align_center {
		display: block;
		float: none;
		margin: 1em auto;
		max-width: 100%;
	}
}

@media only screen and (max-width: 959px) {
	#masthead {
		/*padding-bottom: 20px;*/
	}


}
/* special elements */
.sticky-flags{
  top: 50%;
  right: 0;
}
.sticky-flag{
  margin: 3px 0 3px 3px;
  background: #000;
}
/* helpers */
.table{display: table;}
.table-row{display: table-row;}
.table-cell{display: table-cell;}
.box-shadow-remove{
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
}
