@charset "UTF-8";

/* Adam's Lock Template */

body { 
	background-color: #fff5e5;
	font-family: 'adobe-garamond-pro', Helvetica, Arial, sans-serif;
	margin: 0; padding: 0;
	font-size: 130%;
	color: #1D2646;
}
@media only screen and (max-width: 1000px) { body { font-size: 120%; } }
@media only screen and (max-width: 800px) { body { font-size: 150%; } }
@media only screen and (max-width: 450px) { body { font-size: 100%; } }

h1, h2, h3, h4, h5, h6 { color: #df5a00; margin-top: 0; margin-bottom: 0.5em; line-height: 110%; }
div.content h1 { font-size: 2.0em; }
div.content h2 { font-size: 1.8em; }
div.content h3 { font-size: 1.6em; }
div.content h4 { font-size: 1.4em; }
div.content h5 { font-size: 1.2em; line-height: 130%; }
div.content h6 { font-size: 1.0em; line-height: 130%; }

div.content p { line-height: 150%; }

div.content a { color: #df5a00; }
div.content a:visited, div.content a:hover, div.content a:active { color: #e26a17; }

div { box-sizing: border-box; }


div.clear { clear: both; }




/* ----------- INNER CONTAINERS (holds content at max-width of 1200px) ----------- */

.container-inner { 
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	/* border: 1px dotted black; */
}

@media screen and (max-width: 1200px) { .container-inner { padding-left: 3%; padding-right: 3%; } }



/* ----------- HEADER ----------- */

#header { 
	background: #004422;
  background-image: url(../images/header-green-door.jpg); 
  background-size: auto 100%;
  background-position: center bottom;
  background-repeat: no-repeat;
  padding-bottom: 2.5em; /* matches height of top navigation */ 
}

@media screen and (max-width: 800px) { #header { padding-bottom: 0; background-size: 100% auto; } }




/* Logo */
#header h1 { 
	width: 28%;
	margin: 0; padding: 0.5em 0 0 0;
	display: inline-block;
}

@media screen and (max-width: 800px) { #header h1 { width: 100%; display: block; text-align: center; padding: 0; } }


#header h1 img { width: 100%; height: auto; max-width: 325px; }


/* Contact info in header */ 
#header div.contact { 
	width: 70%; 
  margin: 0; padding: 0 0 0.5em 0; 
	display: inline-block;
	height: 100%;
}

@media screen and (max-width: 800px) { 
  #header div.contact { width: 100%; display: block; } 
}


#header div.contact p { 
  color: #fff5e5; 
  text-align: right; 
  font-size: 1.2em; 
  margin: 0; padding: 0; 
}
#header div.contact p strong { font-size: 1.4em; }

@media screen and (max-width: 800px) { 
  #header div.contact p { text-align: center; } 
}





/* ----------- TOP NAVIGATION ----------- */

nav.topnav { 
  background: rgba(0,0,0,0.3);
  height: 2.5em;
  margin: -2.5em 0 0 0;
}

@media screen and (max-width: 800px) { 
  nav.topnav { margin: 0; background: #004422; height: auto; } 
}




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

div.content { 
  	width: 75%; 
    padding: 1.5em 3% 1em 0;
  	float: left; 
}

@media only screen and (max-width: 1200px) { 
  div.content { width: 70%; }
}

@media only screen and (max-width: 1000px) { 
  div.content { 
    float: none; 
    width: 100%; 
	padding: 1.5em 0 1em 0;
  }
}


/* Full-width content area (when there is no sidebar) */
div.content.fullwidth { 
  width: 100%; 
  float: none; 
}
@media only screen and (max-width: 1200px) { 
  div.content.fullwidth { width: 100%; }
}




/* ----------- SIDEBAR ----------- */

#sidebar { 
  width: 25%; 
	float: right;
  padding: 2em 0; 
}

@media only screen and (max-width: 1200px) { 
	#sidebar { width: 30%; }
}

@media only screen and (max-width: 1000px) { 
	#sidebar { float: none; width: 100%; padding: 0 0 2em 0; }
}

#sidebar > div.moduletable { 
  background: #fdf8ef;
	border: 2px solid #59114d; 
}




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

#footer { 
	color: #fff5e5;
	background-color: #59114d;
	background-image: url(../images/footer-bg-top.png),url(../images/footer-bg-bottom.png);
	background-position: center top, center bottom;
	background-repeat: repeat-x;
    background-size: 12.5px auto, auto 14.5px; 
}

