@charset "utf-8";
/* CSS Document */
/* colors 
	sage green text #7A8889
	pale green #E0E6E1
	header text #DFD8D2
	burnished brown text #7A6757
	dark text #41362E
*/

@font-face {
    font-family: 'libre_caslon_textregular';
    src: url('librecaslontext-regular-webfont.woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'libre_caslon_textitalic';
    src: url('librecaslontext-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'libre_caslon_textbold';
        src: url('librecaslontext-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;

}
@font-face {
font-family: 'fira_sans_condensedbold';
    src: url('FiraSansCondensed-Bold-webfont.eot');
    src: url('FiraSansCondensed-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('FiraSansCondensed-Bold-webfont.woff2') format('woff2'),
         url('FiraSansCondensed-Bold-webfont.woff') format('woff'),
         url('FiraSansCondensed-Bold-webfont.ttf') format('truetype'),
         url('FiraSansCondensed-Bold-webfont.svg#fira_sans_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
body {
	font-family: 'libre_caslon_textregular', 'Palatino Linotype', Palatino, serif;
	font-size: 1.3em;
	margin:0;
	padding:0;
}
body.shortpage { background:#E0E6E1; }
.container {background: #fff; padding:20px 0; }
h1, h2 { font-weight:normal; }
main h2, figcaption, main a:link, button.submit {
	 font-family: 'fira_sans_condensedbold', 'Arial Condensed', Arial, sans-serif;
}
main a {
	text-decoration:none;
	color:#F37548;
}
main a:hover, main a:active { color: #7A6757; }
header {
	background:url(/images/gallantreeA_bg_hdr.jpg);
	color:#DFD8D2;
	padding: 60px 60px 0;
	position:relative;
}
.shortpage header {
	padding-bottom:100px;	
}
.shortpage header h2 { font-size:1em;}
header .logo {
	position:absolute;
	top: 50px;
	padding-top:73%;
	right:4%;
	width:350px;
	max-width:20%;
	background:	url(/images/gallantreeA_logoWhite.png) no-repeat;
	background-size:contain;
	z-index:999;
	margin-bottom:-80px;
}
header h2 {
	font-family: 'libre_caslon_textitalic', 'Palatino Linotype', Palatino, serif;
	font-style:normal;
	font-weight:normal;
	font-size:1.8em;
	text-align:center;
	margin:0;
	padding:0;
	
}
.hero img, .hdr-bot, .theme {
	 width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;	
}
.hdr-bot {
	background: #e0e6e1;
	padding: 0 0 70px; 
	box-shadow: inset 0 -20px 20px -20px rgba(0,0,0,0.25);
}
figcaption { 
	color:#41362E;
	font-size:.66em;
	padding: 20px 60px 40px;
}
.theme {
	text-align:center;
	border-top:1px solid #7a6757;
	border-bottom:1px solid #7a6757; 
	padding:25px 0;
	
}
.theme img { 
	width: 820px;
	max-width:80%; 
	display:block !important;
	margin:0 auto;
	
}
main {
	margin: 10px auto;
	width: 80%;
	max-width: 1400px;
	padding-bottom: 40px;
	color: #41362E;
	background:#fff;
}
.shortpage main {
	padding-bottom:100px;
}
main h2 { color: #7A8889; font-weight:bold; font-size:1.1em; padding-bottom:5px; border-bottom:1px solid #E0E6E1;}
main p { line-height:1.65; }
footer {
	background:#E0E6E1;
	font-size:.7em;
	color:#7A6757;
	text-align:center;
	padding: 30px 60px 50px;
	box-shadow: inset 0 25px 20px -20px rgba(0,0,0,0.25);
}

/* form styling */
/* colors 
	sage green text #7A8889
	pale green #E0E6E1
	header text #DFD8D2
	burnished brown text #7A6757
	dark text #41362E
*/
form { 
	box-sizing:border-box;
	border: 4px double #E0E6E1;
	border-radius:11px;
	padding: 22px 35px;
	box-shadow:inset 6px 6px 6px rgba(0,0,0,0.2);
	background:url(/images/bg_ladyrose.jpg);
}
fieldset { box-sizing:border-box; padding: 12px 12px; margin:6px 0; border:1px solid #ddd; border-radius:7px; background:#fff; }

form label.info {
	font-size:.85em;
	font-variant:small-caps;
	color:#222;
	margin-right: 12px;
	display:inline-block;
	border-bottom:1px solid #ddd;
	width:210px;
	max-width:40%;
}
form label.query {
	font-family: 'fira_sans_condensedbold', 'Arial Condensed', Arial, sans-serif;
	font-variant: small-caps;
	padding: 12px 0 0;
	margin: 12px;
	font-size: 1.2em;
	color: #8A7462;
	border-bottom: 1px solid #8a7462;
	border-color: #B6A698;
}
input[type=text],input[type=email] {
	width: 400px;
	max-width:60%;
	padding:4px 8px;
	border:1px solid #ddd;
	border-radius:7px;
}
input[type=text],input[type=email],textarea { font-size:.9em; font-family: 'libre_caslon_textregular', 'Palatino Linotype', Palatino, serif;}
input[type=submit], button.submit {
	font-size: 1em;
	margin-top: 6px;
	color: #7A6757;
	padding: 5px 14px 5px;
	background-color: #fff;
	border:1px solid #7A6757;
	border-radius:6px;
	box-shadow:2px 2px 2px 2px rgba(0,0,0,.15);
}
button.submit:hover, button.submit:active {
	background:#000;
	color:#fff;	
}
label.query { display:block; }
textarea { width:100%; max-width:900px; border:1px solid #ddd; border-radius:7px; padding:6px 12px;}
@media screen and (min-width:1251px) {
	header h2 { margin-bottom: 75px; }
}
@media screen and (max-width:1250px) {
	header {
		padding:30px 20px;	
	}
	header h2 { font-size: 1.35em; margin-bottom: 50px; }
	header .logo {
	position:absolute;
	top: 50px;
	padding-top:73%;
	right:3%;
	width:270px;
	max-width:19%;
	background:	url(/images/gallantreeA_logoWhite.png) no-repeat;
	background-size:contain;
	z-index:999;
	margin-bottom:-80px;
	}
}
@media screen and (max-width:830px) {
	body {font-size:1.1em; }
	header { padding:30px 20px 0; }
	.hero { margin-top:80px; }
	header h2 { font-size: 1.1em; margin-bottom:15px; }
	header .logo {top:80px; max-width:22%;}
	form { padding:6px; }
	fieldset { padding: 4px 6px; }
	label {display:block; }
	input[type=text],input[type=email] {width:auto; }
	form label.query {padding-top:0; margin-top:5px; }
	main { padding-bottom:20px; }
}