@import url('reset.css');
@import url('fonts.css');

html, body {
	height:100%;
	font-weight: 400;
}

body {
	font-family: 'ingra';
	overflow-y: scroll;
	background: #F7F7F0;
	/*letter-spacing: 0.5px;*/
	letter-spacing: 0.25px;
		color: #EFEEE7;
}

.no-select {
	-webkit-user-select: none; /* Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+/Edge */
	user-select: none; /* Standard */
}

body.frontpage {
  background-color: #EFEEE7;
}

h1, h2, h3, h4, h5 ,h6 {
	font-weight: 500;
	margin-bottom: 20px;
}

p {
	line-height: 1.25em;
	margin-bottom: 1em;
}

p:last-child {
	margin-bottom: 0;
}

strong {
  font-weight: bold;
}


h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.2em;
}

.block-title {
	border-bottom: none;
	padding-bottom: 5px;
	color: #638603;
}

.block-title:first-letter {
	text-transform: uppercase;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

#museum-header {
	height: 125px;
	width: 100%;
	background: #dfcfb5 url(../images/moh-small-header.jpg) center bottom no-repeat;
	overflow: hidden;
	display: none;
}

#wall-items .block-title,
.block-title.black {
	color: #638603;
}

.media-form-image-preview {
	width: 150px;
}

.extra-comment-field{
	display: none;
}
/*
#museum-header nav {
	width: 960px;
	height: 125px;
	position: relative;
	margin: 0 auto;

}

#museum-header span {
	color:white;
	display:block;
	padding:10px;
}

#museum-header nav div {
	display: block;
	height: 28px;
	width: 200px;
	position: absolute;
	top: 42px;
}

#museum-header div.home-link {
	top: 10px;
	left: 10px;
	height: 80px;
	width: 170px;
}

#museum-header div.visit-link {
	left: 215px;
	width: 53px;
}

#museum-header div.exhibitions-link {
	left: 285px;
	width: 140px;
}

#museum-header div.events-link {
	left: 435px;
	width: 220px;
}

#museum-header div.about-link {
	left: 665px;
	width: 110px;
}

#museum-header div.store-link {
	left: 790px;
	width: 60px;
}

#museum-header div.contact-link {
	left: 860px;
	width: 110px;
}

*/

.wrapper {
	width: 100%;
	max-width:940px;
	margin:0 auto;
  position:relative;
}

.shadowed {
  /* box-shadow: 5px 5px 5px rgba(0,0,0,0.5); */
}

.main-content {
	padding: 20px 20px 20px 20px;
}


/* gradients */

.gradiented {
	/*
	background: transparent -moz-linear-gradient(-45deg, #80B4B8 0px, #80B4B8 20%, rgba(255, 247, 213, 0.8) 40%, rgba(255, 247, 213, 0.7) 100%) repeat fixed 0% 0%;
	background: transparent -webkit-linear-gradient(-45deg, #80B4B8 0px, #80B4B8 20%, rgba(255, 247, 213, 0.8) 40%, rgba(255, 247, 213, 0.7) 100%) repeat fixed 0% 0%;
	background-image: linear-gradient(to top left, #80B4B8 0px, #80B4B8 20%, rgba(255, 247, 213, 0.8) 40%, rgba(255, 247, 213, 0.7) 100%) repeat fixed 0% 0%;
	background-attachment: fixed;
	*/
}

/* links */

a {
	color:#C72E00;
	text-decoration: none;
}

a.active {
	text-decoration: underline;
}

/* HEADER */

#header {
	z-index: 10;
	top:0;
	margin-bottom: 0px;
}

#inner-header {
	width: 900px;
	margin: 0 auto;
	height: 50px;
	padding:0;
}

#header ul#main-menu,
#header ul#user-menu {

}

#inner-header {
	padding: 10px 0 0 0;
}

#header ul#user-menu {
	float: right;
}

#header ul#main-menu li,
#header ul#user-menu li {
	display: block;
	float: left;
	text-transform: uppercase;
	margin-right: 10px;
}

#header ul#main-menu li a,
#header ul#user-menu li a {
	display: block;
	margin:5px 15px;
	font-size: 18px;
	height: 20px;
	font-weight: 500;
	/* border-radius: 0 0 20px 20px; */
}

#header ul#main-menu li:first-child {
  margin-left: 0 ;
}

#header ul#user-menu li:last-child {
  margin-right: 0;
}

#header ul#main-menu li a.active,
#header ul#user-menu li a.active {
	/*background: #393939; */
	text-decoration: none;
	/* color:white; */
	/*box-shadow: 4px 4px rgb(150,150,150);	*/
	border-bottom: 2px solid #393939;
}

#header ul#user-menu li a span.active-language {
    background: #393939;
    border-radius: 0;
    padding: 0 5px;
}


/* highlights */

#highlights {
	width: 100%;
	padding: 20px 0;
	/* background: #393939; */
	background: #393939;
	/*box-shadow: 4px 4px 0px rgb(150,150,150);*/
	position: relative;
	opacity: 0.25;
	transition: .5s;
	height: 400px;
}

#highlights.loaded {
	opacity: 1;
}

#highlights-counter {
  position: absolute;
  top: -40px;
  right: 10px;
  color: white;
  z-index: 5000;
  /*color: #EFEEE7;*/
  color: #638603;
  font-size: 18px;
  font-weight: 500;
}

#highlights-inner {
	width: 100%;
	height: 100%;
	overflow: hidden;
	font-size: 0;
}

#highlights-prev {
	position: absolute;
	left: 0;
	top: 0px;
	bottom: 0;
	width: 40px;
	background-image: url(icons/left.png);
	background-position: center center;
	background-size: 25px;
	background-repeat: no-repeat;
  background-color: rgba(10,10,10,0.75);
  background-color: transparent;
	cursor: pointer;
	transition: .25s;
	z-index: 1500;
}

#highlights-next {
	position: absolute;
	right: 0;
	top: 0px;
	bottom: 0;
	width: 40px;
	background-image: url(icons/right.png);
	background-position: center center;
	background-size: 25px;
	background-repeat: no-repeat;
  background-color: rgba(10,10,10,0.75);
  background-color: transparent;
  z-index: 1500;
	cursor: pointer;
	transition: .25s;
}

#highlights-next.click,
#highlights-prev.click {
	/*background-color: rgba(204, 210, 183, 0.62);*/
}


#highlights .block-title {
	margin: 0;
	padding: 15px 10px;
	border: none;
	height: 24px;
}

/*
#highlights-outer {
  position: relative;
}

#highlights-slideshow {
	height: 400px;
	width: 9999px;
	position: relative;
	transition: .5s;
	left: 40px;
	letter-spacing: 0;
	padding: 0 0 0px 0;
}

#highlights-slideshow a {
	display: inline-block;
	height: auto;
	overflow: hidden;
	vertical-align: middle;
}
*/

.slick-slide {
	opacity: 0.2;
	transition: opacity 0.2s;
	color: #EFEEE7;
	margin: 0 10px;
}

.slick-slide .wall-item-submitted {
	font-size: 12px;
	color: #EFEEE7;
}

.slick-slide.slick-center {
	opacity: 1;
}

.highlights-slide {
	position: relative;
}

.highlights-slide.video:after {
	display: block;
	content: "";
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background-image: url(icons/video-icon-ytversion.svg);
	background-repeat: no-repeat;
	background-size: 50px 50px;
}

/*
#highlights-slideshow a img {
	opacity: 0.3;
	transition: .4s;
}

#highlights-slideshow a.slide-current img {
  opacity: 1;
}
*/
.highlights-slide img {
	height: 400px;
	width: auto;
}
.highlights-slide .highlights-slide-info {
	position: absolute;
	background: rgba(56, 56, 56, 0.9);
	width: calc(100% - 20px);
	padding: 10px 10px 10px 10px;
	opacity: 0;
	transition: .25s;
	position: absolute;
	bottom: 0;
	margin: 0;
	z-index: 1000;
}

.highlights-slide .highlights-slide-info:after {
	position: absolute;
	display: block;
	content: "+";
	top: 10px;
	right: 10px;
	height: 40px;
	width: 40px;
	background: #FF2630;
	color: white;
	font-size: 24px;
	line-height: 40px;
	text-align: center;
	border-radius: 40px;
	display: none;
}

