/* =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;} .menu_pop_left {margin-left:50% !important;} .menu_pop_right {margin-right:50% !important;} .menu_pop_left .menu_bar ul ul { left:-54%; top:0px; } .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-link-icon { width: 24px; height: 24px; background-repeat: no-repeat; background-image: url(data:image/png;base64,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); float:right; font-size: 150%; margin-top:-3px; margin-right:15px; } .mobile-home-link { float:left; margin-left:15px; } .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 */