@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,700;1,400;1,700&display=swap');

/*** RESET ***/
        
*{-moz-box-sizing:border-box;box-sizing:border-box;font-size:100%;}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}audio:not([controls]){display:none;height:0;}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}html,button,input,select,textarea{font-family:Montserrat,sans-serif;}body{margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:0.67em 0;}h2{font-size:1.5em;margin:0.83em 0;}h3{font-size:1.17em;margin:1em 0;}h4{font-size:1em;margin:1.33em 0;}h5{font-size:0.83em;margin:1.67em 0;}h6{font-size:0.67em;margin:2.33em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}blockquote{margin:1em 40px;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}p,pre{margin:1em 0;}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em;}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;}q{quotes:none;}q:before,q:after{content:'';content:none;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}dl,menu,ol,ul{margin:1em 0;}dd{margin:0 0 0 40px;}menu,ol,ul{padding:0 0 0 40px;}nav ul,nav ol{list-style:none;list-style-image:none;}img{border:0;-ms-interpolation-mode:bicubic;}svg:not(:root){overflow:hidden;}figure{margin:0;}form{margin:0;}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}legend{border:0;padding:0;white-space:normal;*margin-left:-7px;}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible;}button[disabled],html input[disabled]{cursor:default;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}textarea{overflow:auto;vertical-align:top;resize:vertical;}table{border-collapse:collapse;border-spacing:0;}html,button,input,select,textarea{color:#222;}html{font-size:1em;line-height:1.4;}::-moz-selection{background:#b3d4fc;text-shadow:none;}::selection{background:#b3d4fc;text-shadow:none;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}audio,canvas,img,video{vertical-align:middle;}fieldset{border:0;margin:0;padding:0;}[hidden]{display:none;}.hidden{display:none !important;visibility:hidden;}.clearfix:before,.clearfix:after{content:" ";display:table;}.clearfix:after{clear:both;}.clearfix{*zoom:1;}

/*** MAIN CSS ***/

body { overflow-y: scroll; }

#wrapper {
    max-width: 1400px;
    margin: auto;
    box-shadow: 0 0 50px #111;
}

.container {
    display: flex;
    flex-wrap: wrap;
}
.container-center { align-items: center; justify-content: center; }
.item {
    flex-grow: 1;
    padding: 20px;
}
.item-top { align-self: flex-start; }
.item-bottom { align-self: flex-end; }

.order-1 { order: 1; }
.order-2 { order: 2; }
.order-3 { order: 3; }
.order-4 { order: 4; }
.order-5 { order: 5; }
.order-6 { order: 6; }
.order-7 { order: 7; }
.order-8 { order: 8; }
.order-9 { order: 9; }
.order-10 { order: 10; }
.order-11 { order: 11; }
.order-12 { order: 12; }
.order-13 { order: 13; }
.order-14 { order: 14; }
.order-15 { order: 15; }

.width-12 { width: 12.5%; }
.width-20 { width: 20%; }
.width-25 { width: 25%; }
.width-30 { width: 30%; }
.width-33 { width: 33.3%; }
.width-35 { width: 35%; }
.width-40 { width: 40%; }
.width-50 { width: 50%; }
.width-60 { width: 60%; }
.width-70 { width: 70%; }
.width-75 { width: 75%; }
.width-80 { width: 80%; }
.width-100 { width: 100%; }

.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }

.padding-10 { padding: 10px; }
.padding-15 { padding: 15px; }
.padding-20 { padding: 20px; }
.padding-20-10 { padding: 20px 10px; }
.padding-40-20 { padding: 40px 20px; }
.nopadding { padding: 0; }

.round { border-radius: 3px; }
.round-img img { border-radius: 3px; }
.round-top { border-radius: 3px 3px 0 0; }
.round-top-img img { border-radius: 3px 3px 0 0; }
.round-bottom { border-radius: 0 0 3px 3px; }
.round-bottom-img img { border-radius: 0 0 3px 3px; }

.img-100, .img-img-100 img { width: 100%; height: auto; }

/*** LAYOUT COLORS ***/

