@charset "UTF-8";

/*styled initially for phones up to 768px, 2x pixel density*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {width:100%}

/**************************************************/
/**************** layout elements *****************/
/**************************************************/
html {
	font-size: 40px;
	-webkit-text-size-adjust: 100%;
}
body {
	margin:0;
	padding:0;
}

#page_wrap {
	height:100%;
	width:100%;
}
#header_wrap {	
	position:fixed;
	width:100%;
	top:0;
	z-index:3;
	background-color: #4b4d51;
	text-align:center;
}
#map_wrap {
	position:fixed;
	width:100%;
	z-index:1;
	overflow:hidden;
	border:medium solid #FFFFFF;
	box-sizing: border-box;
}
#map {
	margin: 0 auto;
	width: 100%;
	height: 100%;
}
#info_wrap {
	position:fixed;
	width: 100%;
	bottom:0;
	z-index:2;
	padding:.5em 0 .5em 0;
	text-align:center;
	overflow:scroll;
	display:flex;
	flex-flow:row wrap;
	justify-content:center;
	align-items:flex-start;
}
.profile_wrap{
	text-align: left;
	min-height: 130px;
	width: 100%;
	padding: 0 0 8% 0;
	background-color: #FFFFFF;
}
.profileimg_wrap{
	float:right;
	width: 20%;
	display:flex;
}
.profileimg{
	max-width: 100%;
	max-height: 100%;
}
.profiletext_upper_wrap {
	float:left;
	background-color:#fff;
	padding:0 0 0 1em;
}
.profiletext_lower_wrap {
	display:block;
	background-color:#5b5c68;
	color:#fff;
	clear:both;
	padding:1em;
}
.pin_wrap{
	height:auto;
	width:auto;
	display:block;
	text-align: left;
	line-height:.85;
	background-color:#fff;
	border-radius: .5rem;
}
.pintext_upper_wrap {
	display:block;
	background-color:#7a7f90;
	border-radius: .5rem .5rem 0 0;
	padding:1em 1em .5em 1em;
}
.pintext_lower_wrap {
	display:block;
	background-color:#fff;
	clear:both;
	border-radius: 0 0 .5rem .5rem;
	padding: .5em 1em 1em 1em;
	margin: 0 0 1em 0;
}
.show {display:block}

/***********************************************/
/******************  MAP TWEAKS  ***************/
/***********************************************/
.infoBox:after{
	content : " ";
	width: 0;
	height: 0;
	border-left: 1rem solid transparent;
	border-right: 1rem solid transparent;
	border-top: 2rem solid #fff;
	position:absolute;
	bottom:-.5rem;
	left:.5rem;
}

/**********************************************/
/**************** header menu *****************/
/**********************************************/
.current {
	background-color: #5b5c68;
}
.header_menu * {
	text-decoration:none;
	list-style:none;
	cursor:pointer;
	color:#fff;
	font-size: .95em;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.header_menu hr {
	width:80%;
	margin:0 auto 0 auto;
}
.header_menu {
    display: inline-block;
}
/* ul li a is the menu button */
.header_menu ul {
	padding:0;
	margin:0;
}
.header_menu ul li {
    position: relative;
    display: inline-block;
	border-left:1px solid white;
	padding:1em 1em .5em 1em;
	font-weight:bold;
}
.header_menu ul li:hover {
	background-color: #5b5c68;
}
.header_menu> ul > li:hover > ul {
	display:block;
}
/*ul ul li a are the first tier sub menus */
.header_menu ul ul {
	display:none;
	position:absolute;
	background-color: #5b5c68;
	border-radius: 0 0 .5em .5em;
	padding:0 0 1em 0;
	overflow:scroll;
	top:100%;
}
.header_menu ul ul.menu_left{
	left:0%;
}
.header_menu ul ul.menu_right{
	right:0%;
}
.header_menu ul ul li{
	display:block;
	margin:0;
	border:none;
	white-space: nowrap;
	overflow:auto;
	text-align:left;
}
.header_menu ul ul li div{
	white-space:normal;
	min-width:400px;
	max-width:500px;
}
.header_menu ul ul li:hover, .header_menu ul ul li:hover > ul {
	background-color:#7a7f90;
}
.header_menu ul ul a {
	width:82%;
	margin:3px;
	text-align:left;
}
/*ul ul ul li a are the second tier sub menus */
.header_menu ul ul ul{
	display:none;
	position:relative;
	border:none;
	border-radius:0;
	min-width:130px;
	padding:1em 0 1.2em 0;
	overflow:scroll;
}
.header_menu ul ul ul li{
	display:block;
	padding:0 1em 0 1em;
	white-space: nowrap;
	overflow:auto;
}
.header_menu ul ul ul li:hover{
	background-color: #7a7f90;
}
#header_logo {
	border:none;
	padding:0 1em 0 1em;
}
#header_logo:hover {
	background-color: #4b4d51;
}

.align_left {position:relative; display:inline-block; float:left;}
.align_right {position:relative; display:inline-block; float:right;}