#footer .container-inner { padding: 1.5em 0; }
@media screen and (max-width: 1200px) { #footer .container-inner { padding: 1em 3%; } }

#footer p { margin: 0; padding: 0; } 
#footer a { color: #fff5e5; }

/* Contact info in footer */ 
#footer div.moduletable.contact { float: left; width: 45%; }
#footer div.moduletable.contact p { line-height: 150%; }


/* Copyright, credits, and service area */
#footer div.moduletable.copyright { float: right; width: 45%; }
#footer div.moduletable.copyright p { font-size: 0.9em; text-align: right; }


/* Email and phone buttons on mobile devices */
@media screen and (max-width: 1000px) { 
	#footer div.moduletable.contact a { 
		display: inline-block;
		background: #6b1b5e;
		border: 1px solid #fff5e5; 
		border-radius: 0.3em;
		margin: 0.5em 1em 0.5em 0; padding: 0.3em 1em; 
		text-decoration: none; 
	} 
	#footer div.moduletable.contact span.dot { display: none; }
}


@media screen and (max-width: 800px) { 
  #footer div.moduletable.contact, #footer div.moduletable.copyright { float: none; width: 100%; } 
  #footer p { font-size: 0.9em; text-align: center!important; margin: 0 0 1em 0;  }
}





/* Top-level links */ 
#responsiveMenu91 > li { font-weight: bold; font-variant: small-caps; letter-spacing: 0.08em; }
#responsiveMenu91 > li:hover { background: #df5a00; } 
#responsiveMenu91 > li:hover a span.linker{ color: #fff5e5; }
#responsiveMenu91 > li > a > span.linker { padding: 0.6em 0 0.8em 0; height: 1em; }


/* Second-level menus */ 
#responsiveMenu91 > li.parent > ul { border-radius: 0 0 0.3em 0.3em; padding-bottom: 0.3em; }
#responsiveMenu91 > li.parent > ul > li > a { padding: 0; }

#responsiveMenu91 > li.parent > ul > li > a > span.linker { 
  font-weight: normal; 
  font-variant: normal; 
  letter-spacing: 0; 
  margin: 0; 
  padding: 0.35em 0.9em; 
  display: block; 
  font-size: 1.2em; 
}
#responsiveMenu91 > li.parent > ul > li > a > span.linker:hover { background: #e26a17; }



/* Mobile menu */

@media screen and (max-width: 800px) {
   nav.topnav > div.container-inner { padding: 0; }

a.responsiveMenu1m.toggleMenu.isMobile { 
  background-color: #004422;
  background-image: url(../images/menu-key.png); 
  background-position: 3% center;
  background-size: 5% auto; 
  display: block; 
  width: 87%; 
  margin: 0; padding: 0.35em 3% 0.25em 10%; 
  border-radius: 0; 
  border-top: 1px solid #fff5e5;
  font-variant: small-caps;
  font-weight: bold; 
  font-size: 1.8em; 
  text-decoration: none; 
  color: #fff5e5;
  letter-spacing: 0.05em; 
}
  
 a.responsiveMenu1m.toggleMenu.isMobile.active { background-color: #df5a00; }

 ul#responsiveMenu91.isMobile { position: relative; z-index: 100; background: #df5a00; }

  /* Links */
  ul#responsiveMenu91.isMobile > li:hover a,
  ul#responsiveMenu91.isMobile > li.active a { background-color: #e26a17; }

  /* Border colors */ 
  ul#responsiveMenu91.isMobile > li, 
  ul#responsiveMenu91.isMobile > li:hover, 
  ul#responsiveMenu91.isMobile > li:active { border-color: #ec985c!important; }

  /* Second-level links */ 
  ul#responsiveMenu91.isMobile > li.parent > ul { padding-bottom: 0; }
  ul#responsiveMenu91.isMobile > li.deeper.parent > ul > li > a { border: none!important; }
  ul#responsiveMenu91.isMobile > li.parent > ul > li > a { background-color: #df5a00; background-image: url(../images/menu-dash.png); background-repeat: no-repeat; background-size: 15px auto; background-position: 6% center; }
  ul#responsiveMenu91.isMobile > li.parent > ul > li > a > span.linker { padding: 0.2em 3% 0.2em 9%!important; }
    

}