.slick-current .highlights-slide:hover .highlights-slide-info {
	opacity: 1;
}

.highlights-slide .wall-item-date,
.highlights-slide .wall-item-summary {
	color: #EFEEE7;
	margin: 0;
	padding: 0;
}

h3.slide-title {
	margin: 0 0 5px 0;
	font-size: 20px;
	color: #638603;
}

.highlights-slide .wall-item-date {
	font-size: 10px;
	margin: 0 0 10px 0;
}

.slide-navigation {
	position: absolute;
	width: 100%;
	bottom: 10px;
	text-align: center;
}

.slide-navigation-dot {
	width:10px;
	height: 10px;
	background: white;
	display: inline-block;
	margin:5px;
	/* border: 1px solid #373737; */
	/*box-shadow: 2px 2px 0 rgba(0,0,0,1);*/
	cursor: pointer;
}

.slide-navigation-dot.active {
	background: #393939;
}
/*
h3.slide-title {
	position: absolute;
	width: 100%;
	background: rgba(0,0,0,0.5);
	z-index: 10;
	padding:15px;
	color:white;
	top:-50px;
	transition:0.50s;
	-moz-transition: 0.50s;
	-webkit-transition: 0.50s;
}

#highlights:hover h3.slide-title {
	top:0;
}
*/
/* about */

#about {
	width: calc(100% - 30px);
	padding: 15px;
	background: #393939;
	color: #EFEEE7;
	margin: 0 0 10px 0;
	/*box-shadow: 4px 4px 0px rgb(150,150,150);*/
	position: relative;
}

.border-radius-top {
	overflow: hidden;
	border-radius: 4px 4px 0 0;
}

.border-radius-bottom {
	overflow: hidden;
	border-radius: 0 0 2px 2px;
}

.border-radius-top.border-radius-bottom {
	border-radius: 4px;
	overflow: hidden;
}

#about a {
}

/* latest items */

#wall-items {
	margin-top: 20px;
	width: 100%;
	max-width:900px;
	clear:both;
	overflow: hidden;
}

#wall-items-holder, .wall-items-holder {
	width: calc(100% + 20px);
	max-width: 920px;
}

#wall-items.user-profile #wall-items-holder {
	padding: 0 0 100px 0;
}

.wall-item {
	width:210px;
	float: left;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.3);
}

#wall-items .wall-items-holder.album-items .wall-item {
	width: 105px;
}


@media (max-width: 940px) {
	#wall-items .wall-item {
		width: calc(33.333333333% - 20px);
	}
}

@media (max-width: 670px) {
	#wall-items .wall-item {
		width: calc(50% - 15px);
		margin: 0 10px 10px 0;
	}

	#wall-items .wall-items-holder.album-items,
	#wall-items .block-title.block-title-smaller {
		display: none;
	}

}

@media (max-width: 374px) {
	#wall-items .wall-item {
		width: calc(100% - 20px);
	}
}




#collection-image-wrapper {
	margin: 0 0 10px 0;
}

#collection-image-wrapper h2.block-title {
	font-size: 18px;
}

#collection-image-wrapper-header {
	background: #393939;
	padding: 15px;
	display: none;
}

#collection-image-wrapper-header .block-title,
#collection-image-wrapper.album .block-title {
	border: none;
	margin: 0 0 5px 0;
	width: calc(100% - 30px);
}

#collection-image-wrapper-header p.meta {
	margin: 0 0 5px 0;
}



.wall-item {
	margin-bottom: 20px;
	margin-right: 20px;
	background: white;
	background: white;
	padding: 0 0 0 0;
	overflow: hidden;
	border-radius: 4px;
	color: #0a0a0a;
}

#wall-items.user-profile .wall-item {
	overflow: visible;
}


.wall-item.fourth {
	margin-right: 0;
}

.wall-item-image {
	width:100%;
	overflow: hidden;
}

.wall-item.video .wall-item-image:after {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 50px;
	height: 50px;
	background-image: url(icons/video-icon-ytversion.svg);
	background-repeat: no-repeat;
	background-size: 50px 50px;
	opacity: 0.75;
	content: "";
}

#wall-items-holder .wall-item-image,
#favourite-wall-items-holder .wall-item-image {
	margin-bottom: 12px;
	overflow: hidden;
	border-radius: 4px 4px 0 0;
}

.wall-item-image img {
	width: 100%;
	height: auto;
	display: block;
	/* box-shadow: 0px 0px 5px rgba(0,0,0,0.5); */
}

.wall-item-title {
	padding:0 10px;
	margin-bottom: 5px;
	font-size: 16px;
}

.wall-item-title a {
	color: #638603;
}

.wall-item-title, .wall-item-image {
	cursor: pointer;
}

body.album-show .wall-item-date, body.medium-show .wall-item-date {
	font-size: 15px;
	display: inline-block;
}

body.album-show .meta, body.medium-show .meta {
	margin-top: 3px;
	font-size: 15px;
}

body.album-show .credits, body.medium-show .credits {
	font-size: 15px;
}

body.album-show .wall-item-meta, body.medium-show .wall-item-meta {
	display: inline-block;
	font-size: 15px;
}

body.album-show p.description, body.medium-show p.description {
	margin-top: 10px;
}

.wall-item .wall-item-date,
.wall-item .wall-item-meta {
	padding:0 10px;
	margin-bottom: 10px;
	font-size: 10px;
}

.wall-item-summary {
	padding:0 10px;
	margin-bottom: 10px;
	font-size: 14px;
	/* box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.1); */
}

.wall-item-actions {
	margin-bottom: 10px;
	padding-top: 0;
	height: 40px;
}

.wall-item-preview {
	cursor: pointer;
}

.wall-item-preview .wall-item-actions {
	padding-left: 10px;
}

#about .wall-item-actions .comments-num {
	width: 250px;
}

.wall-item-actions .comments-num span {
	float: right;
	margin-right: 12px;
	font-size: 10px;
}

.wall-item .wall-item-actions .comments-num {
	margin-right: 10px;
}


.wall-item-actions .share-facebook,
.wall-item-actions .share-twitter,
.wall-item-actions .share-pinterest {
	width:30px;
	height:30px;
	background-size: 90px;
	background-image: url(icons/share.svg);
	float: left;
	cursor: pointer;
	margin: 0 5px 0 0;
}

.wall-item-actions .share-facebook {
	width:30px;
	height:30px;
	margin-left: -10px;
}

.wall-item-actions .share-twitter {
	width:30px;
	height:30px;
	background-position: -30px 0;
}

.wall-item-actions .share-pinterest {
	width:30px;
	height:30px;
	background-position: -60px 0;
}

.flag {
	font-size: 12px;
	font-weight: normal;
}
.wall-item-actions .flag {
	/*clear: both;
	height: 20px;
	background: transparent url(icons/flag.svg) no-repeat right center;
	background-size: 20px;
	padding-right: 25px;
	margin-top: 20px;
	float: right;
	font-size: 15px;
	line-height: 20px;
	text-align: right; */
	float: right;
	/*display: none;*/
}

#favourite-wall-items {
	margin-top: 20px;
	width: calc(100% + 20px);
	clear:both;
}

.wall-item-actions .favourite {
   clear: both;
   height: 20px;
   background-size: 20px;
   padding-right: 25px;
   margin-top: 20px;
   float: right;
   font-size: 12px;
   line-height: 20px;
   text-align: right;
}

.favourite{
   	background: transparent url(icons/favourite.svg) no-repeat right center;
	cursor: pointer;
}

.wall-item-actions .favourite_active {
	clear: both;
	height: 20px;
	background-size: 20px;
	padding-right: 25px;
	margin-top: 20px;
	float: right;
	font-size: 12px;
	line-height: 20px;
	text-align: right;
}

.favourite_active{
	background: transparent url(icons/favourite_active.svg) no-repeat right center;
}

/* upload button */

a#upload-button {
	background: url(icons/upload.svg) rgba(128,180,184,0.5) no-repeat center center;
	background-size: 100px;
	width:75px;
	height: 75px;
	font-size: 22px;
	border-radius: 100px;
	padding:50px;
	text-align: center;
	vertical-align: bottom;
	margin: 50px 100px 50px 100px;
	/*box-shadow: 0 0 15px rgba(0,0,0,0.2);*/
	line-height: 120px;
	display: block;
}

