/****************************************** * Media Queries (Responsive Design) *******************************************/ /* WARNING! DO NOT EDIT THIS FILE! To make it easy to update your theme, you should not edit the styles in this file. Instead use the custom.css file to add your styles. You can copy a style from this file and paste it in custom.css and it will override the style in this file. */ @media screen and (max-width: 1200px) { .inner-wrap { width: 92%; } .slides > li h3 { font-size: 24px; } .home_widgets .home_column { width: 31%; margin-right: 3.5%; } .recent-posts, .post-wrap, .single-tribe_events .type-tribe_events { width: 67%; } #sidebar { width: 30%; } .single .share { padding-left: 0; } .single .share a { margin: 0 15px 0 0; } .post_author { padding-left: 0; } .footer-widgets .column { width: 22%; margin-right: 3%; } #tribe-events-pg-template { max-width: 92%; } } @media (min-width: 1025px) { #menu-top-slide { display: none !important; } #menu-main-slide { display: none !important; } } @media screen and (max-width: 1024px) { #slider .slides { height: 450px; } #slider .slides > li { height: 450px; } .slides > li .excerpt { font-size: 16px; margin-top: 15px; } .slides > li .li-content { padding: 2%; min-height: 450px; width: 37%; } .slides > li h3 { font-size: 24px; padding: 20px 0 0; } .slides > li h3:after { display: none; } /* Menu */ header .menu-top-container { text-indent: -9999px; height: 0; } header .menu-main-container { text-indent: -9999px; height: 0; } .menu-top-container.mm-menu { text-indent: 0; height: 100%; } .menu-main-container.mm-menu { text-indent: 0; height: 100%; } #navbar-top, #navbar-main { display: none; } .navbar-toggle { display: block } article .entry-date { width: auto; float: none; margin: 0 0 5px; text-align: left; display: block; } article .entry-date span { font-size: 16px !important; } article .entry-date .month { display: inline; } .single .share a { font-size: 14px; padding: 5px 10px; } h3.entry-title, h1.entry-title { font-size: 26px; } .widget .feature-posts-list li h3 { font-size: 18px; } .home_widgets_dark .dark_column-4 .widget, .home_footer_widgets .footer_column-4 .widget, .footer-widgets.widget-columns-4 .column { width: 48%; margin-right: 4%; } .home_footer_widgets .footer_column-2 .widget:nth-child(2n+2), .home_footer_widgets .footer_column-3 .widget:nth-child(3n+3), .home_footer_widgets .footer_column-4 .widget:nth-child(2n+2), .home_widgets_dark .dark_column-2 .widget:nth-child(2n+2), .home_widgets_dark .dark_column-3 .widget:nth-child(3n+3), .home_widgets_dark .dark_column-4 .widget:nth-child(2n+2) { margin-right: 0; } .footer-widgets .column { width: 48%; margin-right: 4%; } .footer-widgets .column:nth-child(2n+2) { margin-right: 0; } .site-info .copyright, .site-info .designed-by { width: 100%; float: none; } .site-info .designed-by { float: left; text-align: left; } } /* Tablet Portrait */ @media screen and (max-width: 860px) { #slider .slides { height: 350px; } #slider .slides > li { height: 350px; } .slides > li .li-content { padding: 3%; min-height: 350px; width: 37%; margin-right: 2%; } .slides > li h3 { font-size: 20px; padding: 0; } .slides > li .slide_button { margin-top: 15px; } .slides > li .slide_button a { font-size: 14px; } .single .share a { clear: both; margin: 0 0 15px; } .single .share a:after { content: " "; display: table; } .home_widgets .home_column.last { margin: 0; padding: 0; border: none; } #tribe-events .tribe-events-content p { display: none; } .tribe-events-list .vevent.hentry h2 { font-size: 24px; } .tribe-events-list-widget h4.entry-title { font-size: 16px; } } @media screen and (max-width: 768px) { .recent-posts, .post-wrap, .single-tribe_events .type-tribe_events { width: 100%; float: none; } #sidebar { width: 100%; float: none; margin-top: 40px; } #respond input { width: 100% } .form-allowed-tags { display: none } .tribe-events-loop .tribe-events-event-meta { float: none; width: 100%; background: none; border: none; margin: 0 0 15px; padding: 0; } #tribe-events-pg-template { padding: 0; } } @media screen and (max-width: 640px) { .navbar-brand .tagline { display: none; } .flex-control-nav { display: none; } .slides > li .li-content { float: left; width: 100%; position: absolute; bottom: 0; height: auto; left: 0; min-height: inherit; } .slides > li h3 { padding: 0; } .slides > li h3:after { display: none; } .slides > li .slide_button { margin: 10px 0 0; } .slides > li .slide_button a { padding: 5px 15px; } .slides > li .excerpt { display: none; } .navbar-brand img { max-width: 100%; height: auto; } .home_footer_widgets .footer_column-2 .widget, .home_footer_widgets .footer_column-3 .widget, .home_footer_widgets .footer_column-4 .widget, .home_widgets_dark .dark_column-2 .widget, .home_widgets_dark .dark_column-3 .widget, .home_widgets_dark .dark_column-4 .widget, .footer-widgets.widget-columns-2 .column, .footer-widgets.widget-columns-3 .column, .footer-widgets.widget-columns-4 .column { width: 100%; } .home_widgets .home_column { width: 100%; margin-right: 0; } .footer-widgets .column { width: 100%; float: none; margin-right: 0; } }