/* Theme Name: Bizznis Theme URI: http://bizzthemes.com/themes/bizznis/ Description: Bizznis is a professional mobile responsive WordPress theme. It is built for business websites, with speed, SEO and usability in mind. It is extermely simple to use and is following all the standards of modern HTML5 driven websites. Theme is regularly updated and backed by a company that has been in the WordPress business since 2009! See more at http://bizzthemes.com/themes/bizznis/ License: GPL version 3 License URI: http://gplv3.fsf.org/ Branch: 1.0 Version: 1.1.5 Author: BizzThemes Author URI: http://bizzthemes.com/ Tags: light, gray, white, one-column, two-columns, three-columns, right-sidebar, left-sidebar, responsive-layout, fluid-layout, custom-menu, featured-images, full-width-template, microformats, rtl-language-support, sticky-post, theme-options, translation-ready Text Domain: bizznis WARNING! DO NOT EDIT THIS FILE! This file is part of the core Bizznis parent theme. Please do all modifications in the form of a child theme. */ /* FILE STRUCTURE: Imports HTML5 Reset - Normalize CSS Reset - Box Sizing - Float Clearing Defaults - Typographical Elements - Headings - Objects - Forms - Tables - Column Classes Structure and Layout - Site Containers - Column Widths and Positions - Wrapping div for .content and .sidebar-primary - Content - Primary Sidebar - Secondary Sidebar Common Classes - WordPress - Search form - Avatar - Bizznis - Breadcrumb - Author box - Headings Site Header - Header content - Title area - Full width header, no widgets - Logo, hide text - Header Aside Area Site Navigation - Navigation bar - Navigation menu - Primary Navigation - Secondary Navigation - Site Header Navigation Content Area - Entries - Pagination - Content Boxes - Comments Sidebars Site Footer - Footer Widgets - Footer Creds Custom Widgets - Featured Content Plugins - Gravity Forms External Scripts - Github Media Queries - Retina ready - Responsive width */ /* Imports ------------------------------------------------------------------------------------------------------------------ */ @import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700); /* HTML5 Reset ------------------------------------------------------------------------------------------------------------------ */ /* normalize.css v3.0.1 | MIT License | git.io/normalize --------------------------------------------- */ html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#333}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} /* Box Sizing --------------------------------------------- */ *, input[type="search"] { box-sizing: border-box; } /* Float Clearing --------------------------------------------- */ .archive-pagination:before, .clearfix:before, .entry:before, .entry-pagination:before, .footer-widgets:before, .nav-primary:before, .nav-secondary:before, .site-container:before, .site-footer:before, .site-header:before, .site-main:before, .wrap:before { content: " "; display: table; } .archive-pagination:after, .clearfix:after, .entry:after, .entry-pagination:after, .footer-widgets:after, .nav-primary:after, .nav-secondary:after, .site-container:after, .site-footer:after, .site-header:after, .site-main:after, .wrap:after { clear: both; content: " "; display: table; } /* Defaults ------------------------------------------------------------------------------------------------------------------ */ /* Typographical Elements --------------------------------------------- */ body { background-color: #f1f1f1; color: #696f6f; font-family: 'Open Sans', sans-serif; font-size: 20px; font-weight: 300; line-height: 1.8; margin: 0; } a, button, input:focus, input[type="button"], input[type="reset"], input[type="submit"], textarea:focus, .button, .gallery img { -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } ::-moz-selection { background-color: #333; color: #fff; } ::selection { background-color: #333; color: #fff; } a { color: #cf0f0f; text-decoration: none; } a:hover { color: #333; text-decoration: none; } p { margin: 0 0 24px; padding: 0; } b, strong { font-weight: 700; } blockquote, cite, em, i { font-style: italic; } ol, ul { margin: 0; padding: 0; } blockquote { margin: 40px; } blockquote::before { content: "\201C"; display: block; font-size: 30px; height: 0; left: -20px; position: relative; top: -10px; } /* Headings --------------------------------------------- */ h1, h2, h3, h4, h5, h6 { color: #424242; font-weight: 700; line-height: 1.2; margin: 0 0 10px; } h1 { font-size: 36px; } h2 { font-size: 30px; } h3 { font-size: 24px; } h4 { font-size: 20px; } h5 { font-size: 18px; } h6 { font-size: 16px; } /* Objects --------------------------------------------- */ embed, iframe, img, object, video, .wp-caption { max-width: 100%; } img { height: auto; width: auto; /* IE8 */ } /* Gallery --------------------------------------------- */ .gallery { overflow: hidden; } .gallery-item { float: left; margin: 0 0 28px; text-align: center; } .gallery-caption { margin-left: 0; margin-top: 10px; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-3 .gallery-item { width: 33%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery-columns-5 .gallery-item { width: 20%; } .gallery-columns-6 .gallery-item { width: 16.6666%; } .gallery-columns-7 .gallery-item { width: 14.2857%; } .gallery-columns-8 .gallery-item { width: 12.5%; } .gallery-columns-9 .gallery-item { width: 11.1111%; } .gallery img { border: 1px solid #ddd; height: auto; padding: 4px; } .gallery img:hover { border: 1px solid #999; } /* Forms --------------------------------------------- */ input, select, textarea { background-color: #fff; border: 1px solid #ddd; color: #333; max-width: 100%; padding: 10px; } input:focus, textarea:focus { background-color: #fff; border-color: #999; outline: none; } input[type="checkbox"], input[type="image"], input[type="radio"] { width: auto; } ::-moz-placeholder { color: #999; opacity: 1; } ::-webkit-input-placeholder { color: #999; } button, input[type="button"], input[type="reset"], input[type="submit"], .button { background-color: #191919; border: none; box-shadow: none; color: #fff; cursor: pointer; padding: 10px 15px; width: auto; } button:hover, input:hover[type="button"], input:hover[type="reset"], input:hover[type="submit"], .button:hover { background-color: #cf0f0f; } .entry-content .button:hover { color: #fff; } .button { display: inline-block; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button { display: none; } label.screen-reader-text { display: none; } /* Tables --------------------------------------------- */ table { border-collapse: collapse; border-spacing: 0; line-height: 2; margin-bottom: 40px; width: 100%; } tbody { border-bottom: 1px solid #ddd; } td, th { text-align: left; } td { border-top: 1px solid #ddd; padding: 6px 0; } th { font-weight: 400; } /* Column Classes --------------------------------------------- */ .five-sixths, .four-sixths, .one-fourth, .one-half, .one-sixth, .one-third, .three-fourths, .three-sixths, .two-fourths, .two-sixths, .two-thirds { float: left; margin-left: 2.564102564102564%; } .one-half, .three-sixths, .two-fourths { width: 48.717948717948715%; } .one-third, .two-sixths { width: 31.623931623931625%; } .four-sixths, .two-thirds { width: 65.81196581196582%; } .one-fourth { width: 23.076923076923077%; } .three-fourths { width: 74.35897435897436%; } .one-sixth { width: 14.52991452991453%; } .five-sixths { width: 82.90598290598291%; } .first { clear: both; margin-left: 0; } /* Structure and Layout ------------------------------------------------------------------------------------------------------------------ */ /* Site Containers --------------------------------------------- */ .wrap { margin: 0 auto; max-width: 1200px; } .site-header { background-color: #fff; border-bottom: 1px solid #e5e5e5; } .site-main { clear: both; padding-top: 40px; } .site-footer { font-size: 16px; } /* Column Widths and Positions --------------------------------------------- */ /* Wrapping div for .content and .sidebar-primary -------------------- */ .content-sidebar-sidebar .content-sidebar-wrap, .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap { width: 980px; } .content-sidebar-sidebar .content-sidebar-wrap { float: left; } .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap { float: right; } /* Content -------------------- */ .content { float: right; width: 800px; } .content-sidebar .content, .content-sidebar-sidebar .content, .sidebar-content-sidebar .content { float: left; } .content-sidebar-sidebar .content, .sidebar-content-sidebar .content, .sidebar-sidebar-content .content { width: 580px; } .full-width-content .content { width: 100%; } /* Primary Sidebar -------------------- */ .sidebar-primary { float: right; width: 360px; } .sidebar-content .sidebar-primary, .sidebar-sidebar-content .sidebar-primary { float: left; } /* Secondary Sidebar -------------------- */ .sidebar-secondary { float: left; width: 180px; } .content-sidebar-sidebar .sidebar-secondary { float: right; } /* Common Classes ------------------------------------------------------------------------------------------------------------------ */ /* WordPress --------------------------------------------- */ .sticky { /* style it inside a child theme */ } a.alignnone { display: inline-block; } .alignleft { float: left; text-align: left; } .alignright { float: right; text-align: right; } a.alignleft, a.alignnone, a.alignright { max-width: 100%; } img.centered, .aligncenter { display: block; margin: 0 auto 24px; } .wp-caption { border: none; background: none; margin-left: 0; margin-right: 0; max-width: 100%; } img.alignnone, .alignnone { margin-bottom: 24px; } a.alignleft, img.alignleft, .wp-caption.alignleft { margin: 0 24px 24px 0; } a.alignright, img.alignright, .wp-caption.alignright { margin: 0 0 24px 24px; } .wp-caption-text { font-size: 14px; font-weight: 600; text-align: center; } .entry-content p.wp-caption-text { margin-bottom: 0; } .widget_calendar table { width: 100%; } .widget_calendar td, .widget_calendar th { text-align: center; } /* Search form --------------------------------------------- */ .search-form input[type="submit"] { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; padding: 0; position: absolute; width: 1px; } .header-content .search-form { margin-top: 17px; } .entry-content .search-form { width: 50%; } /* Avatar --------------------------------------------- */ .avatar , .author-box .avatar { float: left; } .comment .avatar { margin: 0 24px 24px 0; } .alignleft .avatar { margin-right: 24px; } .alignright .avatar { margin-left: 24px; } /* Bizznis --------------------------------------------- */ /* Breadcrumb -------------------- */ .breadcrumb { font-size: 16px; margin-bottom: 20px; } /* Author box -------------------- */ .author-box, .author-box h1 { line-height: 1.5; } .author-box, .archive-description { background-color: #fff; margin-bottom: 40px; overflow: hidden; padding: 60px; } .author-box .author-body { margin-left: 90px; } .author-box .author-box-title { display: block; font-size: 20px; padding: 0; } .author-box p, .archive-description p { margin-bottom: 0px; } .author-box a, .author-box a:hover { border-bottom: 1px dotted #fff; color: #fff; } /* Headings --------------------------------------------- */ .entry-header { margin-bottom: 20px; } .entry-title { color: #424242; font-size: 44px; letter-spacing: -2px; line-height: 1.38; } .widget-title { font-size: 30px; font-weight: 100; margin-bottom: 20px; } .entry-title a, .sidebar .widget-title a { color: #333; } .entry-title a:hover { color: #cf0f0f; } .sidebar .widget-title a { border: none; } .archive-title { font-size: 20px; } .search .archive-title { margin: 0; } /* Site Header ------------------------------------------------------------------------------------------------------------------ */ /* Header content --------------------------------------------- */ .header-content { padding: 60px 0; } /* Title area -------------------- */ .title-area { float: left; width: 360px; } .site-title { font-size: 42px; font-weight: 700; letter-spacing: -2px; line-height: 1.2; } .site-title a, .site-title a:hover { color: #333; } .site-description { font-size: 17px; line-height: 1.5; } .site-description, .site-title { margin-bottom: 0; } /* Full width header, no widgets -------------------- */ .header-full-width .title-area, .header-full-width .site-title { width: 100%; } /* Logo, hide text -------------------- */ .header-image .title-area { background: url('images/logo.png') no-repeat top center; min-height: 120px; } .header-image .site-description, .header-image .site-title a { display: block; text-indent: -9999px; } .header-image .site-title a { max-width: 100%; min-height: 120px; } .header-image .site-description { display: none; } /* Header Aside Area -------------------- */ .header-aside-area { float: right; margin-top: 30px; text-align: right; width: 800px; } .header-aside-area li { list-style-type: none; word-wrap: break-word; } /* Site Navigation ------------------------------------------------------------------------------------------------------------------ */ /* Navigation bar -------------------- */ .nav-bizznis { clear: both; font-size: 16px; line-height: 1.5; width: 100%; } .nav-bizznis .left { float: left; } .nav-bizznis .right { float: right; } .nav-bizznis .left > li, .nav-bizznis .right > li { display: inline-block; text-align: left; } .nav-bizznis .left a, .nav-bizznis .right a { border: none; display: block; padding: 30px 20px; position: relative; } .nav-bizznis .date { padding: 30px 20px; } .nav-bizznis .search { padding: 20px 0 0; } .nav-bizznis .search input { border-color: #111; } /* Navigation menu -------------------- */ .menu-bizznis { float: left; overflow: hidden; width: auto; } .menu-bizznis .menu-item { display: inline-block; text-align: left; } .menu-bizznis a { border: none; color: #333; display: block; padding: 30px 20px; position: relative; } .menu-bizznis a:hover { color: #cf0f0f; } .menu-item-has-children > a:after { content: '\00a0\00a0\25BE'; /* Read about CSS content here: http://css-tricks.com/css-content/ */ } .sub-menu .menu-item-has-children > a:after { content: ''; } .menu-bizznis .current-menu-item > a { color: #cf0f0f; } .menu-bizznis .sub-menu .current-menu-item > a { color: #333; } .menu-bizznis .sub-menu { -webkit-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -ms-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out; left: -9999px; opacity: 0; position: absolute; width: 250px; z-index: 99; } .menu-bizznis .sub-menu a { background-color: #fff; border: 1px solid #e5e5e5; border-top: none; font-size: 16px; padding: 16px 20px; position: relative; width: 250px; } .menu-bizznis .sub-menu .sub-menu { margin: -57px 0 0 249px; } .menu-bizznis .menu-item:hover { position: static; } .menu-bizznis .menu-item:hover > .sub-menu { left: auto; opacity: 1; } .menu-bizznis > .first > a { padding-left: 0; } .menu-bizznis > .last > a { padding-right: 0; } /* Primary Navigation --------------------------------------------- */ .nav-primary { background-color: #191919; color: #9e9d95; } .nav-primary a { color: #d3d1c7; } .nav-primary a:hover, .nav-primary .current-menu-item > a { color: #fff; } .nav-primary .sub-menu a, .nav-primary .sub-menu a:hover { color: #333; } /* Secondary Navigation --------------------------------------------- */ .nav-secondary { font-weight: 600; } /* Site Header Navigation --------------------------------------------- */ .nav-header .menu-bizznis { float: none; margin-top: 10px; text-transform: uppercase; } .nav-header .sub-menu { border-top: 1px solid #e5e5e5; } .nav-header .sub-menu .sub-menu { margin: -55px 0 0 199px; } /* Content Area ------------------------------------------------------------------------------------------------------------------ */ /* Entries --------------------------------------------- */ .entry { margin-bottom: 40px; padding: 50px 60px 60px; } article.entry { background-color: #fff; } .entry-content ol, .entry-content p, .entry-content ul, .quote-caption { margin-bottom: 24px; } .entry-content ol li, .entry-content ul li { margin-left: 40px; } .entry-content ol ol, .entry-content ul ul, .entry-content .wp-caption p { margin-bottom: 0; } .entry-content .attachment a, .entry-content .gallery a { border: none; } .entry-meta { clear: both; font-size: 16px; } .entry-header .entry-meta { margin-bottom: 0; } .entry-footer .entry-meta { margin: 0; } .entry-comments-link::before { content: "\2014"; margin: 0 6px 0 2px; } .entry-categories, .entry-tags { display: block; } .entry-content .post-edit-link:before { clear: both; content: "."; display: block; height: 10px; visibility: hidden; } /* Pagination --------------------------------------------- */ .archive-pagination { clear: both; margin: 40px 0; text-align: center; } .archive-pagination li { display: inline; } .archive-pagination li a { cursor: pointer; display: inline-block; padding: 5px 15px; } .archive-pagination li a:hover, .archive-pagination li.active a { background-color: #191919; color: #fff; } .entry-pagination { margin: 0 0 40px 0; } .post-navigation { padding: 0 0 40px 0; } /* Content Boxes --------------------------------------------- */ .content-box-blue, .content-box-gray, .content-box-green, .content-box-purple, .content-box-red, .content-box-yellow { margin-bottom: 30px; overflow: hidden; padding: 30px; } .content-box-blue { background-color: #a5dcf7; } .content-box-gray { background-color: #e2e2e2; } .content-box-green { background-color: #dbeaa0; } .content-box-purple { background-color: #f6e3f1; } .content-box-red { background-color: #f9bfa2; } .content-box-yellow { background-color: #fbf78d; } /* Comments --------------------------------------------- */ .comment-respond, .entry-comments, .entry-pings { background-color: #fff; clear: both; margin-bottom: 40px; } .comment-respond, .entry-pings { padding: 40px 40px 16px; } .entry-comments { padding: 60px; } .comment-header { font-size: 16px; } li.comment { background-color: #f1f1f1; } .comment-content { clear: both; } .comment-list li.comment { margin-top: 40px; padding: 50px; } .comment-list li li.comment { background-color: #fff; border-top: 2px solid #f1f1f1; margin-right: -50px; margin-bottom: -50px; } .comment-list li.comment, .ping-list li.pingback { list-style-type: none; } .comment-respond input[type="email"], .comment-respond input[type="text"], .comment-respond input[type="url"] { width: 50%; } .comment-respond textarea { width: 100% } .comment-respond label { display: block; margin-right: 12px; } .entry-comments .comment-author { margin-bottom: 0; } .entry-pings .reply { display: none; } .comment-content ol, .comment-content ul { margin-bottom: 24px; } .comment-content ol li, .comment-content ul li { margin-left: 40px; } .comment-content ol ol, .comment-content ul ul { margin-bottom: 0; } .bypostauthor { } .form-allowed-tags { background-color: #f1f1f1; font-size: 16px; padding: 24px; } /* Sidebars ------------------------------------------------------------------------------------------------------------------ */ .sidebar { font-size: 16px; } .sidebar li, .after-entry li { list-style-type: none; margin-bottom: 10px; word-wrap: break-word; } .sidebar li ul, .sidebar li ol, .after-entry li ul, .after-entry li ol { margin-left: 20px; margin-top: 10px; } .sidebar li ul li, .sidebar li ol li, .after-entry li ul li, .after-entry li ol li { list-style-type: inherit; } .sidebar p:last-child, .after-entry p:last-child { margin-bottom: 0; } .sidebar .widget, .after-entry .widget { background-color: #fff; margin-bottom: 40px; padding: 60px; } /* Site Footer ------------------------------------------------------------------------------------------------------------------ */ /* Footer Widgets --------------------------------------------- */ .footer-widgets { background-color: #191919; color: #fff; clear: both; padding-top: 90px; padding-bottom: 40px; } .footer-widgets a { color: #fff; } .footer-widgets a:hover { color: #fff; } .footer-widgets-1, .footer-widgets-2, .footer-widgets-3, .footer-widgets-4 { width: 255px; } .footer-widgets-1, .footer-widgets-2 { margin-right: 60px; } .footer-widgets-1, .footer-widgets-2, .footer-widgets-3 { float: left; } .footer-widgets-4 { float: right; } .footer-widgets li { list-style-type: none; margin-bottom: 7px; word-wrap: break-word; } .footer-widgets .widget { margin-bottom: 60px; } .footer-widgets .widget-title { color: #fff; } /* Footer Creds --------------------------------------------- */ .footer-creds { background-color: #fff; padding: 60px 0; text-align: center; } .footer-creds a { color: #424242; } .footer-creds a:hover { color: #cf0f0f; } .footer-creds p { margin-bottom: 0; } /* Custom Widgets ------------------------------------------------------------------------------------------------------------------ */ /* Featured Content --------------------------------------------- */ .featured-content .entry { margin-bottom: 20px; padding: 0 0 24px; } .featured-content .entry-title { font-size: 24px; line-height: 1.2; } /* Plugins ------------------------------------------------------------------------------------------------------------------ */ /* Gravity Forms --------------------------------------------- */ div.gform_wrapper input[type="email"], div.gform_wrapper input[type="text"], div.gform_wrapper textarea, div.gform_wrapper select, div.gform_wrapper .ginput_complex label { font-size: 16px; padding: 10px; } div.gform_wrapper .ginput_complex label { padding: 0; } div.gform_wrapper .top_label .gfield_label { margin: 0 0 10px 0; } div.gform_wrapper li, div.gform_wrapper form li { margin: 16px 0 0; } div.gform_wrapper .gform_footer input[type="submit"] { font-size: 14px; } /* External Scripts ------------------------------------------------------------------------------------------------------------------ */ /* Github --------------------------------------------- */ table.lines { margin-bottom: 0; line-height: 1.5; } /* Media Queries : design-based, not device-based, so make sure to alter it in your child theme to adapt per your own content, navigation width etc. ------------------------------------------------------------------------------------------------------------------ */ /* Retina ready --------------------------------------------- */ @media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) { .header-image .title-area { background: url(images/logo@2x.png) no-repeat left; background-size: 330px 120px; } } /* Responsive width --------------------------------------------- */ @media only screen and (max-width: 1200px) { .site-inner, .wrap { max-width: 960px; } .content-sidebar-sidebar .content-sidebar-wrap, .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap { width: 740px; } .content, .site-header .widget-area { width: 620px; } .sidebar-content-sidebar .content, .sidebar-sidebar-content .content, .content-sidebar-sidebar .content { width: 400px; } .sidebar-primary, .title-area { width: 300px; } .footer-widgets-1, .footer-widgets-2, .footer-widgets-3, .footer-widgets-4 { width: 220px; } .footer-widgets-1, .footer-widgets-2 { margin-right: 30px; } } @media only screen and (max-width: 960px) { .site-inner, .wrap { max-width: 800px; } .content, .content-sidebar-sidebar .content, .content-sidebar-sidebar .content-sidebar-wrap, .footer-widgets-1, .footer-widgets-2, .footer-widgets-3, .footer-widgets-4, .sidebar-content-sidebar .content, .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-primary, .sidebar-secondary, .sidebar-sidebar-content .content, .sidebar-sidebar-content .content-sidebar-wrap, .site-header .widget-area, .title-area { width: 100%; } .site-header .wrap { padding: 20px 5%; } .header-image .title-area { background-position: center top; } .genesis-nav-menu li, .site-header ul.genesis-nav-menu, .site-header .search-form { float: none; } .genesis-nav-menu, .site-description, .site-header .title-area, .site-header .search-form, .site-title { text-align: center; } .genesis-nav-menu a, .genesis-nav-menu > .first > a, .genesis-nav-menu > .last > a { padding: 20px 16px; } .site-header .search-form { margin: 16px auto; } .genesis-nav-menu li.right { display: none; } .footer-widgets-1 { margin-right: 0; } } @media only screen and (max-width: 800px) { body { background-color: #fff; font-size: 16px; } .site-inner, .wrap { padding-left: 5%; padding-right: 5%; } .archive-description, .author-box, .comment-respond, .entry, .entry-comments, .entry-pings, .sidebar .widget, .site-header { padding: 0; } .archive-pagination li a { margin-bottom: 4px; } .five-sixths, .four-sixths, .one-fourth, .one-half, .one-sixth, .one-third, .three-fourths, .three-sixths, .two-fourths, .two-sixths, .two-thirds { margin: 0; width: 100%; } .sidebar .widget.enews-widget { padding: 40px; } }