#upload-button span {
	vertical-align: middle;
	margin-top:25px;
	display: inline-block;
}

/* FILTER & FORMS */

#wall-items-filters {
	float: left;
	width:470px;
	padding: 15px;
	/* background: #393939; */
	background: #393939;
	/*box-shadow: 4px 4px 0px rgb(150,150,150);*/
}

#wall-items-filters .block-title:after {
 	height: 21px;
  width: 29px;
	background: transparent url(icons/search.svg);
	background-size: 30px;
	content:"";
	display: inline-block;
	margin-left: 5px;
	display: none;
}

#wall-items-filters div.description {
	margin: 0 0 10px 0;
}

.form-select {
	display: inline-block;
	margin:0 20px 20px 0;
	position: relative;
	opacity: 1.0;
	transition:0.25s;
	-moz-transition:0.25s;
	-webkit-transition:0.25s;
}

#wall-items-filters div.form-select:nth-child(2n) {
	margin-right: 0;
}

.form-select {
	height: 48px;
	user-select: none;

}

.form-select select:disabled {

}

.styled-select {
	width: 238px;
	overflow: hidden;
	/*box-shadow: 0 0 15px rgba(0,0,0,0.2);*/

	background-size: 15px;
	border-radius: 5px;
	transition:0.25s;
	-moz-transition:0.25s;
	-webkit-transition:0.25s;

}

.styled-select-new .chosen-container-single .chosen-single div {
	width: 23px;
}

.styled-select-new .chosen-container-single .chosen-single div b {
	background: url(icons/select-arrow-black.svg) no-repeat 0px	center;
	background-size: 15px;
}

.styled-select:hover {
	/*box-shadow: 0 0 15px rgba(0,0,0,0.4);*/
}

.styled-select-new {
	width: 238px;
}

.chosen-container .chosen-results li {
	padding: 5px 8px;
	font-size: 14px;
}

.chosen-container.chosen-with-drop .chosen-results {
	pointer-events: none;
}

.chosen-container.chosen-with-drop .chosen-results {
	pointer-events: all;
}

/* hide oldschool select boxes */

@media (min-width: 640px) {
	#area,
	#sort-by {
	  display: none;
	}
}

.hidden {
	opacity: 0.4;
}

.really_hidden {
    display: none;
}

label {
	margin-bottom: 5px;
	display: block;
	font-weight: normal;
}

label:first-letter {
	text-transform: capitalize;
}

.form-select label {
	display: block;
}


form input.form-submit,
form input.form-cancel {
	cursor: pointer;
	border:none;
	float: right;
	display: block;
	background: #C72E00;
	border-radius: 4px;
	color: white;
	padding: 10px;
	display: inline-block;
	cursor: pointer;
	font-weight: normal;
	font-size: 16px;
	margin: 0 0 10px 0;
	transition: .25s;
	-webkit-appearance: none;
}


form input.form-cancel {
	background: #666;
}

.text-and-submit {
  font-size: 0;
  letter-spacing: 0;
  height: 30px;
  margin: 0 0 10px 0;
}

.text-and-submit input.form-submit,
.text-and-submit .form-text {
  float: none;
  display: inline-block;
  vertical-align: middle;
}

.text-and-submit .form-text {
  width: 100%;
}

.text-and-submit input.form-submit {
  height: 32px;
  /*border-radius: 0 2px 2px 0;*/
  margin: 0 0 0 5px;
  line-height: 0px;
  float: right;
}

form input.form-cancel {
	float: left;
}

span.add-tag,
span.remove-tag,
a.form-button {
	display: block;
	background: #C72E00;
	color:white;
	cursor: pointer;
	border:none;
	display: inline-block;
	padding: 5px;
	border-radius: 4px;
	margin-left: 5px;
	font-size: 16px;
	height: auto;
	text-align: left;
	/*box-shadow: 0 0 15px rgba(0,0,0,0.2);*/
	vertical-align: top;
}

a.populate-credit {
  background: transparent;
  color: #C72E00;
  padding: 0;
  margin: 0;
  font-size: 14px;
  position: absolute;
  right: 0;
  bottom: 0;
  height: auto;
}

.form-tag input.form-text {
  width: 50%;

}

div.form-tag {
	margin-bottom: 10px;
}

form input.form-submit:hover {
	opacity: 0.8;
}

form .label-wrapper {
	margin-bottom: 5px;
	position: relative;
}

form .label-wrapper label {
	margin-top: 8px;
}

form#register {
	position: relative;
}

form#register input.form-submit {
	float: none;
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 0;
}

/* IMAGE, SINGLE */

#collection-image-wrapper {
	width:100%;
	background: #393939;
}

#collection-image-wrapper img,
#collection-image-wrapper video {
	/*width:calc(100% - 30px);
	height: auto;*/

	height: auto;
	width: auto;
	max-height: 410px;
	max-width: 100%;
	display: block;
  margin: 0 auto 0 auto;
}

body.medium-show #about .wall-item-date {
	padding:0;
}

body.medium-show #about h2 {
	margin-bottom: 10px;
}

#bpopup {
	display: none;
	width: 80%;
	height: 80%;
	text-align: center;
}

#bpopup.fs-open {
	display: block;
}

#bpopup img {
	max-width: 100%;
	max-height: 100%;
}


/* upload form */

form label {
	display: block;
}

form input.form-text {
	border: none;
	width: 99%;
	width: calc(100% - 2px);
	height: 30px;
	text-indent: 5px;
	font-size: 14px;
	border: 1px solid #EFEEE7;
	border-radius: 4px;
	color: #EFEEE7;
	background: transparent;
	font-weight: 300;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

form input.form-text.error, select.error, form .form-textarea textarea.error {
	border-color: #CC3333;
}

form .form-textarea textarea {
	border: none;
	background: transparent;
	border: 1px solid #EFEEE7;
	color: #EFEEE7;
	width: 97%;
	width: calc(100% - 10px);
	padding: 5px;
	resize: none;
	height: 80px;
	font-size: 14px;
	font-family: 'ingra';
	font-weight: 300;
	border-radius: 4px;
}

form.upload-form .form-textarea textarea {
  width: 100%;
  width: calc(100% - 14px);
}

#media-info form .form-textarea textarea,
#media-info form input.form-text
/*#upload-form-wrapper .form-textarea textarea,
#upload-form-wrapper input.form-text */{
  border-color: #393939;
  color: #393939;
}

#media-info p.description {
	max-width: calc(100% - 130px);
}

label.error {
	margin-top:10px;
	color: #CC3333;
}

#upload-form-wrapper #step2,
#upload-form-wrapper #step3,
#upload-form-wrapper #step4 {
	margin-top:20px;
	display: block;
}

#upload-form-wrapper step .content{
	max-height: 0px;
	overflow: hidden;
	-webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

#upload-form-wrapper step .content.visible{
	max-height: 1000px;
	display: block;
}

#upload-form-wrapper step .batch-content.visible{
    display: block;
}

form .description {
	font-size: 13px;
	margin: 5px 0 20px 0;
}

form div.form-select {
	margin-bottom: 10px;
}

/* log in / create */

#account {
	width: 500px;
	float: none;
}


label[for=terms-check] {
	display: inline;
}


/* filter form */

#filter-form .form-select {
	margin-bottom:15px;
}

#filter-form input.form-text {
	/* background: rgba(0, 0, 0, 0.5); */
	background:transparent;
	border:1px solid #EFEEE7;
	/* border-radius: 5px; */
	height: 28px;
	color: #EFEEE7;
  width: calc(100% - 2px);
	/* box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); */
}

#filter-form div.form-text {
  width: calc(100% - 100px);
}


.community-container.hidden {
	display: none;
}

#account .form-item {
}

.form-pane {
	margin-bottom: 20px;
}

img#preview {
  height: auto;
  margin: 10px 0;
  width: 100px;
}

/*div.next,
.upload-form input.form-submit  {
	text-align: right;
	cursor: pointer;
	font-size: 18px;
	background: rgba(0,0,0,1);
	color:white;
	border:none;
	float: right;
	display: block;
	padding:5px 5px;
	border-radius: 5px;
	text-align: left;
}
*/
.upload-form.loading input.form-submit {
	display: none;
}

