/* Landscape tablet and below */ @media (max-width: 1024px) { .inside-footer-widgets > div { margin-bottom: 50px; } .active-footer-widgets-1 .footer-widget-1, .active-footer-widgets-3 .footer-widget-3, .active-footer-widgets-5 .footer-widget-5 { width: 100%; } } /* Portrait tablet and below */ @media (max-width: 768px) { .sidebar, .content-area { float: none; width: 100%; left: 0; right: 0; } .main-title a { font-size: 80%; } .main-title { line-height: 1em; } .menu-toggle, .main-navigation.toggled .main-nav > ul { display: block; } button.menu-toggle { background-color: transparent; width: 100%; border: 0; } button.menu-toggle:hover, button.menu-toggle:active, button.menu-toggle:focus { background-color: transparent; border: 0; outline: 0; } .main-navigation ul li:hover > ul { display: none; } .sf-menu li:hover > ul, .sf-menu li.sfHover > ul { display: none; } .sub-menu.toggled-on, .children.toggled-on { display: block !important; } .main-navigation .main-nav ul li .dropdown-toggle { display: block; } .main-navigation li a.dropdown-toggle { position: absolute; top: 0; right: 0; } .main-navigation ul { display: none; } .nav-float-right .main-navigation, .nav-float-left .main-navigation { float: none; margin-bottom:20px; } .nav-float-left .site-branding, .nav-float-left .site-logo { float: none; } .navigation-search { bottom: auto; top: 0; } .mobile-bar-items { display: block; position: absolute; right: 0; top: 0; z-index: 21; list-style-type: none; } .mobile-bar-items a { display: inline-block; } .main-navigation .menu li.search-item { display: none !important; } li.search-item a { padding-left: 20px; padding-right: 20px; } .site-main { margin-left: 0 !important; margin-right: 0 !important; } body:not(.no-sidebar) .site-main { margin-bottom: 0 !important; } .fluid-header .inside-header { text-align: center; } .menu-toggle { text-align: center; } .nav-search-enabled .main-navigation .menu-toggle { text-align: left; } .main-nav .sf-menu > li { float: none; clear: both; } .nav-aligned-right.nav-below-header .main-navigation .menu > li, .nav-aligned-right.nav-below-header .main-navigation .sf-menu > li, .nav-aligned-right.nav-above-header .main-navigation .menu > li, .nav-aligned-right.nav-above-header .main-navigation .sf-menu > li, .nav-aligned-center.nav-below-header .main-navigation .menu > li, .nav-aligned-center.nav-below-header .main-navigation .sf-menu > li, .nav-aligned-center.nav-above-header .main-navigation .menu > li, .nav-aligned-center.nav-above-header .main-navigation .sf-menu > li { display: block; margin: 0; text-align: left; } .main-navigation .main-nav ul ul { position: relative; top: 0; left: 0; width: 100%; } .header-widget { float: none; max-width: 100%; text-align: center; } .main-navigation { text-align:left; } .navigation-search, .navigation-search input { width: 100%; max-width: 100%; } .alignleft, .alignright { float: none; display: block; margin-left: 0; margin-right: 0; } .post-image-aligned-left .post-image, .post-image-aligned-right .post-image { float: none; margin: 2em 0; text-align: center; } .sf-menu .menu-item-has-children > a:first-child, .sf-menu .page_item_has_children > a:first-child { padding-right: 1em; } .sf-menu .menu-item-has-children > a:first-child:after, .sf-menu .page_item_has_children > a:first-child:after { display: none; } .site-info { padding-left: 10px; padding-right: 10px; } .edd_download { display: block; float: none !important; margin-bottom: 1.5em; width: 100% !important; } .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { float: none; } .woocommerce .woocommerce-ordering select { max-width: 100%; } }