﻿.sidebar label {
	font-weight: bold;
	display: block;
}

.sidebar {
	padding: 0px 50px;
	border-left: 1px solid #b3b3b3;
	float: right;
	width: 350px;
}

.sidebar p { margin-bottom: 20px; }
.sidebar div ~ h2 { margin-top: 40px; }
.sidebar a[href^=mailto]:hover { color: #b4252d; }
body.rosette .sidebar a[href^=mailto]:hover { color: #ab1d3f; }
.sidebar h3 {
	margin-bottom: 10px;
	font-weight: normal;
	font-size: 18px;
}

.main { margin-right: 400px; }

.main input[type=text]
, .main input[type=email]
, .main input[type=tel]
, .main textarea {
	background-color: #f7f7f7;
	border: 1px solid #808080;

	color: #000;

	width: 100%;

  font-weight: 300;
  font-family: Roboto, sans-serif;
	font-weight: 300;
	font-size: 16px;
}

.main input[type=text]
, .main input[type=email]
, .main input[type=tel] {
	height: 50px;
	padding: 0px 15px;
}

.main textarea {
	padding: 15px;
	margin-bottom: 20px;
}

.main ::-webkit-input-placeholder { color: #767676; }
.main ::-moz-placeholder          { color: #767676; }
.main :-ms-input-placeholder      { color: #767676 !important; }
.main :-moz-placeholder           { color: #767676; }

.main .dropdown {
	height: 50px;
	line-height: 50px;
	font-weight: 300;
	font-size: 16px;
	border: 1px solid #808080;
	background-color: #f7f7f7;
}

body.rosette .main > h2 { font-size: 32px; }
	
.main .dropdown label span:last-child { height: 50px; }

.main .dropdown label span:first-child {
	height: 48px;
	width: 48px;
}

.main .dropdown label span:first-child::after
, .main .dropdown label span:first-child::before {
	border-width: 9px;
	margin: 6px auto;
}

.main .dropdown label span:first-child::before { margin-top: 12px; }

.dropdown.open label span:first-child::before { border-bottom-color: #e7e7e7; }
.dropdown.open label span:first-child::after { border-top-color: #e7e7e7; }

.dropdown_menu {
	font-size: 16px;
	font-weight: 300;
}

.dropdown_menu li {
	height: 50px;
	line-height: 50px;
}

.main input[type=submit] {
	width: 150px;
	height: 50px;

	float: right;
}

.main p { margin-bottom: 20px; }

.main p.subtext {
	line-height: 50px;
	margin-bottom: 0px;
	font-style: italic;
	font-size: 16px;
	color: #595959;
}

.main form { font-size: 0px; }

.main form .field {
	width: 50%;
	display: inline-block;
	vertical-align: top;
}

.main form > div { margin-bottom: 20px; }

.main form .field:nth-child(2n + 1) { padding-left: 10px; }
.main form .field:nth-child(2n) { padding-right: 10px; }

.checkbox { line-height: 50px; }
.checkbox input~span:first-of-type { margin-right: 10px; }
.checkbox input ~ span {
	font-weight: 300;
	font-size: 16px;
	color: #767676;
}

@media only screen and (max-width: 950px) {
	.main form .field {
		width: auto;
		display: block;
		padding: 0px !important;
	}
}

@media only screen and (max-width: 800px) {
	main .content { font-size: 18px; }

	.main {
		margin-right: 0px;
		display: table-header-group;
	}

	.sidebar {
		float: none;
		border-left: 0px;
		padding: 0px;
		display: table-footer-group;
	}

	.sidebar > h2:first-child {
		border-top: 1px solid #b3b3b3;
		margin-top: 50px;
		padding-top: 20px;
	}
}