.upload-form .uploading-file {
	display: none;
  float: right;
}

.upload-form.loading .uploading-file {
	display: block;
}

.upload-form h2 {
	cursor: pointer;
}

.upload-form .form-select {
	height: 24px;
}


.upload-form .form-select.license {
	width: 100%;
}


/* INT WALL */

/* INTERACTIVE WALL STUFF */

#interactive-wall {
	position: relative;
	left: 0;
	width: 100%;
	height: 300px;
	overflow: hidden;
}

/* LOGO ON INT WALL */

#interactive-wall:after {
	display: block;
	width: 300px;
	height: 95px;
	position: absolute;
	right: 20px;
	top: 20px;
	background: transparent url("icons/vaeggen_logo.png");
	background-size: 300px 95px;
	content: "";
}

body.interactive-wall-enabled #interactive-wall {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#interactive-wall #background img {
	width: 100%;
	height: 300px;
	position: absolute;
	max-height: 300px;
	min-height: 300px;
}

#interactive-wall #mountains img {
	width: 120%;
	height: auto;
	position: absolute;
	max-height: 600px;
	min-height: 200px;
	top:-150px;
	opacity: 0.3;
}

body.interactive-wall-enabled #mountains img {
	width: 120%;
	height: auto;
	position: absolute;
}

#interactive-wall .int-img {
	position: absolute;
	width: 300px;
	bottom:-10px;
	left:100px;
}

#interactive-wall .int-img img {
	opacity: 0.75;
	width: 100%;
	transition:0.25s;
	-webkit-transition:0.25s;
	-moz-transition:0.25s;
}


#interactive-wall .int-img img:hover {
	opacity: 1;
}

.wall-item-tags {
	margin: 20px 0;
}



/*.wall-item-tags ul:before {
	content:"Tags:";
	margin-right: 5px;
	font-size: 15px;
}*/

.wall-item-tags ul {
	font-size: 0;
}

.wall-item-tags ul li {
	display: inline-block;
}

.wall-item-tags ul li:first-child:before {
	display: inline-block;
	font-size: 15px;
	margin-right: 5px;
}




.wall-item-tags ul li a {
	color: #393939;
	background: #cfd0c6;
	padding: 5px 7px;
	margin: 0 5px 5px 0;
	font-size: 15px;
	border-radius: 4px;
	transition: .15s;
	display: inline-block;
}

.wall-item-tags ul li a:hover {
	background: #999a8e;
}

/*

.wall-item-tags ul li:after {
	content:",\00a0";
}

.wall-item-tags ul li:last-child:after {
	content:"";
}
*/

h3.comments-h3 {
	font-weight: 500;
}

.wall-item-comments {
}

.wall-item-comments h3 {
	padding-top: 10px;
}

.wall-item-comments .comment {
	margin-bottom: 20px;
	font-size: 16px;
	padding: 10px 0;
	border-bottom: 1px solid #393939;
	/*box-shadow: -2px 2px 0 0px rgba(0, 0, 0, 0.3);*/
}


.wall-item-comments .comment:first-child {
	border-top: 1px solid #393939;
}

.wall-item-comments .comment span.comment-submitted {
	margin-bottom: 10px;
	display: block;
	font-size: 12px;
}

a.comments-add {
	margin: 0 0 10px 0;
	display: inline-block;
	padding: 10px;
	border-radius: 4px;
	font-weight: normal;
	background: #C72E00;
	color: white;
	transition: .25s;
	font-size: 16px;
}

a.comments-add:before {
	content: "+ ";
}

a.comments-add.show-form {
	opacity: 0.5;
}

a.comments-add.show-form:before {
	content: "- ";
}

.comment-received {
	font-weight: bold;
	padding: 20px 0;
	display: none;
}

form.new-comment {
	margin: 0 0 20px 0;
}

/* register */
#account, #album {
	float:none;
	width:500px;
}

#album {
	background: #393939;
	border-radius: 4px;
	width: calc(100% - 30px);
	padding: 15px;
	margin: 0 0 15px 0;
}

.form-password input.form-text {
}

.form-password .form-item {
	float:left;
	width: 40%;
	margin-right: 20px;
}

#register-username {

}

div.form-checkbox {
	display: inline-block;
}

.form-checkbox {
	display: none;
}

label[for=register-accept-terms] {

}

.form-checkbox + label:before {
	border:1px solid #cfd0c6;
	height: 15px;
	width: 15px;
	display: inline-block;
	content:"";
	margin-right: 10px;
	vertical-align: top;
}

.form-checkbox:checked + label:before {
  color: #cfd0c6;
  content: "✓";
  font-size: 15px;
  line-height: 16px;
  text-align: center;
}


#register-form-checkboxes .form-item {
	margin:10px 0;
}

.captcha {
	width: 100%;
	height: 50px;
	border: 1px solid #373737;
	text-align: center;
	display: table;
	margin:20px 0 20px 0;
	background: white;
}

.captcha span {
	vertical-align: middle;
	display: table-cell;
}

form#login {
	margin:0 0 60px 0;
}

a.account-retrieval {
	font-size: 15px;
	text-decoration: underline;
}

/* paging */


.loadmore {
	text-transform: uppercase;
	text-align: center;
	font-size: 20px;
	cursor: pointer;
}

.loadmore:after {
	background: transparent url(icons/ajaxload.gif);
	width: 16px;
	height: 11px;
	display: inline-block;
	content: "";
	margin: 0 0 5px 10px;
	vertical-align: middle;
}

.item-list {
	margin: 20px 0;
}

.item-list .pagination {
	text-align: center;
}

.item-list .pagination li {
	display: inline-block;
	margin-right: 10px;
	cursor: pointer;
	background: #393939;
	color: #EFEEE7;
	padding: 10px;
	border-radius: 4px;
	/* border-radius:5px; */
	transition:0.25s;
	-moz-transition:0.25s;
	-webkit-transition:0.25s;
	/*box-shadow: 0 0 15px rgba(0,0,0,0.2);*/
}

.item-list .pagination li a {
	color: #EFEEE7;
}

li.pager-more {
	background: none !important;
	color: #373737 !important;
	/*box-shadow: none !important;*/
}

.item-list .pagination li:hover,
.item-list .pagination li.active {
	background: rgb(100,100,100);
}

/* promotional stuff */
#promotional {
	margin:0 0 20px 0;
	background: rgba(0,0,0, 0.5)	;
	border-radius: 5px;
	color: white;
	line-height: 16px;
	padding:20px;
	/*box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);*/
	margin:10px 0 20px 0;
}

/* moderation stuff */
.moderation {
	height: 25px;
	background: rgba(0,0,0,0.75);
	color: white;
	/*box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);*/
	position: absolute;
	left:0;
	top:0;
	padding:5px 10px;
	text-align: center;
	display: table;
	height: 25px;
	cursor: help;
	z-index: 1;
}

.moderation.failed {
	background: rgba(255,0,0,0.75);
}

.moderation span {
	vertical-align: middle;
	display: table-cell;
}

.moderation .moderation-popup {
	position: absolute;
	padding:10px;
	top:35px;
	width: 190px;
	left: 0;
	background: rgba(0,0,0,0.75);
	opacity: 0;
	font-size: 15px;
	text-align: left;
	transition:0.25s;
	-moz-transition:0.25s;
	-webkit-transition:0.25s;
}

.moderation:hover .moderation-popup {
	opacity: 1;
}

.moderation.failed .moderation-popup {
	background: rgba(255,0,0,0.75);
}

/* userpage */
#media-info .media-actions {
	margin: 0 0 20px 0;
	text-align: right;
}
a.profile-link {
	background: #C72E00;
	color: white;
	display: inline-block;
	border-radius: 4px;
	padding: 10px;
	transition:0.25s;
	-moz-transition:0.25s;
	-webkit-transition:0.25s;
	text-decoration: none !important;
	font-weight: normal;
}

a.profile-link:hover {
	background: rgba(0,0,0,0.8);
}

#media-info a.profile-link {
	bottom: auto;
	top: 10px;
}

/* userpage albums */

#albums {
	float: none;
	max-width: 100%;
	margin-bottom: 20px;
}

