/* Theme Name: Bizznis Theme URI: http://bizzthemes.com/themes/bizznis/ Description: Parent Business WordPress theme, aimed at theme developers who want to focus on unique theme features and leave core development to skilled and established professionals. Theme fully supports Responsive Web Design, it is regularly updated and backed by a company that has been in the WordPress business since 2009. License: GPL version 3 License URI: http://gplv3.fsf.org/ Branch: 1.0 Version: 1.0.9.1 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 - 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 - Mobile Navigation Content Area - Entries - Pagination - Comments Sidebars Site Footer - Footer Widgets - Footer Creds Custom Widgets - Featured Content Plugins - Gravity Forms External Scripts - Github Media Queries - Retina ready - Responsive width - Responsive Menu - Nav toggle button - Nav toggle items - Nav non-toggle items */ /* Imports ------------------------------------------------------------------------------------------------------------------ */ @import url(//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700); /* HTML5 Reset ------------------------------------------------------------------------------------------------------------------ */ /* Normalize CSS Reset - normalize.css v2.1.3 | MIT License | git.io/normalize --------------------------------------------- */ article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}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}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0} /* Box Sizing --------------------------------------------- */ *, input[type="search"], .nav-bizznis-toggle::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; 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 --------------------------------------------- */ html { font-size: 62.5%; /* 10px browser default */ -webkit-font-smoothing: antialiased; } body { background-color: #f9f8f2; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 16px; font-size: 1.6rem; line-height: 1.625; -webkit-backface-visibility: hidden; } body > div { font-size: 1.6rem; /* fix for Chrome browser */ } a, button, input:focus, input[type="button"], input[type="reset"], input[type="submit"], textarea:focus, .button, .nav-bizznis-toggle::after { -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: #1e1e1d; text-decoration: none; } a:hover { color: #dc3231; text-decoration: underline; } .entry-content a { color: #dc3231; } a img { margin-bottom: -7px; margin-bottom: -0.7rem; } p { margin: 0 0 24px; margin: 0 0 2.4rem; padding: 0; } strong { font-weight: 700; } ol, ul { margin: 0; padding: 0; } blockquote, blockquote::before { color: #999; } blockquote { border-left: 5px solid #e5e5e5; margin: 40px; margin: 4rem; padding-left: 40px; padding-left: 4rem; } cite { font-style: normal; } /* Headings --------------------------------------------- */ h1, h2, h3, h4, h5, h6 { font-weight: 600; line-height: 1.2; margin: 0 0 16px; margin: 0 0 1.6rem; } h1 { font-size: 36px; font-size: 3.6rem; } h2 { font-size: 30px; font-size: 3rem; } h3 { font-size: 24px; font-size: 2.4rem; } h4 { font-size: 20px; font-size: 2rem; } h5 { font-size: 18px; font-size: 1.8rem; } h6 { font-size: 16px; font-size: 1.6rem; } /* Objects --------------------------------------------- */ embed, iframe, img, object, video { max-width: 100%; } img { height: auto; width: auto; /* IE8 */ } .embed-container { height: 0; margin-bottom: 40px; margin-bottom: 4.0rem; overflow: hidden; padding-bottom: 56.25%; /* 16/9 ratio */ padding-top: 0; /* IE6 workaround*/ position: relative; } .embed-container iframe, .embed-container object, .embed-container embed { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } /* Forms --------------------------------------------- */ input, select, textarea { background-color: #fff; border: 1px solid #ddd; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); color: #333; max-width: 100%; padding: 10px; padding: 1rem; } input:focus, textarea:focus { background-color: #fff; border-color: #999; outline: none; } ::-moz-placeholder { color: #999; opacity: 1; } ::-webkit-input-placeholder { color: #999; } button, input[type="button"], input[type="reset"], input[type="submit"], .button, .entry-content .button { background-color: #1e1e1d; border: none; box-shadow: none; color: #fff; cursor: pointer; padding: 10px 15px; padding: 1rem 1.5rem; width: auto; } button:hover, input:hover[type="button"], input:hover[type="reset"], input:hover[type="submit"], .button:hover, .entry-content .button:hover { background-color: #dc3231; } .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; margin-bottom: 4rem; width: 100%; } tbody { border-bottom: 1px solid #ddd; } th, td { text-align: left; } th { font-weight: 700; text-transform: uppercase; } table .label { font-weight: 600; } td { border-top: 1px solid #ddd; padding: 5px 20px 5px 0; padding: .5rem 2rem .5rem 0; } /* Column Classes --------------------------------------------- */ .five-sixths, .four-fifths, .four-sixths, .one-fifth, .one-fourth, .one-half, .one-sixth, .one-third, .three-fifths, .three-fourths, .three-sixths, .two-fifths, .two-fourths, .two-sixths, .two-thirds { float: left; margin-left: 4.166666666%; /* 48px / 1152px */ } .one-half, .three-sixths, .two-fourths { width: 47.9166666666%; /* 552px / 1152px */ } .one-third, .two-sixths { width: 30.555555555%; /* 352px / 1152px */ } .four-sixths, .two-thirds { width: 65.277777777%; /* 752px / 1152px */ } .one-fourth { width: 21.875%; /* 252px / 1152px */ } .three-fourths { width: 73.958333333%; /* 852px / 1152px */ } .one-fifth { width: 16.666666666%; /* 192px / 1152px */ } .two-fifths { width: 37.5%; /* 432px / 1152px */ } .three-fifths { width: 58.333333333%; /* 672px / 1152px */ } .four-fifths { width: 79.166666666%; /* 912px / 1152px */ } .one-sixth { width: 13.194444444%; /* 152px / 1152px */ } .five-sixths { width: 82.638888888%; /* 952px / 1152px */ } .first { margin-left: 0; } /* Structure and Layout ------------------------------------------------------------------------------------------------------------------ */ /* Site Containers --------------------------------------------- */ .wrap { margin: 0 auto; max-width: 1140px; } .site-header { background-color: #fff; } .site-main { background-color: #fff; border-top: 1px solid #e5e5e5; } .custom-background .site-main { /* display only when custom background is set */ border: none; clear: both; margin: 40px auto; margin: 4rem auto; max-width: 1220px; } .site-footer { font-size: 14px; font-size: 1.4rem; } /* 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: 920px; } .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: 750px; } .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: 520px; } .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 --------------------------------------------- */ .avatar { float: left; } .alignleft .avatar { margin-right: 24px; margin-right: 2.4rem; } .alignright .avatar { margin-left: 24px; margin-left: 2.4rem; } .search-form input[type="submit"] { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; padding: 0; position: absolute; width: 1px; } .sticky { /* style it inside a child theme */ } img.centered, .aligncenter { display: block; margin: 0 auto 24px; margin: 0 auto 2.4rem } .alignleft { float: left; text-align: left; } .alignright { float: right; text-align: right; } .wp-caption { border: none; background: none; max-width: 100%; } img.alignnone, .wp-caption.alignnone { margin-bottom: 24px; margin-bottom: 2.4rem; } img.alignleft, .wp-caption.alignleft { margin: 0 24px 24px 0; margin: 0 2.4rem 2.4rem 0; } img.alignright, .wp-caption.alignright { margin: 0 0 24px 24px; margin: 0 0 2.4rem 2.4rem; } .wp-caption-text { font-size: 14px; font-size: 1.4rem; font-weight: 700; margin-top: 15px; margin-top: 1.5rem; text-align: center; } .gallery { margin: auto; } .gallery-item { float: left; margin-top: 10px; margin-top: 1rem; text-align: center; } .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%; } .gallery-columns-7 .gallery-item { width: 14%; } .gallery-columns-8 .gallery-item { width: 12%; } .gallery-columns-9 .gallery-item { width: 11%; } .gallery-item img { border: 1px solid #e5e5e5; } .gallery-caption { margin-left: 0; margin-top: 10px; margin-top: 1rem; } .widget_calendar table { width: 100%; } .widget_calendar td { text-align: center; } /* Bizznis --------------------------------------------- */ /* Breadcrumb -------------------- */ .breadcrumb { font-weight: 300; margin-bottom: 40px; margin-bottom: 4rem; } /* Author box -------------------- */ .author-box, .author-box h1 { line-height: 1.5; } .author-box, .archive-description { background-color: #f9f8f2; border-left: 5px solid #333; margin-left: -45px; margin-left: -4.5rem; margin-bottom: 40px; margin-bottom: 4rem; overflow: hidden; padding: 40px; padding: 4rem; } .author-box .avatar { float: left; } .author-box .author-body { margin-left: 100px; margin-left: 10rem; } .author-box .author-box-title { display: block; font-size: 20px; font-size: 2rem; 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; margin-bottom: 2rem; } .entry-title { font-size: 38px; font-size: 3.8rem; line-height: 1.38; } .widgettitle { font-weight: 300; margin-bottom: 24px; margin-bottom: 2.4rem; } .sidebar .widgettitle a { border: none; } .archive-title { font-size: 20px; font-size: 2rem; } .search .archive-title { margin: 0; } /* Site Header ------------------------------------------------------------------------------------------------------------------ */ /* Header content --------------------------------------------- */ .header-content { padding: 40px 0; padding: 4rem 0; } /* Title area -------------------- */ .title-area { float: left; width: 320px; } .site-title { font-size: 50px; font-size: 5rem; font-weight: 700; line-height: 1; margin: 0; } .site-description { font-size: 20px; font-size: 2rem; 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; } .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; text-align: right; width: 800px; } .header-aside-area li { list-style-type: none; word-wrap: break-word; } .header-content .search-form { margin-top: 17px; margin-top: 1.7rem; } /* Site Navigation ------------------------------------------------------------------------------------------------------------------ */ /* Navigation bar -------------------- */ .nav-bizznis { clear: both; 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: 20px 15px; padding: 2rem 1.5rem; position: relative; } .nav-bizznis .date { padding: 20px 15px; padding: 2rem 1.5rem; } .nav-bizznis .search { padding: 10px 0 0; padding: 1rem 0; } /* 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; display: block; padding: 20px 15px; padding: 2rem 1.5rem; position: relative; } .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: #dc3231; } .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: 14px; font-size: 1.4rem; padding: 16px 20px; padding: 1.6rem 2rem; position: relative; width: 250px; } .menu-bizznis .sub-menu .sub-menu { margin: -54px 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: #1e1e1d; border-top: 1px solid #2c2c29; color: #9e9d95; font-size: 14px; font-size: 1.4rem; } .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 { border-top: 1px solid #e5e5e5; } /* Site Header Navigation --------------------------------------------- */ .nav-header .menu-bizznis { float: none; margin-top: 10px; margin-top: 1rem; 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 --------------------------------------------- */ .content { margin: 40px 0; margin: 4rem 0; } article.entry { /* article is present to exclude custom post types from plugins */ border-bottom: 1px solid #e5e5e5; padding: 40px 0; padding: 4rem 0; } .entry:first-of-type { padding-top: 0; } .entry:last-of-type { border-bottom: none; } .entry:last-child { padding-bottom: 0; } .page .content .page, .single .content .entry { border-bottom: none; } .entry-content ol, .entry-content p, .entry-content ul, .quote-caption { margin-bottom: 24px; margin-bottom: 2.4rem; } .entry-content ol li, .entry-content ul li { margin-left: 40px; margin-left: 4rem; } .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-content .search-form { width: 50%; } .entry-meta { clear: both; color: #999; font-size: 14px; font-size: 1.4rem; } .entry-header .entry-meta { margin-bottom: 0; } .entry-footer .entry-meta { margin: 0; } .entry-comments-link::before { content: "\2014"; margin: 0 6px 0 2px; margin: 0 0.6rem 0 0.2rem; } .entry-categories, .entry-tags { display: block; } .entry-content .post-edit-link:before { clear: both; content: "."; display: block; height: 10px; height: 1rem; visibility: hidden; } /* Pagination --------------------------------------------- */ .archive-pagination, .entry-pagination { border-top: 1px solid #e5e5e5; padding-top: 40px; padding-top: 4rem; } .archive-pagination li { display: inline; } .archive-pagination li a { cursor: pointer; display: inline-block; padding: 5px 10px; padding: .5rem 1rem; } .archive-pagination li a:hover, .archive-pagination li.active a { background-color: #1e1e1d; color: #fff; } .entry-pagination { margin: 0 0 40px 0; margin: 0 0 4rem 0; } .post-navigation { padding: 0 0 40px 0; padding: 0 0 4rem 0; } /* Comments --------------------------------------------- */ .entry-pings { border-top: 1px solid #e5e5e5; } .entry-comments, .entry-pings, .comment-respond { padding-bottom: 40px; padding-bottom: 4rem; } .comment-author, .comment-meta { display: inline-block; margin-bottom: 10px; margin-bottom: 1rem; } .comment-author { font-weight: 700; margin-right: 5px; margin-right: .5rem; } .comment-author .says { display: none; } .comment-meta { font-size: 12px; font-size: 1.2rem; } .comment-meta a, .comment-reply a { color: #999; } .comment-body { margin-left: 60px; margin-left: 6rem; } .pingback .comment-body, .trackback .comment-body { margin-left: 0; } .comment-reply { font-size: 14px; font-size: 1.4rem; } .comment-reply-title a { color: #dc3231 } .comment-content p { font-size: 14px; font-size: 1.4rem; margin: 0 0 10px; margin: 0 0 1rem; } .comment-content .alert { border-left: 4px solid #D54E21; background-color: #FEFAF7; padding: 5px 10px; padding: .5rem 1rem; } .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; margin-right: 1.2rem; } .comment-list, .ping-list { padding-left: 0; } .comment-list li, .ping-list li { list-style-type: none; padding: 15px 0; padding: 1.5rem 0; width: 100%; } .entry-comments .children { border-left: 1px dotted #999; margin-bottom: -15px; margin-bottom: -1.5rem; margin-top: 1.5px; margin-top: 1.5rem; padding-left: 30px; padding-left: 3rem; position: relative; } .bypostauthor { } .entry-pings .reply { display: none; } .form-allowed-tags { font-size: 14px; font-size: 1.4rem; } .form-allowed-tags code { color: #999; } .form-submit { margin: 0; } /* Sidebars ------------------------------------------------------------------------------------------------------------------ */ .sidebar { font-size: 14px; font-size: 1.4rem; margin-top: 40px; margin-top: 4rem; } .sidebar li { list-style-type: none; margin-bottom: 10px; margin-bottom: 1rem; word-wrap: break-word; } .sidebar li ul, .sidebar li ol { margin-left: 20px; margin-left: 2rem; margin-top: 10px; margin-top: 1rem; } .sidebar li ul li, .sidebar li ol li { list-style-type: inherit; } .sidebar p:last-child { margin-bottom: 0; } .sidebar .widget { background-color: #f9f8f2; margin-bottom: 40px; margin-bottom: 4rem; padding: 40px; padding: 4rem; } /* Site Footer ------------------------------------------------------------------------------------------------------------------ */ /* Footer Widgets --------------------------------------------- */ .footer-widgets { background-color: #1e1e1d; border-bottom: 1px solid #2c2c29; color: #9e9d95; clear: both; padding-top: 40px; padding-top: 4rem; } .footer-widgets a { color: #d3d1c7; } .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: 40px; margin-right: 4rem; } .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; margin-bottom: .7rem; word-wrap: break-word; } .footer-widgets .widget { margin-bottom: 40px; margin-bottom: 4rem; } /* Footer Creds --------------------------------------------- */ .footer-creds { background-color: #1e1e1d; color: #9e9d95; padding: 40px 0; padding: 4rem 0; } .footer-creds p { margin-bottom: 0; } .footer-creds a { color: #d3d1c7; } .footer-creds a:hover { color: #fff; } /* Custom Widgets ------------------------------------------------------------------------------------------------------------------ */ /* Featured Content --------------------------------------------- */ .featured-content .entry { margin-bottom: 20px; margin-bottom: 2rem; padding: 0 0 24px; padding: 0 0 2.4rem; } .featured-content .entry-title { font-size: 24px; font-size: 2.4rem; 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; font-size: 1.6rem; padding: 10px; padding: 1rem; } div.gform_wrapper .ginput_complex label { padding: 0; } div.gform_wrapper .top_label .gfield_label { margin: 0 0 10px 0; margin: 0 0 1rem 0; } div.gform_wrapper li, div.gform_wrapper form li { margin: 16px 0 0; margin: 1.6rem 0 0; } div.gform_wrapper .gform_footer input[type="submit"] { font-size: 14px; font-size: 1.4rem; } /* 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: 1139px) { .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: 195px; } .site-main { padding-left: 5%; padding-right: 5%; padding-bottom: 0; margin: 0; } } @media only screen and (max-width: 1039px) { .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, .header-aside-area , .site-main, .title-area, .wrap { width: 100%; } .entry { margin: 0; padding: 20px 0; padding: 2rem 0; } .content, .breadcrumb, .sidebar .widget, .footer-widgets .widget { margin-bottom: 20px; margin-bottom: 2rem; } .nav-bizznis, .title-area, .header-aside-area { text-align: center; } .menu-bizznis, .title-area, .header-aside-area, .nav-bizznis .right { float: none; } p { margin: 0 0 20px; margin: 0 0 2rem; } .entry, .navigation, .footer-creds { padding: 20px 0; padding: 2rem 0; } .header-content { padding-bottom: 40px; padding-bottom: 4rem; padding-top: 40px; padding-top: 4rem; } .footer-creds, .footer-widgets { padding: 20px 5%; padding: 2rem 5%; } .entry-footer .entry-meta { margin: 0; padding: 10px 0; padding: 1rem 0; } .footer-widgets-1 { margin: 0; } .comment-respond, .entry-pings { padding-top: 20px; padding-top: 2rem; } } @media only screen and (max-width: 767px) { .five-sixths, .four-fifths, .four-sixths, .one-fifth, .one-fourth, .one-half, .one-sixth, .one-third, .three-fifths, .three-fourths, .three-sixths, .two-fifths, .two-fourths, .two-sixths, .two-thirds { margin: 0; width: 100%; } } /* Responsive Menu --------------------------------------------- */ @media only screen and (max-width: 767px){ /* Nav non-toggle items -------------------- */ .nav-bizznis a, .nav-bizznis > .first > a, .nav-bizznis > .last > a { padding: 16px; padding: 1.6rem; } }