/* ************************************* */
/*                                       */
/* Forms                                 */
/*                                       */
/* ************************************* */

main form,
main .form {
	width: 50%;
	max-width: 400px;
	margin: 0 auto 0 auto;
	padding: 24px;
}

main .form form {
	width: 100%;
	max-width: 400px;
	margin: 0 auto 0 auto;
	padding: 0;
}

main form * {
	outline: none;
}

fieldset {
	border: none;
}

/* ************************************* */
/*                                       */
/* Form elements ala Input etc.          */
/*                                       */
/* ************************************* */

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="search"] {
    padding:5px;
    margin-bottom: 10px;
}

/* ************************************* */
/*                                       */
/* Submit and Buttons                    */
/*                                       */
/* ************************************* */

.button,
input[type="button"],
input[type="submit"],
input[type="reset"] {
	cursor: pointer;
	padding: 18px 24px 18px 24px;
	display: inline-block;
	border-radius: 0 6px 6px 6px;
    border-color: transparent;
	margin-bottom: 6px;
	margin-top: 12px;
	-webkit-transition: all 3s;
	transition: all 3s;
}

.button:hover {
	opacity: 0.9;
	-webkit-transition: all 0.7s;
	transition: all 0.7s;
}

.show-more {
	width: 140px;
	border-radius: 6px;
	margin-top: 24px;
	padding: 8px 0 10px 0;
	text-align: center;
	margin-left: 62%;
	cursor: pointer;
}

.button-circle {
	display: table;
	margin-left: auto;
	margin-right: auto;
}

.button-circle .button {
	padding: 0;
	height: 240px;
	width: 240px;
	font-size: 30px;
	border-radius: 50%;
	font-family: "museo_sans500", Helvetica, Arial, sans-serif;
	display: table-cell;
	vertical-align: middle;
	line-height: 130%;
	text-align: center;
}

/* ************************************* */
/*                                       */
/* DRUPAL: Status message                */
/*                                       */
/* ************************************* */

.messages {
	letter-spacing: 0.3px;
	padding: 20px 20px 20px 50px;
}

.messages a {
	text-decoration: none;
	border-bottom: 1px dotted white;
	color: white;
}

.messages--status {
	background: #991070 url("../img/icons/icon-status-ok.png") no-repeat 10px center;
	border: 0 none;
	color: white;
}

.messages--error {
	background: #cf101f url("../img/icons/icon-status-error.png") no-repeat 10px center;
	border: 0 none;
	color: white;
}

/* ************************************* */
/*                                       */
/* JS: Generic pointer classes           */
/*                                       */
/* ************************************* */

.js-modal,
.js-to-top,
.js-close,
.js-expand,
.js-share,
.js-toggle .cell--desc span,
.js-toggle .cell--title h3,
.js-pager,
.icon-cancel {
	cursor: pointer;
}