/* =Mobile
----------------------------------------------- */
/* rules to make all responsive devices work better */
/* Make sure videos and embeds fit their containers */
embed,
iframe,
object,
video {
	max-width: 100%;

}
.entry-content .twitter-tweet-rendered {
	max-width: 100% !important; /* Override the Twitter embed fixed width */
}

/* rules for areas hidden in various hybrid "desktop" views */

.aspen-show-mobile-mobile {display:none;}
.aspen-show-mobile-phone {display:none;}
.aspen-show-mobile-smalltablet {display:none;}
.aspen-show-mobile-tablet {display:none;}
.aspen-show-mobile-any {display:none;}

/* the "desktop" state of some blocks */

#mobile-widget-area {display:none;}

#nav-bottom-menu,
#nav-top-menu {display:block;}	/* needed for iOS */

#mobile-bottom-nav,
#mobile-top-nav {display:none;}


@media only screen and (min-width:641px) {
.aspen-mobile-resp-nostack .mobile_menu_bar {display:none;}
}

/* ======================= STACKING SIDEBARS =================== */

@media only screen and (max-width:640px) and (orientation:portrait) {

#container_wrap,
#sidebar_wrap_left,
#sidebar_wrap_right {width:100% !important;}

.aspen-mobile-smart-nostack #sidebar_wrap_left,
.aspen-mobile-smart-nostack #sidebar_wrap_right,
.aspen-mobile-smart-nostack #sidebar_wrap_footer,
.aspen-mobile-resp-nostack #sidebar_wrap_footer,
.aspen-mobile-resp-nostack #sidebar_wrap_left,
.aspen-mobile-resp-nostack #sidebar_wrap_right {display:none !important;}

.aspen-mobile-resp-nostack #mobile-widget-area {display:block !important;}
}

@media only screen and (max-width:640px) and (orientation:landscape) {
#container_wrap,#sidebar_wrap_left,#sidebar_wrap_right {width:100% !important;}

.entry-content p,
.entry-summary p {margin-bottom:.5em !important;line-height:1.25em !important;}
}

/* ===================== Vertical Tablets ================== */
@media only screen and (max-width:768px) and (orientation:portrait) {

.aspen-show-mobile-tablet {display:inline-block !important;}
.aspen-show-mobile-any {display:inline-block !important;}
.aspen-hide-mobile-tablet {display:none !important;}
.aspen-hide-mobile-any {display:none !important;}
}

/* ===================== Small Tablet AND Phones ================== */
@media only screen and (max-width:640px) {
body {font-size:12px !important;padding:0 !important;}

.aspen-show-mobile-mobile {display:inline-block !important;}
.aspen-show-mobile-any {display:inline-block !important;}
.aspen-hide-mobile-mobile {display:none !important;}
.aspen-hide-mobile-any {display:none !important;}

.aspen-mobile-smart-stacked #sidebar_wrap_left,	/* aspenjslib will turn on - prevents visible swap of area */
.aspen-mobile-resp-stacked #sidebar_wrap_left {
    display:none;
}

#main a,
#mobile-widget-area a,
.sidebar_top a,
.sidebar_bottom a,
.sidebar_extra a {
	text-decoration: underline !important;
}
#nav-bottom-menu,
#nav-top-menu {min-height:24px;}

#nav-bottom-menu,
#nav-top-menu {display:none;}	/* needed for iOS */

.post-avatar {max-height:32px !important;max-width:32px !important;}
.menu_bar a {line-height:24px;}
.menu_bar ul ul {top:24px;left:-8px;width:150px;}
.menu_bar ul a {width:120px;padding:2px 12px 8px 6px;}
.menu_bar ul ul a {width:144px;}
.menu_bar ul ul ul {left:25%;top:34px;}
.menu_bar,
.menu_bar ul ul a,
.menu_bar li:hover > a,
.menu_bar ul ul :hover > a { background-image:none !important;}
.sf-sub-indicator {margin-top:-3px; display:none;}

.mobile_widget_area {margin:6px 4px 4px 4px;}

#site-title {
    font-size:180% !important;
    left:0px;
    line-height:1.25em !important;
    overflow:hidden;
    padding:0;
    position:relative;
    top:0px;
}

#site-description {font-size:110% !important;}

#wrapper {padding:0px;}

.entry-content,
.entry-summary {padding-top:.5em;}
.entry-content p,
.entry-summary p {margin-bottom:.5em !important;line-height:1.25em !important;}

#branding, #colophon {margin-left:0px;}

.entry-title a,
.entry-title {font-size:110% !important;}

#site-info {padding-left:4px;}

#site-generator {display:none;}

.commentlist {margin-left:4px;}

#colophon, #branding {margin-left:auto !important;margin-right:auto !important;}

#content {padding:12px;}

.menu_bar ul ul ul {left:50% !important;top:34px !important;}

.entry-title a,
.entry-title {font-size:110% !important;}

#respond input#submit {font-size:90% !important;width:100% !important;}

