/* 
	Northern Rockies Regional Municipality - Mobile Stylesheet
	March 2009
	Atomic Crayon / karen@atomiccrayon.com / SMRT
*/

/* COLOURS

#838383 - grey - headlines

#6a6a6a - grey - borders
*/

/* Sections flagged with =
	GENERIC
	TOP
	INSIDE
	BRAND
	ACCESSIBILITY
	MAIN
	BREADCRUMBS
	CONTENT
	SIDEBAR
	SECTION-NAVIGATION
	NAVIGATION (main)
	META-NAVIGATION
	SEARCH
	WEATHER
	FOOTER
	SECTION-SPECIFIC
		Home
		
*/

/* =GENERIC
----------------------------------------------------*/

body, html {
	margin: 0;
	padding: 0;
	font-size: 100%;
	width: 100%!important;
	width: auto!important;	
}

body {
	color: #000;
	background-color: #fff;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	margin: 0;
	padding: 0;
	line-height: 1.6;
	width: 100%;
}

h1, h2, h3, h4 {
	margin-top: 1em;
	color: #9a5e0a;
	clear: both;
}

h3{font-size: 2.2em;}

a{font-weight: bold;}
a:link, a:visited{color: #697c2a;}
a:hover, a:active, a:focus {color: #9a5e0a;}


#content img {
 padding: 5px;
 border: solid 1px #e2e2e2;
}

#description {
	font-size: 1.7em;
	margin-left: 15px;
	padding-right: 20px;
	clear: both;	
}

#right-items {
	margin-left: 15px;
	padding-right: 20px;	
}

#photo-gallery {

}



.clear {
	clear: both;
	line-height: 1;
	height: 20px;
	font-size: .1em;
}

.button {
}

form {
}



/* =TOP
----------------------------------------------------*/

#top {
}

/* =INSIDE
----------------------------------------------------*/

#inside {
}


#header {
	background-image: url(../images/bk-header-mobile.png);
	width: 100%!important;
	width: auto!important;
	height: 208px;
}


/* =LOGO
----------------------------------------------------*/

#brand{position: relative;
margin: 0px!important;
padding: 0px!important;
top: 0px;
left: 0px;
width: 100%!important;
height: 208px;
border-top: solid 1px white;}

#brand p{/*padding-top: 140px;*/
font-size: 48px;
color: black;
margin-top: 56px;
margin-left: 15px;}

#brand p a{color: #555555!important;
text-decoration: none;}

#brand img{border: none;
float: right;
margin-top: -10px;
margin-right: 0px!important;
}

#brand #print-brand img {border: none;
position: absolute;
margin-top: 31px;}



/*ACCESSIBILITY*/


#accessibility{}

#font-size{}

#accessibility-options{position: relative;}

/* Skip Links */


/* Text Size */

/* only shown if javascript is active */

.contrast-switch{
	padding: 3px;
	background-color: #3c3c3c;
	color: white!important;
}

.contrast-switch:link, .contrast-switch:visited{color: white!important;}


#accessibility{font-family: Tahoma, Arial;
font-size: 12px;
color: #9a5e0a;
z-index: 100;
float: right;
margin-left: 1em;
margin-bottom: 1em;
margin-top: 50px;
padding: 0px!important;

}

#font-size{}

#accessibility-options{}

#accessibility #text-size {
	font-size: 12px;
	color: #9a5e0a;
}

#accessibility #text-size {line-height: 13px!important;}


/* =CONTENT
----------------------------------------------------*/

#holder{}

#content {
clear: both!important;
margin-top: 60px;

}

#content-body{border-bottom: solid 1px #6a6a6a;
width: 100%;
margin-bottom: 20px;}


#banner{height: 1px!important;
background: none!important;
clear: both!important;
border: solid 1px orange;}





#content .required {
	display: none;
}

#content .error {
	color: #f00;
	font-weight: bold;
}

#content .error .text {
	border-color: #f00;
}

#content .error .required {
	display: inline;
}






/* =MAIN-NAVIGATION
----------------------------------------------------*/


#menu{position: relative;
border-bottom: solid 1px #6a6a6a;
width: 100%;
clear: both;
height: auto;
float: none!important;
background: #e8e4c5;
padding-top: 20px;
margin-top: 0px!important;
padding-left: 5px!important;}

#menu a{text-decoration: none;
font-weight: bold;
text-align: center;}