#albums .block-title,
#wall-items.user-profile .block-title {
	color: #393939;
	margin: 30px 0 10px 0;
}

#albums #albums-holder .album {
	width: 200px;
	height: 200px;
	background-color: rgba(10,10,10,0.6);
	background-size: cover;
	float: left;
	margin: 0 10px 10px 0;
	/*box-shadow: 0px 0px 5px rgba(0,0,0,0.2);*/
	overflow: hidden;
	position: relative;
	border-radius: 4px;
	padding: 0 0 40px 0;
}

#albums #albums-holder .album-create-new {
	background: #C72E00;
	line-height: 240px;
	text-align: center;
	transition:0.25s;
	-moz-transition:0.25s;
	-webkit-transition:0.25s;
	font-weight: 500;
}

#albums #albums-holder .album-create-new a {
	color: white;
	display: block;
}

#albums #albums-holder .album-create-new:hover {
	background: #bd3719;
}

#albums #albums-holder .album-create-new:hover a {
}


#albums #albums-holder .album:nth-child(3n) {
	margin-right: 0;
}

#albums #albums-holder .album img {
	height: 100%;
	width: auto;
	position: absolute;
	top:0;
	left: 0;
}

#albums #albums-holder .album h4.album-title {
	margin:0;
	position: absolute;
	background: rgba(0,0,0,0.7);
	/*box-shadow: 0px 0px 5px rgba(0,0,0,0.2);*/
	padding:10px;
	left:0;
	right: 0;
	font-size: 15px;
	line-height: 1.2em;
	opacity: 1;
	transition:0.25s;
	-moz-transition:0.25s;
	-webkit-transition:0.25s;
}

#albums #albums-holder .album ul.album-actions {
	position: absolute;
	bottom: 0;
	text-align: right;
	width: 100%;
	opacity: 1;
	transition:0.25s;
	-moz-transition:0.25s;
	-webkit-transition:0.25s;
	background: white;
}

#albums #albums-holder .album:hover h4.album-title,
#albums #albums-holder .album:hover .album-actions {
	opacity: 1;
}

#albums #albums-holder .album ul.album-actions li {
	display: inline-block;
	/*background: #C72E00;
	color: white;
	padding:5px;
	font-size: 15px;
	margin: 0 5px 5px 0;
	transition:0.25s;
	-moz-transition:0.25s;
	-webkit-transition:0.25s;
	border-radius: 4px;*/
	color: #C72E00;
	font-size: 14px;
	padding: 10px 0;
	margin: 0 10px 0 0;
	font-weight: normal;
}

#albums #albums-holder .album ul.album-actions li:hover {
	text-decoration: underline;
}

#albums #albums-holder .album ul.album-actions li a {
	color: #C72E00;
}

/* user profile media */

a.media-edit {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
  border-radius: 5px;
  color: white;
  display: inline-block;
  font-size: 15px;
  margin: 0 5px 5px 0;
  padding: 5px;
  transition: all 0.25s ease 0s;
}

ul.media-actions {
	float: left;
	margin: 5px 10px;
	font-size: 0;
}

ul.media-actions li.album-add-to {
	position: relative;
	z-index: 2;
}

/* dropdown menu */

ul.media-actions ul.choose-album {
	position: absolute;
	z-index: 1;
	left:0;
	top:25px;
	display: none;
}

ul.media-actions li.album-add-to:hover ul.choose-album {
	display: block;
}

ul.media-actions ul.choose-album li {
	margin: 0;
	border-radius: 0;
	background: none;
	width: 120px;
	background: rgba(0,0,0,0.6);
	cursor: pointer;
	padding: 5px;
	color: white;
}

ul.media-actions ul.choose-album li:hover {
	background: rgba(0,0,0,0.8);
}

ul.media-actions li {
	display: inline-block;
	/*background: #C72E00;
	color: white;
	padding:5px;
	font-size: 15px;
	margin: 0 5px 5px 0;
	transition:0.25s;
	-moz-transition:0.25s;
	-webkit-transition:0.25s;
	cursor: pointer;
	border-radius: 4px;*/
	color: #C72E00;
	font-size: 14px;
	padding: 10px 0;
	margin: 0 10px 0 0;
	cursor: pointer;
	font-weight: normal;
}

ul.media-actions li a {
	color: #C72E00;

}

ul.media-actions li:hover {
/*	background: rgba(0,0,0,0.8);*/
	text-decoration: underline;
}

ul.media-actions li a {

}

/* album edit sortable images */

#album-items-sortable {
	width: 522px;
	margin-top:10px;
}

#album-items-sortable li {
	width: 75px;
	height: 75px;
	background-size: cover !important;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px;
	cursor: move;
	/*box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);*/
}

#album-items-sortable li.ui-sortable-helper {
	/*box-shadow: 0 0 15px rgba(0, 0, 0, 1);*/
	width: 90px !important;
	height: 90px !important;
}

#album-items-sortable li:nth-child(6n) {

}

/* search result */

#search-result-header {
	border-bottom: 1px solid #373737;
	margin-bottom: 20px;
	position: relative;
	height: 30px;
}



#search-result-header label,
#search-result-header .styled-select {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
}

#search-result-header label {
	font-size: 15px;
	display: none;
}

#search-result-header .styled-select {
	background: url("icons/select-arrow.svg") no-repeat scroll 125px center / 15px auto rgba(0, 0, 0, 0.5);
	width: 150px;
	height: 22px;
}

/*#search-result-header select#sort-by {
	height: 22px;
	vertical-align: top;
	font-size: 15px;
	overflow: visible;
	padding:2px 2px 2px 5px;
}
*/

#search-result-header .block-title {
	border-bottom: none;
	width: auto;
	position: absolute;
	left: 0;
	bottom: 0;
	margin-bottom: 0;
}

#wall-items-filters .block-title {
  border: none;
  margin: 0 0 5px 0;
}

#about .block-title {
  border: none;
  margin: 0 0 5px 0;
}


#search-result-header .form-select {
	margin:0;
	height: 30px;
	width: 150px;
	position: absolute;
	right: 0;
	bottom: 0;
}

#search-result-header .form-select select {
	position: absolute;
	right: 0;
	bottom: 0;
}


#search-result-header .form-select .styled-select-new {
	width: 150px;
}

.chosen-container .chosen-drop {
  background: #EFEEE7;
  color: #393939;
  margin-top: -4px;
  padding-top: 4px;
  /*z-index: 5;
  position: relative;*/
}

.chosen-container-single .chosen-single,
.chosen-container-active.chosen-with-drop .chosen-single {
	background: #EFEEE7;
	color: #393939;
	font-weight: normal;
	font-size: 14px;
	border: none;
	box-shadow: none;
	border-radius: 4px;
	z-index: 10;
	position: relative;
}

.chosen-container .chosen-results li.highlighted {
  background-color: #C72E00;
  background-image: none;
}

.chosen-container .chosen-results {
  padding: 0;
  margin: 0;
}

#search-result-header .form-select .chosen-container-single .chosen-single
/*#upload-form-wrapper .form-select .chosen-container-single .chosen-single */{
	background: #393939;
	border-radius: 4px 4px 0 0;
	color: #EFEEE7;
}

#upload-form-wrapper .form-select .chosen-container-single .chosen-single {
  border-radius: 4px;
}

#search-result-header .styled-select-new .chosen-container-single .chosen-single div b/*,
#upload-form-wrapper .styled-select-new .chosen-container-single .chosen-single div b*/ {
	background: url(icons/select-arrow.svg) no-repeat 0px	center;
	background-size: 15px;
}




/* about page */

#about-page {
	width: 470px;
	float: left;
	color: #393939;
	background: white;
	padding: 15px;
}

#about-faq {
	float: right;
	width: 360px;
	padding: 15px;
	color: #393939;
	background: white;
}

#about h3,
#about-page h3 {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 15px;
	text-transform: none;
}

span.commentsymbol {
	background: transparent url(icons/comment.svg);
	background-size: 18px 18px;
	height:18px;
	width: 18px;
	display: inline-block;
	vertical-align: middle;
}

#about-page img {
	max-width: 100%;
	height: auto;
	display: block;
	margin-bottom: 10px;
}

#about-page a {
}



