/* 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.1.0 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 */ /* Imports ------------------------------------------------------------------------------------------------------------------ */ @import url(//fonts.googleapis.com/css?family=Source+Sans+Pro: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{-moz-box-sizing:content-box;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;-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}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"] { -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: 'Source Sans Pro', sans-serif; font-size: 18px; font-size: 1.8rem; line-height: 1.625; margin: 0; } body > div { font-size: 1.8rem; /* fix for Chrome browser */ } 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: #dc3231; text-decoration: none; } a:hover { color: #333; text-decoration: underline; } p { margin: 0 0 24px; margin: 0 0 2.4rem; 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 { font-weight: 400; line-height: 1.2; margin: 0 0 10px; margin: 0 0 1rem; } 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, .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; margin-top: 1rem; } .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; padding: 1rem; } 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: #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 { 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; } td, th { text-align: left; } td { border-top: 1px solid #ddd; padding: 6px 0; padding: .6rem 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; } .site-main { background-color: #fff; border-top: 1px dotted #e5e5e5; } .custom-background .site-main { /* display only when custom background is set */ border: none; clear: both; margin: 40px auto; margin: 4rem auto; max-width: 1280px; } .site-footer { font-size: 16px; font-size: 1.6rem; } /* 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; margin: 0 auto 2.4rem } .wp-caption { border: none; background: none; margin-left: 0; margin-right: 0; max-width: 100%; } img.alignnone, .alignnone { margin-bottom: 24px; margin-bottom: 2.4rem; } a.alignleft, img.alignleft, .wp-caption.alignleft { margin: 0 24px 24px 0; margin: 0 2.4rem 2.4rem 0; } a.alignright, 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: 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; margin-top: 1.7rem; } .entry-content .search-form { width: 50%; } /* Avatar --------------------------------------------- */ .avatar , .author-box .avatar { float: left; } .comment .avatar { margin: 0 24px 24px 0; margin: 0 2.4rem 2.4rem 0; } .alignleft .avatar { margin-right: 24px; margin-right: 2.4rem; } .alignright .avatar { margin-left: 24px; margin-left: 2.4rem; } /* 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; margin-bottom: 40px; margin-bottom: 4rem; overflow: hidden; padding: 40px; padding: 4rem; } .author-box .author-body { margin-left: 80px; margin-left: 8rem; } .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; font-weight: 600; line-height: 1.38; } .widget-title { font-weight: 400; margin-bottom: 20px; margin-bottom: 2rem; } .entry-title a, .sidebar .widget-title a { color: #333; } .entry-title a:hover { color: #dc3231; } .sidebar .widget-title 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: 360px; } .site-title { font-size: 40px; font-size: 4rem; font-weight: 600; 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; 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; 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; 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; color: #333; display: block; padding: 20px 15px; padding: 2rem 1.5rem; position: relative; } .menu-bizznis a:hover { color: #dc3231; } .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: 16px; font-size: 1.6rem; padding: 16px 20px; padding: 1.6rem 2rem; 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: #1e1e1d; border-top: 1px solid #2c2c29; 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 { border: dotted #e5e5e5; border-width: 1px 0; } /* 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 dotted #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-meta { clear: both; font-weight: 300; } .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 dotted #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 dotted #e5e5e5; } .comment-author { margin-bottom: 0; margin-right: 5px; margin-right: .5rem; } .comment-author .says { display: none; } .comment-body { } .pingback .comment-body, .trackback .comment-body { margin-left: 0; } .comment-content .alert { border-left: 4px solid #D54E21; background-color: #FEFAF7; padding: 5px 10px; padding: .5rem 1rem; } .comment-respond { padding-top: 40px; padding-top: 4rem; position: relative; } .children .comment-respond { margin: 40px 0 -40px 0; margin: 4rem 0 -4rem 0; padding: 40px; padding: 4rem; background: #fff; } .comment-list .comment-respond:after { border: solid transparent; border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 30px; bottom: 100%; content: " "; height: 0; margin-left: -30px; position: absolute; pointer-events: none; right: 10%; width: 0; } .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; margin-top: 40px; margin-top: 4rem; padding: 40px; padding: 4rem; width: 100%; } .comment-list li li { margin-right: -40px; margin-right: -4rem; padding-bottom: 0; padding-right: 0; } li.comment { background-color: #f9f8f2; } .entry-comments .children { border-left: 1px dotted #999; 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: 16px; font-size: 1.6rem; margin-top: 40px; margin-top: 4rem; } .sidebar li, .after-entry li { list-style-type: none; margin-bottom: 10px; margin-bottom: 1rem; word-wrap: break-word; } .sidebar li ul, .sidebar li ol, .after-entry li ul, .after-entry li ol { margin-left: 20px; margin-left: 2rem; margin-top: 10px; margin-top: 1rem; } .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: #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: 1200px) { .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: 1100px) { .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: 800px) { .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%; } .nav-bizznis a, .nav-bizznis > .first > a, .nav-bizznis > .last > a { padding: 16px; padding: 1.6rem; } }