/* 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.1.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 - Plugins & Widgets - Featured Content - Genesis eNews Extended - Genesis Latest Tweets - Genesis Extender - Gravity Forms - Jetpack - FancyBox for WordPress - MapPress - Simple Section Navigation - Events Manager - Simple Newsletter Signup - WP Types & Views - Site Header - Title Area - Logo - 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,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[type="text"], input[type="search"], input[type="button"], input[type="reset"], input[type="submit"], textarea, input[type="text"]:focus, input[type="search"]:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, 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; } 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: 0; padding: 0; } .site-inner ol, .site-inner ul { margin-left: 40px; margin-left: 4rem; margin-bottom: 26px; margin-bottom: 2.6rem; } .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; color: #f15123; } .site-inner 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; } .widget .entry h2 { margin-bottom: 5px; margin-bottom: 0.5rem; font-size: 1em; } 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, .genesis-nav-menu > .right, #subscribe-email input, /* Begin Jetpack - Blog Subscription */ div.gform_wrapper input[type="email"], /* Begin Gravity Forms */ div.gform_wrapper input[type="text"], div.gform_wrapper textarea, div.gform_wrapper .ginput_complex label { padding: 15px; padding: 1.5rem; line-height: 1.25; } 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[type="radio"], input[type="checkbox"] { width: auto; } input[type="file"], input[type="range"] { padding-left: 0; padding-right: 0; border: none !important; box-shadow: none; } input:focus, textarea:focus { outline: none; } ::-moz-placeholder { color: #999; opacity: 1; } ::-webkit-input-placeholder { color: #999; } button, input[type="button"], input[type="reset"], input[type="submit"], body .button { padding-left: 26px; padding-right: 26px; padding-left: 2.6rem; padding-right: 2.6rem; background-color: #333; border: 1px solid #333; box-shadow: none; color: #fff; cursor: pointer; text-transform: uppercase; width: auto; border-radius: 3px; font-weight: normal; letter-spacing: 0.02em; } button:hover, input:hover[type="button"], input:hover[type="reset"], input:hover[type="submit"], body .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; } /* Sidebar Forms, Buttons, & Inputs */ .sidebar input, .sidebar select, .sidebar textarea, .sidebar button, .sidebar .button, .sidebar #subscribe-email input, /* Begin Jetpack - Blog Subscription */ .sidebar div.gform_wrapper input[type="email"], /* Begin Gravity Forms */ .sidebar div.gform_wrapper input[type="text"], .sidebar div.gform_wrapper textarea, .sidebar .gform_wrapper .ginput_complex .ginput_left select, .sidebar .gform_wrapper .ginput_complex .ginput_right select, .sidebar .gform_wrapper .ginput_complex .ginput_left, .sidebar .gform_wrapper .ginput_complex .ginput_right, .sidebar .gform_wrapper .ginput_complex .ginput_right input[type=text] { width: 100% !important; padding: 0.5em; } .sidebar input[type="radio"], .sidebar input[type="checkbox"] { width: auto !important; } .sidebar input[type="file"] { padding: 0; } .sidebar label { font-size: 0.9em; } .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 */ body .red, .genesis-nav-menu .button { background-color: #f15123; border-color: #f15123; } body .red:hover { background-color: #333; border-color: #333; } .genesis-nav-menu .button:hover { background-color: #555; border-color: #555; } body .blue { background-color: #0971b2; border-color: #0971b2; } body .blue:hover { background-color: #333; border-color: #333; } body .green { background-color: #00a476; border-color: #00a476; } body .green:hover { background-color: #333; border-color: #333; } .arrow-right:after { display: inline-block; content: "\00a0\00a0\f0a9"; font-family: FontAwesome; line-height: 1; } .arrow-left:before { display: inline-block; content: "\f0a8\00a0\00a0"; font-family: FontAwesome; line-height: 1; } /* 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 { overflow: auto; 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; } /* Plugins & 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; } /* 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 .widget:last-child p:last-child, .home .ez-home-container-area .widget:last-child ul:last-child, .home .ez-home-container-area .widget:last-child ol:last-child { margin-bottom: 0; } .bubble .ez-widget-area { margin-bottom: 28px; } /* Gravity Forms --------------------------------------------- */ div.gform_wrapper { max-width: 100%; } div.gform_wrapper input[type="email"], div.gform_wrapper input[type="text"], div.gform_wrapper textarea { font-size: 16px; font-size: 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 li, div.gform_wrapper form .gfield_checkbox li { margin: 0; } div.gform_wrapper ul.gfield_radio li { /* Prevent radio optoin from being cut off by default GF CSS */ padding-left: 1px !important; } div.gform_wrapper .gform_footer input[type="submit"] { font-size: 14px; font-size: 1.4rem; } .sidebar .gform_wrapper .ginput_complex .ginput_left, .sidebar .gform_wrapper .ginput_complex .ginput_right { padding: 0; } .sidebar div.gform_wrapper .gfield_time_hour input, .sidebar div.gform_wrapper .gfield_time_minute input, .sidebar div.gform_wrapper .gfield_date_month input, .sidebar div.gform_wrapper .gfield_date_day input, .sidebar div.gform_wrapper .gfield_date_year input { width: 70% !important; } .sidebar div.gform_wrapper li, .sidebar div.gform_wrapper input[type="button"] + input[type="submit"] { margin-top: 8px; margin-top: 0.8rem; } /* Jetpack - WP Stats --------------------------------------------- */ img#wpstats { display: none; } /* Jetpack - Blog Subscriptions --------------------------------------------- */ #jetpack_subscription_widget input, #subscribe-email input { width: 100%; } .jetpack_subscription_widget .success { margin-bottom: 15px; padding: 15px; background-color: #dff7dd; border: 1px solid #cfe7cd; color: #7ea57b; } .jetpack_subscription_widget .error { margin-bottom: 15px; padding: 15px; background-color: #ffede8; border: 1px solid #efddd8; color: #f15123; } /* 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 { } .simple-section-nav .current_page_item > a { font-weight: bold; } /* Events Manager --------------------------------------------- */ .em-calendar-wrapper { clear: both; } .em-calendar-wrapper .fullcalendar tbody td { vertical-align: top; } .em-calendar-wrapper .fullcalendar thead th, .em-calendar-wrapper .fullcalendar thead td { display: inline-block; } .em-calendar-wrapper .fullcalendar thead th, .em-calendar-wrapper .fullcalendar thead td, .em-calendar-wrapper .fullcalendar .days-names td { font-weight: bold; text-align: center; vertical-align: middle; } .em-calendar-wrapper .fullcalendar thead th, .em-calendar-wrapper .fullcalendar thead td { border: none; width: 10%; } .em-calendar-wrapper .fullcalendar .month_name { width: 80%; } .em-calendar-wrapper .fullcalendar thead a, .em-calendar-wrapper .fullcalendar .eventful > a:first-child, .em-calendar-wrapper .fullcalendar .eventful-post > a:first-child, .em-calendar-wrapper .fullcalendar .eventful-pre > a:first-child { border-bottom: none; text-decoration: none; } .em-calendar-wrapper .fullcalendar tbody { line-height: 1.2; } .em-calendar-wrapper .fullcalendar tbody tr, .em-calendar-wrapper .fullcalendar tbody td { display: block; width: 100%; height: auto; } .em-calendar-wrapper .fullcalendar tbody td { display: block; border-top-width: 0; } .em-calendar-wrapper .fullcalendar tbody .days-names + tr td:first-child { border-top-width: 1px; } .em-calendar-wrapper .fullcalendar .days-names td { display: none; height: auto; padding: 1em 0; background-color: #999; color: #fff; border-color: #666; } .em-calendar-wrapper .fullcalendar ul { margin: 5px 0px 10px 20px; margin: 0.5rem 0 1rem 2rem; font-size: 0.9em; } .em-calendar-wrapper .fullcalendar li { margin-bottom: .5em; } .em-calendar-wrapper table.fullcalendar tr td a { text-decoration: none; } /* WP Types & Views --------------------------------------------- */ .wpv-sorting-indicator { display: none !important; } th a.wpv-header-no-sort:after, th a.wpv-header-asc:after, th a.wpv-header-desc:after { content: "\f0dd"; /* \f0a9 = circle arrow, \f061 = arrow, \f178 = long arrow, \f105 = angle, \f101 = double angle, \f0da = caret */ position: relative; top: -0.4em; display: inline-block; margin-left: 0.5em; font-family: FontAwesome; font-size: 0.7em; } th a.wpv-header-desc:after { content: "\f0de"; top: auto; } /* 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; margin-bottom: 16px; margin-bottom: 1.6rem; width: 100%; text-align: center; } .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; } .has-logo .site-title a:first-child { position: absolute; left: -9999px; top: -9999px; } /* Full width header, no widgets */ .header-full-width .title-area, .header-full-width .site-title { width: 100%; } /* Logo --------------------------------------------- */ .logo-full { display: none; } .logo.show { display: inline-block !important; } /* 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; 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, .nav-primary .genesis-nav-menu .sub-menu .current_page_item > a:hover { color: #fff; } .genesis-nav-menu ul .current_page_item > a { color: #fff; } .genesis-nav-menu > li > a { text-transform: uppercase; } .genesis-nav-menu > .rss > a { margin-right: 15px; margin-right: 1.5rem; } /* 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 .genesis-nav-menu a { padding: 15px 10px; padding: 1.5rem 1rem; font-size: .8em; } .site-header .genesis-nav-menu a:hover, .site-header .genesis-nav-menu .current_page_item > a, .site-header .genesis-nav-menu .current_page_ancestor > a { color: #333; } .site-header .genesis-nav-menu > li { display: inline-block; border-top: none; } .site-header .genesis-nav-menu .sub-menu { display: none; } /* Primary / Mobile Navigation --------------------------------------------- */ .nav-primary, .nav-secondary { display: none; margin: 0 20px; margin: 5px 2rem 0; border-radius: 3px; overflow: hidden; background-color: #333; } .genesis-nav-menu li { display: block; } .genesis-nav-menu > li, .genesis-nav-menu > .right { border-top: 1px solid #444; } .genesis-nav-menu > li.first { border-top: none; } .genesis-nav-menu a, .genesis-nav-menu ul a { padding-right: 50px; padding-right: 5rem; } .genesis-nav-menu a:hover, .genesis-nav-menu .current_page_item > a, .genesis-nav-menu .current_page_ancestor > a { color: #fff; } /* Secondary Navigation --------------------------------------------- */ .nav-secondary { background-color: #fff; } .nav-secondary a:hover, .nav-secondary .current_page_item > a, .nav-secondary .current_page_ancestor > a, .nav-secondary ul .current_page_item > a { color: #111; } .nav-secondary .current_page_item > a, .nav-secondary .current_page_ancestor > a { font-weight: normal; } /* Navigation Extras --------------------------------------------- */ .genesis-nav-menu > .right { border-top-style: double; border-width: 4px; } .genesis-nav-menu > .right > a { display: inline; padding: 0; } .genesis-nav-menu > .right .button, .genesis-nav-menu > .right .search-form { margin: -1em 0; color: #fff; } .genesis-nav-menu > .right .button { margin: -0.6em 0; } .genesis-nav-menu > .right .button, .genesis-nav-menu > .right input { display: inline-block; float: none !important; width: auto; padding: 0.6em 1.2em; border: none; } .genesis-nav-menu > .right .search-form { display: inline-block; padding: 0; } .genesis-nav-menu > .right input[type="submit"] { margin: 0 0 0 0.5em; } /* Sub Menus --------------------------------------------- */ .genesis-nav-menu .sub-icon, .genesis-nav-menu ul .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; } .genesis-nav-menu ul a:hover, .genesis-nav-menu ul .current_page_item > a, .genesis-nav-menu ul .current_page_ancestor > a { color: #222; } /* Non jQuery Styles --------------------------------------------- */ .no-jquery #menu-button { margin-bottom: 0; } .no-jquery #menu-button:hover + .genesis-nav-menu, .no-jquery a:hover + ul, .no-jquery ul:hover { display: block; } /* Content Area ---------------------------------------------------------------------------------------------------- */ /* Entries --------------------------------------------- */ .entry { margin-bottom: 40px; margin-bottom: 4rem; background-color: #fff; } .widget .entry, .bubble .widget .entry { padding: 0; margin-bottom: 20px; margin-bottom: 2rem; } /* Lists inside columns (to remove bottom margin as needed at mobile sizes */ .no-list-margin ul, .no-list-margin ol { margin-top: 0; 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 ul ul, .sidebar ul ol, .sidebar ol ul, .sidebar ol ol { padding-left: 15px; padding-left: 1.5rem; 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; } .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 --------------------------------------------- */ .header-image .site-header .wrap { background-position: left top; } .title-area { width: auto; margin-bottom: 0; text-align: left; } .logo-mobile { display: none; } .logo-full { display: inline-block; } .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; } .site-header .widget-area { width: auto; } .site-header .genesis-nav-menu { text-align: right; } .site-header .genesis-nav-menu .sub-menu { display: block; } /* 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%; } .first, .footer-widgets .footer-widgets-1 { clear: both; margin-left: 0; } li.first { clear: none; } /* 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, .nav-secondary { margin: 0; border-radius: 0; overflow: visible; display: block !important; } .genesis-nav-menu li { display: inline-block; text-align: left; } .genesis-nav-menu > li { border-top-width: 0; } .genesis-nav-menu .sub-menu, .genesis-nav-menu ul { display: block; left: -9999px; opacity: 0; position: absolute; width: 200px; z-index: 99; font-size: 1em; } .genesis-nav-menu .sub-icon { display: none; } .genesis-nav-menu a, .genesis-nav-menu > .right { padding: 16px 20px; padding: 1.6rem 2rem; } /* Navigation Extras --------------------------------------------- */ .genesis-nav-menu > .right { display: inline-block; float: right; border-top: none; } .genesis-nav-menu > .rss > a { margin: 0 0 0 20px; margin: 0 0 0 2rem; } .genesis-nav-menu > .search form { padding-right: 0; } .genesis-nav-menu > .right input[type="submit"] { display: inline-block; } /* 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; } .genesis-nav-menu .sub-menu a, .genesis-nav-menu ul a { position: relative; width: 200px; padding: 10px 20px; padding: 1rem 2rem; border-width: 1px 1px 0 1px; } .genesis-nav-menu > .parent > a:after { content: "\f0d7"; position: relative; top: -.2em; margin-left: 8px; font-family: FontAwesome; font-size: .6em; } .genesis-nav-menu ul .parent > a:after { content: "\f0da"; position: absolute; right: 8px; margin: 0; font-family: FontAwesome; font-size: .8em; line-height: 1.5; } .genesis-nav-menu li:hover { position: relative; } .genesis-nav-menu li:hover > ul { left: auto; opacity: 1; } .genesis-nav-menu ul li:hover > ul { top: 0; left: 100%; margin-left: -1px; } /* Plugins --------------------------------------------- */ /* Events Manager */ .em-calendar-wrapper .fullcalendar tr { display: table-row !important; } .em-calendar-wrapper .fullcalendar th, .em-calendar-wrapper .fullcalendar td { display: table-cell !important; } .em-calendar-wrapper .fullcalendar thead th, .em-calendar-wrapper .fullcalendar thead td, .em-calendar-wrapper .fullcalendar .month_name { width: auto; } .em-calendar-wrapper .fullcalendar tbody td { width: 14.285714286%; height: 100px; } .em-calendar-wrapper .fullcalendar tbody td { border-top-width: 1px; } } @media (min-width: 1140px) { .custom-background .site-inner { margin: 20px auto; } }