From 38a1146d8f96cf0cf2f4145761a1f3f86fbc372d Mon Sep 17 00:00:00 2001 From: Mickey Kay Date: Thu, 14 Nov 2013 14:26:55 -0800 Subject: [PATCH] moved nav button functionality from functions.php into trestle-functions.php, fixed default Trestle options error that occurred when first activating Trestle --- functions.php | 5 +- lib/admin/admin.php | 6 +- lib/functions/trestle-functions.php | 3 + rtl.css | 1864 +++++++++++++++++++++++++++ 4 files changed, 1873 insertions(+), 5 deletions(-) create mode 100644 rtl.css diff --git a/functions.php b/functions.php index 477bd95..f544cd7 100644 --- a/functions.php +++ b/functions.php @@ -79,12 +79,9 @@ function trestle_theme_setup() { * Auto & Mobile Navigation ===========================================*/ - // Implement auto-nav + // Implement auto-nav and mobile nav button add_action( 'init', 'trestle_nav_modifications' ); - // Add mobile nav button - add_action( 'genesis_after_header', 'trestle_add_mobile_nav', 0 ); - /*=========================================== * Actions & Filters diff --git a/lib/admin/admin.php b/lib/admin/admin.php index 316982b..d03ffdd 100644 --- a/lib/admin/admin.php +++ b/lib/admin/admin.php @@ -29,17 +29,21 @@ function trestle_custom_defaults( $defaults ) { $defaults[$k] = $v; // Update actual options if they don't yet exist - if ( !array_key_exists( $k, $options ) ) + if ( $options && !array_key_exists( $k, $options ) ) $options[$k] = $v; } update_option( GENESIS_SETTINGS_FIELD, $options ); + + // // Return modified default array return $defaults; + } add_filter( 'genesis_theme_settings_defaults', 'trestle_custom_defaults' ); +// Also perform /** * Sanitization diff --git a/lib/functions/trestle-functions.php b/lib/functions/trestle-functions.php index 32b345d..249de78 100644 --- a/lib/functions/trestle-functions.php +++ b/lib/functions/trestle-functions.php @@ -200,6 +200,9 @@ function trestle_register_required_plugins() { function trestle_nav_modifications() { + // Add mobile nav button + add_action( 'genesis_after_header', 'trestle_add_mobile_nav', 0 ); + // Auto-generate nav if Genesis theme setting is checked if ( 1 == genesis_get_option( 'trestle_auto_nav' ) ) { diff --git a/rtl.css b/rtl.css new file mode 100644 index 0000000..1cc62a0 --- /dev/null +++ b/rtl.css @@ -0,0 +1,1864 @@ +/* + Theme Name: Trestle + Theme URI: http://www.mightyminnow.com/2013/08/our-new-mobile-first-child-theme-for-genesis-2-0/ + Template: genesis + Description: This is a "Mobile First" child theme based on the default Genesis 2.0 Sample Theme. + Author: MIGHTYminnow + Author URI: http://www.mightyminnow.com/ + Version: 1.0 + Tags: genesis, mobile, first, responsive, clean, black, orange, white, one-column, two-columns, three-columns, left-sidebar, right-sidebar, fixed-width, custom-menu, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready +*/ + +/* Table of Contents + + - Imports + - HTML5 Reset + - Baseline Normalize + - Box Sizing + - Float Clearing + - Defaults + - Typographical Elements + - Headings + - Objects + - Forms + - Tables + - Structure and Layout + - Site Containers + - Column Widths and Positions + - Column Classes + - Common Classes + - WordPress + - Genesis + - Titles + - Widgets + - Featured Content + - Plugins + - Genesis eNews Extended + - Genesis Latest Tweets + - Gravity Forms + - Jetpack + - Site Header + - Title Area + - Widget Area + - Site Navigation + - Header Navigation + - Primary Navigation + - Secondary Navigation + - Content Area + - Entries + - Pagination + - Comments + - Sidebars + - Footer Widgets + - Site Footer + - General Components + - Media Queries + +*/ + + +/* +HTML5 Reset +---------------------------------------------------------------------------------------------------- */ + +/* Baseline Normalize + normalize.css v2.1.2 | 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]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}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"] { + -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-inner: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-inner:after, +.wrap:after { + clear: both; + content: " "; + display: table; +} + + +/* +Defaults +---------------------------------------------------------------------------------------------------- */ + +/* Typographical Elements +--------------------------------------------- */ + +html { + font-size: 62.5%; /* 10px browser default */ +} + +body { + background-color: #fff; + color: #666; + font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-size: 16px; + font-size: 1.6rem; + font-weight: 300; + line-height: 1.625; +} + +a, +button, +input:focus, +input[type="text"], +input[type="search"], +input[type="button"], +input[type="reset"], +input[type="submit"], +textarea:focus, +.button { + -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; + -webkit-appearance: none; + -moz-appearance: none; +} + +::-moz-selection { + background-color: #333; + color: #fff; +} + +::selection { + background-color: #333; + color: #fff; +} + +a { + color: #666; + text-decoration: none; +} + +a img { + margin-bottom: -4px; + margin-bottom: -0.4rem; +} + +a.emailLink:before { + content: url(/wp-content/themes/trestle/images/email.png); + margin: 0 4px 0 0; + white-space: nowrap; +} + +a.pdfLink:before { + content: url(/wp-content/themes/trestle/images/pdf.png); + margin: 0 4px 0 0; + white-space: nowrap; +} + +a.docLink:before { + content: url(/wp-content/themes/trestle/images/doc.png); + margin: 0 4px 0 0; + white-space: nowrap; +} + +a.externalLink:after { + content: url(/wp-content/themes/trestle/images/external.png); + margin: 0 0 0 4px; + white-space: nowrap; +} + +a.imageLink, +a.imageLink:hover { + border-bottom: none !important; + text-decoration: none !important; +} + +a.imageLink:before { + display: none; +} + +a:hover { + color: #333; +} + +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 { + margin: 20px 40px 24px 55px; + margin: 2rem 4rem 2.4rem 5.5rem; +} + +blockquote::before { + content: "\201C"; + display: block; + font-family: Georgia; + font-size: 60px; + font-size: 6rem; + line-height: 1; + height: 0; + left: -30px; + position: relative; + top: 0px; +} + +.entry-content code { + background-color: #333; + color: #ddd; +} + +cite { + font-style: normal; +} + +/* Headings +--------------------------------------------- */ + +h1, +h2, +h3, +h4, +h5, +h6 { + color: #333; + font-family: Lato, sans-serif; + font-weight: 700; + line-height: 1.2; + margin: 0 0 14px; + margin: 0 0 1.6rem; +} + +h1 { + font-size: 28px; + font-size: 2.8rem; +} + +h2 { + font-size: 24px; + font-size: 2.4rem; +} + +.entry-content h2 { + clear: both; +} + +h3 { + font-size: 20px; + font-size: 2rem; +} + +h4 { + font-size: 18px; + font-size: 1.8rem; +} + +h5 { + font-size: 16px; + font-size: 1.6rem; +} + +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 */ +} + +/* Forms +--------------------------------------------- */ + +input, +select, +textarea, +button, +.button { + padding: 16px 24px; + padding: 1.6rem 2.4rem; +} + +input, +select, +textarea { + background-color: #fff; + border: 1px solid #ddd; + border-radius: 3px; + box-shadow: 1px 1px 3px #eee inset; + color: #999; + width: 100%; +} + +input:focus, +textarea:focus { + border: 1px solid #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: #333; + border: 1px solid #333; + box-shadow: none; + color: #fff; + cursor: pointer; + text-transform: uppercase; + width: auto; +} + +button:hover, +input:hover[type="button"], +input:hover[type="reset"], +input:hover[type="submit"], +.button:hover, +.entry-content .button:hover, +.genesis-nav-menu input[type="submit"] { + background-color: #f15123; + border-color: #f15123; +} + +.red { + background-color: #f15123; + border-color: #f15123; +} + +.red:hover { + background-color: #333; + border: 1px solid #333; +} + +.genesis-nav-menu input[type="submit"]:hover { + background-color: #555; + border-color: #555; +} + +.entry-content .button:hover { + color: #fff; +} + +.button { + border-radius: 3px; + display: inline-block; +} + +.arrow-right:after { + content: "\00a0\00a0\f0a9"; + font-family: FontAwesome; +} + +.arrow-left:before { + content: "\f0a8\00a0\00a0"; + font-family: FontAwesome; +} + +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-results-button { + display: none; +} + +/* Button Colors */ +.red { + background-color: #f15123; + border-color: #f15123; +} + +.red:hover { + background-color: #333; + border-color: #333; + color: #FFF; +} + +.blue { + background-color: #0971B2; + border-color: #0971B2; +} + +.blue:hover { + background-color: #333; + border-color: #333; + color: #FFF; +} + +.green { + background-color: #00A476; + border-color: #00A476; +} + +.green:hover { + background-color: #333; + border-color: #333; + color: #FFF; +} + +/* 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: bold; + text-transform: uppercase; +} + +td { + border-top: 1px solid #ddd; + padding: 6px 0; + padding: 0.6rem 0; +} + + +/* +Structure and Layout +---------------------------------------------------------------------------------------------------- */ + +/* Site Containers +--------------------------------------------- */ +.site-inner, +.wrap { + margin: 0 auto; + max-width: 1140px; +} + +.site-inner { + clear: both; + padding: 20px; + padding: 2rem; +} + +/* Column Widths and Positions +--------------------------------------------- */ + +/* Wrapping div for .content and .sidebar-primary */ + +.content-sidebar-wrap { + float: left; + width: 100%; +} + +.content-sidebar-sidebar .content-sidebar-wrap { + float: left; +} + +.sidebar-content-sidebar .content-sidebar-wrap, +.sidebar-sidebar-content .content-sidebar-wrap { + float: right; +} + +/* Content */ + +.content-sidebar .content, +.content-sidebar-sidebar .content, +.sidebar-content-sidebar .content { + float: left; +} + +.content { + float: right; + width: 100%; +} + +/* Primary Sidebar */ + +.sidebar-primary { + float: right; + width: 100%; +} + +.sidebar-content .sidebar-primary, +.sidebar-sidebar-content .sidebar-primary { + float: left; +} + +/* Secondary Sidebar */ + +.sidebar-secondary { + float: left; + width: 100%; +} + +.content-sidebar-sidebar .sidebar-secondary { + float: right; +} + +/* Column Classes + Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css +--------------------------------------------- */ + +.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: 0; + width: 100%; +} + + +/* +Common Classes +---------------------------------------------------------------------------------------------------- */ + +/* WordPress +--------------------------------------------- */ + +.avatar { + float: left; +} + +.alignleft .avatar { + margin-right: 24px; + margin-right: 2.4rem; +} + +.alignright .avatar { + margin-left: 24px; + margin-left: 2.4rem; +} + +.sticky { +} + +img.centered, +.aligncenter { + display: block; + margin: 0 auto 24px; + margin: 0 auto 2.4rem; +} + +img.alignnone { + margin-bottom: 12px; + margin-bottom: 1.2rem; +} + +.alignleft { + float: left; + text-align: left; +} + +.alignright { + float: right; + text-align: right; +} + +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; + text-align: center; +} + +.gallery-caption { +} + +.widget_calendar table { + width: 100%; +} + +.widget_calendar td, +.widget_calendar th { + text-align: center; +} + +/* Genesis +--------------------------------------------- */ + +.breadcrumb { + margin-bottom: 20px; + margin-bottom: 2rem; +} + +.archive-description, +.author-box { + background-color: #fff; + margin-bottom: 40px; + margin-bottom: 4rem; +} + +.author-box-title { + color: #333; + font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-size: 16px; + font-size: 1.6rem; + margin-bottom: 4px; + margin-bottom: 0.4rem; +} + +.author-box p { + margin-bottom: 0; +} + +.author-box .avatar { + margin-right: 24px; + margin-right: 2.4rem; +} + +/* Titles +--------------------------------------------- */ + +.entry-title { + line-height: 1; +} + +.entry-title a, +.sidebar .widget-title a { + color: #333; +} + +.entry-title a:hover { + color: #666; +} + +.widget-title { + font-size: 16px; + font-size: 1.6rem; + margin-bottom: 24px; + margin-bottom: 2.4rem; + text-transform: uppercase; +} + +.sidebar .widget-title a { + border: none; +} + +.archive-title { + font-size: 20px; + font-size: 2rem; + margin-bottom: 24px; + margin-bottom: 2.4rem; +} + + +/* +Widgets +---------------------------------------------------------------------------------------------------- */ + +/* Featured Content +--------------------------------------------- */ + +.featured-content .entry { + border-bottom: 2px solid #f5f5f5; + margin-bottom: 20px; + margin-bottom: 2rem; + padding: 0 0 24px; + padding: 0 0 2.4rem; +} + +.featured-content .entry-title { + border: none; + font-size: 24px; + font-size: 2.4rem; + line-height: 1.2; +} + +.featured-content .entry-title a { + border: none; +} + + +/* +Plugins +---------------------------------------------------------------------------------------------------- */ + +/* Genesis eNews Extended +--------------------------------------------- */ + +.enews-widget { + color: #999; +} + +.sidebar .widget.enews-widget { + background-color: #333; +} + +.sidebar .enews-widget { + padding: 40px; + padding: 4rem; +} + +.enews-widget .widget-title { + color: #fff; +} + +.enews-widget input { + margin-bottom: 16px; + margin-bottom: 1.6rem; +} + +.enews-widget input:focus { + border: 1px solid #ddd; +} + +.enews-widget input[type="submit"] { + background-color: #f15123; + color: #fff; + margin: 0; + width: 100%; +} + +.enews-widget input:hover[type="submit"] { + background-color: #fff; + color: #333; +} + +/* Genesis Latest Tweets +--------------------------------------------- */ + +.latest-tweets ul li { + margin-bottom: 16px; + margin-bottom: 1.6rem; +} + +/* Gravity Forms +--------------------------------------------- */ + +div.gform_wrapper input[type="email"], +div.gform_wrapper input[type="text"], +div.gform_wrapper textarea, +div.gform_wrapper .ginput_complex label { + font-size: 16px; + font-size: 1.6rem; + padding: 16px; + padding: 1.6rem; +} + +div.gform_wrapper .ginput_complex label { + padding: 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; +} + +/* Jetpack +--------------------------------------------- */ + +img#wpstats { + display: none; +} + +/* Fancybox for Wordpress +--------------------------------------------- */ +#fancybox-wrap, #fancybox-wrap * { + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; +} + +/* Mappress +--------------------------------------------- */ +.mapp-layout, +.mapp-map-links { + border: none !important; +} + +/* Simple Section Navigation */ +.simple-section-nav .current-menu-item > a, +.simple-section-nav .current_page_item > a, +.simple-section-nav .current_page_ancestor > a { + color: #f15123; +} + + +/* +Site Header +---------------------------------------------------------------------------------------------------- */ + +.site-header { + background-color: #fff; +} + +.site-header .wrap { + padding: 20px; + padding: 2rem; +} + +/* Title Area +--------------------------------------------- */ + +.title-area { + float: left; + font-family: Lato, sans-serif; + font-weight: 700; + padding: 16px 0; + padding: 1.6rem 0; + width: 100%; + text-align: center; +} + +.header-image .title-area { + padding: 0; +} + +.site-title { + font-size: 28px; + font-size: 2.8rem; + line-height: 1; + margin: 0 0 8px; + margin: 0 0 0.8rem; + text-transform: uppercase; +} + +.site-title a, +.site-title a:hover { + color: #333; +} + +.site-description { + color: #999; + font-size: 16px; + font-size: 1.6rem; + font-weight: 300; + line-height: 1; + margin-bottom: 0; +} + +/* Full width header, no widgets */ + +.header-full-width .title-area, +.header-full-width .site-title { + width: 100%; +} + +.header-image .site-description, +.header-image .site-title a { + display: block; + text-indent: -9999px; +} + +/* Logo, hide text */ + +.header-image .site-header .wrap { + background: url(images/logo.png) no-repeat; + background-position: center top; + padding: 0; +} + +.header-image .site-title a { + float: left; + min-height: 164px; + width: 100%; +} + +/* Widget Area +--------------------------------------------- */ + +.site-header .widget-area { + width: 100%; + text-align: center; +} + +.site-header .search-form { + margin: 10px auto ; + margin: 1rem auto; + text-align: center; +} + + +/* +Site Navigation +---------------------------------------------------------------------------------------------------- */ +#menu-button { + display: block; + margin: 0 20px 10px; + text-align: center; +} + +.genesis-nav-menu { + clear: both; + color: #999; + font-family: Lato, sans-serif; + line-height: 1.5; + width: 100%; +} + +.genesis-nav-menu .menu-item, +.genesis-nav-menu li { + position: relative; + display: inline-block; +} + +.genesis-nav-menu a, +.nav-primary .genesis-nav-menu > .right { + border: none; + color: #999; + display: block; + padding: 20px; + padding: 2rem; + position: relative; +} + +.nav-primary .genesis-nav-menu > .right { + float: left !important; +} + +.genesis-nav-menu a:hover, +.genesis-nav-menu .current-menu-item > a, +.genesis-nav-menu .current_page_item > a +.genesis-nav-menu .sub-menu .current-menu-item > a:hover, +.genesis-nav-menu .sub-menu .current_page_item > a:hover { + color: #333; +} + +.genesis-nav-menu .sub-menu .current-menu-item > a, +.genesis-nav-menu ul .current_page_item > a { + color: #333; +} + +.genesis-nav-menu > .menu-item > a, +.genesis-nav-menu > li > a { + text-transform: uppercase; +} + +.genesis-nav-menu > .rss > a { + margin-right: 15px; + margin-right: 1.5rem; +} + +.genesis-nav-menu > .search { + padding: 14px 0 0; + padding: 1.4rem 0 0; +} + + +/* Sub nav */ +.genesis-nav-menu .sub-menu, +.genesis-nav-menu ul { + display: none; + background-color: #fff; + border-bottom: 1px solid #eee; + -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; +} + +.genesis-nav-menu .current-menu-item > .sub-menu, +.genesis-nav-menu .current_page_item > ul, +.genesis-nav-menu .current_page_parent > ul, +.genesis-nav-menu .current_page_ancestor > ul { + display: block; +} + +.genesis-nav-menu .sub-menu, +.genesis-nav-menu ul { + font-size: .9em; +} + +.genesis-nav-menu .sub-menu a, +.genesis-nav-menu ul a { + border: 1px solid #eee; + border-bottom: none; + padding: 10px 20px; + padding: 1rem 2rem; + position: relative; +} + + +/* Site Header Navigation +--------------------------------------------- */ + +.site-header .sub-menu { + border-top: 1px solid #eee; +} + +.site-header .sub-menu .sub-menu { + margin-top: -55px; +} + +.site-header .menu a { + font-size: .8em; + padding: 15px 10px; + padding: 1.5rem 1rem; +} + +/* Primary / Mobile Navigation +--------------------------------------------- */ + +.nav-primary { + margin: 0 20px; + border-radius: 3px; + overflow: hidden; + background-color: #333; +} + +.nav-primary .genesis-nav-menu { + display: none; +} + +.nav-primary .genesis-nav-menu li { + display: block; +} + +.nav-primary .genesis-nav-menu > li, +.nav-primary .genesis-nav-menu > .right { + border-top: 1px solid #444; +} + +.nav-primary .genesis-nav-menu a { + padding-right: 50px; + padding-right: 5rem; +} + +.nav-primary a:hover, +.nav-primary .current-menu-item > a, +.nav-primary .current_page_item > a, +.nav-primary .current_page_ancestor > a { + color: #fff; +} + +/* Nav extras */ +.nav-primary .genesis-nav-menu > .right { + border-top-style: double; + border-width: 4px; +} + +.nav-primary .genesis-nav-menu > .right > a { + display: inline; + padding: 0; +} + +/* Sub menus */ +.nav-primary .genesis-nav-menu .sub-icon { + position: absolute; + z-index: 99; + top: 0; + bottom: 0; + right: 0; + width: 50px; + padding-left: 0; + padding-right: 0; + background-color: transparent; + border: none; + text-align: center; +} + +.nav-primary .genesis-nav-menu ul ul a { + padding-left: 40px; +} + +.nav-primary .sub-menu a:hover, +.nav-primary ul ul a:hover, +.nav-primary ul ul .current_page_item > a, +.nav-primary ul ul .current_page_ancestor > a { + color: #222; +} + +/* No jQuery styles */ +.no-jquery #menu-button { + margin-bottom: 0; +} + +.no-jquery #menu-button:hover + .nav-primary .genesis-nav-menu, +.no-jquery .nav-primary a:hover + ul, +.no-jquery ul:hover { + display: block; +} + +/* Secondary Navigation +--------------------------------------------- */ + +.nav-secondary { + background-color: #fff; +} + + +/* +Content Area +---------------------------------------------------------------------------------------------------- */ + +/* Entries +--------------------------------------------- */ + +.entry { + background-color: #fff; + border-radius: 3px; + margin-bottom: 40px; + margin-bottom: 4rem; +} + +.site-inner a { + border-bottom: 1px solid #ddd; +} + +.entry-content a { + color: #f15123; +} + +.entry-content a:hover { + color: #333; +} + +.entry-content .attachment a, +.entry-content .gallery a { + border: none; +} + +.entry-content ol, +.entry-content p, +.entry-content ul, +.ez-home-container-area ol, +.ez-home-container-area p, +.ez-home-container-area ul, +.quote-caption { + margin-bottom: 26px; + margin-bottom: 2.6rem; +} + +.entry-content ol, +.entry-content ul, +.ez-home-container-area ol, +.ez-home-container-area ul { + margin-left: 40px; + margin-left: 4rem; +} + +.entry-content ol li { + list-style-type: decimal; +} + +.entry-content ul li { + list-style-type: disc; +} + +.entry-content ol ol, +.entry-content ul ul { + margin-bottom: 0; +} + +.entry-meta { + color: #999; + font-size: 14px; + font-size: 1.4rem; +} + +.entry-meta a { + border-bottom: 1px solid #ddd; +} + +.entry-header .entry-meta { + margin-bottom: 24px; + margin-bottom: 2.4rem; +} + +.entry-footer .entry-meta { + border-top: 2px solid #f5f5f5; + padding-top: 12px; + padding-top: 1.2rem; +} + +.entry-comments-link::before { + content: "\2014"; + margin: 0 6px 0 2px; + margin: 0 0.6rem 0 0.2rem; +} + +.entry-categories, +.entry-tags { + display: block; +} + +/* Pagination +--------------------------------------------- */ + +.archive-pagination, +.entry-pagination { + font-size: 14px; + font-size: 1.4rem; + margin: 40px 0; + margin: 4rem 0; +} + +.archive-pagination li { + display: inline; +} + +.archive-pagination li a { + background-color: #333; + border-radius: 3px; + color: #fff; + cursor: pointer; + display: inline-block; + padding: 8px 12px; + padding: 0.8rem 1.2rem; +} + +.archive-pagination li a:hover, +.archive-pagination li.active a { + background-color: #f15123; +} + +.entry-pagination a { + border-bottom: 1px solid #ddd; +} + +/* Comments +--------------------------------------------- */ + +.comment-respond, +.entry-comments, +.entry-pings { + background-color: #fff; + margin-bottom: 40px; + margin-bottom: 4rem; +} + +.comment-respond a, +.entry-comments a { + border-bottom: 1px solid #ddd; +} + +.comment-content { + clear: both; +} + +.entry-comments .comment-author { + margin-bottom: 0; +} + +.comment-respond input[type="email"], +.comment-respond input[type="text"], +.comment-respond input[type="url"] { + width: 50% +} + +.comment-respond label { + display: block; + margin-right: 12px; + margin-right: 1.2rem; +} + +.comment-list li, +.ping-list li { + list-style-type: none; +} + +.comment-list li { + margin-top: 24px; + margin-top: 2.4rem; + padding: 32px; + padding: 3.2rem; +} + +.comment-list li li { + margin-right: -32px; + margin-right: -3.2rem; +} + +li.comment { + background-color: #f5f5f5; + border: 2px solid #fff; + border-right: none; +} + +.comment .avatar { + margin: 0 16px 24px 0; + margin: 0 1.6rem 2.4rem 0; +} + +.entry-pings .reply { + display: none; +} + +.bypostauthor { +} + +.form-allowed-tags { + background-color: #f5f5f5; + font-size: 14px; + font-size: 1.4rem; + padding: 24px; + padding: 2.4rem; +} + + +/* +Sidebars +---------------------------------------------------------------------------------------------------- */ + +.sidebar { + color: #999; +} + +.sidebar p:last-child { + margin-bottom: 0; +} + +.sidebar li { + list-style-type: none; + margin-bottom: 6px; + margin-bottom: 0.6rem; + word-wrap: break-word; +} + +.sidebar ul > li:last-child { + margin-bottom: 0; +} + +.sidebar .widget { + background-color: #fff; + border-radius: 3px; + margin-bottom: 30px; + margin-bottom: 3rem; +} + + +/* +Footer Widgets +---------------------------------------------------------------------------------------------------- */ + +.footer-widgets { + background-color: #333; + color: #999; + clear: both; +} + +.footer-widgets .wrap { + padding: 40px 20px 0; + padding: 4rem 2rem 0; +} + +.footer-widgets-1, +.footer-widgets-2, +.footer-widgets-3 { + width: 100%; +} + +.footer-widgets-1, +.footer-widgets-2 { + float: left; +} + +.footer-widgets-3 { + float: right; +} + +.footer-widgets a { + color: #999; +} + +.footer-widgets a:hover { + color: #ddd; +} + +.footer-widgets .widget { + margin-bottom: 24px; + margin-bottom: 2.4rem; +} + +.footer-widgets .widget-title { + color: #fff; +} + +.footer-widgets li { + list-style-type: none; + margin-bottom: 6px; + margin-bottom: 0.6rem; + word-wrap: break-word; +} + +.footer-widgets .search-form input:focus { + border: 1px solid #ddd; +} + + +/* +Site Footer +---------------------------------------------------------------------------------------------------- */ + +.site-footer { + background-color: #fff; + color: #999; + font-size: 14px; + font-size: 1.4rem; + text-align: center; +} + +.site-footer .wrap { + padding: 20px; + padding: 2rem; +} + +.site-footer a:before, +.site-footer a:after { + display: none; +} + +.site-footer p { + margin-bottom: .75em; +} + +.site-footer p:last-child { + margin-bottom: 0; +} + + +/* +General Components +---------------------------------------------------------------------------------------------------- */ + +/* Search Form +--------------------------------------------- */ +.search-form { + padding-right: 115px; +} + +.search-form input[type="submit"] { + float: right; + max-width: 108px; + margin-right: -115px; +} + + +/* +Specific Pages +---------------------------------------------------------------------------------------------------- */ + + +/* +Media Queries +---------------------------------------------------------------------------------------------------- */ + +@media only screen and (-webkit-min-device-pixel-ratio: 1.5), + only screen and (-moz-min-device-pixel-ratio: 1.5), + only screen and (-o-min-device-pixel-ratio: 3/2), + only screen and (min-device-pixel-ratio: 1.5) { + + .header-image .site-header .wrap { + background: url(images/logo@2x.png) no-repeat left; + background-size: 320px 164px; + } + +} + +@media only screen and (min-width: 480px) { + + 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; + } + +} + +@media only screen and (min-width: 768px) { + + body { + background-color: #f5f5f5; + } + + .title-area { + text-align: left; + } + + .header-image .site-header .wrap { + background-position: left top; + } + + .header-image .site-header .widget-area { + padding: 40px 0; + padding: 4rem 0; + } + + .header-widget-area .widget { + float: right; + clear: right; + } + + .site-header .menu .last a { + padding-right: 0; + } + + .site-header .search-form { + float: right; + margin-top: 24px; + margin-top: 2.4rem; + } + + .site-header .widget-area { + width: auto; + } + + .site-header .genesis-nav-menu { + text-align: right; + } + + .wrap { + padding-left: 0; + padding-right: 0; + } + + .content-sidebar-sidebar .content-sidebar-wrap, + .sidebar-content-sidebar .content-sidebar-wrap, + .sidebar-sidebar-content .content-sidebar-wrap { + width: 80%; + } + + .content { + width: 66.5%; + } + + .full-width-content .content { + width: 100%; + } + + .sidebar-secondary { + width: 17.25%; + } + + /* Padding - remove padding in rules below for solid background */ + .entry, + .sidebar .widget, + .author-box, + .comment-respond, + .entry-comments, + .entry-pings { + padding: 30px 40px; + padding: 3rem 4rem; + } + + .footer-widgets-1 { + margin-right: 40px; + margin-right: 4rem; + } + + .archive-description { + padding: 40px 40px 24px; + padding: 4rem 4rem 2.4rem; + } + + .entry-footer .entry-meta { + border-top: 2px solid #f5f5f5; + margin: 0 -40px; + margin: 0 -4rem; + padding: 32px 40px 8px; + padding: 3.2rem 4rem 0.8rem; + } + /* End padding section */ + + .footer-widgets-1, + .footer-widgets-2, + .footer-widgets-3, + .sidebar-primary, + .title-area { + width: 30%; + } + + .five-sixths, + .four-sixths, + .one-fourth, + .one-half, + .one-sixth, + .one-third, + .three-fourths, + .three-sixths, + .two-fourths, + .two-sixths, + .two-thirds { + 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; + } + + /* Mobile Navigation + --------------------------------------------- */ + #menu-button { + display: none; + } + + .nav-primary { + margin: 0; + border-radius: 0; + overflow: visible; + } + + .nav-primary .genesis-nav-menu { + display: block !important; + } + + .nav-primary .genesis-nav-menu .menu-item, + .nav-primary .genesis-nav-menu li { + display: inline-block; + text-align: left; + } + + .nav-primary .genesis-nav-menu > li { + border-top: none; + } + + .nav-primary .genesis-nav-menu .sub-menu, + .nav-primary .genesis-nav-menu ul { + display: block; + left: -9999px; + opacity: 0; + position: absolute; + width: 200px; + z-index: 99; + font-size: 1em; + } + + .nav-primary .genesis-nav-menu .sub-icon { + display: none; + } + + .nav-primary .genesis-nav-menu a, + .nav-primary .genesis-nav-menu > .right { + padding: 20px; + padding: 2rem; + } + + /* Nav extras */ + .nav-primary .genesis-nav-menu > .right { + display: inline-block; + float: right; + border-top: none; + } + + .nav-primary .genesis-nav-menu > .rss > a { + margin: 0 0 0 20px; + margin: 0 0 0 2rem; + } + + .nav-primary .genesis-nav-menu > .search { + padding: 11px 20px; + padding: 1.1rem 2rem; + } + + .nav-primary .genesis-nav-menu > .search form { + padding-right: 0; + } + + .nav-primary .genesis-nav-menu > .search input { + padding: 10px 20px; + padding: 1rem 2rem; + } + + .nav-primary .genesis-nav-menu > .search input[type="submit"] { + display: none; + } + + /* Sub menus */ + .nav-primary .genesis-nav-menu ul a, + .nav-primary .genesis-nav-menu ul ul a { + position: relative; + padding: 10px 20px; + padding: 1rem 2rem; + width: 200px; + font-size: .9em; + } + + .nav-primary .genesis-nav-menu > .parent > a:after { + content: "\f0d7"; + position: relative; + top: -.2em; + margin-left: 8px; + font-family: FontAwesome; + font-size: .6em; + } + + .nav-primary .genesis-nav-menu ul .parent > a:after { + content: "\f0da"; + position: absolute; + top: 1em; + right: 8px; + margin: 0; + font-family: FontAwesome; + font-size: .8em; + vertical-align: middle; + } + + .nav-primary .genesis-nav-menu .menu-item:hover, + .nav-primary .genesis-nav-menu li:hover { + position: relative; + } + + .nav-primary .genesis-nav-menu .menu-item:hover > .sub-menu, + .nav-primary .genesis-nav-menu li:hover > ul { + left: auto; + opacity: 1; + } + + .nav-primary .genesis-nav-menu .sub-menu .menu-item:hover > .sub-menu, + .nav-primary .genesis-nav-menu ul li:hover > ul { + top: 0; + left: 100%; + margin-left: -1px; + } + +} \ No newline at end of file