h3{display: none;}

#menu a:link, #menu a:visited{color: #697c2a!important;}
#menu a:active, #menu a:hover, #menu a:focus{color: #9a5e0a!important;}

#menu li{background: white;
float: left!important;
display: block!important;
font-size: 1.6em;
border: solid 1px #cac6a7;
list-style: none;
padding-left: 5px!important;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 5px;
margin-right: 8px;
width: 18%;
text-align: center;}



/* =FOOTER
----------------------------------------------------*/

#footer {
	padding: 5px;
	background: #e2e2e2;
	border-top: solid 1px #666;
	font-size: 1.3em;
}

#footer img{border: none;}

#footer-piper{float: right;}

.spacer{clear: both;}

#footer a{margin-right: 8px;}

/* =SECTION-SPECIFIC
----------------------------------------------------*/



#content{

}

#description{

}

.side-title{font-size: 1.7em;}

#featured-photo{
	float: left;
	margin-left: 20px;
	margin-top: 20px;
	margin-right: 90px;
}

/*BANNER*/

#banner {
	background: none;
	margin: 0 0 83px 0;
	display: block;
	
}

#banner p.banner-text-home{
	margin: 0 0 5px 0;
	font-size: 2.5em;
	font-weight: bold;
	color: #8b7f1c;
	font-family: 'PT Sans', sans-serif;
	padding-left: 15px;
	line-height: 28px;
	padding-top: 35px;
	display: block;

	
	
	
}

ul.custom-home{
	padding-left: 10px;
	padding-top: 10px;
	margin: 0;
	display: block;
}

ul.custom-home li.leaf{
	display: inline;
	background: url(images/home-bullet-leaf.png) no-repeat center left;
	font-size: 1.025em;
	color: #000;
	text-transform: uppercase;
	font-family: 'PT Sans', sans-serif;
	font-weight: bold;
	height: 46px;
	padding: 0 5px 0 20px;
	
	
	
}

#banner p.banner-text-standard{
	font-size: 1.875em;
	font-weight: bold;
	color: #8b7f1c;
	font-family: 'PT Sans', sans-serif;
	padding-left: 10px;
	line-height: 26px;
	margin: 0;
	padding-top: 45px;
	display: block;
	
}

ul.custom-standard{
	padding-left: 10px;
	padding-top: 15px;
	margin: 0;
	display: block;
	
}
ul.custom-standard li.leaf{
	display: inline;
	background: url(images/standard-bullet-leaf.png) no-repeat center left;
	font-size: 1.025em;
	color: #000;
	text-transform: uppercase;
	font-family: 'PT Sans', sans-serif;
	font-weight: bold;
	height: 36px;
	padding: 0 7px 0 15px;
}



.wpcf7-form-control-wrap .form_text {
		width: 90vw;
	max-width: unset;
	padding: 15px;
	font-size: 55px;
	font-family: inherit;
	height: 75px;
	margin-bottom: 25px;
}

.form_select {
	
	width: 90vw;
	max-width: unset;
	padding: 15px;
	font-size: 16px;
	font-family: inherit;
	
}

.wpcf7-form-control-wrap select,
.wpcf7-form-control-wrap input[type="date"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  width: 93vw;
  max-width: unset;
  padding: 15px;
  font-size: 35px;
  font-family: inherit;
  height: 100px;
  margin-bottom: 25px;
	color: black !important;
	background-color: white;
	border: 1px solid gray;
	text-align: left;
}
select::-ms-expand {
  display: none;
}

input.wpcf7-submit {
    -webkit-appearance: none;
    appearance: none;
    border: none;
     background: radial-gradient(ellipse at center, rgba(111, 100, 11, 1) 46%, rgba(73, 65, 5, 1) 100%);
    color: #fff;
    padding: 16px 32px;
    border-radius: 8px;
    font-size: 18px;
    font-family: inherit;
    font-weight: 600;
    box-shadow: none;
    outline: none;
    cursor: pointer;
    transition: background 0.2s;
	margin-bottom: 35px;
}

input.wpcf7-submit:hover {
	background: radial-gradient(ellipse at center, rgba(73, 65, 5, 1) 100%, rgba(73, 65, 5, 1) 100%);
}

.red {
	color: red !important;
}


#content {
	padding-left: 15px;
	padding-right: 15px;
	overflow: hidden;
}