#media-info,
#guestbook {
	width: calc(100% - 30px);
	padding: 15px;
	color: #393939;
	background: white;
	border-radius: 4px;
	position: relative;
}

#upload-form-wrapper {
	width: calc(100% - 30px);
	/*width: 470px;*/
	/*float: left;*/
	padding: 15px 15px 60px 15px;
	background: #393939;
	color: #EFEEE7;
	border-radius: 4px;
}

/*#about.upload {
	width: 360px;
	float: right;
	background: white;
	color: #393939;
}
*/
.guestbook-post h3 {
	padding-top: 10px;
	border-top:1px solid #373737;
}

.guestbook-post {
	margin-bottom: 10px;
	font-size: 15px;
	padding: 10px 0;
	border-left: none;
	border-bottom: 1px solid #393939;
	/*box-shadow: -2px 2px 0 0px rgba(0, 0, 0, 0.3);*/
}

.guestbook-post p.content {

}

/* ig image, make room */
.guestbook-post.has-image p.content {
	width: 65%;
	vertical-align: top;
	margin-left:2%;
	display: inline-block;
}

.guestbook-post .image {
	display: inline-block;
	width: 30%;
}

.guestbook-post .image img {
	width: 100%;
	/*box-shadow: -2px 2px 2px rgba(0,0,0,0.5);*/
}

.guestbook-post span.submitted {
	margin-bottom: 10px;
	display: block;
	float: left;
}

span.guestbook-pending {
	color: red;
	text-align: right;
	display: block;
	float: right;
}

#guestbook-form {
/*	padding: 15px;*/
/*	border-radius: 5px; */
	width: 100%;
	display: none;

}

#guestbook-form .block-title {
	display: none;
}

#guestbook-form .form-cancel {
	display: none;
}

#guestbook-write {
	background: #C72E00;
	border-radius: 4px;
	color: white;
	padding: 10px;
	display: inline-block;
	cursor: pointer;
	font-weight: normal;
	font-size: 18px;
	transition: .2s;
	opacity: 0;
	margin: 0 0 10px 0;
}

#guestbook-write.active {
	opacity: 1;
}

#guestbook-write:before {
	content: "+ ";
}
Medium view meta data
#guestbook-write.active.show-guestbook-form {
	opacity: 0.5;
}

#guestbook-write.show-guestbook-form:before {
	content: "- ";
}

.loadmore {
	display: none;
}

.cookie-warning {
	display: none;
	margin-bottom: 10px;
}

#img-wrapper img {
	/*box-shadow: 0px 0px 5px rgba(0,0,0,0.5);*/
}

img#mascot {
	width: 150px;
	height: auto;
	float: right;
	box-shadow: none;
}

.alert {
	background: white;
	border-radius: 5px;
	color: #393939;
	line-height: 1.2em;
	padding: 20px;
	/*box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);*/
	margin: 10px 0 20px 0;
	font-size: 20px;
}

.alert-success {
/*	background: #6d8500;*/
}

.chosen-search {
	display: none;
}

/* album teaser image */

.wall-item-image {
	position: relative;
}
.album-indicator {
	display: none;
}
.wall-item.album .album-indicator {

	width: 25px;
	height: 25px;
	background: transparent url(icons/album_icon.svg) no-repeat center center;
	background-size: 25px;
	/*float: left;*/
	margin: 0 5px 0px 0px;
	/*
	opacity: 0;
	transition:0.15s;
	-moz-transition:0.15s;
	-webkit-transition:0.15s;
	*/
	display: inline-block;
	vertical-align: top;
}

.wall-item .video-indicator {

	width: 25px;
	height: 25px;
	background: transparent url(icons/video-icon.svg) no-repeat center center;
	background-size: 25px;
	/*float: left;*/
	margin: 0 5px 0px 0px;
	display: inline-block;
	/*
	opacity: 0;
	transition:0.15s;
	-moz-transition:0.15s;
	-webkit-transition:0.15s;
	*/
}


.wall-item-actions a.comments-link {
	margin: 0 5px 0px 0px;
	display: inline-block;
	vertical-align: top;
	height: 25px;
	width: 25px;
}

.wall-item-actions .comments-num {
	background: transparent url(icons/comment.svg) no-repeat top right;
	background-size: 25px 25px;
	height:25px;
	width: 25px;
	text-align: center;
	line-height: 23px;
	font-size: 12px;
	color:white;
}


.wall-item.album:hover .album-indicator {
	opacity: 1;
}

.wall-item {
	/*box-shadow: 4px 4px 0px rgba(150,150,150,1);*/
}

.wall-item.create {
	height: 250px;
	background: #C72E00;
	text-align: center;
	transition: .2s;
}

.wall-item.create:hover {
	background: #bd3719;
}

.wall-item.create a {
	color: white;
	line-height: 250px;
	font-weight: 500;
	display: block;
}

/*
.wall-item.album {
	box-shadow: 2px 2px 0px rgb(175,175,175), 4px 4px 0px rgb(125,125,125), 6px 6px 0px rgb(0,0,0);
	background: #393939;
}
*/

/*
.wall-item.album:after {
	content:"";
	width:100%;
	height:100%;
	display: block;
	position: absolute;
	top: 3px;
	left: 3px;
	z-index: -1;
	transition:0.25s;
}


.wall-item.album:before {
	content:"";
	width:100%;
	height:100%;
	display: block;
	position: absolute;
	top: 6px;
	left: 6px;
	z-index: -1;
	transition:0.25s;
}
*/

#collection-image-wrapper {
	position: relative;
	overflow: hidden;
	border-radius: 4px;
}
/*
#album-navigation {
	position: absolute;
	top:0;
	right: 0;
	width: 120px;
	text-align: right;
}

#album-navigation .album-next,
#album-navigation .album-previous {
	display: inline-block;
	cursor: pointer;
}

#album-navigation .album-next:after {
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #373737;
	content: "";
	display: inline-block;
}

#album-navigation .album-previous:before {
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right:10px solid #373737;
	content: "";
	display: inline-block;
	margin-right: 5px;
}

#album-navigation .album-previous:hover:before {
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-right:10px solid rgba(0,0,0,0.5);
}

#album-navigation .album-next:hover:after {
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid rgba(0,0,0,0.5);
}
*/

img#mascot {
	width: 150px;
	height: auto;
	float: right;
}

div#digie-video {
	display: none;
	width: 768px;
}

video.img-responsive {

	max-width: 90%;
}


/* flag content */
.flag {
	cursor: pointer;
}

#flag {
	display: none;
	width: 400px;
	max-width: calc(100% - 60px);
	padding:20px;
	border-radius: 5px;
}

/*
#flag.gradiented, #guestbook-form.gradiented {
	background: -moz-linear-gradient(-45deg, rgba(128,180,184,1) 0px, rgba(128,180,184,1) 20%, rgba(255,247,213,1) 40%, rgba(255,247,213,1) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(128,180,184,1) 0px, rgba(128,180,184,1) 20%, rgba(255,247,213,1) 40%, rgba(255,247,213,1) 100%);
	background-attachment: fixed;
}
*/


#flag, #guestbook-form {
	background: #393939;
}


.flag-thankyou {
	transition: opacity 0.5s;
	opacity: 0;
}

.flag-thankyou.visible {
	opacity: 1.0;
}

/* album */

#album-wrapper .img-wrapper, #album-wrapper .video_wrapper {
	height: 370px;
}

#album-wrapper .album-medium img {
  max-height: 360px;
}

.album-medium a {
	color: white;
}

.visibleNearby {
  width: 100%;
  background: #141414;
  background: rgba(20, 20, 20, 0.8);
  color: #FFF;
  padding-top: 25px;
}
.visibleNearby .rsGCaption {
  font-size: 16px;
  line-height: 18px;
  padding: 12px 0 16px;
  background: none;
  width: 100%;
  position: static;
  float: left;
  left: auto;
  bottom: auto;
  text-align: center;
}
.visibleNearby .rsGCaption span {
  display: block;
  clear: both;
  color: #bbb;
  font-size: 15px;
  line-height: 22px;
}