/**********************************************/
/**************** text styling ****************/
/**********************************************/
/************** more info boxes ***************/
.info_name {
	font-size:1.6rem;
	line-height: 1.2rem;
}
.info_tmp {
	text-transform: uppercase;
	font-size:1rem;
	line-height: 1.2rem;
}
.info_shop {
}
.info_prgm {
}
.info_printers {
}
.info_title {
}
.info_address {
}
.info_cszc {
}
.info_website {
}
.info_phone {
}
.info_email {
}
.info_serv {
}
.info_med {
}
.info_contact {
}
.info_degrees {
}
.lispace {
	font-size: 1rem;
	line-height: 1rem;
}
.info_uppertext {
	font-size:1rem;
	line-height: 1.2rem;
	color:#4B4D51;
	text-decoration:none;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-variant:small-caps;
	font-weight:bold;	
	list-style-type: none;
	list-style-image: none;
}
.info_uppertext a:link {
	color:#4B4D51;
	text-decoration: none;
}
.info_uppertext a:hover {
	color: #4B4D51;
	text-decoration: underline;
}
.info_uppertext a:visited {
	color:#4B4D51;
	text-decoration: none;
}
.info_uppertext a:active {
	color:#4B4D51;
	text-decoration: none;
}
.info_lowertext {
	font-size: .87rem;
	line-height: 1rem;
	color: #fff;
	text-decoration: none;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	list-style-type: none;
	list-style-image: none;
}
.info_lowertext a:link {
	color:#fff;
	text-decoration: none;
}
.info_lowertext a:hover {
	color: #fff;
	text-decoration: underline;
}
.info_lowertext a:visited {
	color:#fff;
	text-decoration: none;
}
.info_lowertext a:active {
	color:#fff;
	text-decoration: none;
}
#searchdb {
	color:#4B4D51;
}

/**************** pin info boxes ****************/
.pin_info_name {
	font-size:1.6em;
	line-height: 1.2em;
	display:inline-block;
}
.pin_info_tmp {
	text-transform: uppercase;
	font-size:1.5em;
	line-height: 1.2em;
	display:inline-block;
}
.pin_info_shop {
	text-transform: uppercase;
}
.pin_info_prgm {
	text-transform: uppercase;
}
.pin_info_printers {
}
.pin_info_title {
}
.pin_info_address {
}
.pin_info_cszc {
}
.pin_info_website {
}
.pin_info_phone {
}
.pin_info_email {
}
.pin_info_serv {
}
.pin_info_med {
}
.pin_info_contact {
}
.pin_info_degrees {
}
.pin_lispace {
	font-size: .4rem;
	line-height: .4rem;
}
.pin_view_more {
	text-transform:uppercase;
	font-size:.6rem;
}
.pin_info_uppertext {
	font-size:.8rem;
	line-height: 1rem;
	color:#fff;
	text-decoration:none;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-variant:small-caps;
	font-weight:bold;	
	list-style-type: none;
	list-style-image: none;
	white-space:nowrap;
}
.pin_info_uppertext a:link {
	color:#fff;
	text-decoration: none;
}
.pin_info_uppertext a:hover {
	color:#fff;
	text-decoration: underline;
}
.pin_info_uppertext a:visited {
	color:#fff;
	text-decoration: none;
}
.pin_info_uppertext a:active {
	color:#fff;
	text-decoration: none;
}
.pin_info_lowertext {
	font-size: .75rem;
	line-height: .85rem;
	color: #4B4D51;
	text-decoration: none;
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	text-transform: titlecase;
	list-style-type: none;
	list-style-image: none;
	white-space:nowrap;
}
.pin_info_lowertext a:link {
	color: #4B4D51;
	text-decoration: none;
}
.pin_info_lowertext a:hover {
	color: #4B4D51;
	text-decoration: underline;
}
.pin_info_lowertext a:visited {
	color: #4B4D51;
	text-decoration: none;
}
.pin_info_lowertext a:active {
	color: #4B4D51;
	text-decoration: none;
}


/***********************************************/
/********************   ICONS   ****************/
/***********************************************/
.pin-red{font-size:2em;color:#d34a4a;}
.pin-yellow{font-size:2em;color:#eae549;}
.pin-green{font-size:2em;color:#4dce8d;}
.pin-blue{font-size:2em;color:#4b98d1;}
.pin-grey{font-size:2em;color:#b2b2b2;}
.pin-purple{font-size:2em;color:#9473bf;}
.logo{font-size:2em;color:#fff;top:.14em;position:relative;}
@font-face {
	  font-family: 'icomoon';
	  src:  url('../_fonts/mapicons.eot');
	  src:  url('../_fonts/mapicons.eot') format('embedded-opentype'),
		url('../_fonts/mapicons.ttf') format('truetype'),
		url('../_fonts/mapicons.woff') format('woff'),
		url('../_fonts/mapicons.svg') format('svg');
	  font-weight: normal;
	  font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
	  font-family: 'icomoon' !important;
	  speak: none;
	  font-style: normal;
	  font-weight: normal;
	  font-variant: normal;
	  text-transform: none;
	  line-height: 1;
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
}
.icon-pin:before {
	  content: "\e900";
}
.icon-chop:before {
	  content: "\e901";
}


/***********************************************/
/*****************  MEDIA BREAKS   *************/
/***********************************************/
/* ----------- Tablets ----------- */
@media screen 
	and (min-device-width: 768px) 
	and (max-device-width: 1024px) 
{
		html{
			font-size: 16px;
			-webkit-text-size-adjust: 100%;
		}
		.header_menu ul ul li div{
			min-width:400px;
			max-width:500px;
		}
}
/* Landscape */
@media screen 
	and (min-device-width: 768px) 
	and (max-device-width: 1024px) 
	and (orientation: landscape) 
{
	
}
/* Portrait */
@media screen 
	and (min-device-width: 768px) 
	and (max-device-width: 1024px) 
	and (orientation: portrait) 
{
	
}

/* ----------- Computers ----------- */
@media screen 
  and (min-device-width: 1025px) { 
	html{
		font-size: 16px;
		-webkit-text-size-adjust: 100%;
	}
	.current {
		border-bottom: 1px solid white;
	}
	.header_menu ul ul li div{
		min-width:200px;
		max-width:600px;
	}
	#info_wrap {
		justify-content:left;
	}
	.profile_wrap{
		width: 50%;
		padding: 0 0 5% 0;
	}
	.profileimg_wrap{
		float:right;
		width: 15%;
		display:flex;
	}

}