.bgcolor-black { background-color: #000; color: #fff; text-shadow: 1px 1px 2px #111; }
.bgcolor-1 { background-color: #111; color: #fff; text-shadow: 1px 1px 2px #111; }
.bgcolor-2 { background-color: #444; color: #fff; text-shadow: 1px 1px 2px #111; }
.bgcolor-3 { background-color: #777; color: #fff; text-shadow: 1px 1px 2px #111; }
.bgcolor-4 { background-color: #ccc; color: #111; text-shadow: none; }
.bgcolor-5 { background-color: #ddd; color: #111; text-shadow: none; }
.bgcolor-6 { background-color: #eee; color: #111; text-shadow: none; }
.bgcolor-white { background-color: #fff; color: #111; text-shadow: none; }

.bgcolor-yellow { background-color: #75816e; color: #fff; text-shadow: 1px 1px 2px #111; }
.bgcolor-darkyellow { background-color: #64705d; color: #fff; text-shadow: 1px 1px 2px #111; }
.bgcolor-blue { background-color: #626973; color: #fff; text-shadow: 1px 1px 2px #111; }
.bgcolor-darkblue { background-color: #13180f; color: #fff; text-shadow: 1px 1px 2px #111; }
.bgcolor-lightgray { background-color: #ccc5bd; color: #111; text-shadow: none; }
.bgcolor-darkbrown { background-color: #333846; color: #fff; text-shadow: 1px 1px 2px #111; }

.border-top-yellow { border-top: 1px solid #75816e; }
.border-top-darkyellow { border-top: 1px solid #64705d; }
.border-top-blue { border-top: 1px solid #626973; }
.border-top-darkblue { border-top: 1px solid #13180f; }
.border-top-lightgray { border-top: 1px solid #ccc5bd; }
.border-top-darkbrown { border-top: 1px solid #333846; }

.border-bottom-yellow { border-bottom: 1px solid #75816e; }
.border-bottom-darkyellow { border-bottom: 1px solid #64705d; }
.border-bottom-blue { border-bottom: 1px solid #626973; }
.border-bottom-darkblue { border-bottom: 1px solid #13180f; }
.border-bottom-lightgray { border-bottom: 1px solid #ccc5bd; }
.border-bottom-darkbrown { border-bottom: 1px solid #333846; }

.border-height-1 { border-width: 1px; }
.border-height-2 { border-width: 2px; }
.border-height-3 { border-width: 3px; }
.border-height-4 { border-width: 4px; }
.border-height-5 { border-width: 5px; }
.border-height-6 { border-width: 6px; }
.border-height-7 { border-width: 7px; }
.border-height-8 { border-width: 8px; }
.border-height-9 { border-width: 9px; }
.border-height-10 { border-width: 10px; }

#header-title { color:#ffffff; text-shadow:2px 2px 2px rgba(0,0,0,0.7); font-size:300%; line-height:1; font-weight:bold; }
#header-subtitle { color:#75816e; text-shadow:2px 2px 2px rgba(0,0,0,0.7); font-size:520%; line-height:1; font-variant:small-caps; margin-bottom:100px; }

/* SIDE COLUMN */

#side ul, #side ul li {
	list-style: none;
	padding: 0;
	margin: 0;
}
#side a {
	text-decoration: none;
	color: #626973;
}
#side a:hover {
	color: #64705d;
}

.spacer { height: 20px; }

/* SEARCH BOX */
#form-container { width:100%; }
#searchinput {
	background:none repeat scroll 0 0 #fff;
	border:1px solid #aaa;
	border-right:none;
	border-radius:3px 0 0 3px;
	color:#5e5e5e;
	display:block;
	padding:10px;
	width:100%;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	font-size:17px;
	margin:0;
	outline:0;
	height:44px;
}
#searchtext { overflow:hidden; }
button.search-submit-button {
	background:none repeat scroll 0 0 #333;
	border:none;
	border-radius:0 3px 3px 0;
	color:#fff !important;
	text-shadow:2px 2px 2px rgba(0,0,0,.6);
	display:block;
	float:right;
	font-size:20px;
	padding:8px;
	text-align:center;
	width:50px;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	outline:0;
	height:40px;
	cursor:pointer;
}
button.search-submit-button:hover, button.search-submit-button:focus { background:none repeat scroll 0 0 #222; cursor:pointer; }

/*** MOBILE MENU ***/

#mobilemenu { display: none; }

/*** MOBILE ***/

@media screen and (max-width: 700px) {
	.hideon-sm { display: none; }
	.halfon-sm { width: 50%; }
	.fullon-sm { width: 100%; }
	.order1on-sm { order: 1; }
    .order2on-sm { order: 2; }
    .order3on-sm { order: 3; }
    .order4on-sm { order: 4; }
    .order5on-sm { order: 5; }
    .order6on-sm { order: 6; }
    .order7on-sm { order: 7; }
    .order8on-sm { order: 8; }
    .order9on-sm { order: 9; }
    .order10on-sm { order: 10; }
    .order11on-sm { order: 11; }
    .order12on-sm { order: 12; }
    .order13on-sm { order: 13; }
    .order14on-sm { order: 14; }
    .order15on-sm { order: 15; }
    #mobilemenu { display: initial; order: 0; }
    
    #header-title { font-size:150%; }
	#header-subtitle { font-size:260%; line-height:1.1; margin-bottom:20px; }
}