/* Scaling transforms */
.visibleNearby .rsSlide img {
  opacity: 0.45;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;

  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
.visibleNearby .rsActiveSlide img {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.rsDefault .rsSlide {
	text-align: center;
	background: none;
}

.rsDefault .rsOverflow {
	background: none;
}

/* Non-linear resizing on smaller screens */
@media screen and (min-width: 0px) and (max-width: 900px) {
  #album-wrapper {
    padding: 12px 0 12px;
  }
  #album-wrapper .rsOverflow,
  .royalSlider#album-wrapper {
    height: 400px !important;
  }
}
@media screen and (min-width: 0px) and (max-width: 500px) {
  #album-wrapper .rsOverflow,
  .royalSlider#album-wrapper {
    height: 300px !important;
  }
  div#digie-video {
		width: 400px;
	}
}

@media only screen and (min-width: 940px) {
	iframe {
		width: 900px;
		height: 508px;
	}
}


@media only screen and (max-width: 939px) {
	iframe {
		width: calc(100vw - 20px);
		height: calc(0.5625 * 100vw - 20px);
	}
}


.browser {
	font-size: 15px;
	text-align: left;
	margin:10px 0;
}

#collection-image-wrapper.album {
	height: 485px;
	width: 100%;
	overflow: hidden;
	position:relative;
}

#collection-image-wrapper.album .img-wrapper {
	/*width: 470px;
	height: 320px;
	text-align: center;*/
}

#collection-image-wrapper.album img {
	/*	width: auto;
	height: auto;*/
}

.album-slider {
	width: 5000px;
	position: absolute;
	left:40px;
	transition: left 0.5s ease-in-out;
	-webkit-transition: left 0.5s ease-in-out;
	-moz-transition: left 0.5s ease-in-out;
	-o-transition: left 0.5s ease-in-out;
	font-size: 0;
	letter-spacing: 0;
}

.album-medium {
	height: 100%;
	/*float: left;*/
	transition: 0.25s;
	display: inline-block;
	vertical-align: bottom;
}


#collection-image-wrapper .album-medium {
	/*padding: 15px;
	width: 470px;*/
}

body.medium-show #collection-image-wrapper {
	padding: 15px;
	width: 470px;
}


#collection-image-wrapper.album .album-medium img {
	/*max-width: 470px;
	max-height: 290px;*/
	height: 410px;
	width: auto;
}
/*
.album-medium-meta  {
	transition: opacity 0.5s ease-in-out;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	opacity: 0;
	z-index: 1;
	position: relative;
	display: none;
	top:0px;
	width: 350px;
}
*/

.album-medium-meta {
	transition: opacity 0.5s ease-in-out;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	display: none;

}


#highlights-prev {

}

/*

.album-next,
.album-previous {
	display: block;
	cursor: pointer;
	position: absolute;
	top:0;
	z-index: 100;
	width: 20%;
	height: 100%;
	opacity: 0.45;
	backface-visibility:hidden;
}

.album-next:hover,
.album-previous:hover {
	opacity: 0.9;
	backface-visibility:hidden;
}

.album-previous {
	left: 0px;
	background: transparent url(icons/album-left.png) no-repeat left bottom;
	background-size: 20px;
}

.album-next {
	right: 0px;
	background: transparent url(icons/album-right.png) no-repeat right bottom;
	background-size: 20px;
}

*/

.album-next,
.album-previous {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 40px;
    background-position: center center;
    background-size: 25px;
    background-repeat: no-repeat;
    /*background-color: rgba(10,10,10,0.75);*/
    cursor: pointer;
    transition: .25s;
    z-index: 999;
}

.album-previous {
  background-image: url(icons/left.png);
	left: 0;
}

.album-next {
  background-image: url(icons/right.png);
	right: 0;
}

.wall-items-holder.album-items {
  padding-left: 2px;
}

.wall-items-holder.album-items .wall-item {
	width: 111px;
}

.wall-items-holder.album-items .wall-item.active,
.wall-items-holder.album-items .wall-item:hover {
	outline: 2px solid #393939;
}

.wall-items-holder.album-items img {
	margin: 0;
	box-shadow: none;
}


.visible {
	display: block;
	opacity: 1.0;
	z-index: 10;
}


.dropzone-small {
    min-height: 120px;
    margin-bottom: 20px;
}

.dropzone-preview-separator {
    clear: both;
    height: .5em;
    background-color: gray;
    width: 100%;
    margin-bottom: 1em;
}

.dropzone .dz-default.dz-message {
	text-align: center;
	padding: 50px 10px;
}

form#upload-dropzone {
	background: #C72E00;
	/*border: 2px dashed #C72E00;*/
	height: 125px;
}

form#upload-dropzone:after {
  content: "Click or drag your media here";
  line-height: 75px;
  text-align: center;
  color: white;
  display: block;
  width: 100%;
  font-weight: 500;
  font-size: 16px;
}

.dropzone .dz-default.dz-message span {
	display: block;

}

.dropzone .dz-preview, .dropzone-previews .dz-preview {
  background: white;
  position: relative;
  display: inline-block;
  margin: 0 10px 10px 0;
  vertical-align: top;
  border: none;
  padding: 0px;
  box-shadow: none;
  -webkit-box-shadow: none;
  color: #393939;
}

.dropzone .dz-preview .dz-details .dz-size, .dropzone-previews .dz-preview .dz-details .dz-size {
  position: absolute;
  bottom: -25px;
  left: 3px;
  height: 28px;
  line-height: 28px;
}

/* Language Specific styles - ES*/

.lang-es h2 {
	font-size: 1.2em;
}

.lang-es #inner-header {
	/*width: 1000px;*/
}

.lang-es #header ul#main-menu li a, .lang-es #header ul#user-menu li a {
	/*padding: 15px 10px;*/
}

.upload-summary-es, .upload-summary-en {
	display: none;
	margin-left: 16px;
}

.lang-es .completed .upload-summary-es {
	display: block;
}

.lang-en .completed .upload-summary-en {
	display: block;
}
/*
.lang-es.gradiented {
	background: transparent -moz-linear-gradient(-45deg,  rgb(145,184,86) 0px,  rgb(145,184,86) 20%, rgba(255, 247, 213, 0.8) 40%, rgba(255, 247, 213, 0.7) 100%) repeat fixed 0% 0%;
	background: transparent -webkit-linear-gradient(-45deg,  rgb(145,184,86) 0px,  rgb(145,184,86) 20%, rgba(255, 247, 213, 0.8) 40%, rgba(255, 247, 213, 0.7) 100%) repeat fixed 0% 0%;
	background-image: linear-gradient(to top left, #80B4B8 0px,  rgb(145,184,86) 20%, rgba(255, 247, 213, 0.8) 40%, rgba(255, 247, 213, 0.7) 100%) repeat fixed 0% 0%;
	background-attachment: fixed;
}
*/

/* shadows */

#highlights,
#about,
#account,
#wall-items-filters,
#search-result-header,
#collection-image-wrapper,
#guestbook,
.wall-item,
#header ul#main-menu li a.active, #header ul#user-menu li a.active {
/* 	box-shadow: 5px 5px 5px rgba(0,0,0,0.1); */
}


#wall-items-filters, #account {

	width: calc(100% - 30px);
	padding: 15px;
	/* background: #393939; */
	background: #393939;
	/*box-shadow: 4px 4px 0px rgb(150,150,150);*/
	margin-bottom: 20px;
	overflow: visible;
	border-radius: 4px;
}


#wall-search-collection {
	background: #C72E00;
	color: white;
	padding: 10px;
	border-radius: 4px;
	margin: 20px auto;
	display: block;
	width: 220px;
	text-align: center;
}



/*

h3.comments-h3 {
	font-size: 20px;
}

#media-comments {
	color: #393939;
	margin: 20px 0;
}

#media-comments .comment {
	border-color: #393939;
}

a.comments-add {
	display: inline-block;
	padding: 10px;
	background: #C72E00;
	color: white;
}

*/

.video-wrapper video {
	/*width: 100%;
	max-width: 500px;
	height: auto;*/
	height: 400px;
	width: auto;
}

.wall-item,
#about,
#highlights,
#wall-items-filters,
#account,
#upload-form-wrapper,
#media-info,
#guestbook {
  box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
  border-radius: 4px;
}

#highlights-prev {
  border-radius: 0 0 0 4px;
}

#highlights-next {
  border-radius: 0 0 4px 0;
}

