/* @override 
	http://www.staffordcountymuseum.com/wp-content/themes/stf_base/css/stf_mobile.css?ver=1.0 */

@font-face {
    font-family: 'entyporegular';
    src: url('../fonts/Entypo/entypo.eot');
    src: url('../fonts/Entypo/entypo.eot') format('embedded-opentype'),
         url('../fonts/Entypo/entypo.woff') format('woff'),
         url('../fonts/Entypo/entypo.ttf') format('truetype'),
         url('../fonts/Entypo/entypo.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'entyposocial';
    src: url('../fonts/Entypo/entypo-social.eot');
    src: url('../fonts/Entypo/entypo-social.eot') format('embedded-opentype'),
         url('../fonts/Entypo/entypo-social.woff') format('woff'),
         url('../fonts/Entypo/entypo-social.ttf') format('truetype'),
         url('../fonts/Entypo/entypo-social.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


body{
	/*background: rgb(80, 80, 80);*/
}


header {
	height: 134px;
	margin: 0;
	padding: 0;
	width: 100%;
	position: relative;
}

header #nav {
	top: 70px;
	position: absolute;
	right: 5%;
	bottom: auto;
	left: auto;
	text-align: right;
	width: 215px;
}


/* Icons */

header #nav > h2:before {
	font-family: 'entyporegular';
	font-size: 2.5em;
	line-height: 0em;
	content: '\E005';
	vertical-align: sub;
	margin-right: 10px;
}
header #nav > ul > li:before {
	font-family: 'entyporegular';
	font-size: 2em;
	line-height: 0em;
	content: '\E75C';
	margin-right: 10px;
	color: #ad915f;
	float: right;
	padding-top: 24px;
	margin-left: 5px;
	position: relative;
	top: -15px;
}

/* end icons */


header #nav > ul {
	float: left;
}

header h2 {
	font-size: 30px;
	line-height: 38px;
	text-transform: uppercase;
	font-weight: 100;
	background: #f0d4a1;
	border: 1px solid #ad915f !important;
	width: 103px;
	padding-right: 17px;
	margin-left: 94px;
}

header #nav > ul > li > a {
	font-size: 30px;
	line-height: 38px;
	text-transform: uppercase;
	font-weight: 100;
	background: #f0d4a1;
	border-bottom: 1px solid #ad915f !important;
	margin: 0;
	padding: 0 17px 0 0;
	display: block;
	width: 196px;
	-moz-background-clip: padding;     /* Firefox 3.6 */
	-webkit-background-clip: padding;  /* Safari 4? Chrome 6? */
	background-clip: padding-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */
}

header #nav ul li {
	float: left;
	width: 100%;
	padding: 0 !important;
	margin: 0 !important;
	border: none;
}

header #nav li a {
	width: 100%;
	display: block;
/*	clear: left;
	float: left;*/
	margin: 0;
	padding: 0;
}

header #nav ul ul {
	position: relative;
	visibility: visible;
	top: 0 !important;
	left: 0 !important;
	height: 100% !important;
	float: left;
	margin: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	background: #f0d4a1;
	border: none;
	width: 100%;
	border-top: 1px solid #333;
}

header #nav ul ul a {
	line-height: 18px;
	font-size: 18px;
	padding-top: 7px;
	padding-bottom: 7px;
	width: 180px;
	margin-left: 14px;
}

#home_content {
	z-index: 1;
	width: 96%;
	margin: 15px auto 0;
}
.bottom15{
	margin-bottom: 5px;
}
.top15{
	margin-top: 5px;
}
#home_content #home_L {
	width: 100%;
	margin: auto;
	float: none;
}

#home_content #home_L > div > div {
	width: 100%;
}

#home_content .tile_one_col {
	width: 92%;
	padding: 4%;
	display: block;
	float: left;
	
	border-bottom: 1px solid rgba(255, 255, 255, .8);
}

#page_title {
	text-align: center;
	line-height: 1em;
	padding: .25em 0;
}

#interior_content h1 {
	padding: 20px 0;
	margin: 0;
	width: 100%;
}

