/* Responsive CSS Style */ @media only screen and (min-width: 960px) and (max-width: 1119px) { .container { width: 940px; } #primary { width: 620px; } .sf-menu li a { font-size: 13px; font-weight: normal; } .sf-menu li a .menu-text { padding: 0 8px; } #primary-menu { margin-left: 15px; } .menu-item-home { display: none; } #featured-content .hentry { padding-bottom: 0; } #featured-content .hentry .entry-header { padding: 0 15px 15px 15px; } #featured-content .hentry .entry-title { font-size: 1em; } #featured-content .hentry .byline { display: none; } .content-loop .thumbnail-link { width: 210px; } .content-loop .entry-title { font-size: 1.1em; } .content-loop .entry-summary { line-height: 1.55; } } /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { #primary-nav, .header-search, .header-search-icon { display: none; } .header-toggles { display: block; } .container { width: 96%; } .site-header { height: 60px; } .header-toggles { top: 9px; } .site-branding #logo { height: 60px; line-height: 60px; } .site-branding img { max-height: 60px; } .site-title { font-size: 24px; line-height: 60px; margin: 0; } .site-description { display: none; } #featured-content { padding: 15px 0; } #featured-content .hentry { padding-bottom: 0; } #featured-content .hentry .entry-header { padding: 0 15px 15px 15px; } #featured-content .hentry .entry-title { font-size: 1.1em; } #featured-content .hentry .byline { display: none; } #primary { float: none; width: 100%; margin-bottom: 25px; } #secondary { float: none; width: 100%; } .sidebar .widget_ad .widget-title, .site-footer .widget_ad .widget-title { text-align: left; } #site-bottom { text-align: center; } #site-bottom .site-info { float: none; margin-bottom: 10px; } #site-bottom .footer-nav { float: none; } #site-bottom .footer-nav ul li { padding: 0 5px; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { .site-content { padding: 10px 0; } #featured-content { padding-bottom: 0; } #featured-content .featured-wrap { display: block; } #featured-content .hentry { margin-bottom: 15px; } .entry-meta .entry-author, .entry-meta .sep1 { display: none; } .single .breadcrumbs .post-title { display: none; } .single .breadcrumbs .post-category a { background: none; } .entry-summary { clear: both; display: block; } .entry-summary:before { content: " "; display: block; clear: both; } .single .entry-header { margin-bottom: 20px; } .error404 h1.entry-title, .single h1.entry-title, .page h1.entry-title { font-size: 1.2em; } .comment-form .comment-form-author, .comment-form .comment-form-email, .comment-form .comment-form-url { width: 100%; } .footer-columns .footer-column { float: none; width: 100%; padding: 0 10px; } .error-404 .page-content .search-form input.search-field { width: 200px; } #site-bottom { text-align: center; } #site-bottom .site-info { float: none; margin-bottom: 10px; } #site-bottom .footer-nav li { margin: 0 5px; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { .content-loop .thumbnail-link { width: 140px; margin: 0 20px 20px 0; } .content-loop .entry-title { font-size: 18px; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { .site-content { padding: 10px 0; } .content-loop .thumbnail-link { float: left; width: 110px; margin: 0 15px 15px 0; } .content-loop .entry-meta { display: none; } .content-loop .entry-title { font-size: 1.1em; margin-bottom: 5px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .content-loop .entry-meta .entry-author, .content-loop .entry-meta .entry-comment { display: none; } .content-loop .entry-meta .entry-date { margin-left: 0; padding-left: 0; } .content-loop .entry-meta .entry-date:before { display: none; padding-left: 0; } .content-loop .entry-category a { height: 24px; line-height: 24px; padding: 0 6px; } .entry-related .hentry { float: none; width: 100%; } .entry-related .hentry:after { content: " "; clear: both; display: block; } .pagination { padding: 15px 0 5px; } .pagination .page-numbers { font-size: 13px; padding: 0 10px; height: 30px; line-height: 30px; } .page-title, .single h1.entry-title, .page h1.entry-title { font-size: 24px; } #post-nav .post-previous { margin-bottom: 20px; } #post-nav .post-previous:after { clear: both; content: " "; display: block; } #post-nav .post-next { border-left: none; padding: 0; text-align: left; } #post-nav .post-next .thumbnail-wrap { float: left; margin: 0 15px 0 0; } #comments .comment-metadata, .comment-respond .comment-metadata { display: none; } .sidebar .widget { margin-bottom: 20px; } } /*# sourceMappingURL=responsive.css.map */