/* Custom */

#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;
}
a:active, a:focus {outline: none;}

/*********************************************************************
 * 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;*/
	}
}
/* media queries end */

/* uikit mods */
/* width modifiers */

/* if boxed section safe some space
 * if you don't want that use .expand
 */
.boxed .container.xs,
.boxed .uk-container-xsmall {
  max-width: 750px;
}

.boxed .container.s,
.boxed .uk-container-small {
  width: 900px;
}

.boxed .container.l,
.boxed .uk-container-large {
  width: 1600px;
}

.boxed .container.expand,
.boxed .uk-container-expand {
  max-width: none;
}

.boxed .container.xs,
.boxed .uk-container-xsmall,
.boxed .container.s,
.boxed .uk-container-small,
.boxed .container.l,
.boxed .uk-container-large {
  max-width: calc(100% - 60px);
}



/* special elements */
.sticky-flags{
  top: 50%;
  right: 0;
}
.sticky-flag{
  margin: 3px 0 3px 3px;
  background: #000;
}