/* Theme Name: Trestle Theme URI: http://demo.mightyminnow.com/theme/trestle Template: genesis Description: Trestle is a Genesis child theme for developers based on the default Genesis 2.0 Sample Theme. It features mobile first CSS, helpful theme options, and lots more tools to support your development process. Author: MIGHTYminnow Author URI: http://www.mightyminnow.com/ Version: 1.0.0 Tags: black, gray, red, white, light, one-column, two-columns, three-columns, left-sidebar, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, front-page-post-form, full-width-template, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, genesis, mobile-first, responsive, clean Text Domain: trestle */ /* Table of Contents - HTML5 Reset - Baseline Normalize - Box Sizing - Float Clearing - Defaults - Typographical Elements - Links - Headings - Objects - Forms & Buttons - Tables - Structure and Layout - Site Containers - Bubble Layout - Column Widths and Positions - Column Classes - Common Classes - WordPress - Genesis - Titles - Widgets - Featured Content - Plugins - Genesis eNews Extended - Genesis Latest Tweets - Genesis Extender - Gravity Forms - Jetpack - FancyBox for WordPress - MapPress - Simple Section Navigation - Site Header - Title Area - Widget Area - Site Navigation - General Navigation - Sub Navigation - Site Header Navigation - Primary / Mobile Navigation - Navigation Extras - Sub Menus - Non jQuery Styles - Secondary Navigation - Content Area - Entries - Pagination - Comments - Sidebars - Footer Widgets - Site Footer - General Components - Specific Pages - 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:1em;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: 'Lato', sans-serif; font-size: 16px; font-size: 1.6rem; font-weight: 300; line-height: 1.625; } body.bubble { background-color: #f5f5f5; } 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; } input[type=checkbox] { -webkit-appearance: checkbox; } input[type=radio] { -webkit-appearance: radio; } ::-moz-selection { background-color: #333; color: #fff; } ::selection { background-color: #333; color: #fff; } p { margin: 0 0 24px; margin: 0 0 2.4rem; padding: 0; } p, ol, ul, .quote-caption { margin-bottom: 26px; margin-bottom: 2.6rem; } ol, ul { margin-left: 40px; margin-left: 4rem; padding-left: 0; } .content ul li { list-style-type: disc; } .content ol ol, .content ul ul { margin-bottom: 0; } strong { font-weight: 700; } 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; } blockquote cite { display: block; margin-right: 10%; text-align: right; } .content code { background-color: #333; color: #ddd; } cite { font-style: normal; } /* Links --------------------------------------------- */ a { color: #666; text-decoration: none; } a:hover { color: #333; } .site-inner a { border-bottom: 1px solid #ddd; } .content a { color: #f15123; } .content a:hover { color: #333; } .content .attachment a, .content .gallery a { border: none; } a img { margin-bottom: -4px; margin-bottom: -0.4rem; } .external-link-icons .external-link:after { content: url(images/external.png); margin: 0 0 0 4px; white-space: nowrap; } .menu .external-link:after { display: none; } .email-link-icons .email-link:before { content: url(images/email.png); margin: 0 4px 0 0; white-space: nowrap; } .pdf-link-icons .pdf-link:before { content: url(images/pdf.png); margin: 0 4px 0 0; white-space: nowrap; } .doc-link-icons .doc-link:before { content: url(images/doc.png); margin: 0 4px 0 0; white-space: nowrap; } .image-link, .image-link:hover { border-bottom: none !important; text-decoration: none !important; } .image-link:before, .image-link:after { display: none; } /* Headings --------------------------------------------- */ h1, h2, h3, h4, h5, h6 { color: #333; 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; } .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 & Buttons --------------------------------------------- */ input, select, textarea, button, .button, .genesis-nav-menu a, .nav-primary .genesis-nav-menu > .right { 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 { background-color: #333; border: 1px solid #333; box-shadow: none; color: #fff; cursor: pointer; text-transform: uppercase; width: auto; border-radius: 3px; } button:hover, input:hover[type="button"], input:hover[type="reset"], input:hover[type="submit"], .button:hover, .genesis-nav-menu input[type="submit"] { background-color: #f15123; border-color: #f15123; color: #fff; } .button { display: inline-block; } .button:before, .button:after { display: none; } .content .button, .content .button:hover { color: #FFF; } .genesis-nav-menu input[type="submit"]:hover { background-color: #555; border-color: #555; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button { display: none; } /* Button Colors & Classes */ .red, .genesis-nav-menu .button { background-color: #f15123; border-color: #f15123; } .red:hover { background-color: #333; border-color: #333; } .genesis-nav-menu .button:hover { background-color: #555; border-color: #555; } .blue { background-color: #0971B2; border-color: #0971B2; } .blue:hover { background-color: #333; border-color: #333; } .green { background-color: #00A476; border-color: #00A476; } .green:hover { background-color: #333; border-color: #333; } .arrow-right:after { display: inline-block; content: "\00a0\00a0\f0a9"; font-family: FontAwesome; } .arrow-left:before { display: inline-block; content: "\f0a8\00a0\00a0"; font-family: FontAwesome; } /* 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; border-radius: 3px; } .custom-background .site-inner { max-width: 1100px; margin: 20px; margin: 2rem; padding: 30px; padding: 3rem; background-color: #FFF; } .custom-background.bubble .site-inner { max-width: 1140px; margin: 0 auto; padding: 20px; padding: 2rem; background-color: transparent; } .entry, .sidebar .widget, .ez-widget-area, .breadcrumb, .archive-description, .author-box, .comment-respond, .entry-comments, .entry-pings { margin-bottom: 20px; margin-bottom: 2rem; border-radius: 3px; } /* Bubble Layout --------------------------------------------- */ .bubble .entry, .bubble .sidebar .widget, .bubble .ez-widget-area, .bubble .breadcrumb, .bubble .archive-description, .bubble .author-box, .bubble .comment-respond, .bubble .entry-comments, .bubble .entry-pings { padding: 30px 40px; padding: 3rem 4rem; } .bubble .sidebar .widget { background-color: #fff; } /* Column Widths and Positions --------------------------------------------- */ .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, .footer-widgets .widget-area { 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; } 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; clear: left; text-align: left; } .alignright { float: right; clear: right; text-align: right; } img.alignleft, .wp-caption.alignleft { margin: 0.3em 24px 24px 0; margin: 0.3em 2.4rem 2.4rem 0; } img.alignright, .wp-caption.alignright { margin: 0.3em 0 24px 24px; margin: 0.3em 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; background-color: #FFF; } .archive-description, .author-box { background-color: #fff; margin-bottom: 40px; margin-bottom: 4rem; } .archive-description h1 { margin-bottom: 0; } .author-box-title { color: #333; 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 { word-wrap: break-word; } .entry-title a, .sidebar .widget-title a { color: #333; border-bottom: none; } .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, .bubble .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; border-color: #FFF; color: #333; } /* Genesis Latest Tweets --------------------------------------------- */ .latest-tweets ul li { margin-bottom: 16px; margin-bottom: 1.6rem; } /* Genesis Extender --------------------------------------------- */ .home .ez-home-container-area { margin-bottom: 0; } .home .ez-home-container-area p:last-child, .home .ez-home-container-area ul:last-child, .home .ez-home-container-area ol:last-child { margin-bottom: 0; } .bubble .ez-widget-area { margin-bottom: 28px; } /* 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_page_item > a, .simple-section-nav .current_page_ancestor > a { color: #f15123; } /* Site Header ---------------------------------------------------------------------------------------------------- */ .site-header { background-color: #FFF; } .custom-background .site-header { background-color: transparent; } .site-header .wrap { padding: 20px; padding: 2rem; } /* Title Area --------------------------------------------- */ .title-area { float: left; 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: 0 auto ; margin: 0 auto; text-align: center; } /* Site Navigation ---------------------------------------------------------------------------------------------------- */ /* General Navigation --------------------------------------------- */ #menu-button { margin: 0 20px; margin: 0 2rem; text-align: center; display: block; } .bubble #menu-button { margin-top: 20px; margin-top: 2rem; } .custom-background #menu-button { margin-top: 0; } .genesis-nav-menu { clear: both; margin: 0; color: #999; line-height: 1.5; width: 100%; } .genesis-nav-menu li { position: relative; display: inline-block; } .genesis-nav-menu a, .genesis-nav-menu > .right { border-width: 0; color: #999; display: block; position: relative; } .genesis-nav-menu a:hover, .genesis-nav-menu .current_page_item > a, .genesis-nav-menu .sub-menu .current_page_item > a:hover { color: #333; } .genesis-nav-menu ul .current_page_item > a { color: #333; } .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 Navigation --------------------------------------------- */ .genesis-nav-menu .sub-menu, .genesis-nav-menu ul { display: none; margin: 0; 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_page_item > ul, .genesis-nav-menu .current_page_parent > ul, .genesis-nav-menu .current_page_ancestor > ul { display: block; } .genesis-nav-menu li .sub-menu, .genesis-nav-menu li ul { border: 0 solid #EEE; border-top-width: 1px; } .genesis-nav-menu > li > .sub-menu, .genesis-nav-menu > li > ul { border: 1px solid #EEE; font-size: 0.9em; } .genesis-nav-menu .sub-menu li, .genesis-nav-menu ul li { padding-left: 15px; padding-left: 1.5rem; } .genesis-nav-menu .sub-menu a, .genesis-nav-menu ul a { position: relative; padding: 10px 5px; border: 0 solid #eee; border-bottom-width: 1px; } .genesis-nav-menu .sub-menu li:last-child > a, .genesis-nav-menu ul li:last-child > a { border-bottom-width: 0; } /* 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 { display: none; margin: 0 20px; margin: 5px 2rem 0; border-radius: 3px; overflow: hidden; background-color: #333; } .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 > li.first { border-top: none; } .nav-primary .genesis-nav-menu a { padding-right: 50px; padding-right: 5rem; } .nav-primary a:hover, .nav-primary .current_page_item > a, .nav-primary .current_page_ancestor > a { color: #fff; } /* Navigation 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; } .nav-primary .genesis-nav-menu > .right > .button { padding: 12px 18px; color: #FFF; font-weight: normal; } /* Sub Menus --------------------------------------------- */ .nav-primary .genesis-nav-menu .sub-icon { position: absolute; z-index: 99; top: 0; right: 0; width: 50px; padding-left: 0; padding-right: 0; background-color: transparent; border: none; text-align: center; } .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; } /* Non 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 { margin-bottom: 40px; margin-bottom: 4rem; background-color: #fff; } /* Lists inside columns (to remove bottom margin as needed at mobile sizes */ .no-list-margin ul, .no-list-margin ol { 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 { clear: both; } .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: 20px 0 30px; margin: 2rem 0 3rem; } .archive-pagination ul { margin-left: 0; } .archive-pagination li { display: inline; } .pagination-next a, .pagination-previous a, .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; } .pagination-next a:hover, .pagination-previous a:hover, .archive-pagination li a:hover, .archive-pagination li.active a { background-color: #f15123; color: #FFF; } .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; } .content .comment-list, .content .ping-list, .content .comment-list ul, .content .ping-list ul { margin-left: 0; } .content .comment-list li, .content .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; } .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 ul { margin-left: 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; } .bubble .ez-widget-area { background-color: #fff; border-radius: 3px; } /* 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: 125px; } .search-form input[type="submit"] { float: right; margin-right: -125px; } /* 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 (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 (min-width: 768px) { /* General --------------------------------------------- */ .wrap { padding-left: 0; padding-right: 0; } /* Header --------------------------------------------- */ .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: 16px; margin-top: 1.6rem; } .site-header .widget-area { width: auto; } .site-header .genesis-nav-menu { text-align: right; } /* Content --------------------------------------------- */ .site-inner { padding-top: 30px; padding-top: 3rem; } .content-sidebar-sidebar .content-sidebar-wrap, .sidebar-content-sidebar .content-sidebar-wrap, .sidebar-sidebar-content .content-sidebar-wrap { width: 80%; } .full-width-content .content { width: 100%; } .content-sidebar .sidebar-primary, .sidebar-content-sidebar .content, .sidebar-content-sidebar .sidebar-primary, .sidebar-sidebar-content .content, .sidebar-sidebar-content .sidebar-primary { padding-left: 30px; } .content-sidebar-sidebar .content, .sidebar-content .sidebar-primary, .content-sidebar-sidebar .sidebar-primary { padding-right: 30px; } .sidebar-secondary { width: 18%; } /* Bubble Layout - Padding & Margins --------------------------------------------- */ .bubble .site-inner { padding-top: 20px; padding-top: 2rem; } .bubble .content, .bubble .sidebar-primary { padding: 0; } .bubble .entry, .bubble .breadcrumb, .bubble .archive-description, .bubble .author-box { margin-bottom: 3.8674033%; } .bubble.full-width-content .entry, .bubble.full-width-content .breadcrumb, .bubble.full-width-content .archive-description, .bubble.full-width-content .author-box { margin-bottom: 2%; } .bubble.content-sidebar-sidebar .entry, .bubble.content-sidebar-sidebar .breadcrumb, .bubble.content-sidebar-sidebar .archive-description, .bubble.content-sidebar-sidebar .author-box, .bubble.sidebar-content-sidebar .entry, .bubble.sidebar-content-sidebar .breadcrumb, .bubble.sidebar-content-sidebar .archive-description, .bubble.sidebar-content-sidebar .author-box, .bubble.sidebar-sidebar-content .entry, .bubble.sidebar-sidebar-content .breadcrumb, .bubble.sidebar-sidebar-content .archive-description, .bubble.sidebar-sidebar-content .author-box { margin-bottom: 3.9723661%; } .sidebar .widget, .bubble .sidebar .widget { margin-bottom: 8.045977%; } .content-sidebar-sidebar .sidebar .widget, .sidebar-content-sidebar .sidebar .widget, .sidebar-sidebar-content .sidebar .widget { margin-bottom: 8.2733813%; } .bubble .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; } /* Columns --------------------------------------------- */ .five-sixths, .four-sixths, .one-fourth, .one-half, .one-sixth, .one-third, .three-fourths, .three-sixths, .two-fourths, .two-sixths, .two-thirds, .footer-widgets .widget-area { margin-left: 2.564102564102564%; } .one-half, .three-sixths, .two-fourths, .footer-widgets-number-2 .footer-widgets .widget-area { width: 48.717948717948715%; } .one-third, .two-sixths, .sidebar-primary, .title-area, .footer-widgets-number-3 .footer-widgets .widget-area { width: 31.623931623931625%; } .four-sixths, .two-thirds, .content { width: 65.81196581196582%; } .one-fourth, .footer-widgets-number-4 .footer-widgets .widget-area { width: 23.076923076923077%; } .three-fourths { width: 74.35897435897436%; } .one-fifth, .footer-widgets-number-5 .footer-widgets .widget-area { width: 17.948717949%; } .one-sixth, .footer-widgets-number-6 .footer-widgets .widget-area { width: 14.52991452991453%; } .five-sixths { width: 82.90598290598291%; } .col.first, .footer-widgets .footer-widgets-1 { clear: both; margin-left: 0; } /* Lists inside columns (to remove bottom margin as needed at mobile sizes */ .no-list-margin ul, .no-list-margin ol { margin-bottom: 26px; margin-bottom: 2.6rem; } /* Non-Mobile Navigation --------------------------------------------- */ #menu-button { display: none; } .nav-primary { margin: 0; border-radius: 0; overflow: visible; display: block !important; } .nav-primary .genesis-nav-menu li { display: inline-block; text-align: left; } .nav-primary .genesis-nav-menu > li { border-top-width: 0; } .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; } /* Navigation 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 --------------------------------------------- */ .genesis-nav-menu li .sub-menu, .genesis-nav-menu li ul { border-width: 0 0 1px; } .genesis-nav-menu .sub-menu li, .genesis-nav-menu ul li { padding-left: 0; } .nav-primary .genesis-nav-menu ul a, .nav-primary .genesis-nav-menu ul ul a { position: relative; width: 200px; padding: 10px 20px; padding: 1rem 2rem; border-width: 1px 1px 0 1px; } .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 li:hover { position: relative; } .nav-primary .genesis-nav-menu li:hover > ul { left: auto; opacity: 1; } .nav-primary .genesis-nav-menu ul li:hover > ul { top: 0; left: 100%; margin-left: -1px; } } @media (min-width: 1140px) { .custom-background .site-inner { margin: 20px auto; } }