#interior_content {
	width: 90% !important;
	margin: 0 5% !important;
	
}

#page_title .description {
	clear: left;
	float: left;
	width: 100%;
	text-align: center;
}

#footer_1 {
	width: 100%;
	float: left;
	clear: left;
	margin: 0;
}

#footer_1 h4 {
	margin: 10px 0 50px;
}

#footer_menu > ul > li {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
}

#footer_menu {
	width: 100%;
	padding: 0;
}
footer a {
	text-decoration: none;
}
.mobile #footer_menu .scrollable {
	height: auto;
}

header #logo {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

header #logo img {
	width: 60%;
	position: absolute;
	bottom: 20px;
}

.timeline_info_slide {
	/*width: 80%*/
	padding-bottom: 20px;
}

#timeline_info .timeline_info_slide > * {
	width: 100%!important;
	margin: 15px 0 !important;
}
#timeline_arrow_holder {
	top: 306px;
}
.scrollingHotSpotLeft,
.scrollingHotSpotRight {
/*	display: none !important;*/
	background-size: 50%;
}

.scrollingHotSpotLeft {
	left: -20px !important;	
}

.scrollingHotSpotRight {
	right: -20px !important;	
}
#slideshow_bar {
	padding-left: 0px;
	padding-right: 0px;
	float: left;
}

#slideshow_bar ul {
	height: 20px;
	overflow-y: scroll;
}

#gallery_filter {
	width: 100%;
	margin: 0;
	padding: 0;
	height: auto;
}

#master_gallery {
	width: 100%;
}

#gallery_filter p {
	width: 100%;
	text-align: center;
}

#gallery_filter .styled_dd {
	clear: both;
	float: left;
	margin: 0 0 10px;
	display: block;
	width: 100%;
}

#gallery_filter .styled_dd .button {
	width: 100%;
}

.cur_slide_tags .cur_slide_filter {
	float: none;
	display: inline-block;
}

.cur_slide_filter * {
	float:none;
}

.cur_slide_title {
	width: 100%;
	border: none;
}

.cur_slide_tags_slide {
	width: 100%;
	margin: 0;
}

.cur_tags_holder {
	width: 100%;
	text-align: center;
	padding: 10px 0 0;
}

.cur_slide_tags {
	top: 0;
	width: 100%;
}


.cur_slide_img img {
	display: block;
	width: 100%;
	height: auto;
}

#artifact_image {
	display: block;
	width: 100%;
	height: auto;
}

.cur_slide_content_slide {
	width: 96% !important;
	margin: 0 0 15px 0 !important;
	padding: 2%;
}

.cur_slide_media {
	width: 100%;
	margin: 0;
}

#sorting_notice {
	position: relative;
	top: 0;
	text-align: center;
	padding: 20px 0;
}

.cur_slide_media .launch_exhibit {
	margin: 0 0 15px 0 !important;
}

.cur_slide_media .launch_exhibit h3 {
	width: 100%;
	margin: 0;
	padding: 5px 2% !important;
	
	box-sizing:border-box; 
	-moz-box-sizing:border-box;
}

.cur_slide_content .artifact_media {
	float: none;
	margin: 0 auto 10px;
}

#gallery_pager {
	margin-top: 10px;
}

.sidebar {
	float: none;
	width: 100% !important;
	margin: 0 auto 10px;
}

#share {
	float: none;
	width: 100%;
	display: block;
	text-align: center;
	margin: 0 0 10px;
	clear: left;
}

#interior_content_wrapper {
	width: 100%;
	margin: auto;
	float: none;
}

.artifact-info-slide .info_box {
	width: auto;
}

#exhibit_bar .artifact_ajax_switch span {
	display: none;
}

#prev_exhibit,
#next_exhibit {
	width: 20px;
}

#exhibit_name {
	left: 41px;
	right: 41px;
}

#timeline_info {
	width: 100%;
	margin:auto;
}

.two_col,
.two_col.pad15 {
	width: 100%;
	margin: auto;
	float: none;
	padding: 2%
}

#point_cats .post_tag {
	display: block;
	width: 80%;
	margin: 0 auto 10px !important; 
}