h2.block-title {
  font-size: 24px;
}

#header #main-menu li a {
  transition: .25s;
  color: #EFEEE7;
}

#header #user-menu li a {
  transition: .25s;
  color: #C72E00;
}

#header #main-menu li:hover {
  background: #2E4F5D;
}

#header #main-menu li {
  background: #2D8CB5;
  border-radius: 2px;
  transition: 0.25s;
}


#header #user-menu li {
  background: transparent;
  border-radius: 2px;
  transition: 0.25s;
}

#header #main-menu li.active{
  /*background: #C72E00;*/
  background: #2E4F5D;
}



#header #main-menu li.active a,
#header #user-menu li.active a {
  font-weight: 500 !important;
}

#header #main-menu li:first-child {

}

#interactive-header {
  display: block;
 /* background-image: url(ib_placeholder.png);
  background-size: cover; */
	background-color: gray;
	height: 400px;
	overflow: hidden;
	width: 100%;
	text-align: center;
	padding: 0 0;
}

#media-info p.meta,
#media-info div.meta {
	margin: 0 0 5px 0;
	font-size: 12px;
	color: #6f6f6f;
}

p.meta .logo-right {
	float: right;
}

p.meta .logo-right img {
	border: none;
}

p.meta span.date {

}

.album-item-info {
	display: none;
}

#album-item-info .block-title {
}

#album-item-info {
	padding: 15px	;
	background-color: #393939;
}

.album-slider-outer {
	height: 400px;
	position: relative;
}

#album-slide-count {
	position: absolute;
	top: 15px;
	right: 10px;
	font-size: 12px;
}

/* NEEDS TO BE REMOVED FOR REAL!! */

#favourite-wall-items {
}

/* FAVORUTIE BUTTON REMOVED FROM MEDIA IN SHOW.BLADE */

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #6f735d;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #6f735d;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #6f735d;
}
:-moz-placeholder { /* Firefox 18- */
  color: #6f735d;
}

body.placeholder-supported .form-item {
	margin-bottom: 10px;
}

body.placeholder-supported .form-item.placeholder .description {
	display: none;
}


#pending-moderation {
	background: #393939;
	padding: 15px;
	border-radius: 4px;
	margin: 0 0 10px 0;
}

/* static-banner */

#static-banner {
	background-size: auto 100px;
	background-position: center center;
	height: 200px;
	width: 100%;
	position: relative;
}

#disc-logo {
	position: absolute;
	left: 20px;
	/*background-image: url(static-banner/discoverywall.png);*/
	background-position: left center;
	background-size: auto 20px;
	height: 90px;
	width: 200px;
	background-repeat: no-repeat;
	z-index: 9999;
}

#static-banner-assets {
	background-image: url(static-banner/static.png);
	background-size: cover;
	background-position: bottom;
	margin: 0 auto;
	height: 200px;
	width: 100%;
}

.ssk {
	color: white !important;
	background: #999a8e !important;
	width: 20px;
	height: 20px;
	line-height: 20px;
	border-radius: 20px;
	transition: .3s !important;
	margin: 0 5px 0 0 !important;
}

.ssk:hover {
	background: #393939 !important;
}

.ssk:before {
	line-height: 20px !important;
	text-indent: 0 !important;
	text-align: center !important;
	padding: 0 !important;
	font-size: 16px !important;
}

.ssk-facebook:before {
	text-indent: -2px !important;
}


.album-thumbs {
	margin: 20px 0 0 0;
}


/* FOOTER */


#footer {
	position: absolute;
	left: 0;
	right: 0;
	background: #EFEEE7;
}

#footer .content {
	width: 900px;
	max-width: calc(100% - 40px);
	padding: 20px;
	margin: 0 auto;
	color: white;
	line-height: 1.1em;
}


#footer-logos {
	display: block;
	float: right;
}

ul#footer-links {
	margin: 0 0 20px 0;
	float: left;
}

ul#footer-links li {
	font-size: 14px;
	text-transform: uppercase;
	margin: 0 0 0 0;
}

ul#footer-links li a {
	color: black;
}

ul#footer-links li a:hover {
	text-decoration: underline;
}

#ccc-logo {
	display: block;
	width: 205px;
	height: 50px;
	background-image: url(logos/ccc.png);
	background-size: 205px 50px;
	float: right;

}

#ccl-logo {
	display: block;
	width: 125px;
	height: 50px;
	background-image: url(logos/ccl.png);
	background-size: 125px 50px;
	float: right;
	margin-left: 0;
	margin-right: 40px;
}



.error-img {
	max-width: 100%;
}

/* AUTOCOMPLETE */

.ui-autocomplete {
	background: #EFEEE7;
}

.ui-autocomplete  .ui-menu-item {
	font-size: 14px;
	font-weight: 300;
	font-family: 'ingra';
	padding: 10px 5px;
}

.ui-autocomplete  .ui-menu-item.ui-state-focus {
	background: #C72E00;
	border-color: transparent;
	color: white;
}




/* SHOW MORE */

.show-more {
	font-size: 12px;
	color: #6f6f6f;
	margin: 0 0 5px 0;
}

.show-more-toggle {
	font-size: 12px;
	color: #C72E00;
	cursor: pointer;
}

.show-more-toggle:before {
	content: "+ show more";
}


.show-more.open .show-more-toggle:before {
	content: "+ hide";
}

.show-more-content {
	display: none;
	padding: 5px 0;
}
.show-more.open .show-more-content {
  display: block;
}

.ssk-group {
	margin: 20px 0;
}


#large-image {
	display: none;
}

#large-image.open {
	display: block;
}

#large-image-close {
	position: absolute;
	top: 20px;
	right: 20px;
	background-image: url(icons/close.svg);
	width: 50px;
	height: 50px;
	background-size: 50px 50px;
}

#wall-items-filters .block-title.inline {
	display: inline;
	vertical-align: middle;
	margin: 0 0 20px 0;
	padding: 0;
	line-height: 1em;
}

.tag-browse-indicator{
	display: inline-block;
	margin: 0px 0px 0 5px;
	vertical-align: middle;
}

.tag-browse-indicator a {
	color: #393939;
	background: #EFEEE7;
	padding: 5px 30px 5px 7px;
	font-size: 15px;
	border-radius: 4px;
	background-image: url(close.png);
	background-size: 15px 15px;
	background-repeat: no-repeat;
	background-position: calc(100% - 5px) center;
	cursor: pointer;
}

.tag-browse-indicator:after {

}

#media-info .redundant-title {
	margin: 0;
	font-size: 20px;
	font-weight: 700;
	color: #638603;
}

#media-info p.meta.redundant-date {
	margin:5px 0 20px 0;
	font-size: 16px;
}

a.helper-link {
	width: 15px;
	height: 15px;
	display: inline-block;
	margin: 0 0 0 5px;
	vertical-align: middle;
	border: 1px solid #C72E00;
	border-radius: 20px;
	text-align: center;
	line-height: 15px;
}

a.helper-link:after {
	content: "?";
}

#media-short-form-template .description span {
	vertical-align: middle;
	display: inline-block;
}

.text-and-submit.tag-search {
	margin: 20px 0 0 0;
	height: 40px;
}

.tag-browsing-label {
	font-size: 16px;
	float: left;
	margin: 10px 0 0 0;
}

.maori {
	display: none;
}

#terms-of-use-page {
	padding: 20px;
	background: white;
	color: #393939;
}




.favourites-link {
	background: transparent url(icons/favourite_mini.svg);
	background-size: 25px 25px;
	height:25px;
	width: 25px;
	line-height: 23px;
	text-align: center;
	font-size: 12px;
	display: inline-block;
	vertical-align: top;
	color: #EFEEE7;
}

.favourites-link div {
	color: white;
}


.page-visitor_drawings-show .img-wrapper img {
	max-width: 100%;
}

#user-menu a {
	display: inline-block !important;
}
#user-menu a.lang-switch {
	margin: 5px 5px !important;
}
#user-menu a.lang-switch.english {
	
}

#user-menu a.lang-switch.spanish {
	margin-right: 0 !important;
	padding-right: 0;
}

body.lang-es a.lang-switch.spanish {
	text-decoration: underline;
}

body.lang-en a.lang-switch.english {
	text-decoration: underline;
}