#sidebar_wrap_footer.one .widget-in-footer,
#sidebar_wrap_footer.two .widget-in-footer,
#sidebar_wrap_footer.three .widget-in-footer,
#sidebar_wrap_footer.four .widget-in-footer {
	float:none !important;
	margin:2% 4% 2% 4%;
	width:90% !important;
}

#sidebar_wrap_left {display:none;}	/* javascript will display:block if stacked */

.content-3-col {
	float:none !important;
	overflow:hidden;
	width:100% !important;
	padding-right:0 !important;
	padding-left:0 !important;
}

/* standard elements */
ul, ol {
	margin:0 0 1.0em 1em;
}
dl {
	margin:0 .9em;
}
dd {
	margin-bottom:1em;
	margin-left:.9em;
}
blockquote {
	margin:0 1em;
}

.blog-post-cols-2,
.blog-post-cols-3,
.blog-post-cols-4,
.blog-post-cols-5,
.blog-post-cols-2-span-2,
.blog-post-cols-3-span-2,
.blog-post-cols-4-span-2,
.blog-post-cols-5-span-2 {
    width:47%;
    margin: 6px 6px 0px 6px;
}
.blog-post-cols-2 img,
.blog-post-cols-3 img,
.blog-post-cols-4 img,
.blog-post-cols-5 img {
    max-width:97% !important;
}
}

/* ======================= Small Tablets Only ======================= */

@media only screen and (min-width:581px) and (max-width: 640px) {
.aspen-show-mobile-mobile {display:inline-block !important;}
.aspen-show-mobile-any {display:inline-block !important;}
.aspen-hide-mobile-mobile {display:none !important;}
.aspen-hide-mobile-any {display:none !important;}

.aspen-show-mobile-smalltablet {display:inline-block !important;}
.aspen-hide-mobile-smalltablet {display:none !important;}
}

/* =========================== PHONES ONLY ========================== */
@media only screen and (max-width: 580px) {	/* 580 chosen because of iPhone 5 landscape */
.aspen-show-mobile-mobile {display:inline-block !important;}
.aspen-show-mobile-any {display:inline-block !important;}
.aspen-hide-mobile-mobile {display:none !important;}
.aspen-hide-mobile-any {display:none !important;}

.aspen-show-mobile-phone {display:inline-block !important;}
.aspen-hide-mobile-phone {display:none !important;}

body {padding: 0 !important; }
.aspen-show-tablet {display: none !important;}
.aspen-show-smalltablet {display: none !important;}
.aspen-show-phone {display: block !important;}

#site-title {font-size:160% !important;line-height:1.5em;}
#site-description {display:none;}

.content-2-col-left,
.content-2-col-right,
.content-3-col {
	float:none !important;
	overflow:hidden;
	width:100% !important;
	padding-right:0 !important;
}
#infobar {display:none;}
}

@media only screen and (max-width: 420px) {	/* Masonry smaller yet for small screens */
.blog-post-cols-2,
.blog-post-cols-3,
.blog-post-cols-4,
.blog-post-cols-5,
.blog-post-cols-2-span-2,
.blog-post-cols-3-span-2,
.blog-post-cols-4-span-2,
.blog-post-cols-5-span-2 {
    width:97%;
}
}

/* ====================== IE fixes ======================== */
#ie7 .aspen-show_mobile-mobile,
#ie8 .aspen-show-mobile-mobile {display:none !important;}

#ie7 .aspen-show-mobile-any,
#ie8 .aspen-show-mobile-any {display:none !important;}

#ie7 .aspen_show-mobile-smalltablet,
#ie8 .aspen_show-mobile-smalltablet {display:none !important;}

#ie7 .aspen-show-mobile-tablet,
#ie8 .aspen-show-mobile-tablet {display:none !important;}

#ie7 .aspen-hide-mobile-mobile,
#ie8 .aspen-hide-mobile-mobile {display:inline-block !important;}

#ie7 .aspen-hide-mobile-any,
#ie8 .aspen-hide-mobile-any {display:inline-block !important;}

#ie7 .aspen-hide-mobile-smalltablet,
#ie8 .aspen-hide-mobile-smalltablet {display:inline-block !important;}

#ie7 .aspen-hide-mobile-tablet,
#ie8 .aspen-hide-mobile-tablet {display:inline-block !important;}


/* ====================== slide open menu ================= */

.mobile-menu-link {
	border-width:1px;
	border-style:solid;
	float:right;
	margin-right:15px;
	padding:0 2px 0 4px;
}

.mobile-menu-add {
	padding-bottom: 10px;
	text-align:center !important;
}

.menu-add .mad-br {display: none;}

.menu-vertical .menu-add .mad-br {display:block !important;}
.menu-vertical .menu-add {display:block !important; float:none; text-align:center;max-height:100%;padding-bottom:4px;}
.menu-vertical .sf-menu .sf-with-ul:after {content:"  \2193";} /* this adds arrow to superfish/mobile. alt: 21e9 */