#interior_page_content {
	height: auto;
	overflow: hidden;
}

#interior_page_content.no_sidebar {
	width: 90%;
	padding: 5%
}

#donation_counter {
	width: 94%;
	padding: 3%;
}

.learn_test {
	width: 94%;
	padding: 3%;
	margin-bottom: 15px;
}

.learn_image {
	width: 100% !important;
	background: transparent !important;
}

.learn_image img {
	margin: auto;
	display: block;
}

#page_tiles .tile {
	width: 94%;
}

#kids_main_content {
	width: 100%;
	padding: 0;
}

.kids_tiles > div {
	width: 100% !important;
	margin-bottom: 15px;
}

.page-id-73 #content_header, #timeline_info_cycle {
	width: 90% !important;
	margin: auto;
}

#home_content .tile {
	width: 100%;
	margin: 0 auto 10px;
}

#mobile_slide_box .slide {
	width: 100%;
	margin: 0;
	padding: 0;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}

#mobile_slide_box .slide_text {
	position: relative;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	width: 386px;
	margin: auto;
	
}

#mobile_slide_box {
	height: 312px;
	padding: 10px 0;
	z-index: 2;
	position: relative;
	border-top: 3px solid #C12736;
	overflow: hidden;
}

#mobile_slide_box #front_slideshow_prev,
#mobile_slide_box #front_slideshow_next {
	position: absolute;
	width: 10%;
	background-repeat: no-repeat;
	top: 35%;
	bottom: 45%;
	cursor: pointer;
	z-index: 1000000000;
	line-height: 33px;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	color: rgba(0,0,0,.5);
	background-size:11px 26px;
}

#mobile_slide_box #front_slideshow_prev {
	left: 3%;
	background-image: url(../images/stf-arrow-R-sm-white.png);
	background-position: center center;
}
#mobile_slide_box #front_slideshow_next {
	right: 3%;
	background-image: url(../images/stf-arrow-L-sm-white.png);
	background-position: center center;
}

.home #map_bg {
	height: 467px;
}

#mobile_slide_box img {
	display: block;
	float: left;
	position: relative;
	margin-right: -50px;
}

#mobile_slide_box .slide {
	float: left;
	width: 100%;
	height: 321px;
	margin-right: 0;
	position: relative;
	cursor: pointer;
	top: 5px !important;
}

#mobile_slide_box .slide p  {
	display: none;
	font-size: 16px;
	line-height: 19px;
	position: absolute;
	width: inherit;
	margin: 0;
	padding: 0;
}

#mobile_slide_box .slide.hover p {
	display: block;
}

#mobile_slide_box .slide h2 {
	text-transform: uppercase;
	margin: 0;
	color: #F0D4A1;
	font: normal 28pt/32px 'myriad-pro-condensed', sans-serif;
	position: absolute;
	padding: 0;
}

#kids_main_content {
	width: 100%;
}

#kids_main_content .kids_tiles {
	width: 100%;
}

#kids_main_content .kids_tiles .tile {
	margin: 0;
}

#responsive_george {
	width: 100%;
	float: right;
	height: 150px;
	background-image: url(../images/george-boy.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	margin-top: -90px;
}

.artifact-info-slide .info_box {
	margin-bottom: 2em;
}

#exhibit_bar,
#exhibit_bar * {
	box-sizing: border-box !important;
}

#exhibit_bar {
	padding: 10px;
}

#exhibit_bar #prev_exhibit {
	position: relative;
	width: 50%;
	float: left;
	border: none;
	padding: 0;
}

#exhibit_bar #next_exhibit {
	position: relative;
	width: 50%;
	float:right;
	border: none;
	padding: 0;
}

#exhibit_bar #exhibit_name {
	position: relative;
	width: 100%;
	left: 0;
	right: 0;
}

#exhibit_bar #exhibit_name h1 {
	padding: 0 10px;
}

.scroll_container {
	width: 100%;
	max-height: 200px;
}

#exhibit_list {
	padding-bottom: 1rem;
}

#timeline_scroll {
	overflow: hidden;
}

#featured_exhibit img {
	width: 100%;
	height: auto;
}