/* Theme Name: Spacious Child Theme URI: http://example.com/twenty-fifteen-child/ Description: Spacious Child Theme Author: Jean Debogue Author URI: http://jeandebogue.com Template: spacious Version: 1.0.4 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: one-column, two-columns, right-sidebar, left-sidebar, flexible-header, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, featured-images, theme-options, footer-widgets, blog, e-commerce Text Domain: spacious-child */ /*-------------------------------------------------- Body CSS -----------------------*/ body { padding-top: 0; padding-bottom: 0; background: #FFFFFF; } #page { max-width: auto; margin: 0 auto; background-color: #FFFFFF; box-shadow: 0 0 0; } h2 { margin-top: 20px; } h3 { margin-top: 20px; } /*-------------------------------------------------- Header CSS -----------------------*/ #header-meta { background-color: #f8f8f8; border-bottom: 1px solid #eaeaea; } #header-text-nav-container { border-bottom: 1px solid #eaeaea; } #header-text-nav-wrap { padding-bottom: 20px; padding-top: 20px; } #header-left-section { float: left; margin-right: 25px; } #header-logo-image { float: left; max-width: 100%; padding: 0 20px 0 0; } #header-logo-image img { margin-bottom: 0; } #header-text { float: left; padding: 10px 20px 0 0; } #site-title a { color: #444444; font-size: 24px; } h1#site-title { padding-bottom: 5px; } h3#site-title { font-size: 30px; line-height: 36px; margin-bottom: 0; padding-bottom: 5px; } #site-title a:hover { color: #0fbe7c; } #site-description { color: #666666; font-size: 16px; line-height: 24px; padding-bottom: 0; } #header-right-section { float: right; } #header-right-sidebar { overflow: hidden; } #header-right-section .widget { padding-top: 10px; text-align: right; } #header-right-section .widget h3 { padding-bottom: 5px; } .header-image { border-bottom: 1px solid #eaeaea; margin-bottom: 0; width: 100%; } .header-post-title-container { text-align: center; } .header-post-title-class { font-size: 32px; padding-bottom: 0; line-height: 36px; } /*-------------------------------------------------- Button CSS -----------------------*/ .btn { background: #1777cb; color: #fff; padding: 15px 20px; display: inline-block; border-radius: 50px; } .btn:hover { background: #0c62ae; color: #fff; } /*------------------------------------------------- RESPONSIVE ---------------------*/ @media screen and (max-width: 1023px){ /* Maybe to enable .header { display: block; } */ .logo, .menu { width: 100%; float: inherit; display: inline-block; } } @media screen and (min-width: 640px){ .menu li, .user_info { display: block !important; } } @media screen and (max-width: 639px){ .menu li { width: 100%; text-align: center; display: none; } .user_info { display: none; width: 100%; text-align: center; } img.menu_toggle { display: block; } }