/* Responsive CSS Style */ @media only screen and (min-width: 960px) and (max-width: 1119px) { body { background-color: #fff; } #page, .container { width: 940px; } .header-ad { width: 600px; height: auto; margin-top: 23px; } #primary { width: 620px; } .sf-menu ul { padding: 0 15px; } .sf-menu ul ul { left: 225px; } .sf-menu li a { font-weight: normal; text-transform: none; padding: 0 15px; } .bxslider { height: 347px; } .content-magazine .hentry { width: 300px; } .content-magazine .hentry .read-more a { font-size: 13px; } .content-magazine .thumbnail-link { width: 100%; } .content-magazine .entry-comment { display: none; } .content-list .thumbnail-link { width: 200px; } .content-list .entry-category { position: absolute; left: 0; top: 0; } .content-grid .hentry { width: 295px; } .content-grid .entry-comment { display: none; } .footer-columns .footer-column-1, .footer-columns .footer-column-2, .footer-columns .footer-column-3, .footer-columns .footer-column-4 { width: 212px; } .entry-related .hentry { width: 300px; margin-right: 20px; } .entry-related .hentry.last { margin-right: 20px; } .entry-related .hentry:nth-of-type(2n) { margin-right: 0; } .entry-related .hentry:nth-of-type(2n+1) { clear: left; } .entry-related .hentry:nth-of-type(3n+1) { clear: none; } .comment-form .comment-form-author, .comment-form .comment-form-email, .comment-form .comment-form-url { width: 193px; } .comment-form .comment-form-author, .comment-form .comment-form-email { margin-right: 20px; } #site-bottom { text-transform: none; } #site-bottom .footer-nav li { margin-right: 12px; padding-right: 12px; } } /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) { .mobile-menu-icon, .search-icon { display: block; } .site-branding .site-title { font-size: 28px; line-height: 67px; margin-top: 0; } .site-branding .site-desc { display: none; } #primary-nav, #secondary-nav, #primary-bar, #secondary-bar { display: none; } #page { width: 100%; } .container { width: 98%; } .site-header { position: relative; } .site-start { height: 70px; border-bottom: 3px solid #ce181e; } .site-branding #logo { height: 67px; } .site-branding img { max-height: 48px; } .header-ad { float: left; width: 100%; height: auto; text-align: center; } #featured-content, .content-ad { margin-bottom: 20px; } .bxslider { display: none; height: 100%; } .bx-wrapper { background-color: transparent; background: none; } #primary { float: none; width: 100%; padding-bottom: 25px; } #secondary { float: none; width: 100%; } .sidebar .widget_ad .widget-title, .site-footer .widget_ad .widget-title { text-align: left; } .sidebar .widget_125 img, .site-footer .widget_125 img { margin-right: 15px; } .sidebar .widget_125 span.img-right, .site-footer .widget_125 span.img-right { float: left; } .sidebar .widget_newsletter, .site-footer .widget_newsletter { background-image: none; } #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) */ @media only screen and (min-width: 768px) and (max-width: 959px) { .header-ad { margin-top: 20px; } .content-magazine .hentry { width: 48.5%; margin-right: 3%; } .content-magazine .hentry:nth-of-type(2n) { margin-right: 0; } .content-magazine .hentry .entry-comment { display: none; } .content-magazine .thumbnail-link { margin-right: 15px; } .content-grid .hentry { width: 48%; margin-right: 4%; } .content-grid .hentry:nth-of-type(2n) { margin-right: 0; } .content-grid .hentry .entry-comment { display: none; } .entry-related .hentry { width: 31.33333%; margin-right: 3%; } .sidebar .widget_125 img, .site-footer .widget_125 img { margin-right: 15px; } .sidebar .widget_125 span.img-right, .site-footer .widget_125 span.img-right { float: left; } .footer-columns .footer-column-1, .footer-columns .footer-column-2, .footer-columns .footer-column-3, .footer-columns .footer-column-4 { width: 49%; margin-right: 2%; } .footer-columns .footer-column-2, .footer-columns .footer-column-4 { margin-right: 0; } .footer-columns .footer-column-3 { clear: left; } .comment-form .comment-form-author, .comment-form .comment-form-email { width: 32%; margin-right: 2%; } .comment-form .comment-form-url { width: 32%; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { .header-ad { height: auto; margin-bottom: 0; } .content-ad { margin-bottom: 13px; } .site-content { padding: 13px 0; } #featured-content .featured-slide .entry-header { bottom: 0; } .single .breadcrumbs .post-title { display: none; } .single .breadcrumbs .post-category a { background: none; } .entry-share a { margin-right: 2px; } .entry-share a span { display: none; } .entry-summary { clear: both; display: block; } .entry-summary:before { content: " "; display: block; clear: both; } .single .entry-header { margin-bottom: 20px; } .comment-form .comment-form-author, .comment-form .comment-form-email, .comment-form .comment-form-url { width: 100%; } .footer-columns .footer-column-1, .footer-columns .footer-column-2, .footer-columns .footer-column-3, .footer-columns .footer-column-4 { width: 100%; margin: 0 0 0 0; } .footer-columns .footer-column-4 { border-bottom: none; margin-bottom: 0; } .content-search .thumbnail-link { width: 48px; } .content-search .entry-title { display: table; } .content-search .entry-meta { display: none; } .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) { #featured-content { margin-bottom: 15px; } #featured-content .featured-slide .entry-title { font-size: 24px; } .content-magazine .hentry { border: none; width: 48%; margin-right: 4%; padding: 0; } .content-magazine .hentry:nth-of-type(2n) { margin-right: 0; } .content-magazine .hentry .entry-comment, .content-magazine .hentry .read-more { display: none; } .content-magazine .thumbnail-link { float: none; margin: 0 0 10px 0; width: 100%; } .content-list .thumbnail-link { width: 140px; margin: 0 20px 20px 0; } .content-list .entry-title { display: table; font-size: 18px; } .content-list .entry-comment { display: none; } .content-loop .entry-title { font-size: 24px; } .content-grid .hentry { width: 48%; margin-right: 4%; padding: 0; } .content-grid .hentry:nth-of-type(2n) { margin-right: 0; } .content-grid .hentry .entry-comment, .content-grid .hentry .read-more { display: none; } .content-grid .entry-title { font-size: 20px; } .entry-related .hentry { width: 48%; margin: 0 4% 20px 0; } .entry-related .hentry.last { margin-right: 4%; } .entry-related .hentry:nth-of-type(2n) { margin-right: 0; } .entry-related .hentry:nth-of-type(2n+1) { clear: left; } .entry-related .hentry:nth-of-type(3n+1) { clear: none; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { .site-content { padding: 10px 0; } .site-branding .site-title { font-size: 24px; } .site-branding img { max-height: 36px; } .site-title { font-size: 24px; } #featured-content { margin-bottom: 5px; } #featured-content .featured-slide .entry-title { font-size: 22px; } .content-magazine .hentry { float: none; border: none; border-bottom: 1px solid #ddd; width: 100%; margin-bottom: 20px; padding: 0 0 20px 0; } .content-list .thumbnail-link { float: left; width: 100px; margin: 0 15px 20px 0; } .content-list .entry-meta { display: none; } .content-list .entry-title { font-size: 18px; } .content-list .entry-category a { height: 24px; line-height: 24px; padding: 0 6px; } .content-loop .entry-title { font-size: 22px; } .content-grid .hentry { float: none; width: 100%; margin: 0 0 25px 0; } .content-grid .entry-title { font-size: 22px; } .entry-related .hentry { width: 100%; } .pagination .page-numbers { font-size: 13px; padding: 0 10px; height: 30px; line-height: 30px; } .pagination .prev, .pagination .next { border-radius: 2px; padding: 0 10px; } .pagination .prev:before, .pagination .next:after { display: none; } .page-title, .single h1.entry-title, .page h1.entry-title { font-size: 24px; } #comments .comment-metadata, .comment-respond .comment-metadata { display: none; } } @media only screen and (max-width: 359px) { .content-loop .hentry .read-more, .content-loop .hentry .entry-comment, .content-list .hentry .read-more, .content-list .hentry .entry-comment, .content-magazine .hentry .read-more, .content-magazine .hentry .entry-comment, .content-grid .hentry .read-more, .content-grid .hentry .entry-comment { display: none; } .content-grid .hentry .read-more { display: block; } .single .hentry .entry-comment { display: none; } .sidebar .widget_125 img, .site-footer .widget_125 img { border: none; padding: 0; } } /*# sourceMappingURL=responsive.css.map */